:root {
--c-main-1: #121a45;
--c-main-2: #2fabdd;
--c-main-3: #01105b;
--c-main-4: #163260;
--c-main-5: #1c2356;
--c-main-6: #036AE5;
--c-main-7: #101624;
--c-main-8: #1A3D96;
--c-main-9: #565C69;
--c-main-10: #71A2FF;
--c-sec-1: #0a456e;
--c-sec-2: #82c8ee;
--c-white: #fff;
--c-white-50: hsla(0, 0%, 98%, 0.5);
--c-white-1: #fbfaf5;
--c-black: #000;
--c-orange: #fcb415;
--c-orange-2: #fcb41526;
--c-gray: #7f7f7f;
--c-blue-1: #0c2a54;
--c-purple: #a5a6f6;
--c-purple-2: #7879f1;
--c-purple-3: #5d5fef;
--c-purple-4: #71768f;
--c-purple-5: #8a8bf6;
--c-bg-1: #f6f8fc;
--c-bg-2: rgba(120, 121, 241, 0.1);
--c-t-sec: #bbb;
--c-border: hsla(0, 0%, 73%, 0.3);
--f-white: invert(100%) sepia(0%) saturate(7500%) hue-rotate(75deg) brightness(102%) contrast(101%);
--f-main-2: invert(59%) sepia(35%) saturate(1216%) hue-rotate(161deg) brightness(95%) contrast(81%);
--f-sec-2: invert(79%) sepia(4%) saturate(4967%) hue-rotate(172deg) brightness(99%) contrast(88%);
--f-orange: invert(75%) sepia(52%) saturate(1712%) hue-rotate(348deg) brightness(102%) contrast(98%);
--f-purple: invert(77%) sepia(6%) saturate(7476%) hue-rotate(195deg) brightness(95%) contrast(103%);
--f-purple-2: invert(51%) sepia(15%) saturate(2149%) hue-rotate(201deg) brightness(97%) contrast(96%);
--f-purple-4: invert(48%) sepia(8%) saturate(981%) hue-rotate(193deg) brightness(94%) contrast(90%);
--f-main-6: invert(40%) sepia(80%) saturate(3354%) hue-rotate(182deg) brightness(80%) contrast(104%);
--shadow-1: #2fabdd66;
--background-1: rgba(165, 166, 246, 0.12);
--gradient-1: linear-gradient(270deg, #2f9edd, #427eeb);
--gradient-2: linear-gradient(108.65deg,
#2724bd 0.82%,
#2724bd 59.86%,
#8261ee 111.61%);
--gradient-3: linear-gradient(90deg, #2fabdd, #82c8ee);
--gradient-4: linear-gradient(180deg,
rgba(165, 166, 246, 0.12),
rgba(165, 166, 246, 0));
--gradient-5: linear-gradient(180deg,
rgba(165, 166, 246, 0.12),
rgba(165, 166, 246, 0));
--gradient-6: linear-gradient(180deg,
rgba(165, 166, 246, 0.12),
rgba(165, 166, 246, 0));
--radius-1: 5px;
--radius-2: 10px;
--radius-3: 15px;
--radius-4: 20px;
--radius-5: 30px;
--radius-6: 100px;
--c-disable: #bbb;
--transition-time: 0.2s;
}
.color-main-6 {
color: var(--c-main-6) !important;
}
.title-small {
color: var(--c-main-6) !important;
font-size: 14px;
font-weight: 700;
line-height: 140%;
text-transform: uppercase;
margin-bottom: 8px;
}
.title-small-2 {
color: var(--c-main-10) !important;
font-size: 17px;
font-weight: 700;
line-height: 140%;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 8px;
}
.title-38 {
color: var(--c-main-7) !important;
font-size: 38px;
font-weight: 600;
line-height: 140%;
margin-bottom: 32px;
}
@media screen and (max-width: 767px) {
.title-38 {
font-size: 24px;
margin-bottom: 16px;
}
}
.title-38.border {
font-size: 32px;
padding-left: 24px;
position: relative;
}
@media screen and (max-width: 767px) {
.title-38.border {
font-size: 24px;
}
}
.title-38.border:after {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 8px;
height: 34px;
background: var(--c-main-6);
z-index: 1;
}
.title-48 {
color: var(--c-main-7) !important;
font-size: 48px;
font-weight: 600;
line-height: 140%;
margin-bottom: 32px;
}
@media screen and (max-width: 767px) {
.title-48 {
font-size: 24px;
margin-bottom: 16px;
}
}
.title-60 {
color: #FFF !important;
font-size: 60px;
font-weight: 400;
line-height: 130%;
margin-bottom: 32px;
}
@media screen and (max-width: 767px) {
.title-60 {
font-size: 24px;
margin-bottom: 16px;
}
}
.title-75 {
color: #FFF !important;
font-size: 75px;
font-weight: 400;
line-height: 130%;
margin-bottom: 32px;
}
@media screen and (max-width: 767px) {
.title-75 {
font-size: 24px;
margin-bottom: 16px;
}
}
.news-other-title {
color: var(--c-main-6) !important;
font-size: 16px;
font-weight: 700;
line-height: 140%;
letter-spacing: 1px;
text-transform: uppercase;
display: flex;
align-items: center;
white-space: nowrap;
}
.news-other-title .text {
padding-right: 16px;
}
.news-other-title .border { border: 0.5px solid #E5E7EF;
width: 100%;
}
.btn-base-brd-slide:hover {
transition: none;
}
body,
html {
font-family: "Be Vietnam Pro", sans-serif;
}
body,
html {
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 140%;
color: var(--c-main-7);
}
html {
overflow-x: hidden;
}
body {
overflow-y: auto;
}
#language-kr {
word-break: keep-all;
}
a {
transition: all var(--transition-time);
}
a,
a.active,
a:focus,
a:hover {
color: var(--c-main-6);
text-decoration: none;
}
a.active,
a:focus,
a:hover {
filter: brightness(1.03);
}
h1 {
font-size: 40px;
line-height: 58px;
}
h1,
h2 {
font-weight: 800;
}
h2 {
font-size: 35px;
line-height: 50px;
}
h3 {
font-size: 28px;
line-height: 36px;
}
h3,
h4 {
font-weight: 800;
}
h4 {
font-size: 22px;
line-height: 35px;
}
h5 {
font-size: 18px;
line-height: 28px;
}
h5,
h6 {
font-weight: 800;
}
h6 {
font-size: 16px;
}
h6,
li,
p,
ul { line-height: 140%;
}
li,
.ff-richtext li,
p,
ul { color: var(--c-main-7);
font-size: 18px;
font-weight: 400;
}
@media (max-width: 567px) {
li,
p,
ul {
font-size: 16px; line-height: 140%;
}
}
li.fg-text-dark,
p.fg-text-dark,
ul.fg-text-dark {
color: var(--c-main-7);
}
.content {
padding: 0;
} .s-header {
color: var(--c-main-1);
font-weight: 700;
}
.s-header--one {
font-size: 60px;
line-height: 80px;
}
@media (max-width: 768px) {
.s-header--one {
font-size: 35px;
line-height: 50px;
}
}
.s-header--two {
font-size: 50px;
line-height: 67px;
}
@media (max-width: 768px) {
.s-header--two {
font-size: 35px;
line-height: 50px;
}
}
.s-header--three {
font-size: 40px;
line-height: 58px;
}
.s-header--four {
font-size: 35px;
line-height: 50px;
}
.s-header--five {
font-size: 28px;
line-height: 36px;
}
@media (max-width: 768px) {
.s-header--five {
font-size: 22px;
line-height: 35px;
}
}
.s-header--six {
font-size: 22px;
line-height: 35px;
}
.s-header--seven {
font-size: 18px;
line-height: 30px;
}
.s-header--eight {
font-size: 16px;
line-height: 26px;
}
.s-header--nine {
font-size: 14px;
line-height: 22px;
}
.s-header--ten {
font-size: 12px;
line-height: 18px;
}
.s-subheader {
color: var(--c-main-1);
font-weight: 700;
letter-spacing: 2px;
text-transform: uppercase;
}
.s-subheader--one {
font-size: 16px;
line-height: 26px;
}
.s-subheader--two {
font-size: 14px;
line-height: 22px;
}
.s-subheader--three {
font-size: 12px;
line-height: 18px;
}
.s-text {
color: var(--c-black);
font-weight: 400;
opacity: 0.94;
}
.s-text--one {
color: var(--c-main-1);
font-size: 22px;
line-height: 35px;
opacity: 1;
}
.s-text--two {
font-size: 18px;
line-height: 30px;
}
.s-text--three {
font-size: 16px;
line-height: 26px;
}
.s-text--four {
font-size: 14px; line-height: 140%;
}
.s-text--five {
font-size: 12px;
line-height: 28px;
}
.s-text--six {
font-size: 16px;
line-height: 140%;
color: var(--c-main-9) !important;
margin-bottom: 48px;
}
@media screen and (max-width: 767px) {
.s-text--six {
font-size: 14px;
margin-bottom: 24px;
}
}
.s-text--sevent {
font-size: 16px;
line-height: 140%;
color: #ffffff70 !important;
margin-bottom: 48px;
}
@media screen and (max-width: 767px) {
.s-text--sevent {
font-size: 14px;
margin-bottom: 24px;
}
}
.s-button {
display: inline-flex;
align-items: center;
justify-content: center;
border: none;
border-radius: 4px;
font-size: 16px;
font-weight: 600;
gap: 16px;
line-height: 140%;
outline: none;
overflow: hidden;
padding: 12px 30px;
text-decoration: none !important;
transition: all var(--transition-time);
}
.s-button--main--one {
background: var(--c-main-1);
color: var(--c-white);
}
.s-button--main--one .icon {
filter: var(--f-white);
}
.s-button--main--one:focus,
.s-button--main--one:hover {
background: var(--c-sec-1);
color: var(--c-white);
}
.s-button--main--one--disabled {
background: var(--c-disable);
color: var(--c-white);
}
.s-button--main--two {
background: var(--gradient-1);
color: var(--c-white);
position: relative;
}
.s-button--main--two .icon {
filter: var(--f-white);
}
.s-button--main--two:focus,
.s-button--main--two:hover {
box-shadow: 0 5px 15px 0 #2fabdd66;
color: var(--c-white);
filter: none;
}
.s-button--main--two--disabled {
background: var(--c-disable);
color: var(--c-white);
}
.s-button--main--three {
background: var(--c-main-6);
color: var(--c-white);
position: relative;
box-shadow: 0px 1px 1px 0px rgba(255, 255, 255, 0.20) inset, 0px 6px 12px 0px rgba(255, 255, 255, 0.12) inset, 0px 1px 2px 0px rgba(8, 8, 8, 0.20), 0px 4px 4px 0px rgba(8, 8, 8, 0.08);
line-height: normal;
} @media screen and (max-width: 767px) {
.s-button-hide-icon-mobile .icon {
display: none;
}
}
.s-button--main--three:focus,
.s-button--main--three:hover {
box-shadow: 0 5px 15px 0 #2fabdd66;
color: var(--c-white);
filter: none;
}
.s-button--outlined--one {
background: transparent;
box-shadow: 0 0 0 2px var(--c-main-1);
color: var(--c-main-1);
}
.s-button--outlined--one:focus,
.s-button--outlined--one:hover {
background: var(--c-sec-1);
color: var(--c-main-1);
}
.s-button--outlined--one--disabled {
background: var(--c-disable);
color: var(--c-main-1);
}
.s-button--outlined--two {
background: transparent;
box-shadow: 0 0 0 2px var(--c-main-1);
color: var(--c-main-2);
}
.s-button--outlined--two:focus,
.s-button--outlined--two:hover {
background: var(--c-main-2);
color: var(--c-main-2);
}
.s-button--outlined--two--disabled {
background: var(--c-disable);
color: var(--c-main-2);
}
.s-button--watch {
color: var(--c-orange);
padding: 0;
}
.s-button--watch .icon {
filter: invert(66%) sepia(93%) saturate(467%) hue-rotate(348deg) brightness(101%) contrast(98%);
}
.s-button--watch:focus,
.s-button--watch:hover {
color: var(--c-orange);
}
.s-button--watch-new {
color: var(--c-white);
background: rgba(255, 255, 255, 0.15);
backdrop-filter: blur(7.5px);
}
.s-button--watch-new:focus,
.s-button--watch-new:hover {
color: var(--c-white);
}
.s-button--read-more {
align-items: center;
color: var(--c-main-2);
display: inline-flex;
font-size: 12px;
gap: 8px;
justify-content: center;
padding: 0;
}
.s-button--read-more .icon {
filter: var(--f-main-2);
}
.s-button--read-more:hover {
color: var(--c-sec-2);
}
.s-button--read-more:hover .icon {
filter: var(--f-sec-2);
}
.s-button--read-more-new {
color: var(--c-main-6);
display: inline-flex;
align-items: center;
gap: 16px;
font-size: 14px;
font-weight: 600;
}
.s-button--leave-message {
align-items: center;
background-color: var(--c-white);
color: var(--c-main-2);
display: inline-flex;
gap: 8px;
justify-content: center;
padding: 17px 24px;
transition: box-shadow var(--transition-time) ease;
}
.s-button--leave-message .icon {
filter: var(--f-main-2);
}
.s-button--leave-message:hover {
box-shadow: 0 5px 15px 0 #2fabdd66;
}
.s-button--next,
.s-button--prev {
align-items: center;
border: 1px solid var(--c-t-sec);
border-radius: 100%;
color: var(--c-main-2);
display: flex !important;
height: 50px;
justify-content: center;
padding: 0;
transition: border-color var(--transition-time) ease;
width: 50px;
}
.s-button--next:hover,
.s-button--prev:hover {
border-color: var(--c-purple);
}
.s-button--next .icon,
.s-button--prev .icon {
filter: var(--f-purple);
}
.s-button--tag {
background: #7879f133 !important;
border-radius: 5px !important;
color: var(--c-purple-2) !important;
font-size: 14px !important;
font-weight: 700 !important;
line-height: 22px !important;
padding: 9px 15px 9px 30px !important;
position: relative !important;
text-align: left !important;
}
.s-button--tag:before {
background: var(--c-purple-2);
border-radius: 100%;
content: "";
display: block;
height: 7px;
left: 14px;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 7px;
}
.s-button--next-new,
.s-button--prev-new {
position: absolute;
bottom: -55px;
z-index: 1;
border: none;
width: 45px;
height: 45px;
background: var(--c-main-8);
}
.s-button--next-new.slick-disabled,
.s-button--prev-new.slick-disabled {
background: #E5E7EF;
}
.s-button--next-new {
right: 0;
}
.s-button--prev-new {
right: 60px;
transform: rotate(180deg);
}
@media screen and (max-width: 767px) {
.s-button--prev-new {
right: 52px;
}
}
.s-button--next-new .icon,
.s-button--prev-new .icon {
filter: var(--f-white);
}
.s-button--next-new.slick-disabled .icon,
.s-button--prev-new.slick-disabled .icon {
filter: invert(60%) sepia(8%) saturate(81%) hue-rotate(193deg) brightness(94%) contrast(300%);
}
@media screen and (max-width: 767px) {
.s-button--next-new,
.s-button--prev-new {
width: 40px;
height: 40px;
}
} .s-button--next-new-2,
.s-button--prev-new-2 {
position: absolute;
top: -114px;
z-index: 1;
border: none;
width: 33.3px;
height: 33.3px;
opacity: 0.2;
}
.s-button--next-new-2.slick-disabled,
.s-button--prev-new-2.slick-disabled { }
.s-button--next-new-2 {
right: 0;
}
.s-button--prev-new-2 {
right: 46px;
transform: rotate(180deg);
}
@media screen and (max-width: 767px) {
.s-button--prev-new-2 {
right: 52px;
}
}
.s-button-effect-one {
border-radius: var(--Radius-4, 4px);
border: 1px solid #036AE5;
box-shadow: 0 1px 1px 0 rgba(255, 255, 255, 0.20) inset, 0 6px 12px 0 rgba(255, 255, 255, 0.12) inset, 0 1px 2px 0 rgba(8, 8, 8, 0.20), 0 4px 4px 0 rgba(8, 8, 8, 0.08);
background: transparent;
color: #036AE5;
}
.s-button-effect-one:after {
content: "";
position: absolute;
inset: 0;
background: #036AE5;
z-index: -1;
transform: translateY(100%);
transition: 0.3s;
}
.s-button-effect-one:hover {
box-shadow: none;
background: transparent;
}
.s-button-effect-one:hover img {
filter: brightness(0) invert(1);
}
.s-button-effect-one:hover:after {
transform: translateY(0);
} .pagination {
margin: 24px 0;
} .sotatek-header>.container>.grid .toggle {
cursor: pointer;
display: none;
flex-direction: column;
height: 18px;
justify-content: space-between;
width: 24px;
z-index: 2;
}
@media (max-width: 1200px) {
.sotatek-header>.container>.grid .toggle {
display: flex;
}
}
.sotatek-header>.container>.grid .toggle .line {
background: var(--c-main-7);
border-radius: 10px;
display: block;
height: 2.5px;
width: 100%;
}
.sotatek-header.dark>.container>.grid .toggle .line,
.header-active .sotatek-header>.container>.grid .toggle .line {
background: var(--c-white);
}
.sotatek-header.stick>.container>.grid .toggle .line {
background: var(--c-main-7);
} .header-active {
overflow: hidden;
} .sotatek-header {
height: 75px;
left: 0;
right: 0;
top: 0;
z-index: 999;
position: relative;
background-color: #fff;
}
.sotatek-header.dark {
position: fixed;
background-color: transparent;
}
.header-active .sotatek-header,
.header-active .sotatek-header.dark {
background-color: #002359;
}
.sotatek-header.stick {
background-color: #ffffff;
box-shadow: 0px 0px 15px 0px rgba(20, 19, 22, 0.15);
position: fixed;
}
.sotatek-header.stick.dark {
background-color: #fff;
}
@media (max-width: 1200px) {
.sotatek-header.stick {
height: 56px;
}
}
.sotatek-header>.container {
height: 100%;
position: relative;
width: auto;
padding-left: 30px;
padding-right: 30px;
}
@media (max-width: 767px) {
.sotatek-header>.container {
padding-left: 15px;
padding-right: 15px;
}
}
.sotatek-header>.container>.grid {
align-items: center;
display: flex;
height: 100%;
justify-content: space-between;
position: relative;
}
.sotatek-header>.container>.grid .sotatek-header-left {
align-items: center;
display: flex;
height: 100%;
gap: 26px;
}
.sotatek-header>.container>.grid .sotatek-header-left a.logo-wrapper {
height: 100%;
display: flex;
align-items: center;
justify-content: center;
padding: 8px 0;
}
.sotatek-header>.container>.grid .sotatek-header-left a.logo-wrapper img {
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
.sotatek-header>.container>.grid .sotatek-header-right {
align-items: center;
display: flex;
height: 100%;
gap: 30px;
}
@media (max-width: 1200px) {
.sotatek-header>.container>.grid .sotatek-header-right {
gap: 16px;
}
}
@media (max-width: 767px) {
.sotatek-header>.container>.grid .sotatek-header-right {
gap: 16px;
}
} .sotatek-header>.container>.grid .menu {
height: 100%;
}
.header-active .sotatek-header>.container>.grid .menu {
opacity: 1;
height: 100%;
padding-top: 15px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 75px;
}
@media (max-width: 1200px) {
.sotatek-header>.container>.grid .menu {
background-color: #002359;
bottom: 0;
left: 0;
opacity: 0;
overflow-y: auto;
padding: 0;
position: fixed;
right: 0;
top: 75px;
transition: opacity var(--transition-time) ease;
z-index: 1;
height: 0;
padding-bottom: 0;
}
.sotatek-header.stick>.container>.grid .menu {
top: 56px;
}
}
.menu-all-sotatek-header-en-container {
height: 100%;
}
@media (max-width: 1200px) {
.menu-all-sotatek-header-en-container {
height: auto;
}
}
.menu-all-sotatek-header-en-container ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.menu-all-sotatek-header-en-container ul.sotatek-header-menu {
align-items: center;
display: flex;
height: 100%;
}
@media (max-width: 1200px) {
.menu-all-sotatek-header-en-container ul.sotatek-header-menu {
flex-wrap: wrap;
height: unset;
}
}
.menu-all-sotatek-header-en-container ul.sotatek-header-menu>li.menu-item {
cursor: pointer;
height: 100%;
border-top: 6px solid transparent;
}
@media (max-width: 1200px) {
.menu-all-sotatek-header-en-container ul.sotatek-header-menu>li.menu-item {
width: 100%;
border-top: none;
}
}
.menu-all-sotatek-header-en-container ul.sotatek-header-menu li.menu-item a {
color: var(--c-main-7); font-size: 14px;
font-weight: 600;
line-height: 140%;
text-decoration: none;
transition: color var(--transition-time) ease;
display: block;
}
@media (max-width: 1200px) {
.menu-all-sotatek-header-en-container ul.sotatek-header-menu li.menu-item a {
color: var(--c-white) !important;
}
}
.menu-all-sotatek-header-en-container ul.sotatek-header-menu>li.menu-item>a {
display: flex;
align-items: center;
height: 100%;
padding: 0 15px;
}
.sotatek-header.dark .menu-all-sotatek-header-en-container ul.sotatek-header-menu>li.menu-item>a {
color: var(--c-white);
}
.sotatek-header.stick .menu-all-sotatek-header-en-container ul.sotatek-header-menu>li.menu-item>a {
color: var(--c-main-7);
}
.menu-all-sotatek-header-en-container ul.sotatek-header-menu li.menu-item a span.menu-image-title {
padding-left: 0;
}
.menu-all-sotatek-header-en-container ul.sotatek-header-menu li.menu-item a .description {
color: var(--c-main-9);
font-size: 12px;
font-weight: 400;
line-height: 140%;
margin-top: 4px;
letter-spacing: 0;
}
.menu-all-sotatek-header-en-container ul.sotatek-header-menu li.menu-item a .description:empty {
display: none;
}
.menu-all-sotatek-header-en-container ul.sotatek-header-menu>li.menu-item>ul.sub-menu {
position: absolute;
left: 0;
top: calc(100% + 20px);
width: 100%;
background-color: var(--c-white);
border-radius: var(--radius-3);
box-shadow: 0 10px 50px 0 rgba(0, 0, 0, 0.1);
padding: 24px 24px 24px;
height: 0;
visibility: hidden;
z-index: -1;
}
@media (max-width: 1200px) {
.menu-all-sotatek-header-en-container ul.sotatek-header-menu>li.menu-item>ul.sub-menu {
box-shadow: none;
display: block;
overflow: hidden;
padding: 0;
position: static;
transition: opacity var(--transition-time) ease,
max-height var(--transition-time) ease,
padding-top var(--transition-time) ease,
padding-bottom var(--transition-time) ease;
background-color: transparent;
border-radius: 0;
}
}
.menu-all-sotatek-header-en-container ul.sotatek-header-menu>li.menu-item>ul.sub-menu.expand {
height: max-content;
visibility: visible;
}
.menu-all-sotatek-header-en-container ul.sotatek-header-menu>li.menu-item.menu-item-has-children>a {
background: url(//sotatek-test.sotatek.works/wp-content/uploads/2024/12/icon-down.svg) no-repeat top 50% right 10px;
padding-right: 35px;
position: relative;
}
@media (max-width: 1200px) {
.menu-all-sotatek-header-en-container ul.sotatek-header-menu>li.menu-item.menu-item-has-children>a {
background: url(//sotatek-test.sotatek.works/wp-content/uploads/2024/12/icon-down.svg) no-repeat top 50% right 0px;
}
}
.menu-all-sotatek-header-en-container ul.sotatek-header-menu>li.menu-item:hover,
.menu-all-sotatek-header-en-container ul.sotatek-header-menu>li.menu-item.current-menu-item {
border-color: var(--c-main-6);
}
@media (max-width: 1200px) {
.menu-all-sotatek-header-en-container ul.sotatek-header-menu>li.menu-item:hover>a,
.menu-all-sotatek-header-en-container ul.sotatek-header-menu>li.menu-item.current-menu-item>a {
box-shadow: none;
}
}
.menu-all-sotatek-header-en-container ul.sotatek-header-menu>li.menu-item.menu-item-has-children:hover>a {
box-shadow: 0 -19px 19px 2px rgba(0, 0, 0, 0.1);
clip-path: none;
}
@media (max-width: 1200px) {
.menu-all-sotatek-header-en-container ul.sotatek-header-menu>li.menu-item.menu-item-has-children:hover>a {
box-shadow: none;
background-color: transparent;
}
} @media (min-width: 1701px) {
.menu-all-sotatek-header-en-container ul.sotatek-header-menu>li.menu-item.menu-solutions>ul.sub-menu>li.menu-item .description {
min-height: 33.59px;
}
}
@media (min-width: 1201px) and (max-width: 1700px) {
.menu-all-sotatek-header-en-container ul.sotatek-header-menu>li.menu-item.menu-solutions>ul.sub-menu>li.menu-item .description {
min-height: 33.59px;
}
}
@media (min-width: 1201px) {
.menu-all-sotatek-header-en-container ul.sotatek-header-menu>li.menu-item.menu-item-has-children:hover>ul.sub-menu {
height: max-content;
visibility: visible;
top: 100%;
transition: all 400ms ease 0ms;
}
.menu-all-sotatek-header-en-container ul.sotatek-header-menu>li.menu-item>ul.sub-menu {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 48px;
row-gap: 32px;
}
.menu-all-sotatek-header-en-container ul.sotatek-header-menu>li.menu-item.menu-solutions>ul.sub-menu {
grid-template-columns: repeat(5, 1fr);
gap: 24px;
}
.menu-all-sotatek-header-en-container ul.sotatek-header-menu>li.menu-item.menu-resources>ul.sub-menu {
grid-template-columns: repeat(2, 1fr);
}
.menu-all-sotatek-header-en-container ul.sotatek-header-menu>li.menu-item>ul.sub-menu>li.menu-item>a {
font-size: 14px;
}
.menu-all-sotatek-header-en-container ul.sotatek-header-menu>li.menu-item>ul.sub-menu li.menu-item a img {
display: none;
}
.menu-all-sotatek-header-en-container ul.sotatek-header-menu>li.menu-item>ul.sub-menu li.menu-item:hover>a {
color: var(--c-main-6);
}
.menu-all-sotatek-header-en-container ul.sotatek-header-menu>li.menu-item.menu-solutions>ul.sub-menu>li.menu-item>a {
color: var(--c-main-8); font-size: 14px;
font-weight: 700;
}
.menu-all-sotatek-header-en-container ul.sotatek-header-menu>li.menu-item.menu-solutions>ul.sub-menu>li.menu-item>ul.sub-menu {
margin-top: 8px;
padding-top: 8px;
border-top: 2px solid var(--c-main-6);
}
.menu-all-sotatek-header-en-container ul.sotatek-header-menu>li.menu-item.menu-solutions>ul.sub-menu>li.menu-item>ul.sub-menu>li.menu-item {
margin: 0 0 8px;
padding: 8px 0 0;
}
.menu-all-sotatek-header-en-container ul.sotatek-header-menu>li.menu-item.menu-solutions>ul.sub-menu>li.menu-item>ul.sub-menu>li.menu-item:last-child {
margin-bottom: 0;
}
.menu-all-sotatek-header-en-container ul.sotatek-header-menu>li.menu-item>ul.sub-menu>li.menu-item>ul.sub-menu>li.menu-item a {
font-size: 14px;
}
} @media (max-width: 1200px) {
.menu-all-sotatek-header-en-container ul.sotatek-header-menu>li.menu-item>a {
padding: 16px 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.10);
}
.menu-all-sotatek-header-en-container ul.sotatek-header-menu>li.menu-item:last-child>a {
border-bottom: none;
}
.menu-all-sotatek-header-en-container ul.sotatek-header-menu li.menu-item a .description {
color: #F6F7FC;
opacity: 0.7;
}
.menu-all-sotatek-header-en-container ul.sotatek-header-menu>li.menu-item>ul.sub-menu>li.menu-item {
background-color: var(--c-main-8);
padding: 0 16px;
}
.menu-all-sotatek-header-en-container ul.sotatek-header-menu>li.menu-item.menu-solutions>ul.sub-menu>li.menu-item {
padding: 0;
margin-bottom: 2px;
}
.menu-all-sotatek-header-en-container ul.sotatek-header-menu>li.menu-item.menu-about>ul.sub-menu>li.menu-item:hover,
.menu-all-sotatek-header-en-container ul.sotatek-header-menu>li.menu-item.menu-resources>ul.sub-menu>li.menu-item:hover,
.menu-all-sotatek-header-en-container ul.sotatek-header-menu>li.menu-item.menu-solutions>ul.sub-menu>li.menu-item>ul.sub-menu>li.menu-item:hover {
background: #17a1d9;
}
.menu-all-sotatek-header-en-container ul.sotatek-header-menu>li.menu-item.menu-solutions>ul.sub-menu>li.menu-item>ul.sub-menu>li.menu-item {
padding-left: 16px;
padding-right: 16px;
}
.menu-all-sotatek-header-en-container ul.sotatek-header-menu>li.menu-item.menu-solutions>ul.sub-menu>li.menu-item>a {
padding: 13px 16px 10px;
}
.menu-all-sotatek-header-en-container ul.sotatek-header-menu>li.menu-item.menu-solutions>ul.sub-menu>li.menu-item>a br {
display: none;
}
.menu-all-sotatek-header-en-container ul.sotatek-header-menu>li.menu-item.menu-about>ul.sub-menu>li.menu-item>a,
.menu-all-sotatek-header-en-container ul.sotatek-header-menu>li.menu-item.menu-resources>ul.sub-menu>li.menu-item>a {
font-size: 14px;
font-weight: 400;
padding: 12px 0;
}
.menu-all-sotatek-header-en-container ul.sotatek-header-menu>li.menu-item.menu-about>ul.sub-menu>li.menu-item>a>.description,
.menu-all-sotatek-header-en-container ul.sotatek-header-menu>li.menu-item.menu-resources>ul.sub-menu>li.menu-item>a>.description {
display: none;
}
.menu-all-sotatek-header-en-container ul.sotatek-header-menu>li.menu-item.menu-why>ul.sub-menu>li.menu-item>a,
.menu-all-sotatek-header-en-container ul.sotatek-header-menu>li.menu-item.menu-solutions>ul.sub-menu>li.menu-item>ul.sub-menu>li.menu-item>a {
display: grid;
grid-template: "icon title" "icon description" min-content / 25px 1fr;
grid-column-gap: 12px;
padding: 12px 0;
font-size: 14px;
}
.menu-all-sotatek-header-en-container ul.sotatek-header-menu>li.menu-item.menu-why>ul.sub-menu>li.menu-item>a img,
.menu-all-sotatek-header-en-container ul.sotatek-header-menu>li.menu-item.menu-solutions>ul.sub-menu>li.menu-item>ul.sub-menu>li.menu-item>a img {
grid-area: icon;
filter: brightness(0) invert(1);
}
.menu-all-sotatek-header-en-container ul.sotatek-header-menu>li.menu-item.menu-why>ul.sub-menu>li.menu-item>a span,
.menu-all-sotatek-header-en-container ul.sotatek-header-menu>li.menu-item.menu-solutions>ul.sub-menu>li.menu-item>ul.sub-menu>li.menu-item>a span {
grid-area: title;
}
.menu-all-sotatek-header-en-container ul.sotatek-header-menu>li.menu-item.menu-why>ul.sub-menu>li.menu-item>a>.description,
.menu-all-sotatek-header-en-container ul.sotatek-header-menu>li.menu-item.menu-solutions>ul.sub-menu>li.menu-item>ul.sub-menu>li.menu-item>a>.description {
grid-area: description;
margin-top: 4px;
}
} .header-search>img {
filter: brightness(0);
width: 26px;
cursor: pointer;
}
.header-active .sotatek-header .header-search>img,
.sotatek-header.dark .header-search>img {
filter: brightness(0) invert(1);
}
.sotatek-header.stick .header-search>img {
filter: brightness(0);
}
.header-search-form {
position: absolute;
top: 100%;
right: 0;
z-index: 1;
width: 100%;
max-width: 410px;
display: none;
}
.header-search-form.active {
display: block;
}
.header-active .sotatek-header .header-search .header-search-form {
height: 0;
visibility: hidden;
opacity: 0;
}
.header-search-form input {
border: 1px solid #ccc;
border-radius: 0;
padding: 12px 35px 12px 50px;
height: auto;
font-size: 16px;
font-weight: 400;
background: #FFF;
backdrop-filter: blur(10px);
}
.header-search-form input::-webkit-input-placeholder {
color: #BDC0CE;
}
.header-search-form input::-moz-placeholder {
color: #BDC0CE;
}
.header-search-form input:-ms-input-placeholder {
color: #BDC0CE;
}
.header-search-form input:-moz-placeholder {
color: #BDC0CE;
}
.header-search-form button {
position: absolute;
top: 50%;
left: 16px;
transform: translateY(-50%);
z-index: 1;
background: transparent;
padding: 0;
width: auto;
height: auto;
}
.header-search-form button img {
filter: brightness(1);
width: 26px;
}
img.close-form-search {
position: absolute;
top: 50%;
right: 12px;
transform: translateY(-50%);
z-index: 1;
background: transparent;
padding: 0;
width: 18px;
height: auto;
filter: brightness(0.5);
cursor: pointer;
}
.header-search-form.mobile {
position: relative;
top: auto;
right: auto;
max-width: 100%;
display: none;
}
.header-active .header-search-form.mobile.active {
display: block;
} .header-contact {
padding: 10px 16px;
border-radius: 4px;
background: var(--c-main-6);
box-shadow: 0px 1px 1px 0px rgba(255, 255, 255, 0.20) inset, 0px 6px 12px 0px rgba(255, 255, 255, 0.12) inset, 0px 1px 2px 0px rgba(8, 8, 8, 0.20), 0px 4px 4px 0px rgba(8, 8, 8, 0.08);
color: #FFF;
text-align: center;
font-size: 14px;
font-weight: 600;
line-height: 140%;
white-space: nowrap;
}
@media (max-width: 1200px) {
.sotatek-header.stick .header-contact {
display: none;
}
}
.header-contact:hover,
.header-contact:focus {
color: #fff;
}
.header-active .sotatek-header .header-contact {
display: none;
} .sotatek-header>.container>.grid .menu>li.lang-item {
display: none;
}
.s-language-switcher {
position: relative;
padding: 0 !important;
}
.s-language-switcher ul {
list-style-type: none;
margin: 0;
padding: 0;
display: none;
}
.s-language-switcher ul.active {
display: block;
position: absolute;
left: 50%;
top: calc(100% + 10px);
z-index: 1;
background: #fff;
border: 1px solid #e5e7ef;
border-radius: 5px;
transform: translateX(-50%);
}
.s-language-switcher ul li a {
color: var(--c-main-7);
font-size: 20px;
font-weight: 400;
line-height: 140%;
letter-spacing: -0.2px;
text-transform: uppercase;
cursor: pointer;
padding: 8px 16px;
display: block;
}
.s-language-switcher ul li a:hover {
color: var(--c-main-6);
}
.s-language-switcher ul li.current-lang a {
color: var(--c-main-6);
} .s-language-switcher .language-active {
color: var(--c-main-7);
font-size: 20px;
line-height: 140%;
letter-spacing: -0.2px;
text-transform: uppercase;
cursor: pointer;
padding: 0 20px 0 0;
position: relative;
display: flex;
align-items: center;
gap: 8px;
}
.s-language-switcher .language-active:before {
content: "";
position: absolute;
z-index: 1;
border-right: 2px solid var(--c-main-7);
border-bottom: 2px solid var(--c-main-7);
padding: 3.5px;
right: 3.5px;
top: 5px;
transform: rotate(45deg);
}
.s-language-switcher .language-active img {
filter: brightness(0);
}
@media (max-width: 480px) {
.s-language-switcher .language-active img {
display: none;
}
}
.sotatek-header.dark .s-language-switcher .language-active,
.header-active .sotatek-header .s-language-switcher .language-active {
color: var(--c-white);
}
.sotatek-header.stick .s-language-switcher .language-active {
color: var(--c-main-7);
}
.sotatek-header.dark .s-language-switcher .language-active img,
.header-active .sotatek-header .s-language-switcher .language-active img {
filter: none;
}
.sotatek-header.stick .s-language-switcher .language-active img {
filter: brightness(0);
}
.sotatek-header.dark .s-language-switcher .language-active:before,
.header-active .sotatek-header .s-language-switcher .language-active:before {
border-right-color: var(--c-white);
border-bottom-color: var(--c-white);
}
.sotatek-header.stick .s-language-switcher .language-active:before {
border-right-color: var(--c-main-7);
border-bottom-color: var(--c-main-7);
} .menu-mobile-bottom {
display: none;
margin: 8px 0 70px 0;
}
@media (max-width: 1200px) {
.menu-mobile-bottom {
display: block;
}
}
.menu-mobile-bottom .header-contact {
display: block !important;
width: 100%;
margin-bottom: 24px;
}
.menu-mobile-bottom .menu-mobile-bottom-bottom {
display: flex;
align-items: center;
justify-content: center;
gap: 16px;
padding-right: 5px;
}
.menu-mobile-bottom .menu-mobile-bottom-bottom .menu-mobile-society {
display: flex;
gap: 12px;
}
.menu-mobile-bottom .menu-mobile-bottom-bottom .menu-mobile-society a {
display: flex;
width: 45px;
height: 45px;
padding: 12px var(--Spacing-16, 16px);
justify-content: center;
align-items: center;
border-radius: 32px;
background: rgba(0, 0, 0, 0.21);
}
.menu-mobile-bottom .menu-mobile-bottom-bottom .menu-mobile-society a[href=""] {
display: none;
} #footer_v2 {
background-color: var(--c-main-7);
padding: 64px 0 0;
}
@media (max-width: 767px) {
#footer_v2 {
padding: 32px 15px 0;
}
}
@media (min-width: 568px) and (max-width: 710px) {
#footer_v2 .grid {
grid-template:
"form-contact form-contact" max-content
"logo logo"
"contacts services" max-content
"offices offices" max-content !important;
}
}
#footer_v2 .grid .s-header--seven {
color: var(--c-white);
font-weight: 700;
margin: 0 0 24px;
font-size: 14px;
font-weight: 700;
line-height: 140%;
letter-spacing: 1px;
text-transform: uppercase;
}
#footer_v2 .grid .list .s-subheader--two {
font-weight: 400;
letter-spacing: 0;
text-transform: capitalize;
font-size: 12px;
color: #d4d4d4;
}
#footer_v2 .grid .list .s-header--nine {
color: var(--c-white);
font-weight: 400;
margin-top: 8px;
transition: all var(--transition-time);
color: #7E8494;
line-height: 140%;
}
#footer_v2 .grid .list .s-header--nine:hover {
color: var(--c-main-6);
}
#footer_v2 .grid .list .s-text--four {
margin-top: 6px;
color: #7E8494;
}
#footer_v2 .grid .list .item {
margin-bottom: 12px;
}
#footer_v2 .grid .offices .list {
grid-column-gap: 20px;
grid-row-gap: 4px;
display: grid;
grid-auto-flow: row;
grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 769px) {
#footer_v2 .grid .offices .list {
grid-template-columns: 1fr;
}
}
#footer_v2 .grid .form-contact {
display: flex;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
margin-bottom: 40px;
}
@media (max-width: 767px) {
#footer_v2 .grid .form-contact {
margin-bottom: 50px;
flex-direction: column;
}
}
#footer_v2 .grid .form-contact .form-contact-info {
flex: 0 0 41.666667%;
max-width: 41.666667%;
width: 100%;
padding-right: 15px;
padding-left: 15px;
}
#footer_v2 .grid .form-contact .bao-form {
flex: 0 0 58.333333%;
max-width: 58.333333%;
width: 100%;
padding-right: 15px;
padding-left: 15px;
}
@media (max-width: 1024px) {
#footer_v2 .grid .form-contact .form-contact-info,
#footer_v2 .grid .form-contact .bao-form {
flex: 100%;
max-width: 100%;
padding: 0;
}
}
#footer_v2 .grid .form-contact .form p {
grid-column-gap: 16px;
grid-row-gap: 16px;
display: grid;
grid-template:
"first_name last_name" max-content "email phone" max-content "contact_method subject" max-content
"company job_title" max-content "message message" max-content "accept_email accept_email" max-content "terms_and_condition terms_and_condition" max-content
"submit submit" max-content/auto auto;
}
@media (max-width: 567px) {
#footer_v2 .grid .form-contact .form p {
display: block !important;
}
#footer_v2 .grid .form-contact .form p span:not(:last-child) {
margin-bottom: 20px;
}
}
#footer_v2 .grid .form-contact .form p>br {
display: none;
}
#footer_v2 .grid .form-contact .form p>span {
display: inline-block;
width: 100%;
}
#footer_v2 .grid .form-contact .form p>span>input,
#footer_v2 .grid .form-contact .form p>span>select,
#footer_v2 .grid .form-contact .form p>span>textarea {
background-color: #1D212E;
border: none;
border-radius: var(--radius-1);
-webkit-appearance: none;
font-size: 14px;
font-weight: 400;
line-height: 26px;
padding: 8px 16px;
width: 100%;
}
#footer_v2 .grid .form-contact .form p>span>input,
#footer_v2 .grid .form-contact .form p>span>textarea {
color: var(--c-white);
}
#footer_v2 .grid .form-contact .form p>span>input::placeholder,
#footer_v2 .grid .form-contact .form p>span>textarea::placeholder {
color: #ffffff4d;
}
#footer_v2 .grid .form-contact .form p>span>select {
-webkit-appearance: none;
-moz-appearance: none;
background: #1D212E url(//sotatek-test.sotatek.works/wp-content/uploads/2024/12/icon-down.svg) no-repeat center right 20px;
background-size: 16px 16px;
color: var(--c-white);
}
#footer_v2 .grid .form-contact .form p>span>select option {
background: var(--c-main-1);
}
#footer_v2 .grid .form-contact .form p>span>textarea {
max-height: 120px;
}
#footer_v2 .grid .form-contact .form p>[data-name="first-name"] {
grid-area: first_name;
}
#footer_v2 .grid .form-contact .form p>[data-name="last-name"] {
grid-area: last_name;
}
#footer_v2 .grid .form-contact .form p>[data-name="your-email"] {
grid-area: email;
}
#footer_v2 .grid .form-contact .form p>[data-name="phone"] {
grid-area: phone;
}
#footer_v2 .grid .form-contact .form p>[data-name="contact_method"] {
grid-area: contact_method;
}
#footer_v2 .grid .form-contact .form p>[data-name="subject"] {
grid-area: subject;
}
#footer_v2 .grid .form-contact .form p>[data-name="company"] {
grid-area: company;
}
#footer_v2 .grid .form-contact .form p>[data-name="job-title"] {
grid-area: job_title;
}
#footer_v2 .grid .form-contact .form p>[data-name="message"] {
grid-area: message;
}
#footer_v2 .grid .form-contact .form p>[data-name="accept_email"] {
grid-area: accept_email;
justify-self: start;
}
#footer_v2 .grid .form-contact .form p>[data-name="terms_and_condition"] {
grid-area: terms_and_condition;
justify-self: start;
}
#footer_v2 .grid .form-contact .form .wpcf7-list-item {
margin-left: 0;
}
#footer_v2 .grid .form-contact .form .wpcf7-list-item>label {
align-items: center;
display: flex;
gap: 15px;
}
#footer_v2 .grid .form-contact .form .wpcf7-list-item>label .wpcf7-list-item-label {
color: #ffffff4d;
font-size: 14px;
font-weight: 400;
line-height: 22px;
}
#footer_v2 .grid .form-contact .form .wpcf7-list-item input[type="checkbox"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
border-radius: var(--radius-1);
box-shadow: 0 0 0 1px #ffffff26;
display: inline-block;
height: 22px;
margin: 0;
position: relative;
width: 22px;
}
#footer_v2 .grid .form-contact .form .wpcf7-list-item input[type="checkbox"]:active,
#footer_v2 .grid .form-contact .form .wpcf7-list-item input[type="checkbox"]:checked,
#footer_v2 .grid .form-contact .form .wpcf7-list-item input[type="checkbox"]:focus {
border: none;
outline: none;
}
#footer_v2 .grid .form-contact .form .wpcf7-list-item input[type="checkbox"]:checked:before {
align-items: center;
bottom: 0;
color: var(--c-white);
content: "✓";
display: inline-flex;
font-weight: 700;
justify-content: center;
left: 0;
position: absolute;
right: 0;
top: 0;
}
#footer_v2 .grid .form-contact .form p>[type="submit"] {
grid-area: submit;
justify-self: start;
margin-top: 20px;
padding: 12px 32px;
}
@media (max-width: 767px) {
#footer_v2 .grid .form-contact .form p>[type="submit"] {
width: 100%;
justify-content: center;
}
}
#footer_v2 .grid .info {
display: flex;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
#footer_v2 .grid .info .info-left {
flex: 0 0 41.666667%;
max-width: 41.666667%;
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-bottom: 40px;
}
#footer_v2 .grid .info .info-right {
flex: 0 0 58.333333%;
max-width: 58.333333%;
width: 100%;
padding-right: 15px;
padding-left: 15px;
display: flex;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
@media (max-width: 1200px) {
#footer_v2 .grid .info .info-left,
#footer_v2 .grid .info .info-right {
flex: 100%;
max-width: 100%;
padding: 0;
}
}
@media (max-width: 767px) {
#footer_v2 .grid .info .info-right {
margin-right: 0;
margin-left: 0;
}
}
#footer_v2 .grid .info .info-left .social-links {
display: inline-flex;
align-items: center;
gap: 12px;
}
#footer_v2 .grid .info .info-right .contacts {
flex: 0 0 33.333333%;
max-width: 33.333333%;
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-bottom: 40px;
}
#footer_v2 .grid .info .info-right .services {
flex: 0 0 66.666667%;
max-width: 66.666667%;
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-bottom: 40px;
}
@media (max-width: 767px) {
#footer_v2 .grid .info .info-right .contacts,
#footer_v2 .grid .info .info-right .services {
flex: 100%;
max-width: 100%;
padding: 0;
}
}
#footer_v2 .grid .info .info-right .services .list {
display: inline-block;
width: 100%;
}
#footer_v2 .grid .info .info-right .services .list .item {
width: 50%;
float: left;
padding-right: 10px;
margin: 0 0 16px;
}
@media (max-width: 575px) {
#footer_v2 .grid .info .info-right .services .list .item {
width: 100%;
}
} #footer_v2_copyright {
background-color: #0A0F1C;
border-top: 1px solid #1D212E;
padding: 24px 0;
}
@media (max-width: 767px) {
#footer_v2_copyright {
padding: 12px 0;
}
}
#footer_v2_copyright .grid {
align-items: center;
display: flex;
justify-content: space-between;
}
@media (max-width: 769px) {
#footer_v2_copyright .grid {
align-items: center;
flex-direction: column;
gap: 12px;
}
}
#footer_v2_copyright .grid>.column.text p {
color: #BDC0CE;
font-size: 14px;
line-height: 26px;
font-weight: 400;
margin-bottom: 0;
text-align: center;
}
@media (max-width: 769px) {
#footer_v2_copyright .grid>.column.text p {
font-size: 12px;
}
}
#footer_v2_copyright .grid>.column.image {
align-items: center;
display: inline-flex;
gap: 30px;
}
#footer_v2_copyright .grid>.column.image .certificates {
align-items: center;
display: inline-flex;
gap: 10px;
}
#footer_v2_copyright .grid>.column.image .certificates img {
max-width: 100%;
} #tool__society .tool__item {
bottom: 300px;
cursor: pointer;
position: fixed;
right: 0;
width: 48px;
z-index: 1000;
}
@media (max-width: 1200px) {
#tool__society .tool__item {
display: none;
}
}
#tool__society .tool__item .tool__icon {
background-color: var(--c-main-8) !important;
background-position: 16px center !important;
background-repeat: no-repeat !important;
border-radius: 30px 0 0 30px;
border: 2px solid #fff;
border-right: 0;
clear: both;
float: left;
font-style: normal;
height: 46px;
line-height: 46px;
margin-bottom: 12px;
padding-left: 100%;
transition: transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, padding 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, margin 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, background-color 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
white-space: nowrap;
color: #FFF;
font-weight: 600;
display: flex;
align-items: center;
}
#tool__society .tool__item .tool__icon:hover {
margin-left: 48px;
padding-left: 50px;
padding-right: 16px;
text-decoration: none;
transform: translateX(-100%);
}
#back_to_top {
position: fixed;
bottom: 220px;
right: 5px;
background-color: var(--c-main-8);
z-index: 1;
padding: 10px;
transform: rotate(180deg);
cursor: pointer;
display: none;
}
#back_to_top img {
filter: brightness(0) invert(1);
}
.wpcf7-not-valid-tip {
font-size: 14px;
}
.wpcf7 form .wpcf7-response-output {
border: none;
color: #2e8b57;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
color: #dc3232;
}
div.wpcf7-response-output,
div.wpcf7-validation-errors {
display: none !important;
}
.wpcf7 form.submitting [type="submit"] {
opacity: 0.5;
pointer-events: none;
} .select2-container--default .select2-selection--single {
background-color: transparent !important;
border: none !important;
font-size: 16px !important;
height: 100% !important;
padding: 8px 18px 8px 40px !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 34px !important;
padding: 0 !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
background-size: 16px auto !important;
background: url(//sotatek-test.sotatek.works/wp-content/uploads/2022/01/icon_angle_down.svg) no-repeat 50% !important;
right: 20px !important;
top: 50% !important;
transform: translateY(-50%) !important;
width: 16px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
display: none;
}
.select2-container--default .select2-search--dropdown {
padding: 8px !important;
}
.select2-container--default .select2-search--dropdown .select2-search__field,
.select2-dropdown {
border: 1px solid #bbbbbb80 !important;
border-radius: var(--radius-1) !important;
} .s-search-form {
display: grid;
grid-column-gap: 12px;
padding: 12px;
background-color: #fff;
grid-template: "input-keywords select-location button" /calc(50% - 65px) 1fr 144px;
border-radius: 8px;
box-shadow: 0px 0px 8px 0px rgba(20, 19, 22, 0.08);
}
@media (max-width: 768px) {
.s-search-form {
grid-template:
"input-keywords" max-content
"select-location" max-content
"button" max-content / 1fr;
padding: 16px;
}
}
.s-search-form .s-search-form-keyword {
display: flex;
align-items: center;
grid-area: input-keywords;
gap: 8px;
padding: 8px 0 8px 18px;
}
@media (max-width: 768px) {
.s-search-form .s-search-form-keyword {
padding: 8px 0 20px 4px;
margin-bottom: 12px;
border-bottom: 1px solid #E4E5E8;
}
}
.s-search-form .s-search-form-keyword img {
width: 33px;
}
.s-search-form input[name="keywords"] {
border: none;
font-size: 16px;
width: 100%;
height: 100%;
padding: 0 0 0 5px;
border-right: 1px solid #E4E5E8;
}
.s-search-form input[name="keywords"]::placeholder {
color: #BDC0CE;
}
@media (max-width: 768px) {
.s-search-form input[name="keywords"] {
border: none;
}
}
.s-search-form .select2 {
grid-area: select-location;
width: 100% !important;
background-image: url(//sotatek-test.sotatek.works/wp-content/uploads/2025/05/icon-location-form-search-job.svg);
background-repeat: no-repeat;
background-position: left center;
}
@media (max-width: 768px) {
.s-search-form .select2 {
margin-bottom: 24px;
}
.s-search-form .select2 .select2-selection--single {
padding: 8px 18px 8px 50px !important;
}
}
.s-search-form .select2 .select2-selection--single .select2-selection__arrow {
display: none;
} .section.s-jobs-list .pagination {
display: block;
text-align: center;
}
.section.s-jobs-list .pagination .paginationjs {
text-align: center;
}
.section.s-jobs-list .pagination .paginationjs .paginationjs-pages {
float: unset;
}
.section.s-jobs-list .pagination ul {
align-items: center;
display: flex;
float: unset;
}
.section.s-jobs-list .pagination ul li {
border: none;
border-radius: 100%;
display: inline-block;
margin: 0;
opacity: 1;
padding: 0;
}
.section.s-jobs-list .pagination ul li a {
display: flex;
align-items: center;
justify-content: center;
background-color: transparent;
border-radius: 50%;
color: #101624;
font-size: 14px;
font-weight: 400;
width: 40px;
height: 40px;
line-height: 40px;
margin: 0 2px;
}
.section.s-jobs-list .pagination ul li.active a {
color: var(--c-white);
background: var(--c-main-6);
}
.section.s-jobs-list .pagination ul li.paginationjs-next,
.section.s-jobs-list .pagination ul li.paginationjs-prev {
filter: brightness(0);
}
.section.s-jobs-list .pagination ul li.paginationjs-next img,
.section.s-jobs-list .pagination ul li.paginationjs-prev img {
width: 15px;
}
.section.s-jobs-list .pagination ul li.paginationjs-next.disabled,
.section.s-jobs-list .pagination ul li.paginationjs-prev.disabled {
opacity: 1;
}
.section.s-jobs-list .pagination ul li.paginationjs-prev img {
transform: rotate(180deg);
} .section.s-jobs-hot .list {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
}
@media (max-width: 1200px) {
.section.s-jobs-hot .list {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 767px) {
.section.s-jobs-hot .list {
display: flex;
flex-direction: column;
}
} .section.s-contact-us .request-type-button {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 16px;
}
@media (max-width: 767px) {
.section.s-contact-us .request-type-button {
grid-template-columns: repeat(1, 1fr);
}
}
.section.s-contact-us .wpcf7-list-item {
margin: 0;
}
.section.s-contact-us .form p {
margin: 0;
position: relative;
padding: 24px 24px 24px 0;
grid-column-gap: 16px;
grid-row-gap: 16px;
display: grid;
grid-template:
"interest request_type request_type" max-content "interest first_name last_name" max-content "interest email phone" max-content "interest contact_method subject" max-content "interest company job_title" max-content
"interest message message" max-content "interest accept_email accept_email" max-content
"interest terms_and_condition terms_and_condition" max-content "interest submit submit" max-content
/ 52fr 24fr 24fr;
overflow: hidden;
}
@media (max-width: 767px) {
.section.s-contact-us .form p {
padding: 0 24px 24px 24px;
grid-template:
"interest" max-content
"request_type" max-content
"first_name" max-content
"last_name" max-content
"email" max-content
"phone" max-content
"contact_method" max-content
"subject" max-content
"company" max-content
"job_title" max-content
"message" max-content
"accept_email" max-content
"terms_and_condition" max-content
"submit" max-content
/ 1fr;
}
}
.section.s-contact-us.only-contact-us .form p:before {
content: "";
position: absolute;
right: 0;
top: 0;
width: calc(48% + 36px);
height: 100%;
background: #F6F7FC;
z-index: -1;
}
@media (max-width: 767px) {
.section.s-contact-us.only-contact-us .form p:before {
width: 100%;
}
}
.section.s-contact-us .form p>br {
display: none;
}
.section.s-contact-us .form p>span {
display: inline-block;
width: 100%;
}
.section.s-contact-us .form p>span>input,
.section.s-contact-us .form p>span>select,
.section.s-contact-us .form p>span>textarea {
background-color: #fff;
border-radius: 4px;
border: 1px solid #E5E7EF;
font-size: 14px;
font-weight: 400;
line-height: 140%;
padding: 9px 16px;
width: 100%;
}
.section.s-contact-us .form p>span>input,
.section.s-contact-us .form p>span>textarea {
color: var(--c-black);
}
.section.s-contact-us .form p>span>input::placeholder,
.section.s-contact-us .form p>span>textarea::placeholder {
color: #7E8494;
}
.section.s-contact-us .form p>span>select {
-webkit-appearance: none;
-moz-appearance: none;
background: url(//sotatek-test.sotatek.works/wp-content/uploads/2024/12/icon-down.svg) no-repeat center right 16px;
color: var(--c-black);
background-color: #fff;
padding: 9px 36px 9px 16px;
}
.section.s-contact-us .form p>span>textarea {
max-height: 120px;
}
.section.s-contact-us .form p>span.wpcf7-form-control-wrap input[type="checkbox"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
border-radius: 8px;
border: 1.5px solid #BDC0CE;
display: inline-block;
height: 25px;
margin: 0;
position: relative;
width: 25px;
background: #fff;
}
.section.s-contact-us .form p>span.wpcf7-form-control-wrap input[type="checkbox"]:active,
.section.s-contact-us .form p>span.wpcf7-form-control-wrap input[type="checkbox"]:checked,
.section.s-contact-us .form p>span.wpcf7-form-control-wrap input[type="checkbox"]:focus {
outline: none;
}
.section.s-contact-us .form p>span.wpcf7-form-control-wrap input[type="checkbox"]:checked:before {
content: "";
position: absolute;
left: 7px;
top: 1px;
padding: 6px 3px;
border-bottom: 1.5px solid #101624;
border-right: 1.5px solid #101624;
transform: rotate(45deg);
}
.section.s-contact-us .form p>span.wpcf7-form-control-wrap label {
grid-gap: 16px;
align-items: center;
color: #7E8494;
cursor: pointer;
display: grid;
font-size: 14px;
font-weight: 400;
grid-template-columns: 25px 1fr;
line-height: 140%;
margin: 0;
}
.section.s-contact-us .form p>[data-name="interest"] {
grid-area: interest;
padding-right: 24px;
}
@media (max-width: 768px) {
.section.s-contact-us .form p>[data-name="interest"] {
padding-right: 0;
margin-left: -24px;
background: #fff;
width: calc(100% + 48px);
padding-bottom: 40px;
}
}
.section.s-contact-us .form p>[data-name="interest"] .wpcf7-list-item label {
display: flex;
position: relative;
gap: 0;
overflow: hidden;
margin: 0 8px 8px 0;
}
.section.s-contact-us .form p>[data-name="interest"] .wpcf7-list-item label input[type="checkbox"] {
position: absolute;
left: 0;
top: 0px;
z-index: 2;
width: 100%;
height: 100%;
border-radius: 24px;
background: transparent;
border: none;
}
.section.s-contact-us .form p>[data-name="interest"] .wpcf7-list-item label input[type="checkbox"]:checked:before {
left: 20px;
top: 5px;
}
.section.s-contact-us .form p>[data-name="interest"] .wpcf7-list-item label input[type="checkbox"]:checked+span {
border-color: #101624;
padding-left: 36px;
font-weight: 600;
color: #101624;
}
.section.s-contact-us .form p>[data-name="interest"] .wpcf7-list-item label span {
border-radius: 24px;
border: 1px solid #E5E7EF;
background: #FFF;
padding: 4px 12px;
color: #565C69;
position: relative;
}
.section.s-contact-us .form p>[data-name="interest"] .wpcf7-list-item label:hover span {
border-color: #101624;
}
.section.s-contact-us .form p>[data-name="interest"] .wpcf7-list-item label span:before,
.section.s-contact-us .form p>[data-name="interest"] .wpcf7-list-item label span:after {
display: none;
}
.section.s-contact-us .form p>[data-name="request_type"] {
grid-area: request_type;
}
.section.s-contact-us .form p>[data-name="first_name"] {
grid-area: first_name;
}
.section.s-contact-us .form p>[data-name="last_name"] {
grid-area: last_name;
}
.section.s-contact-us .form p>[data-name="email"] {
grid-area: email;
}
.section.s-contact-us .form p>[data-name="phone"] {
grid-area: phone;
}
.section.s-contact-us .form p>[data-name="contact_method"] {
grid-area: contact_method;
}
.section.s-contact-us .form p>[data-name="subject"] {
grid-area: subject;
}
.section.s-contact-us .form p>[data-name="company"] {
grid-area: company;
}
.section.s-contact-us .form p>[data-name="job_title"] {
grid-area: job_title;
}
.section.s-contact-us .form p>[data-name="message"] {
grid-area: message;
}
.section.s-contact-us .form p>[data-name="accept_email"] {
grid-area: accept_email;
justify-self: start;
}
.section.s-contact-us .form p>[data-name="terms_and_condition"] {
grid-area: terms_and_condition;
justify-self: start;
}
.section.s-contact-us .form p>[type="submit"] {
grid-area: submit;
justify-self: start;
padding: 12px 60px;
} .pum-overlay {
width: 100%;
}
.pum-container .pum-close {
background: url(//sotatek-test.sotatek.works/wp-content/uploads/2022/05/icon-close.svg) no-repeat 50% !important;
background-size: cover !important;
box-shadow: none !important;
color: transparent !important;
text-shadow: none !important;
width: 20px !important;
height: 20px !important;
right: 15px !important;
top: 15px !important;
}
.pum-container.popmake {
border-radius: 8px !important;
box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.16);
background-color: #fff;
margin: 0;
top: 70px !important;
overflow: hidden;
}
@media (min-width:1200px) {
.pum-container.popmake {
max-width: 900px !important;
top: 40% !important;
transform: translateY(-50%) !important;
}
}
.pum-container.popmake .pum-content {
display: grid;
height: 100%;
place-items: center;
width: 100%;
z-index: 1;
}
.pum-container.popmake .pum-content p:empty {
display: none;
} html .pum-active {
display: block !important;
}
.pum-container.popmake .pum-content .popup-content {
margin: 0 auto;
padding: 40px 24px 24px;
width: 100%;
text-align: center;
}
.pum-container.popmake .pum-content .popup-content>img {
margin-bottom: 12px;
}
.pum-container.popmake .pum-content .popup-content .s-header {
color: var(--c-main-7);
line-height: 1.1;
font-size: 40px;
font-size: 24px;
font-weight: 600;
line-height: 140%;
letter-spacing: -0.5px;
margin: 0 0 12px;
}
.pum-container.popmake .pum-content .popup-content .s-text {
color: var(--c-main-9);
margin-bottom: 24px;
}
.pum-container.popmake .pum-content .popup-content .form p {
grid-column-gap: 15px;
grid-row-gap: 15px;
display: grid;
grid-template: "full_name email" max-content "company company" max-content
"message message" max-content "accept_representative accept_representative" max-content "representative_name representative_name" max-content "submit submit" max-content/auto auto;
margin: 0;
}
@media (max-width:567px) {
.pum-container.popmake .pum-content .popup-content .form p {
grid-template: "full_name" max-content "email" max-content "company" max-content "message" max-content "accept_representative" max-content "representative_name" max-content "submit" max-content/auto;
}
}
.pum-container.popmake .pum-content .popup-content .form p>br {
display: none;
}
.pum-container.popmake .pum-content .popup-content .form p>span {
display: inline-block;
width: 100%;
text-align: left;
}
.pum-container.popmake .pum-content .popup-content .form p>span>input,
.pum-container.popmake .pum-content .popup-content .form p>span>textarea {
border-radius: 4px;
border: 1px solid #BDC0CE;
font-size: 14px;
font-weight: 400;
line-height: 140%;
padding: 10px 16px;
width: 100%;
}
.pum-container.popmake .pum-content .popup-content .form p>span>input::placeholder,
.pum-container.popmake .pum-content .popup-content .form p>span>textarea::placeholder {
color: #7E8494;
}
.pum-container.popmake .pum-content .popup-content .form p>span>textarea {
max-height: 130px;
resize: none;
}
.pum-container.popmake .pum-content .popup-content .form p>[data-name="full_name"] {
grid-area: full_name;
}
.pum-container.popmake .pum-content .popup-content .form p>[data-name="email"] {
grid-area: email;
}
.pum-container.popmake .pum-content .popup-content .form p>[data-name="company"] {
grid-area: company;
}
.pum-container.popmake .pum-content .popup-content .form p>[data-name="message"] {
grid-area: message;
}
.pum-container.popmake .pum-content .popup-content .form p>[data-name="representative_name"] {
grid-area: representative_name;
}
.pum-container.popmake .pum-content .popup-content .form p .representative_name {
display: none;
}
.pum-container.popmake .pum-content .popup-content .form p>[data-name="accept_representative"] {
grid-area: accept_representative;
}
.pum-container.popmake .pum-content .popup-content .form p .accept_representative .first {
margin: 0px;
}
.pum-container.popmake .pum-content .popup-content .form p .accept_representative .first label {
margin: 0px;
display: flex;
}
.pum-container.popmake .pum-content .popup-content .form p .accept_representative input {
border-radius: var(--radius-1);
border: 1.5px solid #BDC0CE;
display: inline-block;
margin: 0 8px 0 0;
position: relative;
width: 20px;
height: 20px;
}
.pum-container.popmake .pum-content .popup-content .form p .accept_representative>.first>label>.wpcf7-list-item-label {
display: inline-block;
vertical-align: super;
color: var(--c-main-9);
font-size: 14px;
font-weight: 400;
line-height: 140%;
}
.pum-container.popmake .pum-content .popup-content .form p [type=submit] {
grid-area: submit;
justify-self: start;
}
.pum-container.popmake .pum-close,
.pum-container.popmake .pum-close:hover {
filter: invert(.3);
}
.pum-container.popmake .pum-content .popup-content .wpcf7-response-output {
margin: 10px 0 0;
padding: 0;
} #popup_about_member {
padding: 16px 16px 16px;
background: #fff;
width: 100%;
}
@media (min-width:992px) {
#popup_about_member {
padding: 24px;
display: grid;
grid-template: "avatar name" max-content "avatar role" max-content "avatar details" max-content / 380px 1fr;
grid-column-gap: 32px;
}
}
#popup_about_member figure img {
grid-area: avatar;
margin-bottom: 16px;
width: 100%;
}
@media (min-width:992px) {
#popup_about_member figure img {
margin-bottom: 0;
}
}
#popup_about_member .wrapper {
display: flex;
flex-wrap: wrap; justify-content: space-between;
}
#popup_about_member .wrapper .icon-linkedin img {
max-width: 30px;
}
#popup_about_member .name {
grid-area: name;
margin-bottom: 8px;
font-size: 24px;
font-weight: 600;
line-height: 140%;
letter-spacing: -0.5px;
}
#popup_about_member .role {
grid-area: role;
margin-bottom: 16px;
color: var(--c-main-7);
font-size: 16px;
font-weight: 400;
line-height: 140%;
}
#popup_about_member .details {
grid-area: details;
margin-bottom: 0;
color: var(--c-main-9);
font-size: 14px;
font-weight: 400;
line-height: 140%;
} #popup_apply_job {
margin: 0 auto;
padding: 65px 40px 65px;
width: 100%;
text-align: center;
display: flex;
flex-direction: column;
gap: 15px;
}
@media (max-width:768px) {
#popup_apply_job {
padding: 55px 15px 35px
}
}
#popup_apply_job img {
max-width: 80px;
margin: auto;
}     #popmake-228622.pum-container.popmake,
#popmake-228638.pum-container.popmake,
#popmake-228640.pum-container.popmake,
#popmake-232512.pum-container.popmake {
background: linear-gradient(180deg, #B4DBFF 0%, #FFF 73.6%);
}
#popmake-228622 .pum-close,
#popmake-228638 .pum-close,
#popmake-228640 .pum-close,
#popmake-232512 .pum-close {
display: none;
} #popup_redirect_news_en .s-header {
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
font-size: 22px;
color: var(--c-main-6);
}
#popup_redirect_news_en .s-header .icon-badge {
width: 40px;
height: 40px;
border-radius: 50%;
background: var(--c-main-6);
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
#popup_redirect_news_en .s-header .icon-badge img {
filter: brightness(0) invert(1);
}
#popup_redirect_news_en .s-text {
font-size: 15px;
line-height: 1.7;
}
#popup_redirect_news_en>p {
display: flex;
justify-content: center;
gap: 16px;
}
#popup_redirect_news_en>p .s-button--main--three {
background: var(--c-main-6);
color: white;
box-shadow: 0 4px 12px rgba(3, 106, 229, 0.25), 0 2px 6px rgba(3, 106, 229, 0.15);
}
#popup_redirect_news_en>p .s-button--main--three.popmake-close {
background: #E7F5FF;
border: 1.5px solid rgba(3, 106, 229, 0.4);
color: var(--c-main-6);
box-shadow: none;
} .section.s-hero {
padding: 160px 0 102px;
}
@media (max-width: 567px) {
.section.s-hero {
padding: 152px 0 72px;
}
}
.section.s-hero .grid {
align-items: center;
column-gap: 64px;
display: flex;
justify-content: space-between;
}
@media (max-width: 1200px) {
.section.s-hero .grid {
align-items: flex-start;
display: flex;
flex-direction: column;
flex-wrap: wrap;
}
}
.section.s-hero .grid .column.text {
max-width: 660px;
width: 100%;
}
.section.s-hero .grid .column.text>.s-header {
font-size: 46px;
line-height: 60px;
margin-bottom: 20px;
}
@media (max-width: 576px) {
.section.s-hero .grid .column.text>.s-header {
font-size: 35px;
font-weight: 700;
line-height: 50px;
}
}
.section.s-hero .grid .column.text>.s-text {
margin-bottom: 40px;
}
@media (max-width: 576px) {
.section.s-hero .grid .column.text>.s-text {
font-size: 14px;
line-height: 22px;
margin-bottom: 30px;
}
} .section.s-let-talk {
margin-top: -90px;
position: relative;
}
@media (max-width: 567px) {
.section.s-let-talk {
margin-top: 0;
}
}
.section.s-let-talk .grid {
align-items: center;
background: url(//sotatek-test.sotatek.works/wp-content/uploads/2022/05/sec_let_talk_bg_1.svg),
url(//sotatek-test.sotatek.works/wp-content/uploads/2022/05/sec_let_talk_bg_2.svg);
background-color: var(--c-purple-5);
background-position: 0 0, 100% 100%;
background-repeat: no-repeat, no-repeat;
background-size: auto 100%, auto 100%;
border-radius: var(--radius-4);
display: flex;
justify-content: space-between;
padding: 55px 85px;
}
@media (max-width: 768px) {
.section.s-let-talk .grid {
background-image: none;
border-radius: 0;
display: block;
margin: 0 -15px;
padding: 55px 15px 35px;
text-align: center;
}
}
.section.s-let-talk .grid .column.text {
align-items: center;
display: inline-flex;
}
@media (max-width: 768px) {
.section.s-let-talk .grid .column.text {
display: block;
text-align: center;
}
.section.s-let-talk .grid .column.text img {
margin-bottom: 5px;
}
}
.section.s-let-talk .grid .column.text .s-text {
color: var(--c-white);
font-weight: 700;
margin: 0 0 0 30px;
}
@media (max-width: 768px) {
.section.s-let-talk .grid .column.text .s-text {
display: block;
font-size: 18px;
line-height: 28px;
margin: 0 0 40px;
}
.section.s-let-talk .grid .column.text .s-text br {
display: none;
}
}
.section.s-let-talk .grid .column.actions .s-button {
color: var(--c-purple-2);
padding: 12px 24px;
}
.section.s-let-talk .grid .column.actions .s-button:hover {
box-shadow: none;
}
.section.s-let-talk .grid .column.actions .s-button .icon {
filter: var(--f-purple-2);
} .page-job-single .job-top {
background: #F6F7FC;
padding: 32px 0;
}
.page-job-single .job-top .job-top-content {
display: flex;
align-items: center;
justify-content: space-between;
gap: 30px;
}
@media (max-width: 1024px) {
.page-job-single .job-top .job-top-content {
display: block;
}
}
.page-job-single .job-top .job-top-content .top-content {
display: flex;
align-items: center;
gap: 24px;
}
@media (max-width: 1024px) {
.page-job-single .job-top .job-top-content .top-content figure {
display: none;
}
}
.page-job-single .job-top .job-top-content .top-content .top-content-right .top-content-title h1,
.page-job-single .job-top .job-top-content .top-content .top-content-right .top-content-title h2 {
color: var(--c-main-7);
font-size: 32px;
font-weight: 600;
line-height: 140%;
letter-spacing: -0.5px;
display: inline-block;
margin: 0 8px 0 0;
}
@media (max-width: 1024px) {
.page-job-single .job-top .job-top-content .top-content .top-content-right .top-content-title h1,
.page-job-single .job-top .job-top-content .top-content .top-content-right .top-content-title h2 {
font-size: 20px;
letter-spacing: -0.2px;
}
}
.page-job-single .job-top .job-top-content .top-content .top-content-right .top-content-title .level span {
font-size: 12px;
font-weight: 700;
padding: 2px 8px;
border-radius: 5px;
top: -3px;
position: relative;
display: inline-block;
margin: 5px 3px 0px 0;
border-radius: 3px;
border: 1px solid var(--c-main-9);
color: var(--c-main-9);
text-transform: uppercase;
}
.page-job-single .job-top .job-top-content .top-content .top-content-right .top-content-title .level:empty {
display: none
}
.page-job-single .job-top .job-top-content .top-content .top-content-right .top-content-info {
display: flex;
align-items: center;
gap: 8px;
;
}
@media (max-width: 1024px) {
.page-job-single .job-top .job-top-content .top-content .top-content-right .top-content-info {
display: none;
}
}
.page-job-single .job-top .job-top-content .top-content .top-content-right .top-content-info>a {
text-decoration-line: underline;
}
.page-job-single .job-top .job-top-content .top-content .top-content-right .top-content-info .type {
margin: 0 8px 0 0;
border-radius: 3px;
padding: 2px 8px;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
background: #E6F7E4;
color: #47BD5F;
}
.page-job-single .job-top .job-top-content .groupbutton {
display: flex;
gap: 16px;
}
@media (max-width: 1024px) {
.page-job-single .job-top .job-top-content .groupbutton {
flex-direction: column;
margin: 24px 0 0;
}
}
.page-job-single .job-top .job-top-content .groupbutton .s-button {
justify-content: center;
cursor: pointer;
white-space: nowrap;
}
.page-job-single .job-top .job-top-content .groupbutton .s-button:first-child {
color: var(--c-main-6);
border: 1px solid var(--c-main-6);
background: transparent;
}
@media (max-width: 1200px) {
.page-job-single .job-top .job-top-content .groupbutton .s-button {
min-width: auto;
}
}
.page-job-single .job-bottom {
display: grid;
} @media (min-width: 1025px) {
.page-job-single .job-bottom {
grid-template-areas: "content sidebar";
grid-template-columns: 1fr 500px;
column-gap: 40px;
}
.page-job-single .job-content {
grid-area: content;
}
.page-job-single .sidebar {
grid-area: sidebar;
display: flex;
flex-direction: column;
gap: 24px;
}
} @media (max-width: 1024px) {
.page-job-single .job-bottom {
grid-template-areas:
"overview"
"content"
"form";
grid-template-columns: 1fr;
row-gap: 24px;
}
.page-job-single .job-content {
grid-area: content;
}
.page-job-single .sidebar {
display: contents;
}
.page-job-single .job-overview {
grid-area: overview;
}
.page-job-single .form-apply {
grid-area: form;
}
}
.page-job-single .job-bottom {
padding: 40px 0 64px;
}
.page-job-single .job-bottom .job-content .title {
font-size: 18px;
font-weight: 600;
line-height: 140%;
margin: 0 0 12px;
text-transform: uppercase;
}
.page-job-single .job-bottom .job-content .content {
margin: 0 0 24px;
}
.page-job-single .job-bottom .job-overview {
border: 2px solid #E5E7EF;
padding: 32px;
}
@media (max-width: 1024px) {
.page-job-single .job-bottom .job-overview {
padding: 16px;
}
}
.page-job-single .job-bottom .job-overview .job-overview-title {
font-size: 18px;
font-weight: 600;
line-height: 140%;
margin: 0 0 16px;
}
.page-job-single .job-bottom .job-overview .job-overview-content {
border-bottom: 1px solid #E5E7EF;
padding-bottom: 18px;
margin-bottom: 18px;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 8px;
}
@media (max-width: 1024px) {
.page-job-single .job-bottom .job-overview .job-overview-content {
grid-template-columns: repeat(1, 1fr);
gap: 16px;
}
.page-job-single .job-bottom .job-overview .job-overview-content .item {
display: flex;
align-items: center;
gap: 8px;
}
}
.page-job-single .job-bottom .job-overview .job-overview-content .item figure {
margin: 0 0 8px;
}
@media (max-width: 1024px) {
.page-job-single .job-bottom .job-overview .job-overview-content .item figure {
margin: 0;
}
}
.page-job-single .job-bottom .job-overview .job-overview-content .item .title {
color: var(--c-main-9);
font-size: 14px;
line-height: 140%;
}
.page-job-single .job-bottom .job-overview .job-overview-content .item .value {
font-size: 14px;
font-weight: 600;
line-height: 140%;
margin: 4px 0 0;
}
.page-job-single .job-bottom .job-overview .jobs-share .jobs-share-title {
margin: 0 0 8px;
}
.page-job-single .form-apply .form-apply-content {
padding: 24px;
border-radius: 12px;
background: #FFF;
box-shadow: 0px 12px 48px 0px rgba(0, 44, 109, 0.10);
}
@media (max-width: 767px) {
.page-job-single .form-apply .form-apply-content {
padding: 24px 16px;
}
}
.page-job-single .form-apply .form-apply-content .nav-wrapper {
text-align: center;
}
.page-job-single .form-apply .form-apply-content .nav-wrapper ul.nav-tabs {
border: none;
margin-bottom: 24px;
display: inline-block;
border-radius: 50px;
background: #F6F7FC;
padding: 4px;
}
.page-job-single .form-apply .form-apply-content .nav-wrapper ul.nav-tabs li {
margin: 0;
}
.page-job-single .form-apply .form-apply-content .nav-wrapper ul.nav-tabs li a {
border: none;
padding: 10px 22px;
font-size: 14px;
font-weight: 600;
line-height: 140%;
color: #7E8494;
width: auto !important;
border-radius: 50px;
cursor: pointer;
float: none;
display: inline-block;
margin: 0;
}
.page-job-single .form-apply .form-apply-content .nav-wrapper ul.nav-tabs li.active a {
color: var(--c-main-7);
}
.page-job-single .form-apply .form-apply-content .tab-content .title p {
text-align: center;
margin: 0 0 4px;
color: var(--c-main-7);
font-size: 18px;
font-weight: 600;
line-height: 140%;
}
.page-job-single .form-apply .form-apply-content .tab-content .desc p {
margin: 0 0 24px;
color: var(--c-main-9);
text-align: center;
font-size: 14px;
font-weight: 400;
line-height: 140%;
}
.page-job-single .form-apply .form-apply-now form>p {
grid-column-gap: 16px;
grid-row-gap: 12px;
display: grid;
grid-template: "full_name phone" max-content "email email" max-content "resume resume" max-content "submit submit" max-content/auto auto;
}
.page-job-single .form-apply .form-refer-friend form>p {
grid-column-gap: 16px;
grid-row-gap: 12px;
display: grid;
grid-template: "full_name phone" max-content "email email" max-content "candidate_full_name candidate_phone" max-content "candidate_email candidate_email" max-content "resume resume" max-content "submit submit" max-content/auto auto;
}
@media (max-width: 768px) {
.page-job-single .form-apply .form-apply-now form>p {
grid-template: "full_name" max-content "phone" max-content "email" max-content "resume" max-content "submit" max-content/auto;
}
.page-job-single .form-apply .form-refer-friend form>p {
grid-template: "full_name" max-content "phone" max-content
"email" max-content "candidate_full_name" max-content "candidate_phone" max-content
"candidate_email" max-content "resume" max-content "submit" max-content/auto;
}
}
.page-job-single .form-apply form .who p {
display: flex;
align-items: start;
margin-bottom: 18px;
}
.page-job-single .form-apply form .who p span {
width: auto;
margin: 0;
}
.page-job-single .form-apply form .who p>span:first-child {
margin-right: 35px;
white-space: nowrap;
}
.page-job-single .form-apply form .who p span label {
padding: 0 20px 0 0;
}
.page-job-single .form-apply form .who p span label input {
position: relative;
margin: 0;
}
.page-job-single .form-apply form .button-submit {
text-align: center;
}
.page-job-single .form-apply form p>br {
display: none;
}
.page-job-single .form-apply form p>span {
display: inline-block;
width: 100%;
}
.page-job-single .form-apply form p>span>input,
.page-job-single .form-apply form p>span>textarea {
background-color: transparent;
font-size: 16px;
line-height: 140%;
padding: 8px 10px;
width: 100%;
border-radius: 4px;
border: 1px solid var(--Grey-Grey_5, #E5E7EF);
background: var(--Base-color-White, #FFF);
}
.page-job-single .form-apply form p>span>input::placeholder,
.page-job-single .form-apply form p>span>textarea::placeholder {
color: #7E8494;
}
.page-job-single .form-apply form p>span>textarea {
max-height: 120px;
}
.page-job-single .form-apply form p>[data-name="full_name"] {
grid-area: full_name;
}
.page-job-single .form-apply form p>[data-name="phone"] {
grid-area: phone;
}
.page-job-single .form-apply form p>[data-name="email"] {
grid-area: email;
}
.page-job-single .form-apply form p>[data-name="candidate_full_name"] {
grid-area: candidate_full_name;
}
.page-job-single .form-apply form p>[data-name="candidate_phone"] {
grid-area: candidate_phone;
}
.page-job-single .form-apply form p>[data-name="candidate_email"] {
grid-area: candidate_email;
}
.page-job-single .form-apply form p>[data-name="resume"] {
grid-area: resume;
}
.page-job-single .form-apply form p [type="submit"] {
width: 100%;
}
.page-job-single .form-apply form .codedropz-upload-handler {
border-color: transparent;
background: #F6F7FC;
margin-bottom: 0;
}
.page-job-single .form-apply form .codedropz-upload-handler .codedropz-upload-inner {
align-items: center;
background-size: contain;
display: flex;
justify-content: center;
margin: 0 auto;
}
@media (max-width: 768px) {
.page-job-single .form-apply form .codedropz-upload-handler .codedropz-upload-inner {
flex-direction: column;
}
}
.page-job-single .form-apply form .codedropz-upload-handler .codedropz-upload-inner h3 {
background: url(//sotatek-test.sotatek.works/wp-content/uploads/2025/05/form_apply_icon_1_new.svg);
background-position: 0;
background-repeat: no-repeat;
padding-left: 30px;
}
.page-job-single .form-apply form .codedropz-upload-handler .codedropz-upload-inner .codedropz-btn-wrap,
.page-job-single .form-apply form .codedropz-upload-handler .codedropz-upload-inner h3,
.page-job-single .form-apply form .codedropz-upload-handler .codedropz-upload-inner span {
color: var(--c-main-9);
font-size: 16px;
font-weight: 400;
line-height: 26px;
margin-left: 6px;
}
.page-job-single .form-apply form .codedropz-upload-handler .codedropz-upload-inner .codedropz-upload-container {
border: 1.5px solid var(--c-main-2);
padding: 18px 20px;
}
.page-job-single .form-apply form .codedropz-upload-handler .codedropz-upload-inner .codedropz-btn-wrap a {
color: var(--c-main-6);
font-weight: 600;
}
.page-job-single .form-apply form .dnd-upload-counter {
display: none;
}
.form-refer-friend-other {
display: none;
}
.form-refer-friend-sotateker form>p {
margin-top: -20px;
} .s-popular-jobs {
background: #F6F7FC;
padding: 32px 0 60px;
}
.s-popular-jobs .s-popular-related .s-popular-related-top {
margin-bottom: 24px;
display: flex;
align-items: center;
justify-content: space-between;
}
.s-popular-jobs .s-popular-related .s-popular-related-top .title-38 {
margin-bottom: 0;
}
.s-popular-jobs .s-popular-related .s-popular-related-top a {
font-weight: 600;
display: inline-flex;
align-items: center;
gap: 16px;
white-space: nowrap;
}
.s-popular-jobs .s-popular-related .s-popular-related-content {
padding-bottom: 32px;
} .page-delivery .section.s-engagement-model .grid {
background: #002359;
padding: 40px 64px 24px;
}
@media (max-width: 767px) {
.page-delivery .section.s-engagement-model .grid {
padding: 8px;
}
}
.page-delivery .section.s-engagement-model .grid .column.table .s-table .s-table-row {
display: grid;
grid-template: "col-1 col-2 col-3" max-content/136px 1fr 1fr;
}
.page-delivery .section.s-engagement-model .grid .column.table .s-table .s-table-row>.s-table-cell:first-child {
font-size: 16px !important;
font-weight: 700 !important;
padding: 0 12px !important;
}
.page-delivery .section.s-engagement-model .grid .column.table .s-table>.s-table-header {
background-color: #F6F7FC;
margin-bottom: 16px;
}
.page-delivery .section.s-engagement-model .grid .column.table .s-table>.s-table-header>.s-table-row {
padding: 12px 0;
}
.page-delivery .section.s-engagement-model .grid .column.table .s-table>.s-table-header>.s-table-row>.s-table-cell {
font-size: 16px;
font-weight: 700;
padding: 0 12px;
display: flex;
align-items: center;
}
.page-delivery .section.s-engagement-model .grid .column.table .s-table>.s-table-body>.s-table-row {
padding: 24px 0;
}
.page-delivery .section.s-engagement-model .grid .column.table .s-table>.s-table-body>.s-table-row>.s-table-cell {
color: #fff;
padding: 0 12px 0 20px;
}
.page-delivery .section.s-engagement-model .grid .column.table .s-table>.s-table-body>.s-table-row>.s-table-cell ul {
list-style-type: none;
padding: 0;
margin: 0;
}
.page-delivery .section.s-engagement-model .grid .column.table .s-table>.s-table-body>.s-table-row>.s-table-cell ul li {
font-size: 14px;
padding-left: 16px;
position: relative;
color: #F6F7FC;
}
.page-delivery .section.s-engagement-model .grid .column.table .s-table>.s-table-body>.s-table-row>.s-table-cell ul li:before {
background-color: #fff;
border-radius: 50%;
content: "";
display: inline-block;
height: 4px;
left: 0;
position: absolute;
top: 6px;
width: 4px;
}
.page-delivery .section.s-engagement-model .grid .column.table .s-table>.s-table-body>.s-table-row>.s-table-cell ul li+li {
margin-top: 12px;
}
.page-delivery .section.s-engagement-model .grid .column.table .s-table>.s-table-body>.s-table-row+.s-table-row {
border-top: 1px solid rgba(255, 255, 255, 0.40);
} .page-delivery .section.s-engagement-model .grid .table-mobile .item {
margin-bottom: 16px;
}
.page-delivery .section.s-engagement-model .grid .table-mobile .item:last-child {
margin-bottom: 0;
}
.page-delivery .section.s-engagement-model .grid .table-mobile .item .title {
background: #F6F7FC;
padding: 12px 8px;
color: #101624;
font-size: 16px;
font-weight: 700;
line-height: 140%;
}
.page-delivery .section.s-engagement-model .grid .table-mobile .item .content .item-child {
padding: 8px;
border-bottom: 1px solid rgba(255, 255, 255, 0.40);
}
.page-delivery .section.s-engagement-model .grid .table-mobile .item .content .item-child:last-child {
border: none;
}
.page-delivery .section.s-engagement-model .grid .table-mobile .item .content .item-child .title-child {
margin-bottom: 8px;
color: #fff;
font-size: 16px;
font-weight: 700;
line-height: 140%;
}
.page-delivery .section.s-engagement-model .grid .table-mobile .item .content .item-child .content-child ul {
list-style-type: none;
padding: 0 0 0 8px;
margin: 0;
}
.page-delivery .section.s-engagement-model .grid .table-mobile .item .content .item-child .content-child ul li {
font-size: 14px;
padding-left: 16px;
position: relative;
color: #F6F7FC;
}
.page-delivery .section.s-engagement-model .grid .table-mobile .item .content .item-child .content-child ul li:before {
background-color: #fff;
border-radius: 50%;
content: "";
display: inline-block;
height: 4px;
left: 0;
position: absolute;
top: 6px;
width: 4px;
}
.page-delivery .section.s-engagement-model .grid .table-mobile .item .content .item-child .content-child ul li+li {
margin-top: 12px;
} .partnership-list-content .partnership-list-category {
margin-bottom: 24px;
display: flex;
gap: 40px;
justify-content: space-between;
align-items: end;
}
@media screen and (max-width: 1200px) {
.partnership-list-content .partnership-list-category {
margin-bottom: 40px;
flex-direction: column;
align-items: center;
}
.partnership-list-content .partnership-list-category .s-partnership-search-cat {
padding: 0 30px;
text-align: center;
}
}
.partnership-list-content .partnership-list-category .s-partnership-search-cat .category-item .category-item-title {
color: #101624;
font-size: 16px;
font-weight: 700;
line-height: 140%;
margin: 0 0 4px;
}
@media screen and (max-width: 1200px) {
.partnership-list-content .partnership-list-category .s-partnership-search-cat .category-item .category-item-title {
display: none;
}
}
.partnership-list-content .partnership-list-category .s-partnership-search-cat .category-item .filter-form .form-check {
display: inline-block;
margin: 8px 5px 0 0;
}
.partnership-list-content .partnership-list-category .s-partnership-search-cat .category-item .filter-form .form-check input[type=checkbox] {
display: none;
}
.partnership-list-content .partnership-list-category .s-partnership-search-cat .category-item .filter-form .form-check label {
color: #101624;
font-size: 14px;
font-weight: 400;
line-height: 140%;
margin: 0;
padding: 4px 12px;
border-radius: 24px;
border: 1px solid #E5E7EF;
background: #FFF;
cursor: pointer;
}
.partnership-list-content .partnership-list-category .s-partnership-search-cat .category-item .filter-form .form-check label:hover {
background: var(--c-main-6);
color: #ffffff;
text-decoration: none;
border-color: var(--c-main-6);
}
.partnership-list-content .partnership-list-category .s-partnership-search-cat .category-item .filter-form .form-check:has(input[type="checkbox"]:checked) label { background: var(--c-main-6);
color: #ffffff;
text-decoration: none;
border-color: var(--c-main-6);
}
.partnership-list-content .partnership-list-category .s-post-search-form {
width: 100%;
max-width: 400px;
margin: 0;
}
.partnership-list-content .partnership-list-post .partnership-list-post-content .partnership-list-list {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 24px;
}
@media screen and (max-width: 1199px) {
.partnership-list-content .partnership-list-post .partnership-list-post-content .partnership-list-list {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (max-width: 767px) {
.partnership-list-content .partnership-list-post .partnership-list-post-content .partnership-list-list {
grid-template-columns: repeat(1, 1fr);
}
}
.partnership-list-content .partnership-list-post .partnership-list-post-content .partnership-list-list .item {
background: #ffffff;
border: 1px solid #E5E7EF;
padding: 32px 24px 24px;
height: 100%;
}
.partnership-list-content .partnership-list-post .partnership-list-post-content .partnership-list-list .item:hover {
border-color: #036AE5;
}
.partnership-list-content .partnership-list-post .partnership-list-post-content .partnership-list-list .item figure {
margin-bottom: 24px;
}
.partnership-list-content .partnership-list-post .partnership-list-post-content .partnership-list-list .item figure img {
max-width: 100%;
}
.partnership-list-content .partnership-list-post .partnership-list-post-content .partnership-list-list .item .info {
overflow: hidden;
}
.partnership-list-content .partnership-list-post .partnership-list-post-content .partnership-list-list .item .info .title a * {
color: #1D212E;
font-weight: 600;
font-size: 18px;
line-height: 140%;
margin: 0 0 8px 0;
}
.partnership-list-content .partnership-list-post .partnership-list-post-content .partnership-list-list .item .info .desc {
color: #565C69;
font-weight: 400;
font-size: 12px;
line-height: 140%;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 5;
line-clamp: 5;
-webkit-box-orient: vertical;
}
.partnership-list-content .partnership-list-post .partnership-list-post-content .partnership-list-list .item .info .read-more-section a {
font-weight: 700;
font-size: 12px;
line-height: 18px;
display: flex;
align-items: center;
gap: 4px;
margin: 18px 0 0 0;
visibility: hidden;
transform: translateX(-120px);
--transition-time: 0.4s;
}
.partnership-list-content .partnership-list-post .partnership-list-post-content .partnership-list-list .item:hover .info .read-more-section a {
visibility: visible;
transform: none;
}
.partnership-list-content .partnership-list-post .s-jobs-list {
text-align: center;
}
.partnership-list-content .partnership-list-post .s-jobs-list .pagination {
display: inline-block;
} .partnership-form .partnership-form-content form p {
grid-column-gap: 16px;
grid-row-gap: 16px;
display: grid;
grid-template:
"first_name last_name" max-content
"email company" max-content
"message message" max-content
"accept_email accept_email" max-content
"submit submit" max-content / 1fr 1fr;
max-width: 710px;
margin: 0 auto 0;
}
@media (max-width: 767px) {
.partnership-form .partnership-form-content form p {
grid-template:
"first_name" max-content
"last_name" max-content
"email" max-content
"company" max-content
"message" max-content
"accept_email" max-content
"submit" max-content
/ 1fr;
}
}
.partnership-form .partnership-form-content form p>br {
display: none;
}
.partnership-form .partnership-form-content form p>span {
display: inline-block;
width: 100%;
}
.partnership-form .partnership-form-content form p>span>input,
.partnership-form .partnership-form-content form p>span>textarea {
background-color: #1D212E;
border-radius: 4px;
border: none;
font-size: 14px;
font-weight: 400;
line-height: 140%;
padding: 10px 16px;
width: 100%;
}
.partnership-form .partnership-form-content form p>span>input,
.partnership-form .partnership-form-content form p>span>textarea {
color: #ffffff;
}
.partnership-form .partnership-form-content form p>span>input::placeholder,
.partnership-form .partnership-form-content form p>span>textarea::placeholder {
color: #7E8494;
}
.partnership-form .partnership-form-content form p>span>textarea {
max-height: 110px;
}
.partnership-form .partnership-form-content form p>span.wpcf7-form-control-wrap .wpcf7-list-item {
margin: 0;
}
.partnership-form .partnership-form-content form p>span.wpcf7-form-control-wrap input[type="checkbox"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
border-radius: 3px;
border: 1.5px solid #565C69;
display: inline-block;
height: 25px;
margin: 0;
position: relative;
width: 25px;
background: transparent;
}
.partnership-form .partnership-form-content form p>span.wpcf7-form-control-wrap input[type="checkbox"]:active,
.partnership-form .partnership-form-content form p>span.wpcf7-form-control-wrap input[type="checkbox"]:checked,
.partnership-form .partnership-form-content form p>span.wpcf7-form-control-wrap input[type="checkbox"]:focus {
outline: none;
}
.partnership-form .partnership-form-content form p>span.wpcf7-form-control-wrap input[type="checkbox"]:checked:before {
content: "";
position: absolute;
left: 7px;
top: 1px;
padding: 6px 3px;
border-bottom: 1.5px solid #7E8494;
border-right: 1.5px solid #7E8494;
transform: rotate(45deg);
}
.partnership-form .partnership-form-content form p>span.wpcf7-form-control-wrap label {
grid-gap: 16px;
align-items: center;
color: #7E8494;
cursor: pointer;
display: grid;
font-size: 14px;
font-weight: 400;
grid-template-columns: 25px 1fr;
line-height: 140%;
margin: 0;
}
.partnership-form .partnership-form-content form p>[data-name="first_name"] {
grid-area: first_name;
}
.partnership-form .partnership-form-content form p>[data-name="last_name"] {
grid-area: last_name;
}
.partnership-form .partnership-form-content form p>[data-name="email"] {
grid-area: email;
}
.partnership-form .partnership-form-content form p>[data-name="company"] {
grid-area: company;
}
.partnership-form .partnership-form-content form p>[data-name="message"] {
grid-area: message;
}
.partnership-form .partnership-form-content form p>[data-name="accept_email"] {
grid-area: accept_email;
justify-self: start;
}
.partnership-form .partnership-form-content form p>[type="submit"] {
grid-area: submit;
padding: 12px 32px;
margin-top: 10px;
} .ajaxLoad {
background: url(//sotatek-test.sotatek.works/wp-content/uploads/2024/07/loading.gif) no-repeat center center;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 999;
display: none;
} .progressbar {
display: flex;
align-items: center;
gap: 32px;
padding-right: 138px;
}
@media screen and (max-width: 767px) {
.progressbar {
padding-right: 124px;
}
}
.progress-slider {
display: block;
width: 100%;
height: 2px;
overflow: hidden;
background-color: #E5E7EF;
background-image: linear-gradient(to right, var(--c-main-6), var(--c-main-6));
background-repeat: no-repeat;
background-size: 0 100%;
transition: background-size .4s ease-in-out;
}
.progress-label {
color: var(--c-main-7);
font-size: 14px;
white-space: nowrap;
} .progressbar-new {
width: 70px;
}
.progress-slider-new {
position: relative;
width: 100%;
height: 2px; overflow: hidden;
--progress: 0%;
}
.progress-slider-new:before {
content: "";
position: absolute;
inset: 0 auto 0 0;
width: var(--progress);
background: linear-gradient(to right, #BDC0CE, #BDC0CE);
border-radius: 999px;
transition: width .4s ease-in-out;
}
.progress-slider-new:after {
content: "";
position: absolute; width: calc(100% - var(--progress) - 2px);
background: linear-gradient(to right, #BDC0CE40, #BDC0CE40);
border-radius: 999px;
transition: width .4s ease-in-out;
top: 0;
right: 0;
height: 100%;
} .fix-slick-padding-overflow .slick-list {
overflow: unset;
} .fix-slick-padding .slick-list {
margin: 0 -16px;
}
@media screen and (max-width: 767px) {
.fix-slick-padding .slick-list {
margin: 0 -8px;
}
}
.fix-slick-padding .slick-list .slick-track {
display: flex;
}
.fix-slick-padding .slick-list .slick-slide {
margin: 0 16px;
display: flex;
flex-direction: column;
height: auto !important;
}
@media screen and (max-width: 767px) {
.fix-slick-padding .slick-list .slick-slide {
margin: 0 8px;
}
} .fix-slick-padding-8 .slick-list {
margin: 0 -8px;
}
.fix-slick-padding-8 .slick-list .slick-track {
display: flex;
}
.fix-slick-padding-8 .slick-list .slick-slide {
margin: 0 8px;
display: flex;
flex-direction: column;
height: auto !important;
}  .fix-slick-item-align-center .slick-track {
display: flex;
align-items: center;
} .fix-slick-item-image img {
width: auto;
max-height: 100%;
object-fit: contain;
}   .homenew-testimonials {
overflow: hidden;
}
.homenew-testimonials-content .item {
height: 100%;
cursor: pointer;
display: flex;
flex-direction: column;
}
.homenew-testimonials-content .item .desc {
flex: 1;
line-height: 140%;
}
.homenew-testimonials-content .item:hover .desc,
.homenew-testimonials-content .item:hover .content .info .meta .title a,
.homenew-testimonials-content .item:hover .content .s-button--read-more-new {
color: var(--c-white) !important;
}
.homenew-testimonials-content .item:hover .content .s-button--read-more-new img {
filter: brightness(0) invert(1);
}
.homenew-testimonials-content .item:hover .content .info .meta .job {
color: #E5E7EF !important;
}
.homenew-testimonials-content .item .content {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
}
.homenew-testimonials-content .item .content .info {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
}
.homenew-testimonials-content .item .content .info img {
border-radius: 50%;
overflow: hidden;
} .s-posts-list-new .posts {
padding-bottom: 32px;
}
@media screen and (max-width: 767px) {
.s-posts-list-new .posts {
padding-bottom: 16px;
}
}
.s-posts-list-new .posts .item {
display: flex;
flex-direction: column;
height: 100%;
}
.s-posts-list-new .posts .item .thumbnail {
padding: 0;
margin-bottom: 0;
background-color: transparent;
border: none;
border-radius: 0;
position: relative;
}
.s-posts-list-new .posts .item .thumbnail img {
width: 100%;
object-fit: contain;
}
.s-posts-list-new .posts .item .info { padding: 16px 16px 0 0;
transition: all 500ms ease 0ms;
overflow: hidden;
flex: 1;
display: flex;
flex-direction: column;
justify-content: space-between; }
.s-posts-list-new .posts .item .info .meta {
margin-bottom: 12px;
}
.s-posts-list-new .posts .item .info .meta .category a {
padding: 4px 12px;
margin: 0 4px 4px 0;
border-radius: 36px;
background: #E5E7EF;
color: var(--c-main-7);
font-size: 14px;
display: inline-block;
}
.s-posts-list-new .posts .item .info .title {
color: var(--c-main-7);
font-size: 16px;
font-weight: 400;
line-height: 140%;
margin-bottom: 0;
display: block;
height: 100%;
}
@media screen and (max-width: 767px) {
.s-posts-list-new .posts .item .info .title {
font-size: 14px;
}
}
.s-posts-list-new .posts .item .info .title>* {
color: var(--c-main-7);
font-weight: 400;
}
.s-posts-list-new .posts .item:hover .info .title {
color: var(--c-main-6);
}
.s-posts-list-new .posts .item .info .desc {
color: #565C69;
font-size: 16px;
font-weight: 400;
line-height: 140%;
margin: 8px 0 0;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.s-posts-list-new .posts .item .info .desc>* {
color: #565C69;
font-size: 16px;
}
.s-posts-list-new .posts .item .info .s-button--read-more-new {
margin-top: 24px;
visibility: hidden;
transform: translateX(-120px);
--transition-time: 0.4s;
}
.s-posts-list-new .posts .item:hover .info .s-button--read-more-new {
visibility: visible;
transform: none;
}
@media screen and (max-width: 767px) {
.s-posts-list-new .posts .item .info .s-button--read-more-new {
margin-top: 20px;
}
} .dark .s-posts-list-new .posts .item .info {
background: var(--c-main-7);
padding: 24px 24px 40px;
}
.dark .s-posts-list-new .posts .item:hover .info {
background: var(--c-white);
}
@media screen and (max-width: 767px) {
.dark .s-posts-list-new .posts .item .info {
padding: 20px 24px 32px;
}
}
.dark .s-posts-list-new .posts .item .info .meta .date {
margin-bottom: 12px;
}
.dark .s-posts-list-new .posts .item .info .meta .category a {
background: var(--c-main-9);
color: var(--c-white);
}
.dark .s-posts-list-new .posts .item .info .title,
.dark .s-posts-list-new .posts .item .info .title>* {
color: #E5E7EF;
}
.dark .s-posts-list-new .posts .item:hover .info .title,
.dark .s-posts-list-new .posts .item:hover .info .title>* {
color: var(--c-main-7);
} .homenew-service-content ul.nav {
margin-bottom: 24px;
display: grid;
grid-template-columns: repeat(4, 1fr);
}
@media screen and (max-width: 1200px) {
.homenew-service-content ul.nav {
grid-template-columns: repeat(2, 1fr);
}
}
.homenew-service-content ul.nav:before {
display: none;
}
.homenew-service-content ul.nav li {
float: none;
width: 100%;
margin: 0;
}
.homenew-service-content ul.nav li a {
padding: 14px;
background: transparent;
color: #7E8494;
text-align: center;
font-size: 14px;
font-weight: 600;
border-bottom: 1px solid #E5E7EF;
border-radius: 0;
}
.homenew-service-content ul.nav li.active a,
.homenew-service-content ul.nav li a:hover {
border-color: var(--c-main-7) !important;
border-width: 2px;
color: var(--c-main-7);
background-color: transparent;
}
.homenew-service-content select.nav-mobile {
margin-bottom: 24px;
padding: 12px 44px 12px 24px;
border-radius: 50px;
border: 2px solid #E5E7EF;
background: #FFF;
font-size: 12px;
font-weight: 600;
width: 100%;
-webkit-appearance: none;
background: url(//sotatek-test.sotatek.works/wp-content/uploads/2024/12/icon-chevron-down-arrow-blue.svg) no-repeat center right 20px;
}
@media screen and (min-width: 1201px) and (max-width: 1400px) {
.homenew-service-content .tab-content {
width: calc(100% - 70px);
}
}
.homenew-service-content .tab-content .tab-pane .slider .slick-track {
margin: unset;
}
.homenew-service-content .tab-content .tab-pane .slider .item {
position: relative;
cursor: pointer;
overflow: hidden;
}
.homenew-service-content .tab-content .tab-pane .slider .item:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 0;
z-index: 1;
transition: all 300ms ease 0ms;
background: rgba(246, 247, 252, 0.80);
backdrop-filter: blur(25px);
}
.homenew-service-content .tab-content .tab-pane .slider .item:hover:after {
height: 100%;
}
.homenew-service-content .tab-content .tab-pane .slider .item .content {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
z-index: 2;
transition: all 500ms ease 0ms;
display: flex;
flex-direction: column;
padding: 60px 24px 24px 24px;
}
.homenew-service-content .tab-content .tab-pane .slider .item:hover .content {
padding: 32px 24px 24px 24px;
}
.homenew-service-content .tab-content .tab-pane .slider .item .content .top {
flex: 1;
}
.homenew-service-content .tab-content .tab-pane .slider .item .content .title {
line-height: 140%;
font-size: 24px;
letter-spacing: -0.5px;
font-weight: 600;
margin: 0; color: var(--c-main-7);
text-transform: uppercase;
}
.homenew-service-content .tab-content .tab-pane .slider .item:hover .content .title {
color: var(--c-main-7) !important;
}
@media screen and (max-width: 767px) {
.homenew-service-content .tab-content .tab-pane .slider .item .content .title {
font-size: 18px;
}
}
.homenew-service-content .tab-content .tab-pane .slider .item .content .desc {
font-size: 14px;
line-height: 140%;
transition: all 0ms ease 100ms;
height: 0;
visibility: hidden;
color: var(--c-main-7);
margin: 0;
}
.homenew-service-content .tab-content .tab-pane .slider .item .content .desc p {
line-height: 140%;
}
.homenew-service-content .tab-content .tab-pane .slider .item:hover .content .desc {
height: 100%;
visibility: visible;
margin: 12px 0 0;
}
.homenew-service-content .tab-content .tab-pane .slider .item .content>a {
visibility: hidden;
display: flex;
justify-content: end;
}
.homenew-service-content .tab-content .tab-pane .slider .item:hover .content>a {
visibility: visible;
}
.homenew-service-content .tab-content .tab-pane .slider .item.item-layout-bottom .content {
padding: 32px 24px 24px 24px;
padding: 100% 24px 24px 24px;
}
.homenew-service-content .tab-content .tab-pane .slider .item.item-layout-bottom:hover .content {
padding: 32px 24px 24px 24px;
}
.homenew-service-content .tab-content .tab-pane .slider .item.item-layout-bottom .content .top {
justify-content: end;
display: flex;
flex-direction: column;
}
.homenew-service-content .tab-content .tab-pane .slider .item.item-layout-bottom .content .title {
color: #ffffff;
}
.homenew-service-content .tab-content .tab-pane .slider .item.item-layout-bottom:hover .content .title {
color: var(--c-main-7) !important;
}
.homenew-service-content .tab-content .tab-pane .slider .item.item-layout-bottom .content>a {
display: none;
}
.homenew-service-content .tab-content .tab-pane .slider .item.item-layout-bottom:hover .content>a {
display: flex;
} .homenew-presence-content ul.nav-pills li {
float: none;
margin: 0;
}
.homenew-presence-content ul.nav-pills li a {
background: transparent;
display: flex;
align-items: center; padding: 24px 0 24px 0;
border-bottom: 1px solid #ffffff10;
color: #ffffff50;
font-size: 20px;
font-weight: 400;
line-height: 140%;
letter-spacing: -0.5px;
border-radius: 0;
}
.homenew-presence-content ul.nav-pills li a>* {
color: #ffffff50;
font-size: 20px;
font-weight: 400;
line-height: 140%;
letter-spacing: -0.5px;
margin: 0;
}
.homenew-presence-content ul.nav-pills li:last-child a {
border-bottom: none;
}
.homenew-presence-content ul.nav-pills li.active a,
.homenew-presence-content ul.nav-pills li.active a>* {
background: transparent;
color: #ffffff;
}
.homenew-presence-content ul.nav-pills li a img {
width: 0;
margin: 0;
transition: all 300ms ease 0ms;
}
.homenew-presence-content ul.nav-pills li.active a img {
width: 28px; margin-right: 16px;
}
.homenew-presence-content .slider-presence .slick-list {
height: auto !important;
}
.homenew-presence-content .slider-presence .slick-track {
max-width: 100% !important;
transform: translate3d(0, 0, 0) !important;
perspective: 100px;
height: 100% !important;
height: auto !important;
}
.homenew-presence-content .slider-presence .slick-slide {
position: absolute !important;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
opacity: 0;
width: 100% !important;
transform: translate3d(0, 0, 0);
transition: transform 1s, opacity 1s;
}
.homenew-presence-content .slider-presence .slick-snext,
.homenew-presence-content .slider-presence .slick-snext2,
.homenew-presence-content .slider-presence .slick-sprev {
display: block;
}
.homenew-presence-content .slider-presence .slick-current {
opacity: 1;
position: relative !important;
display: block;
transform: translate3d(0, 0, 0px);
z-index: 3 !important;
height: 100%;
}
.homenew-presence-content .slider-presence .slick-snext {
transform: translate3d(0, -40px, -10px);
z-index: 2 !important;
opacity: 0.5;
}
.homenew-presence-content .slider-presence .slick-sprev {
transform: translate3d(0, 40px, -10px);
z-index: 1 !important;
opacity: 0.5;
}
.homenew-presence-content .tab-content .item .content {
gap: 32px;
}
.homenew-presence-content .tab-content .item .content>div>p:first-child {
line-height: normal !important;
}
.homenew-presence-content select.nav-mobile {
margin-bottom: 24px;
padding: 12px 24px;
border-radius: 50px;
border: none;
color: #fff;
font-size: 14px;
font-weight: 600;
width: 100%;
-webkit-appearance: none;
background: rgba(0, 0, 0, 0.20) url(//sotatek-test.sotatek.works/wp-content/uploads/2024/12/icon-chevron-down-arrow-blue.svg) no-repeat center right 20px;
}
.homenew-presence-content .slider-presence-mobile .item {
position: relative;
cursor: pointer;
}
.homenew-presence-content .slider-presence-mobile .item .content {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
z-index: 2;
transition: all 500ms ease 0ms;
display: flex;
gap: 16px;
flex-direction: column;
justify-content: end;
padding: 25px 16px;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.10) 0%, #000 100%);
}
@media screen and (max-width: 767px) {
.homenew-presence-content .slider-presence-mobile .item .content {
gap: 4px;
padding: 16px;
}
}
.homenew-presence-content .slider-presence-mobile .item .content>div>p:first-child {
border-radius: 22.5px;
background: rgba(10, 15, 28, 0.50);
box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, 0.08);
display: flex;
width: 45px;
height: 45px;
padding: 9px 13px;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 10px;
line-height: normal !important;
}
@media screen and (max-width: 767px) {
.homenew-presence-content .slider-presence-mobile .item .content>div>p:first-child {
width: 25px;
height: 25px;
padding: 5px 5px;
}
.homenew-presence-content .slider-presence-mobile .item .content p,
.homenew-presence-content .slider-presence-mobile .item .content h3 {
font-size: 12px !important;
}
.homenew-presence-content .slider-presence-mobile .item .content h3 {
line-height: 30px;
}
}  @media screen and (min-width: 993px) {
.homenew-labs {
max-height: 100vh;
overflow: hidden;
}
}
.homenew-labs .content-section .left ul.nav-pills li {
float: none;
margin: 0;
}
.homenew-labs .content-section .left ul.nav-pills li a {
background: transparent;
display: flex;
align-items: center;
padding: 24px 10px 24px 0;
border-bottom: 1px solid #ffffff10;
color: #ffffff50;
font-size: 20px;
font-weight: 400;
line-height: 140%;
letter-spacing: -0.5px;
border-radius: 0;
}
.homenew-labs .content-section .left ul.nav-pills li a>* {
color: #ffffff50;
font-size: 20px;
font-weight: 400;
line-height: 140%;
letter-spacing: -0.5px;
margin: 0;
}
.homenew-labs .content-section .left ul.nav-pills li:last-child a {
border-bottom: none;
}
.homenew-labs .content-section .left ul.nav-pills li.active a,
.homenew-labs .content-section .left ul.nav-pills li.active a>* {
background: transparent;
color: #ffffff;
}
.homenew-labs .content-section .left ul.nav-pills li a img {
width: 0;
margin: 0;
transition: all 300ms ease 0ms;
}
.homenew-labs .content-section .left ul.nav-pills li.active a img {
width: 28px;
margin-right: 32px;
} @media screen and (min-width: 993px) {
.homenew-labs .content-section .right {
max-height: 100vh;
}
.homenew-labs .content-section .right .figure {
max-height: calc(100vh - 75px);
max-height: 100vh;
overflow: hidden;
}
.homenew-labs .content-section .right .figure img {
max-height: 100%;
object-fit: contain;
}
}
.homenew-labs .content-section .right .figure:not(:first-child) {
display: none;
}
@media screen and (max-width: 992px) {
.homenew-labs .content-section .right .figure:not(:first-child) {
display: block
}
}
.homenew-labs .content-section .left select.nav-mobile {
padding: 12px 24px;
border-radius: 50px;
border: none;
color: #fff;
font-size: 14px;
font-weight: 600;
width: 100%;
-webkit-appearance: none;
background: rgba(0, 0, 0, 0.20) url(//sotatek-test.sotatek.works/wp-content/uploads/2024/12/icon-chevron-down-arrow-blue.svg) no-repeat center right 20px;
} .homenew-innovation .content-section {
display: flex;
gap: 24px;
}
@media screen and (max-width: 1200px) {
.homenew-innovation .content-section {
display: block;
}
}
.homenew-innovation .content-section .panel {
height: 552px;
border-radius: 24px;
overflow: hidden;
flex: 1;
transition: flex 0.7s ease;
margin: 0;
border: none;
box-shadow: none;
}
.homenew-innovation .content-section:hover .panel {
flex: 0.5;
}
.homenew-innovation .content-section:hover .panel:hover {
flex: 1.7;
}
@media screen and (max-width: 1200px) {
.homenew-innovation .content-section .panel {
margin-bottom: 24px;
}
}
.homenew-innovation .content-section .panel .map-container {
position: relative;
width: 100%;
height: 100%; width: 900px;
overflow-x: hidden;
}
.homenew-innovation .content-section .panel .map-container .route-item {
position: absolute;
cursor: pointer;
transform-origin: center center;
transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
will-change: transform;
}
.homenew-innovation .content-section .panel .map-container .route-item .route-content {
position: relative;
}
.homenew-innovation .content-section .panel .map-container .route-item .route-content .route-text {
font-size: 20px;
color: #ffffff;
transition: all 0.3s ease;
}
@media screen and (max-width: 1200px) {
.homenew-innovation .content-section .panel .map-container .route-item .route-content .route-text {
font-size: 12px;
}
}
.homenew-innovation .content-section .panel .map-container .route-item .route-content .route-item.active .route-text {
color: #1F2937;
text-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
font-weight: 500;
}
.homenew-innovation .content-section .panel .map-container .route-item .route-content .route-underline {
position: absolute;
bottom: 0;
left: 0;
height: 2px;
width: 0%;
background: linear-gradient(90deg, #ffffff 0%, #036AE5 100%);
transition: width 0.4s ease;
}
.homenew-innovation .content-section .panel .map-container .route-item.active .route-content .route-underline {
width: 100%;
}
.homenew-innovation .content-section .panel .title {
color: #FFF;
font-size: 20px;
font-weight: 600;
line-height: 140%;
letter-spacing: -0.348px;
margin: 0;
text-align: left;
position: absolute;
left: 24px;
bottom: 24px;
z-index: 1;
}
@media screen and (max-width: 1200px) {
.homenew-innovation .content-section .panel .title {
font-size: 16px;
}
}
.homenew-innovation .content-section .panel.right .title {
left: auto;
right: 24px;
bottom: 24px;
text-align: right;
} .syncing-slider-dot {
text-align: center;
}
.syncing-slider-dot .slider-nav {
display: inline-block;
border-radius: 50px;
background: #F6F7FC;
padding: 4px;
}
.syncing-slider-dot .slider-nav .slick-track {
width: auto !important;
text-align: center;
}
.syncing-slider-dot .slider-nav .item {
width: auto !important;
border-radius: 50px;
cursor: pointer;
float: none;
display: inline-block;
}
.syncing-slider-dot .slider-nav .item.slick-current,
.syncing-slider-dot .slider-nav .item:hover {
background: #FFF;
box-shadow: 0px 4px 40px 0px rgba(167, 169, 183, 0.15);
transition: 0.3s;
}
.syncing-slider-dot .slider-nav .item .title {
padding: 11px 28px;
text-align: center;
margin: 0;
}
.syncing-slider-dot .slider-nav .item.slick-current .title,
.syncing-slider-dot .slider-nav .item:hover .title {
color: var(--c-main-7) !important;
}
@media screen and (max-width: 767px) {
.syncing-slider-dot .slider-nav .item .title {
padding: 11px 11px;
}
}
.syncing-slider .item {
transition: 0.1s;
}
.syncing-slider .item.slick-current {
margin-top: -70px;
}
.syncing-slider .item.slick-current .bao {
box-shadow: 0px 24px 48px 0px rgba(20, 19, 22, 0.16) !important;
} @media screen and (min-width: 1200px) {
.mobileapp-syncing-slider .syncing-slider .item.slick-current .bao {
grid-template-columns: 200px 1fr;
}
}
@media screen and (max-width: 400px) {
.mobileapp-syncing-slider .syncing-slider-dot .slider-nav .slick-track {
display: flex;
flex-direction: column;
}
.mobileapp-syncing-slider .syncing-slider .item .bao {
grid-template-columns: auto;
}
.mobileapp-syncing-slider .syncing-slider .item .bao .image {
display: none;
}
} .aboutnew-journey-content .item {
position: relative;
cursor: pointer;
}
.aboutnew-journey-content .item:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
transition: all 500ms ease 0ms;
background: #1A3D9660;
}
.aboutnew-journey-content .item:hover:before {
height: 0;
}
.aboutnew-journey-content .item:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 0;
z-index: 1;
transition: all 500ms ease 0ms;
background: rgba(26, 61, 150, 0.80);
backdrop-filter: blur(15px);
}
.aboutnew-journey-content .item:hover:after {
height: 100%;
}
.aboutnew-journey-content .item .content {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
z-index: 2;
transition: all 500ms ease 0ms;
overflow: hidden;
padding: 32px;
}
.aboutnew-journey-content .item .content .top {
width: 100%;
height: 100%;
}
.aboutnew-journey-content .item .content .title {
position: relative;
padding-top: 17px;
font-size: 32px;
line-height: 140%;
letter-spacing: -0.5px;
font-weight: 600;
margin-bottom: 0;
color: #fff;
}
.aboutnew-journey-content .item .content .title:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 5px;
background: #fff;
z-index: 1;
}
.aboutnew-journey-content .item .content .desc {
line-height: 140%;
margin: 16px 0 0 0;
color: #fff;
} .aboutnew-certification-content ul.nav {
display: inline-block;
border-radius: 50px;
background: #F6F7FC;
padding: 4px;
}
.aboutnew-certification-content ul.nav li a {
border-radius: 50px;
display: inline-block;
padding: 0;
text-align: center;
}
.aboutnew-certification-content ul.nav li a>* {
color: #7e8494;
border-radius: 50px;
display: inline-block;
padding: 11px 28px;
text-align: center;
font-size: 14px;
font-weight: 600;
line-height: 140%;
margin: 0;
}
.aboutnew-certification-content ul.nav li.active a,
.aboutnew-certification-content ul.nav li:hover a {
background-color: #337ab7;
background: #FFF;
box-shadow: 0px 4px 40px 0px rgba(167, 169, 183, 0.15);
transition: 0.3s;
}
.aboutnew-certification-content ul.nav li.active a>*,
.aboutnew-certification-content ul.nav li:hover a>* {
color: var(--c-main-7);
}
@media screen and (max-width: 767px) {
.aboutnew-certification-content ul.nav li a>* {
font-size: 12px;
padding: 11px 9px;
}
} .aboutnew-development-content .fg-col {
display: flex;
flex-direction: column;
gap: 16px;
}
.aboutnew-development-content .item {
position: relative;
}
.aboutnew-development-content .item .content {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 0;
visibility: hidden;
z-index: 1;
background: linear-gradient(180deg, rgba(26, 61, 150, 0.00) 0%, #1A3D96 100%);
display: flex;
align-items: end;
transition: all 200ms ease 0ms;
}
.aboutnew-development-content .item:hover .content {
height: 100%;
visibility: visible;
}
.aboutnew-development-content .item .content .title {
visibility: hidden;
}
.aboutnew-development-content .item:hover .content .title {
visibility: visible;
} .s-portfolio-new .posts {
padding-bottom: 32px;
}
@media screen and (max-width: 767px) {
.s-portfolio-new .posts {
padding-bottom: 16px;
}
}
.s-portfolio-new .posts .item .thumbnail {
padding: 0;
margin-bottom: 0;
background-color: rgba(165, 166, 246, 0.12);
border: none;
border-radius: 0;
height: 220px;
overflow: hidden;
width: 100%;
}
.s-portfolio-new .posts .item .thumbnail img {
width: 100%;
height: 100%;
object-fit: contain;
}
.s-portfolio-new .posts .item .info {
padding: 16px 16px 0 0;
transition: all 500ms ease 0ms;
overflow: hidden;
flex: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.s-portfolio-new .posts .item .info .meta {
margin-bottom: 12px;
}
.s-portfolio-new .posts .item .info .meta .category a {
padding: 2px 12px;
border-radius: 36px;
background: #E5E7EF;
color: var(--c-main-7);
font-size: 14px;
display: inline-block;
margin: 0 4px 4px 0;
}
.s-portfolio-new .posts .item .info .title {
color: var(--c-main-7);
font-size: 16px;
font-weight: 400;
line-height: 140%;
margin-bottom: 0;
display: block;
height: 100%;
}
@media screen and (max-width: 767px) {
.s-portfolio-new .posts .item .info .title {
font-size: 14px;
}
}
.s-portfolio-new .posts .item:hover .info .title {
color: var(--c-main-6);
}
.s-portfolio-new .posts .item .info .s-button--read-more-new {
margin-top: 24px;
visibility: hidden;
transform: translateX(-120px);
--transition-time: 0.4s;
}
.s-portfolio-new .posts .item:hover .info .s-button--read-more-new {
visibility: visible;
transform: none;
}
@media screen and (max-width: 767px) {
.s-portfolio-new .posts .item .info .s-button--read-more-new {
margin-top: 20px;
}
} .dark .s-portfolio-new .posts .item .info {
background: var(--c-main-7);
padding: 24px 24px 40px;
}
.dark .s-portfolio-new .posts .item:hover .info {
background: var(--c-white);
}
@media screen and (max-width: 767px) {
.dark .s-portfolio-new .posts .item .info {
padding: 20px 24px 32px;
}
}
.dark .s-portfolio-new .posts .item .info .meta .category a {
background: var(--c-main-9);
color: var(--c-white);
}
.dark .s-portfolio-new .posts .item .info .title,
.dark .s-portfolio-new .posts .item .info .title>* {
color: #E5E7EF;
}
.dark .s-portfolio-new .posts .item:hover .info .title,
.dark .s-portfolio-new .posts .item:hover .info .title>* {
color: var(--c-main-7);
} .techstack-new-slider .slider-row {
display: grid;
grid-template-columns: 250px 1fr;
grid-column-gap: 3px;
align-items: center;
margin-bottom: 16px;
}
@media screen and (max-width: 1200px) {
.techstack-new-slider .slider-row {
display: block;
margin-bottom: 12px;
}
}
.techstack-new-slider .slider-row:last-child {
margin-bottom: 0;
}
.techstack-new-slider .slider-row .tab {
height: 100%;
}
.techstack-new-slider .slider-row .tab .tab-title {
height: 100%;
background-color: #F6F7FC;
padding: 14px 58px 14px 24px;
display: flex;
align-items: center;
color: var(--c-main-9);
font-size: 14px;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
transition: all 300ms ease 0ms;
min-height: 62px;
}
@media screen and (max-width: 1200px) {
.techstack-new-slider .slider-row .tab .tab-title {
margin-bottom: 4px;
}
}
.techstack-new-slider .slider-row.active .tab .tab-title {
background-color: var(--c-main-8);
color: #FFF;
padding: 14px 24px;
}
.techstack-new-slider .slider-row .tab .tab-title img {
margin-right: 0;
width: 0;
visibility: hidden;
transition: all 300ms ease 0ms;
}
.techstack-new-slider .slider-row.active .tab .tab-title img {
width: 34px;
visibility: visible;
margin-right: 16px;
}
.techstack-new-slider .slider-row:not(.active) .slider {
display: flex;
align-items: center;
overflow: hidden;
}
.techstack-new-slider .slider-row .slider .slick-list .slick-track {
margin-left: unset;
}
.techstack-new-slider .slider-row .slider .item {
display: flex;
align-items: center;
justify-content: center;
background-color: #F6F7FC;
height: 80px;
margin: 0 2px;
padding: 20px;
filter: grayscale(1);
min-width: 141px;
max-width: 141px;
}
.techstack-new-slider .slider-row.active .slider .item {
background-color: #E7F5FF;
filter: grayscale(0);
min-width: auto !important;
max-width: unset;
} .technologiesnew-why-content .item {
position: relative;
cursor: pointer;
}
.technologiesnew-why-content .item .content {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
z-index: 1;
overflow: hidden;
padding: 32px 24px 20px 24px;
}
.technologiesnew-why-content .item .content:before {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 180px;
background: linear-gradient(180deg, rgba(29, 33, 46, 0.00) 0%, #1D212E 100%);
z-index: -1;
}
.technologiesnew-why-content .item .content:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 0;
z-index: -1;
transition: all 300ms ease 0ms;
background: rgba(26, 61, 150, 0.80);
backdrop-filter: blur(15px);
}
.technologiesnew-why-content .item:hover .content:after {
height: 100%;
transition: all 300ms ease 0ms;
}
.technologiesnew-why-content .item .content .bao {
height: 100%;
overflow: hidden;
display: flex;
flex-direction: column;
justify-content: end;
}
.technologiesnew-why-content .item .content .title {
margin: 0 0 12px;
color: #fff;
font-size: 20px;
line-height: 140%;
letter-spacing: -0.2px;
font-weight: 600;
}
.technologiesnew-why-content .item .content .desc {
margin: 0;
color: #e5e7ef;
font-size: 14px;
line-height: 140%;
height: 0;
visibility: hidden;
transition: all 300ms ease 0ms;
}
.technologiesnew-why-content .item:hover .content .desc {
height: 100%;
visibility: visible;
} .whitepaper-sticky-post {
background: #F6F7FC;
padding: 48px 0;
}
@media screen and (max-width: 767px) {
.whitepaper-sticky-post {
padding: 32px 0;
}
}
.whitepaper-sticky-post .item {
display: flex;
align-items: center;
margin-right: -20px;
margin-left: -20px;
}
@media screen and (max-width: 767px) {
.whitepaper-sticky-post .item {
flex-wrap: wrap;
flex-direction: column-reverse;
gap: 24px;
}
}
.whitepaper-sticky-post .item figure {
flex: 0 0 50%;
max-width: 50%;
width: 100%;
padding-right: 20px;
padding-left: 20px;
}
@media screen and (max-width: 767px) {
.whitepaper-sticky-post .item figure {
flex: 100%;
max-width: 100%;
}
}
.whitepaper-sticky-post .item figure>a img {
width: 100%;
max-width: 100%;
}
.whitepaper-sticky-post .item .info {
flex: 0 0 50%;
max-width: 50%;
width: 100%;
padding-right: 20px;
padding-left: 20px;
}
@media screen and (max-width: 767px) {
.whitepaper-sticky-post .item .info {
flex: 100%;
max-width: 100%;
}
}
.whitepaper-sticky-post .item .info .title-small {
font-size: 16px;
letter-spacing: 1px;
margin-bottom: 12px;
}
@media screen and (max-width: 767px) {
.whitepaper-sticky-post .item .info .title-small {
margin-bottom: 8px;
}
}
.whitepaper-sticky-post .item .info .title a * {
font-size: 32px;
font-weight: 600;
line-height: 140%;
letter-spacing: -0.5px;
margin-bottom: 0;
}
.whitepaper-sticky-post .item .info .desc {
font-size: 14px;
font-weight: 400;
line-height: 140%;
margin: 12px 0 0;
}
@media screen and (max-width: 767px) {
.whitepaper-sticky-post .item .info .desc {
margin: 4px 0 0;
}
}
.whitepaper-sticky-post .item .read-more-section a {
margin-top: 24px;
padding: 10px 16px;
font-size: 14px;
}
.whitepaper-sticky-post .item figure .read-more-section {
display: none;
}
.whitepaper-sticky-post .item .info .read-more-section {
display: block;
}
@media screen and (max-width: 767px) {
.whitepaper-sticky-post .item figure .read-more-section {
display: block;
}
.whitepaper-sticky-post .item figure .read-more-section a {
display: flex;
}
.whitepaper-sticky-post .item .info .read-more-section {
display: none;
}
}
.s-whitepaper-search-post .whitepaper-list-filter input {
background-color: #fff;
border: 1px solid #BDC0CE;
border-radius: 64px;
outline: none;
padding: 12px 16px;
width: 100%;
margin-bottom: 16px;
font-size: 14px;
font-weight: 400;
line-height: 140%;
}
.s-whitepaper-search-post .whitepaper-list-filter input::placeholder {
color: #BDC0CE;
}
.s-whitepaper-search-location .filter-form .select2 {
width: 100% !important;
}
.s-whitepaper-search-location .filter-form .select2 .select2-selection--single {
background-color: #F6F7FC !important;
border: 1px solid #E5E7EF !important;
padding: 8px 8px 8px 16px !important;
border-radius: 8px;
}
@media screen and (max-width: 767px) {
.s-whitepaper-search-location .category-item .filter-form {
grid-template-columns: repeat(1, 1fr) !important;
}
}
.whitepaper-list-content {
display: flex;
gap: 40px;
padding: 40px 0 64px;
}
@media screen and (max-width: 767px) {
.whitepaper-list-content {
padding: 32px 0;
}
}
@media screen and (max-width: 767px) {
.whitepaper-list-content .whitepaper-filter-pc {
display: none;
position: fixed;
left: 0;
top: 0;
z-index: 2;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.58);
}
.whitepaper-list-content .whitepaper-filter {
position: fixed;
left: 21px;
top: 140px;
z-index: 1;
width: calc(100% - 42px);
border-radius: 8px;
border: 1px solid #E6E8EC;
background: #FFF;
box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.16);
padding: 16px;
}
}
.whitepaper-list-content .whitepaper-filter .whitepaper-filter-title {
display: none;
font-size: 24px;
font-weight: 600;
line-height: 140%;
letter-spacing: -0.5px;
margin: 0 0 8px;
}
@media screen and (max-width: 767px) {
.whitepaper-list-content .whitepaper-filter .whitepaper-filter-title {
display: block;
}
}
.whitepaper-list-content .whitepaper-filter .whitepaper-filter-button {
display: none;
margin: 24px 0 0;
gap: 16px;
}
@media screen and (max-width: 767px) {
.whitepaper-list-content .whitepaper-filter .whitepaper-filter-button {
display: flex;
}
}
.whitepaper-list-content .whitepaper-filter .whitepaper-filter-button button {
width: 100%;
font-size: 14px;
}
.whitepaper-list-content .whitepaper-filter .whitepaper-filter-button button.cancel {
background: #E5E7EF;
color: var(--c-main-7);
}
.whitepaper-list-content .whitepaper-filter-mobile {
display: none;
}
@media screen and (max-width: 767px) {
.whitepaper-list-content .whitepaper-filter-mobile {
display: block;
}
}
.whitepaper-list-content .whitepaper-filter-mobile .button-show-filter-mobile {
background: #E5E7EF;
color: var(--c-main-7);
font-size: 14px;
padding: 8px 16px;
margin: 0 0 24px;
}
.whitepaper-list-content .whitepaper-list-category {
width: 286px;
min-width: 286px;
border: 1px solid #E5E7EF;
border-radius: 8px;
padding: 16px 16px 8px;
}
@media screen and (max-width: 767px) {
.whitepaper-list-content .whitepaper-list-category {
width: 100%;
min-width: 100%;
border: none;
border-radius: 0;
padding: 0;
}
.whitepaper-list-content .whitepaper-list-category .s-whitepaper-search-post {
display: none;
}
}
.whitepaper-list-content .whitepaper-list-category .category-item {
padding: 16px 0;
border-top: 1px solid #E5E7EF;
}
@media screen and (max-width: 767px) {
.whitepaper-list-content .whitepaper-list-category .category-item {
border: none;
}
}
.whitepaper-list-content .whitepaper-list-category .category-item .category-item-title {
color: var(--c-main-7);
margin: 0 0 12px;
font-size: 16px;
font-weight: 700;
}
@media screen and (max-width: 767px) {
.whitepaper-list-content .whitepaper-list-category .category-item .filter-form {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 7px;
row-gap: 0;
}
}
.whitepaper-list-content .whitepaper-list-category .category-item .filter-form .form-check {
position: relative;
margin-bottom: 10px;
}
.whitepaper-list-content .whitepaper-list-category .category-item .filter-form .form-check label {
position: relative;
margin-bottom: 0;
cursor: pointer;
}
.whitepaper-list-content .whitepaper-list-category .category-item .filter-form .form-check label span {
padding: 0 0 0 32px;
color: var(--c-main-7);
background: #fff;
display: inline-block;
font-size: 14px;
font-weight: 400;
line-height: 140%;
margin-bottom: 0;
}
.whitepaper-list-content .whitepaper-list-category .category-item .filter-form .form-check label:after {
opacity: 0;
content: '';
position: absolute;
width: 11px;
height: 6px;
background: transparent;
top: 6px;
left: 5px;
border: 2px solid #fff;
border-top: none;
border-right: none;
transform: rotate(-45deg);
}
.whitepaper-list-content .whitepaper-list-category .category-item .filter-form .form-check label:before {
content: '';
position: absolute;
width: 20px;
height: 20px;
background: transparent;
top: 1px;
left: 0px;
border-radius: 4px;
border: 2px solid #BDC0CE;
}
.whitepaper-list-content .whitepaper-list-category .category-item .filter-form .form-check input {
margin: 0;
display: none;
}
.whitepaper-list-content .whitepaper-list-category .category-item .filter-form .form-check input:checked+label:after {
opacity: 1;
}
.whitepaper-list-content .whitepaper-list-category .category-item .filter-form .form-check input:checked+label:before {
background-color: var(--c-main-2);
border-color: var(--c-main-2);
}
.whitepaper-list-content .whitepaper-list-post {
width: 100%;
}
.whitepaper-list-content .whitepaper-list-post .whitepaper-list-post-title {
font-size: 24px;
font-weight: 600;
line-height: 140%;
letter-spacing: -0.5px;
margin: 0 0 24px;
}
.whitepaper-list-content .whitepaper-list-post .whitepaper-list-post-desc {
margin: 0 0 24px;
}
.whitepaper-list-content .whitepaper-list-post .whitepaper-list-post-content .whitepaper-list-list {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 24px 32px;
width: 100%;
}
@media screen and (max-width: 1024px) {
.whitepaper-list-content .whitepaper-list-post .whitepaper-list-post-content .whitepaper-list-list {
grid-template-columns: repeat(1, 1fr);
gap: 16px;
}
} .whitepaper-item-style .item {
position: relative;
}
.whitepaper-item-style .item figure {
border-radius: 15px 15px 0 0;
overflow: hidden;
}
.whitepaper-item-style .item figure img {
max-width: 100%;
width: 100%;
transition: 0.4s;
}
.whitepaper-item-style .item .info {
display: flex;
flex-direction: column;
gap: 10px;
background: #f3f3f3;
border-radius: 0 0 15px 15px;
padding: 24px 16px;
}
.whitepaper-item-style .item .info .title a * {
color: #0A0F1C;
font-size: 18px;
font-weight: 600;
line-height: 140%;
margin: 0;
}
.whitepaper-item-style .item:hover .info .title a * {
color: var(--c-main-6);
}
.whitepaper-item-style .item .info .tags span {
display: inline-block;
margin: 0 8px 2px 0;
font-size: 16px;
line-height: 140%;
padding: 4px 10px;
border-radius: 36px;
background: var(--c-main-6);
color: #FFF;
}
.whitepaper-item-style .item .info .tags:empty {
display: none;
} .search-list-content.whitepaper-list-content .whitepaper-list-post .whitepaper-list-post-title {
margin: 0 0 8px;
}
.search-list-content.whitepaper-list-content .whitepaper-list-post .whitepaper-list-post-content .whitepaper-list-list {
display: block;
}
.search-item-style .item {
border-radius: 8px;
border: 1px solid #E5E7EF;
box-shadow: 0px 2px 18px 0px rgba(24, 25, 28, 0.03);
margin: 0 0 24px;
padding: 40px 30px;
display: grid;
grid-template-columns: 255px 1fr;
gap: 33px;
}
@media screen and (max-width: 1024px) {
.search-item-style .item {
padding: 16px;
gap: 16px;
display: flex;
flex-direction: column;
}
}
.search-item-style .item figure img {
max-width: 100%;
width: 100%;
border-radius: 10px;
}
.search-item-style .item .info .tags span {
padding: 2px 8px;
border-radius: 3px;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
}
.search-item-style .item .info .tags .color-service {
background: #E6F7E4;
color: #47BD5F;
}
.search-item-style .item .info .tags .color-other {
background: #FFC7C3;
color: #FF958D;
}
.search-item-style .item .info .tags .color-news {
background: #FFE6E4;
color: #F9B217;
}
.search-item-style .item .info .tags .color-blogs {
background: #B4DBFF;
color: var(--c-main-6);
}
.search-item-style .item .info .tags .color-portfolio {
background: #FFF8E7;
color: #FF958D;
}
.search-item-style .item .info .tags .color-jobs {
background: #B6E9AF;
color: #125309;
}
.search-item-style .item .info .tags .color-whitepapers {
background: #74bcff;
color: #003370;
}
.search-item-style .item .info .title a * {
color: #18191C;
font-size: 18px;
font-weight: 600;
line-height: 140%;
margin: 9px 0;
}
.search-item-style .item .info .desc {
color: #18191C;
font-size: 16px;
font-weight: 400;
line-height: 140%;
} .job-list-content.whitepaper-list-content .whitepaper-list-post .whitepaper-list-post-title {
margin: 0 0 8px;
}
.job-list-content.whitepaper-list-content .whitepaper-list-post .whitepaper-list-post-desc {
margin: 0 0 24px;
color: var(--c-main-9);
font-size: 24px;
line-height: 140%;
letter-spacing: -0.5px;
}
.job-item-style .item {
border-radius: 8px;
padding: 24px;
border: 1px solid #E5E7EF;
background: #FFF;
box-shadow: 0px 2px 18px 0px rgba(24, 25, 28, 0.03);
}
.job-item-style .item .job-title {
display: inline-block;
width: 100%;
}
.job-item-style .item .job-title a {
display: inline-block;
margin: 0 8px 0 0;
}
.job-item-style .item .job-title a * {
font-size: 18px;
font-weight: 600;
line-height: 140%;
margin: 0 0 5px;
}
.job-item-style .item .job-title .level span {
font-size: 12px;
font-weight: 700;
padding: 2px 8px;
border-radius: 5px;
top: -3px;
position: relative;
display: inline-block;
margin: 0 3px 3px 0;
border-radius: 3px;
border: 1px solid var(--c-main-9);
color: var(--c-main-9);
text-transform: uppercase;
}
.job-item-style .item .job-title .level:empty {
display: none;
}
.job-item-style .item .job-info {
margin: 8px 0 20px;
}
.job-item-style .item .job-info .type {
margin: 0 8px 0 0;
border-radius: 3px;
padding: 2px 8px;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
background: #E6F7E4;
color: #47BD5F;
}
.type.fulltime {
background: #E6F7E4 !important;
color: #47BD5F !important;
}
.type.parttime {
background: #FFF8E7 !important;
color: #F9B217 !important;
}
.type.internship {
background: #E5E7EF !important;
color: var(--c-main-7) !important;
}
.type.freelance {
background: #cdefff !important;
color: #00abfe !important;
}
.job-item-style .item .job-info .salary {
color: #7E8494;
font-size: 14px;
}
.job-item-style .item .job-detail {
display: flex;
gap: 12px;
align-items: center;
}
.job-item-style .item .job-detail .info .cat {
margin: 0 0 4px;
}
.job-item-style .item .job-detail .info .location {
display: flex;
align-items: center;
gap: 4px;
color: #7E8494;
font-size: 14px;
line-height: normal;
}
.job-item-style .item .job-detail .info .location figure {
width: 18px;
min-width: 18px;
}
.job-item-style .item .job-detail .info .location figure img {
width: 100%;
object-fit: contain;
} .s-whitepaper .s-whitepaper-info {
background: #F6F7FC;
padding: 48px 0 40px;
}
@media (max-width: 767px) {
.s-whitepaper .s-whitepaper-info>.container {
text-align: center;
}
}
.s-whitepaper .s-whitepaper-info .tags span {
display: inline-block;
margin: 0 8px 2px 0;
font-size: 12px;
line-height: 140%;
padding: 4px 10px;
border-radius: 36px;
background: var(--c-main-6);
color: #FFF;
}
.s-whitepaper .s-whitepaper-info .tags:empty {
display: none;
}
.s-whitepaper .s-whitepaper-info .title * {
font-size: 32px;
font-weight: 600;
line-height: 140%;
letter-spacing: -0.5px;
margin: 12px 0 24px;
}
@media (max-width: 767px) {
.s-whitepaper .s-whitepaper-info .title * {
font-size: 24px;
margin: 12px 0 16px;
}
}
.s-whitepaper .s-whitepaper-info .s-button {
font-size: 16px !important;
}
.s-whitepaper .s-whitepaper-info .gallery {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 32px;
margin-top: 32px;
}
@media (max-width: 767px) {
.s-whitepaper .s-whitepaper-info .gallery {
gap: 0;
margin-top: 24px;
overflow-x: scroll;
display: flex;
}
}
.s-whitepaper .s-whitepaper-info .gallery figure {
position: relative;
}
@media (max-width: 767px) {
.s-whitepaper .s-whitepaper-info .gallery figure {
min-width: 280px;
}
}
.s-whitepaper .s-whitepaper-info .gallery figure img {
width: 100%;
max-width: 100%; }
.s-whitepaper .s-whitepaper-info .gallery figure:nth-child(3) img {
filter: blur(3px);
}
.s-whitepaper .s-whitepaper-info .gallery figure a {
top: 0;
left: 0;
right: 0;
bottom: 0;
position: absolute;
z-index: 1;
background-color: rgba(0, 0, 0, .5);
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-size: 16px;
}
.s-whitepaper .s-whitepaper-details {
display: grid;
grid-template-columns: 1fr 498px;
gap: 48px;
padding: 40px 0;
}
@media (max-width: 767px) {
.s-whitepaper .s-whitepaper-details {
display: flex;
flex-direction: column;
gap: 22px;
}
}
.s-whitepaper .s-whitepaper-details .s-whitepaper-details-content .s-whitepaper-details-content-title {
font-size: 24px;
font-weight: 600;
line-height: 140%;
letter-spacing: -0.5px;
margin: 0 0 24px;
}
.s-whitepaper .s-whitepaper-details .s-whitepaper-details-form {
padding: 32px;
border: 2px solid #E5E7EF;
}
@media (max-width: 767px) {
.s-whitepaper .s-whitepaper-details .s-whitepaper-details-form {
padding: 16px;
}
}
.s-whitepaper .s-whitepaper-details .s-whitepaper-details-form .s-header {
font-size: 20px;
font-weight: 600;
line-height: 140%;
letter-spacing: -0.2px;
margin: 0;
}
.s-whitepaper .s-whitepaper-details .s-whitepaper-details-form .s-text {
color: var(--c-main-9);
font-size: 12px;
font-weight: 400;
line-height: 140%;
opacity: 1;
margin: 4px 0 18px;
}
.s-whitepaper .s-whitepaper-details .s-whitepaper-details-form form .bao {
grid-column-gap: 16px;
grid-row-gap: 16px;
display: grid;
grid-template:
"your_name your_email" max-content "phone job_title" max-content "company company" max-content "message message" max-content "accept accept" max-content "submit submit" max-content/auto auto;
grid-template-columns: 1fr 1fr;
}
@media (max-width: 567px) {
.s-whitepaper .s-whitepaper-details .s-whitepaper-details-form form .bao {
display: block !important;
}
}
.s-whitepaper .s-whitepaper-details .s-whitepaper-details-form form .bao br {
display: none;
}
.s-whitepaper .s-whitepaper-details .s-whitepaper-details-form form .bao .form-group,
.s-whitepaper .s-whitepaper-details .s-whitepaper-details-form form .bao p {
margin: 0;
}
@media (max-width: 767px) {
.s-whitepaper .s-whitepaper-details .s-whitepaper-details-form form .bao .form-group {
margin: 0 0 16px;
}
}
.s-whitepaper .s-whitepaper-details .s-whitepaper-details-form form .bao label {
font-size: 14px;
font-weight: 400;
line-height: 140%;
margin-bottom: 4px;
}
.s-whitepaper .s-whitepaper-details .s-whitepaper-details-form form .bao label span.required {
color: #FF3B2D;
margin: 0 0 0 4px;
}
.s-whitepaper .s-whitepaper-details .s-whitepaper-details-form form .bao span.wpcf7-form-control-wrap {
display: inline-block;
width: 100%;
}
.s-whitepaper .s-whitepaper-details .s-whitepaper-details-form form .bao span.wpcf7-form-control-wrap>input,
.s-whitepaper .s-whitepaper-details .s-whitepaper-details-form form .bao span.wpcf7-form-control-wrap>textarea {
background-color: #ffffff;
border: 1px solid var(--Grey-Grey_4, #BDC0CE);
border-radius: 8px;
-webkit-appearance: none;
font-size: 14px;
font-weight: 400;
line-height: 26px;
padding: 8px 16px;
width: 100%;
}
.s-whitepaper .s-whitepaper-details .s-whitepaper-details-form form .bao span.wpcf7-form-control-wrap>input,
.s-whitepaper .s-whitepaper-details .s-whitepaper-details-form form .bao span.wpcf7-form-control-wrap>textarea {
color: var(--c-main-9);
}
.s-whitepaper .s-whitepaper-details .s-whitepaper-details-form form .bao span.wpcf7-form-control-wrap>input::placeholder,
.s-whitepaper .s-whitepaper-details .s-whitepaper-details-form form .bao span.wpcf7-form-control-wrap>textarea::placeholder {
color: var(--c-main-9);
}
.s-whitepaper .s-whitepaper-details .s-whitepaper-details-form form .bao span.wpcf7-form-control-wrap>textarea {
max-height: 90px;
}
.s-whitepaper .s-whitepaper-details .s-whitepaper-details-form form .bao>.your-name {
grid-area: your_name;
}
.s-whitepaper .s-whitepaper-details .s-whitepaper-details-form form .bao>.your-email {
grid-area: your_email;
}
.s-whitepaper .s-whitepaper-details .s-whitepaper-details-form form .bao>.phone {
grid-area: phone;
}
.s-whitepaper .s-whitepaper-details .s-whitepaper-details-form form .bao>.job-title {
grid-area: job_title;
}
.s-whitepaper .s-whitepaper-details .s-whitepaper-details-form form .bao>.company {
grid-area: company;
}
.s-whitepaper .s-whitepaper-details .s-whitepaper-details-form form .bao>.message {
grid-area: message;
}
.s-whitepaper .s-whitepaper-details .s-whitepaper-details-form form .bao>.accept {
grid-area: accept;
justify-self: start;
}
.s-whitepaper .s-whitepaper-details .s-whitepaper-details-form form .wpcf7-list-item {
margin-left: 0;
}
.s-whitepaper .s-whitepaper-details .s-whitepaper-details-form form .wpcf7-list-item>label {
align-items: center;
display: flex;
gap: 15px;
}
.s-whitepaper .s-whitepaper-details .s-whitepaper-details-form form .wpcf7-list-item>label .wpcf7-list-item-label {
color: var(--c-main-9);
font-size: 12px;
font-weight: 400;
line-height: 140%;
}
.s-whitepaper .s-whitepaper-details .s-whitepaper-details-form form .wpcf7-list-item input[type="checkbox"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
border-radius: var(--radius-1);
box-shadow: 0 0 0 1px #BDC0CE;
display: inline-block;
height: 20px;
margin: 0;
position: relative;
width: 20px;
min-width: 20px;
}
.s-whitepaper .s-whitepaper-details .s-whitepaper-details-form form .wpcf7-list-item input[type="checkbox"]:active,
.s-whitepaper .s-whitepaper-details .s-whitepaper-details-form form .wpcf7-list-item input[type="checkbox"]:checked,
.s-whitepaper .s-whitepaper-details .s-whitepaper-details-form form .wpcf7-list-item input[type="checkbox"]:focus {
border: none;
outline: none;
}
.s-whitepaper .s-whitepaper-details .s-whitepaper-details-form form .wpcf7-list-item input[type="checkbox"]:checked:before {
align-items: center;
bottom: 0;
color: #000000;
content: "✓";
display: inline-flex;
font-weight: 700;
justify-content: center;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.s-whitepaper .s-whitepaper-details .s-whitepaper-details-form form .bao>[type="submit"] {
grid-area: submit;
justify-self: start;
}
@media (max-width: 767px) {
.s-whitepaper .s-whitepaper-details .s-whitepaper-details-form form .bao>[type="submit"] {
width: 100%;
justify-content: center;
}
}
.s-whitepaper .s-whitepaper-related {
padding: 16px 0 48px;
}
.s-whitepaper .s-whitepaper-related .s-whitepaper-related-top {
margin-bottom: 24px;
display: flex;
align-items: center;
justify-content: space-between;
}
@media (max-width: 767px) {
.s-whitepaper .s-whitepaper-related .s-whitepaper-related-top {
flex-direction: column;
}
}
.s-whitepaper .s-whitepaper-related .s-whitepaper-related-top .title-38 {
margin-bottom: 0;
}
@media (max-width: 767px) {
.s-whitepaper .s-whitepaper-related .s-whitepaper-related-top .title-38 {
margin-bottom: 12px;
}
}
.s-whitepaper .s-whitepaper-related .s-whitepaper-related-top a {
font-weight: 600;
display: inline-flex;
align-items: center;
gap: 16px;
white-space: nowrap;
}
.s-whitepaper .s-whitepaper-related .s-whitepaper-related-content {
padding-bottom: 32px;
} .ims-why-content {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 32px;
}
.ims-why-content .item {
cursor: pointer;
}
.ims-why-content .item .content {
display: flex;
flex-direction: column;
gap: 16px;
}
.ims-why-content .item .content .title {
line-height: 140%;
}
.ims-why-content .item .desc ul li {
margin-bottom: 16px;
color: var(--c-main-7);
line-height: 140%;
}
.ims-why-content .item .desc ul li:last-child {
margin-bottom: 0;
}
.ims-why-content .item .desc ul li::marker {
color: var(--c-main-6);
}
@media screen and (max-width: 767px) {
.ims-why-content {
display: flex;
gap: 8px;
}
.ims-why-content .item {
display: flex;
flex-direction: column;
width: 50px;
min-height: 300px;
}
.ims-why-content .item.active {
width: 100%;
flex: 1;
}
.ims-why-content .item .content {
align-items: center;
transform: rotate(-90deg);
flex-direction: row-reverse;
gap: 12px;
}
.ims-why-content .item.active .content {
transform: rotate(0deg);
flex-direction: unset;
}
.ims-why-content .item .content img {
transform: rotate(90deg);
}
.ims-why-content .item.active .content img {
transform: rotate(0deg);
}
.ims-why-content .item .content .title {
white-space: nowrap;
}
.ims-why-content .item.active .content .title {
white-space: normal;
}
.ims-why-content .item .desc {
display: none;
}
.ims-why-content .item.active .desc {
display: block;
}
.ims-why-content .item .desc ul li {
margin-bottom: 8px;
}
} .ims-why-content-v2 .item {
padding: 32px 32px 40px;
}
.ims-why-content-v2 .item .content {
display: flex;
flex-direction: column;
gap: 16px;
}
.ims-why-content-v2 .item .content .title {
line-height: 140%;
font-size: 24px;
letter-spacing: -0.5px;
font-weight: 600;
margin: 0;
}
.ims-why-content-v2 .item .desc {
margin: 16px 0 0;
}
.ims-why-content-v2 .item .desc * {
font-size: 18px;
}
.ims-why-content-v2 .item .desc ul {
margin-bottom: 0;
}
.ims-why-content-v2 .item .desc ul li {
margin-bottom: 16px;
}
.ims-why-content-v2 .item .desc ul li:last-child {
margin-bottom: 0;
}
.ims-why-content-v2 .item .desc ul li::marker {
color: var(--c-main-6);
}
@media screen and (max-width: 767px) {
.ims-why-content-v2 {
padding-right: 50px;
}
.ims-why-content-v2 .item {
padding: 16px;
}
.ims-why-content-v2 .item .content .title {
font-size: 16px;
}
.ims-why-content-v2 .item .desc * {
font-size: 14px;
}
.ims-why-content-v2 .item .desc ul li {
margin-bottom: 8px;
}
} .ims-work-content .item {
position: relative;
cursor: pointer;
}
.ims-work-content .item .figure:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
background: rgba(29, 33, 46, 0.80);
transition: all 300ms ease 0ms;
}
.ims-work-content .item:hover .figure:after {
height: 0%;
}
.ims-work-content .item .content {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
z-index: 1;
overflow: hidden;
}
.ims-work-content .item .content:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 0;
z-index: -1;
transition: all 300ms ease 0ms;
background: rgba(3, 106, 229, 0.85);
}
.ims-work-content .item:hover .content:after {
height: 100%;
}
.ims-work-content .item .content .bao {
height: 100%;
overflow: hidden;
display: flex;
flex-direction: column;
justify-content: end;
}
.ims-work-content .item .content .title {
position: relative;
padding-top: 17px;
}
.ims-work-content .item .content .title:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 5px;
background: var(--c-main-6);
z-index: 1;
}
.ims-work-content .item:hover .content .title:after {
background: #ffffff;
}
.ims-work-content .item .content .desc {
height: 0;
visibility: hidden;
transition: all 500ms ease 0ms;
line-height: 140%;
}
.ims-work-content .item:hover .content .desc {
height: 100%;
visibility: visible;
}
.ims-work-button a {
display: inline-flex;
justify-content: center;
align-items: center;
color: var(--c-main-6);
font-size: 16px;
font-weight: 600;
gap: 16px;
}
.ims-work-button a .icon {
filter: var(--f-main-6);
} .ims-stories-content .item {
display: grid;
grid-template-columns: 39% 1fr;
gap: 40px;
}
.ims-stories-content .progressbar-bao {
display: grid;
grid-template-columns: 39% 1fr;
}
.ims-stories-content .progressbar-bao .progressbar {
margin-top: -18px;
padding-left: 40px;
}
.ims-stories-content .s-button--next-new,
.ims-stories-content .s-button--prev-new {
bottom: -13px;
}
@media screen and (max-width: 1200px) {
.ims-stories-content .progressbar-bao {
display: block;
}
.ims-stories-content .progressbar-bao .progressbar {
margin-top: 40px;
padding-left: 0;
}
.ims-stories-content .s-button--next-new,
.ims-stories-content .s-button--prev-new {
bottom: -70px;
}
}
@media screen and (max-width: 767px) {
.ims-stories-content .item {
gap: 24px;
display: flex;
flex-direction: column;
}
} .stack-cards {
--stack-cards-gap: 0.75rem; }
.stack-cards__item {
position: relative;
position: -webkit-sticky;
position: sticky;
top: 100px;
min-height: 429px;
-webkit-transform-origin: center top;
transform-origin: center top;
background-color: hsla(0, 0%, 100%, 1);
box-shadow: 0 0.9px 1.5px rgba(0, 0, 0, 0.03), 0 3.1px 5.5px rgba(0, 0, 0, 0.08), 0 14px 25px rgba(0, 0, 0, 0.12);
}
.stack-cards__item::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: inherit;
pointer-events: none;
box-shadow: inset 0 0 0.5px 1px hsla(0, 0%, 100%, 0.075);
}
.stack-cards__item:before {
background: url(//sotatek-test.sotatek.works/wp-content/uploads/2024/12/ims-service-border.svg);
background-size: 100%;
height: 4px;
content: "";
width: 0;
position: absolute;
top: 0;
left: 0;
-webkit-transition: all .7s ease;
transition: all .7s ease;
}
.stack-cards__item.active-scrolling:before {
width: 100%;
}
@media screen and (max-width: 767px) {
.stack-cards__item {
top: 80px;
}
}
.ims-service-content .item {
display: grid;
grid-template-columns: 1fr 30%;
gap: 32px;
}
.ims-service-content .item .content {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.ims-service-content .item .content .title {
line-height: 140%;
}
@media screen and (max-width: 767px) {
.ims-service-content .item .content .fg-wrapper>img {
max-height: 150px;
overflow: hidden;
object-fit: cover;
}
}
.ims-service-content .item .content .desc ul {
display: grid;
grid-template-columns: repeat(2, 1fr);
column-gap: 32px;
}
.ims-service-content .item .content .desc ul li {
margin-bottom: 12px;
color: var(--c-main-7) !important;
padding-right: 60px;
}
.ims-service-content .item .content .desc ul li::marker {
color: var(--c-main-6);
}
.ims-service-content .item .content .list-image {
display: flex;
gap: 8px;
}
.ims-service-content .item .content .list-image img {
object-fit: contain;
}
@media screen and (max-width: 1200px) {
.ims-service-content .item .content .desc ul li {
padding-right: 0;
}
}
@media screen and (max-width: 767px) {
.ims-service-content .item {
display: block;
}
.ims-service-content .item .content .desc ul {
display: block;
}
.ims-service-content .item .content .desc ul li {
margin-bottom: 8px;
}
.ims-service-content .item .content .list-image {
gap: 6px;
}
} div#ez-toc-container {
position: sticky;
top: 80px;
z-index: 2;
}
#ez-toc-container li a:visited {
color: #444;
}
#ez-toc-container li a:hover {
color: var(--c-main-6) !important;
} .page-policy .fg-match-column-inside-wrapper {
height: 100%;
} .page-single-post .fg-match-column-inside-wrapper {
height: 100%;
}
.page-single-post #ez-toc-container {
background: #F6F7FC !important;
padding: 16px;
border: none;
box-shadow: none;
margin-bottom: 32px;
position: relative;
top: 0;
}
.page-single-post #ez-toc-container .ez-toc-title {
color: #0A0F1C;
font-size: 16px;
font-weight: 700;
line-height: 140%;
letter-spacing: 1px;
}
.page-single-post #ez-toc-container a.ez-toc-toggle {
width: 24px;
min-width: 24px;
height: 24px;
position: relative;
}
.page-single-post #ez-toc-container .ez-toc-js-icon-con {
display: none;
}
.page-single-post #ez-toc-container a.ez-toc-toggle:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
background: url(//sotatek-test.sotatek.works/wp-content/uploads/2024/12/icon-angle-right-blue.svg) no-repeat center;
background-size: 16px;
filter: brightness(0);
transform: rotate(90deg);
}
.page-single-post #ez-toc-container .ez-toc-list {
margin-top: 16px;
}
.page-single-post #ez-toc-container .ez-toc-list a {
padding: 6px 12px;
border-radius: 4px;
color: #101624;
font-size: 16px;
font-weight: 400;
line-height: 140%;
}
.page-single-post #ez-toc-container .ez-toc-list a:hover {
background: #fff;
color: #036AE5 !important;
font-weight: 600;
text-decoration: none;
} @media screen and (max-width: 767px) {
.ims-transition-v4 .accordion-v5-gallery .figure .item {
margin-bottom: 32px;
}
}
.ims-transition-v4 .accordion-v5-gallery .figure .item .title {
color: #FFF;
font-size: 14px;
font-weight: 700;
line-height: 140%;
letter-spacing: 1px;
text-decoration-line: underline;
text-transform: uppercase;
margin-bottom: 8px;
}
.ims-transition-v4 .accordion-v5-gallery .figure .item .desc,
.ims-transition-v4 .accordion-v5-gallery .figure .item .desc * {
color: #ffffff70;
font-size: 14px;
}
.ims-transition-v4 .accordion-v5-gallery .figure .item .desc ul {
padding: 0 0 0 17px;
margin: 0;
}
.ims-transition-v4 .accordion-v5-gallery .figure .item .desc ul li {
list-style: outside;
margin-bottom: 8px;
}
.ims-transition-v4 .accordion-v5-gallery .figure .item .desc ul li:last-child {
margin-bottom: 0;
}
.ims-transition-v4 .accordion-v5-gallery .figure .item .desc ul li::marker {
color: var(--c-main-6);
} .accordion-v5 {
margin-bottom: 0;
}
.accordion-v5 .panel {
overflow: hidden;
}
.accordion-v5 .panel .panel-heading a {
filter: none;
}
.accordion-v5 .panel .panel-body {
font-weight: 400;
}  .accordion-v5.accordion-v5-page-service {
max-width: 837px;
margin: 0 auto;
}
.accordion-v5.accordion-v5-page-service .panel {
border-radius: 12px;
margin-bottom: 12px;
}
.accordion-v5.accordion-v5-page-service .panel .panel-heading .panel-title>a {
padding: 19.5px 65px 19.5px 24px;
font-size: 18px;
position: relative;
letter-spacing: unset;
font-weight: 600;
}
@media screen and (max-width: 767px) {
.accordion-v5.accordion-v5-page-service .panel .panel-heading .panel-title>a {
padding: 19.5px 55px 19.5px 16px;
font-size: 16px;
}
}
.accordion-v5.accordion-v5-page-service .panel .panel-heading .panel-title>a:not(.collapsed) {
color: var(--c-main-6);
margin-bottom: -8px;
}
.accordion-v5.accordion-v5-page-service .panel .panel-heading .panel-title>a:hover,
.accordion-v5.accordion-v5-page-service .panel .panel-heading .panel-title>a:focus {
color: var(--c-main-6);
}
.accordion-v5.accordion-v5-page-service .panel .panel-heading .panel-title>a:after,
.accordion-v5.accordion-v5-page-service .panel .panel-heading .panel-title>a:before {
content: "";
position: absolute;
right: 24px;
top: 50%;
transform: translateY(-50%);
z-index: 1;
height: auto;
margin: 0;
}
.accordion-v5.accordion-v5-page-service .panel .panel-heading .panel-title>a:after {
padding: 8px;
background-image: url(//sotatek-test.sotatek.works/wp-content/uploads/2024/12/icon-chevron-down-arrow-blue.svg);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
filter: grayscale(10%) brightness(65%) contrast(5%);
right: 31.8px;
}
@media screen and (max-width: 767px) {
.accordion-v5.accordion-v5-page-service .panel .panel-heading .panel-title>a:after {
right: 24px;
}
}
.accordion-v5.accordion-v5-page-service .panel .panel-heading .panel-title>a[aria-expanded="true"]:after {
filter: brightness(0) invert(1);
transform: translateY(-50%) rotate(180deg);
}
.accordion-v5.accordion-v5-page-service .panel .panel-heading .panel-title>a:before {
width: 32px;
height: 32px;
border-radius: 180px;
background: #F6F7FC;
}
@media screen and (max-width: 767px) {
.accordion-v5.accordion-v5-page-service .panel .panel-heading .panel-title>a:before {
right: 16px;
}
}
.accordion-v5.accordion-v5-page-service .panel .panel-heading .panel-title>a[aria-expanded="true"]:before {
background: var(--c-main-6);
}
.accordion-v5.accordion-v5-page-service .panel .panel-collapse .panel-body {
padding: 8px 65px 6px 24px;
position: relative;
z-index: 1;
background: #fff;
}
@media screen and (max-width: 767px) {
.accordion-v5.accordion-v5-page-service .panel .panel-collapse .panel-body {
padding: 0 16px 6px 16px;
}
}
.accordion-v5.accordion-v5-page-service .panel .panel-collapse .panel-body * {
font-size: 14px;
color: var(--c-main-9);
}
.accordion-v5.accordion-v5-page-service .panel .panel-collapse .panel-body *:hover {
font-size: 14px;
}
@media screen and (max-width: 480px) {
.accordion-v5.accordion-v5-page-service .panel .panel-collapse .panel-body {
max-height: 465px;
overflow-y: auto;
}
} .ims-transition-content .accordion-v5 .panel .panel-heading a {
padding: 16px 37px 16px 24px;
display: flex;
align-items: center;
gap: 24px;
}
.ims-transition-content .accordion-v5 .panel .panel-heading a span {
display: inline-flex;
width: 35px;
min-width: 35px;
height: 35px;
line-height: normal !important;
justify-content: center;
align-items: center;
border-radius: 50%;
background: var(--c-main-6);
color: #FFF;
font-size: 14px !important;
font-weight: 700 !important;
}
.ims-transition-content .accordion-v5 .panel .panel-heading a.collapsed span {
background: var(--c-main-9);
}
.ims-transition-content .accordion-v5 .panel .panel-collapse .panel-body {
padding: 0 40px 24px 84px;
}
.ims-transition-content .accordion-v5 .panel .panel-collapse .panel-body ul {
padding: 0 0 0 17px;
margin: 0;
}
.ims-transition-content .accordion-v5 .panel .panel-collapse .panel-body ul li {
list-style: outside;
margin-bottom: 8px;
}
.ims-transition-content .accordion-v5 .panel .panel-collapse .panel-body ul li:last-child {
margin-bottom: 0;
}
.ims-transition-content .accordion-v5 .panel .panel-collapse .panel-body ul li::marker {
color: var(--c-main-6);
}
@media screen and (max-width: 767px) {
.ims-transition-content .accordion-v5 .panel .panel-heading a {
padding: 16px 35px 16px 16px;
gap: 12px;
}
.ims-transition-content .accordion-v5 .panel .panel-heading a span {
width: 28px;
min-width: 28px;
height: 28px;
font-size: 12px !important;
}
.ims-transition-content .accordion-v5 .panel .panel-collapse .panel-body {
padding: 0 40px 24px 16px;
}
.ims-transition-content .accordion-v5 .panel .panel-collapse .panel-body * {
font-size: 14px !important;
}
} .accordion-v5.accordion-v5-ims-transition-v2 .panel {
border-bottom: 1px solid #ffffff10;
}
.accordion-v5.accordion-v5-ims-transition-v2 .panel:last-child {
border: none;
}
.accordion-v5.accordion-v5-ims-transition-v2 .panel .panel-heading {
background: transparent;
}
.accordion-v5.accordion-v5-ims-transition-v2 .panel .panel-heading .panel-title>a {
padding: 0 0 0 60px;
font-size: 24px;
letter-spacing: -0.5px;
font-weight: 400;
background: transparent;
color: #ffffff50;
padding-top: 24px;
padding-bottom: 24px;
}
@media screen and (max-width: 767px) {
.accordion-v5.accordion-v5-ims-transition-v2 .panel .panel-heading .panel-title>a {
padding: 0 0 0 40px;
font-size: 20px;
padding-top: 16px;
padding-bottom: 16px;
}
}
.accordion-v5.accordion-v5-ims-transition-v2 .panel .panel-heading .panel-title>a:not(.collapsed) {
color: #fff;
margin-bottom: -24px;
}
@media screen and (max-width: 767px) {
.accordion-v5.accordion-v5-ims-transition-v2 .panel .panel-heading .panel-title>a:not(.collapsed) {
margin-bottom: -16px;
}
}
.accordion-v5.accordion-v5-ims-transition-v2 .panel .panel-heading .panel-title>a:after {
right: auto;
left: 0;
color: #ffffff50;
border-radius: 64px;
width: 28px;
height: 28px;
display: flex;
align-items: center;
justify-content: center;
}
@media screen and (max-width: 767px) {
.accordion-v5.accordion-v5-ims-transition-v2 .panel .panel-heading .panel-title>a:after {
width: 24px;
height: 24px;
}
}
.accordion-v5.accordion-v5-ims-transition-v2 .panel .panel-heading .panel-title>a[aria-expanded="true"]:after {
right: auto;
left: 0;
color: #ffffff;
background: var(--c-main-6);
}
.accordion-v5.accordion-v5-ims-transition-v2 .panel .panel-collapse .panel-body {
padding: 8px 0 14px 60px;
font-size: 14px;
color: #ffffff70;
background: transparent;
position: relative;
z-index: 1;
}
@media screen and (max-width: 767px) {
.accordion-v5.accordion-v5-ims-transition-v2 .panel .panel-collapse .panel-body {
padding: 4px 0 6px 40px;
}
}
.accordion-v5.accordion-v5-ims-transition-v2 .panel .panel-collapse .panel-body * {
font-size: 14px;
color: #ffffff70;
}
.accordion-v5.accordion-v5-ims-transition-v2 .panel .panel-collapse .panel-body ul {
padding: 0 0 0 17px;
margin: 0;
}
.accordion-v5.accordion-v5-ims-transition-v2 .panel .panel-collapse .panel-body ul li {
list-style: outside;
margin-bottom: 8px;
}
.accordion-v5.accordion-v5-ims-transition-v2 .panel .panel-collapse .panel-body ul li:last-child {
margin-bottom: 0;
}
.accordion-v5.accordion-v5-ims-transition-v2 .panel .panel-collapse .panel-body ul li::marker {
color: var(--c-main-6);
} .accordion-v5.accordion-v5-ims-transition-v3 .panel {
border-bottom: 1px solid #E5E7EF;
}
.accordion-v5.accordion-v5-ims-transition-v3 .panel:last-child {
border: none;
}
.accordion-v5.accordion-v5-ims-transition-v3 .panel .panel-heading {
background: transparent;
}
.accordion-v5.accordion-v5-ims-transition-v3 .panel .panel-heading .panel-title>a {
padding: 0 0 0 0;
font-size: 24px;
letter-spacing: -0.5px;
font-weight: 600;
background: transparent;
color: #101624;
padding-top: 24px;
padding-bottom: 24px;
display: flex;
align-items: center;
gap: 16px;
}
@media screen and (max-width: 767px) {
.accordion-v5.accordion-v5-ims-transition-v3 .panel .panel-heading .panel-title>a {
padding: 0 0 0 0;
font-size: 18px;
padding-top: 16px;
padding-bottom: 16px;
}
}
.accordion-v5.accordion-v5-ims-transition-v3 .panel .panel-heading .panel-title>a:not(.collapsed) {
color: var(--c-main-6);
margin-bottom: -24px;
}
@media screen and (max-width: 767px) {
.accordion-v5.accordion-v5-ims-transition-v3 .panel .panel-heading .panel-title>a:not(.collapsed) {
margin-bottom: -16px;
}
}
.accordion-v5.accordion-v5-ims-transition-v3 .panel .panel-heading .panel-title>a img {
display: none;
}
.accordion-v5.accordion-v5-ims-transition-v3 .panel .panel-heading .panel-title>a:not(.collapsed) img {
display: block;
}
.accordion-v5.accordion-v5-ims-transition-v3 .panel .panel-heading .panel-title>a:after {
color: #fff;
}
.accordion-v5.accordion-v5-ims-transition-v3 .panel .panel-collapse .panel-body {
padding: 8px 0 14px 0;
font-size: 14px;
color: #ffffff70;
background: transparent;
position: relative;
z-index: 1;
}
@media screen and (max-width: 767px) {
.accordion-v5.accordion-v5-ims-transition-v3 .panel .panel-collapse .panel-body {
padding: 4px 0 6px 0;
}
}
.accordion-v5.accordion-v5-ims-transition-v3 .panel .panel-collapse .panel-body * {
font-size: 14px;
color: #565C69;
}
.accordion-v5.accordion-v5-ims-transition-v3 .panel .panel-collapse .panel-body ul {
padding: 0 0 0 17px;
margin: 0;
}
.accordion-v5.accordion-v5-ims-transition-v3 .panel .panel-collapse .panel-body ul li {
list-style: outside;
margin-bottom: 8px;
}
.accordion-v5.accordion-v5-ims-transition-v3 .panel .panel-collapse .panel-body ul li:last-child {
margin-bottom: 0;
}
.accordion-v5.accordion-v5-ims-transition-v3 .panel .panel-collapse .panel-body ul li::marker {
color: var(--c-main-6);
} .accordion-v5.accordion-v5-ims-transition-v3.white .panel {
border-color: #282D3A;
}
.accordion-v5.accordion-v5-ims-transition-v3.white .panel .panel-heading .panel-title>a {
color: #585C66;
}
.accordion-v5.accordion-v5-ims-transition-v3.white .panel .panel-heading .panel-title>a:not(.collapsed) {
color: #fff;
}
.accordion-v5.accordion-v5-ims-transition-v3.white .panel .panel-heading .panel-title>a:not(.collapsed) img {
filter: brightness(0) invert(1);
}
.accordion-v5.accordion-v5-ims-transition-v3.white .panel .panel-heading .panel-title>a:after {
color: #101624;
}
.accordion-v5.accordion-v5-ims-transition-v3.white .panel .panel-collapse .panel-body * {
color: #fff;
} .accordion-v5.accordion-v5-ims-transition-v4 .panel { margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
.accordion-v5.accordion-v5-ims-transition-v4 .panel {
margin-bottom: 4px;
}
}
.accordion-v5.accordion-v5-ims-transition-v4 .panel .panel-heading {
background: transparent;
}
.accordion-v5.accordion-v5-ims-transition-v4 .panel .panel-heading .panel-title>a {
font-size: 20px;
letter-spacing: -0.5px;
font-weight: 400;
background: transparent;
color: rgba(255, 255, 255, 0.50);
padding: 12px 66px 12px 16px;
display: flex;
align-items: center;
gap: 16px;
}
@media screen and (max-width: 767px) {
.accordion-v5.accordion-v5-ims-transition-v4 .panel .panel-heading .panel-title>a {
font-size: 16px;
padding: 8px 50px 8px 12px;
}
}
.accordion-v5.accordion-v5-ims-transition-v4 .panel .panel-heading .panel-title>a:not(.collapsed) {
background: rgba(255, 255, 255, 0.05);
color: #fff;
}
.accordion-v5.accordion-v5-ims-transition-v4 .panel .panel-heading .panel-title>a span {
width: 40px;
min-width: 40px;
height: 40px;
line-height: normal !important;
display: inline-flex;
justify-content: center;
align-items: center;
border-radius: 50px;
background: rgba(255, 255, 255, 0.10);
color: rgba(255, 255, 255, 0.50);
font-size: 14px;
font-weight: 700;
}
@media screen and (max-width: 767px) {
.accordion-v5.accordion-v5-ims-transition-v4 .panel .panel-heading .panel-title>a span {
width: 32px;
min-width: 32px;
height: 32px;
line-height: 32px;
font-size: 12px;
}
}
.accordion-v5.accordion-v5-ims-transition-v4 .panel .panel-heading .panel-title>a:not(.collapsed) span {
color: #fff;
}
.accordion-v5.accordion-v5-ims-transition-v4 .panel .panel-heading .panel-title>a:after {
display: none;
}
.accordion-v5.accordion-v5-ims-transition-v4 .panel .panel-heading .panel-title>a:not(.collapsed):after {
display: block;
content: "";
background-image: url(//sotatek-test.sotatek.works/wp-content/uploads/2024/12/icon-new-arrow-right-white.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 15px;
width: 28px;
height: 28px;
right: 20px;
z-index: 1;
background-color: #036AE5;
border-radius: 64px;
margin: 0;
transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
.accordion-v5.accordion-v5-ims-transition-v4 .panel .panel-heading .panel-title>a:not(.collapsed):after {
background-size: 10px;
width: 20px;
height: 20px;
right: 12px;
}
}
.accordion-v5.accordion-v5-ims-transition-v4 .panel .panel-collapse .panel-body {
padding: 0 66px 12px 72px;
font-size: 16px;
color: rgba(255, 255, 255, 0.50);
background: rgba(255, 255, 255, 0.05);
position: relative;
z-index: 1;
}
@media screen and (max-width: 767px) {
.accordion-v5.accordion-v5-ims-transition-v4 .panel .panel-collapse .panel-body {
padding: 0 50px 8px 60px;
font-size: 14px;
}
}
.accordion-v5.accordion-v5-ims-transition-v4 .panel .panel-collapse .panel-body:empty {
display: none;
}
.accordion-v5.accordion-v5-ims-transition-v4 .panel .panel-collapse .panel-body * {
font-size: 16px;
color: rgba(255, 255, 255, 0.50);
}
@media screen and (max-width: 767px) {
.accordion-v5.accordion-v5-ims-transition-v4 .panel .panel-collapse .panel-body * {
font-size: 14px;
}
}
.accordion-v5.accordion-v5-ims-transition-v4 .panel .panel-collapse .panel-body ul {
padding: 0 0 0 17px;
margin: 0;
}
.accordion-v5.accordion-v5-ims-transition-v4 .panel .panel-collapse .panel-body ul li {
list-style: outside;
margin-bottom: 16px;
cursor: pointer;
}
@media screen and (max-width: 767px) {
.accordion-v5.accordion-v5-ims-transition-v4 .panel .panel-collapse .panel-body ul li {
margin-bottom: 8px;
}
}
.accordion-v5.accordion-v5-ims-transition-v4 .panel .panel-collapse .panel-body ul li.active {
color: #fff;
}
.accordion-v5.accordion-v5-ims-transition-v4 .panel .panel-collapse .panel-body ul li:last-child {
margin-bottom: 0;
}
.accordion-v5.accordion-v5-ims-transition-v4 .panel .panel-collapse .panel-body ul li::marker {
color: var(--c-main-6);
} .accordion-v5.accordion-v5-ims-transition-v5 .panel {
border-top: 1px solid #FFFFFF10;
}
.accordion-v5.accordion-v5-ims-transition-v5 .panel:last-child {
border-bottom: 1px solid #FFFFFF10;
}
.accordion-v5.accordion-v5-ims-transition-v5 .panel .panel-heading {
background: transparent;
}
.accordion-v5.accordion-v5-ims-transition-v5 .panel .panel-heading .panel-title>a {
font-size: 18px;
font-weight: 600;
background: transparent;
color: #FFFFFF50;
padding: 20px 40px 20px 0;
display: flex;
align-items: center;
gap: 24px;
}
@media screen and (max-width: 767px) {
.accordion-v5.accordion-v5-ims-transition-v5 .panel .panel-heading .panel-title>a {
font-size: 16px;
padding: 12px 40px 12px 0;
}
}
.accordion-v5.accordion-v5-ims-transition-v5 .panel .panel-heading .panel-title>a:not(.collapsed) {
color: #fff;
margin-bottom: -12px;
}
@media screen and (max-width: 767px) {
.accordion-v5.accordion-v5-ims-transition-v5 .panel .panel-heading .panel-title>a:not(.collapsed) {
margin-bottom: -4px;
}
}
.accordion-v5.accordion-v5-ims-transition-v5 .panel .panel-heading .panel-title>a span {
width: 35px;
min-width: 35px;
height: 35px;
line-height: normal !important;
display: inline-flex;
justify-content: center;
align-items: center;
border-radius: 50px;
background: rgba(255, 255, 255, 0.10);
color: #FFF;
font-size: 14px;
font-weight: 700;
}
.accordion-v5.accordion-v5-ims-transition-v5 .panel .panel-heading .panel-title>a:not(.collapsed) span {
background: var(--c-main-6);
}
.accordion-v5.accordion-v5-ims-transition-v5 .panel .panel-heading .panel-title>a:after {
color: #FFFFFF50;
right: 5px;
}
.accordion-v5.accordion-v5-ims-transition-v5 .panel .panel-heading .panel-title>a:not(.collapsed):after {
color: var(--c-main-6);
}
.accordion-v5.accordion-v5-ims-transition-v5 .panel .panel-collapse .panel-body {
padding: 0 40px 10px 60px;
font-size: 14px;
color: #FFFFFF80;
position: relative;
z-index: 1;
}
@media screen and (max-width: 767px) {
.accordion-v5.accordion-v5-ims-transition-v5 .panel .panel-collapse .panel-body {
padding: 0 40px 2px 60px;
}
}
.accordion-v5.accordion-v5-ims-transition-v5 .panel .panel-collapse .panel-body:empty {
display: none;
}
.accordion-v5.accordion-v5-ims-transition-v5 .panel .panel-collapse .panel-body * {
font-size: 14px;
color: #FFFFFF80;
}
.accordion-v5.accordion-v5-ims-transition-v5 .panel .panel-collapse .panel-body ul {
padding: 0 0 0 17px;
margin: 0;
}
.accordion-v5.accordion-v5-ims-transition-v5 .panel .panel-collapse .panel-body ul li {
list-style: outside;
margin-bottom: 16px;
cursor: pointer;
}
.accordion-v5.accordion-v5-ims-transition-v5 .panel .panel-collapse .panel-body ul li.active {
color: #fff;
}
.accordion-v5.accordion-v5-ims-transition-v5 .panel .panel-collapse .panel-body ul li:last-child {
margin-bottom: 0;
}
.accordion-v5.accordion-v5-ims-transition-v5 .panel .panel-collapse .panel-body ul li::marker {
color: var(--c-main-6);
} .accordion-v5.accordion-v5-ims-transition-v6 .panel {
border-bottom: 1px solid rgba(255, 255, 255, 0.20);
}
.accordion-v5.accordion-v5-ims-transition-v6 .panel:has(.panel-title > a:not(.collapsed)) {
border-bottom: 1px solid rgba(113, 162, 255, 0.60);
background: radial-gradient(43.79% 43.79% at 50% 100%, rgba(3, 106, 229, 0.40) 0%, rgba(153, 153, 153, 0.00) 100%);
}
.accordion-v5.accordion-v5-ims-transition-v6 .panel .panel-heading {
background: transparent;
}
.accordion-v5.accordion-v5-ims-transition-v6 .panel .panel-heading .panel-title>a {
color: #ffffff60;
font-size: 20px;
padding: 20px 25px 20px 0px;
}
@media screen and (max-width: 767px) {
.accordion-v5.accordion-v5-ims-transition-v6 .panel .panel-heading .panel-title>a {
font-size: 18px;
}
}
.accordion-v5.accordion-v5-ims-transition-v6 .panel .panel-heading .panel-title>a:not(.collapsed) {
color: #ffffff;
margin-bottom: -8px;
}
.accordion-v5.accordion-v5-ims-transition-v6 .panel .panel-heading .panel-title>a:after {
color: #ffffff60;
right: 5px;
}
.accordion-v5.accordion-v5-ims-transition-v6 .panel .panel-heading .panel-title>a:not(.collapsed):after {
color: #ffffff;
}
.accordion-v5.accordion-v5-ims-transition-v6 .panel .panel-collapse .panel-body {
padding: 0 25px 20px 0;
color: #ffffff80;
font-size: 16px;
}
@media screen and (max-width: 767px) {
.accordion-v5.accordion-v5-ims-transition-v6 .panel .panel-collapse .panel-body {
font-size: 14px;
}
}
.accordion-v5.accordion-v5-ims-transition-v6 .panel .panel-collapse .panel-body * {
color: unset;
font-size: unset;
} .page-single-post .accordion-v5 {
margin: 50px 0;
}
.page-single-post .accordion-v5 .panel {
background-color: #f6f7fc;
}
.page-single-post .accordion-v5 .panel-default .panel-heading {
background: transparent;
}
.page-single-post .accordion-v5 .panel-title>a {
font-size: 20px;
font-weight: 600;
} .startup-service-content .item {
padding: 32px;
}
@media screen and (max-width: 767px) {
.startup-service-content .item {
padding: 16px;
}
}
.startup-service-content .item .title {
font-size: 20px;
letter-spacing: -0.2px;
line-height: 140%;
font-weight: 600;
margin-top: 16px;
margin-bottom: 8px;
}
@media screen and (max-width: 767px) {
.startup-service-content .item .title {
font-size: 18px;
}
}
.startup-service-content .item .desc,
.startup-service-content .item .desc p,
.startup-service-content .item .desc ul li {
font-size: 14px;
color: #565c69;
margin-bottom: 0px;
}
.startup-service-content .item:hover img,
.startup-service-content .accordion-v5 .panel .panel-heading a:not(.collapsed) img {
filter: brightness(1);
}
.startup-service-content .item img,
.startup-service-content .accordion-v5 .panel .panel-heading a img {
filter: grayscale(10%) brightness(65%) contrast(5%);
width: 55px;
height: 55px;
object-fit: contain;
}
.startup-service-content .item:hover .desc {
color: var(--c-main-7) !important;
}
.startup-service-content .accordion-v5 .panel {
background: linear-gradient(242deg, rgba(231, 245, 255, 0.00) -0.05%, #E7F5FF 100.05%);
}
.startup-service-content .accordion-v5 .panel .panel-heading {
background-color: transparent;
}
.startup-service-content .accordion-v5 .panel .panel-heading a {
padding: 16px 35px 12px 16px;
display: flex;
align-items: center;
gap: 12px;
}
.startup-service-content .accordion-v5 .panel .panel-heading a:not(.collapsed) {
background-color: transparent;
}
.startup-service-content .accordion-v5 .panel .panel-heading a img {
width: 28px;
height: auto;
}
.startup-service-content .accordion-v5 .panel .panel-collapse .panel-body {
padding: 0 35px 24px 56px;
} .startup-workflow-content .startup-workflow-right {
position: relative;
}
.startup-workflow-content .startup-workflow-right:after {
content: "";
position: absolute;
left: 44px;
top: 0;
background: #E7F5FF;
width: 2px;
height: 100%;
z-index: 1;
}
@media screen and (max-width: 767px) {
.startup-workflow-content .startup-workflow-right:after {
left: 40px;
}
}
.startup-workflow-content .startup-workflow-right .item {
display: flex;
gap: 16px;
}
.startup-workflow-content .startup-workflow-right .item .number {
color: var(--c-main-6);
font-size: 20px;
font-weight: 600;
line-height: normal;
display: flex;
width: 40px;
height: 40px;
min-width: 40px;
justify-content: center;
align-items: center;
border-radius: 32px;
border: 3px solid #FFF;
background: #E7F5FF;
margin: 0;
z-index: 2;
}
@media screen and (max-width: 767px) {
.startup-workflow-content .startup-workflow-right .item .number {
font-size: 16px;
display: flex;
width: 32px;
height: 32px;
min-width: 32px;
}
}
.startup-workflow-content .startup-workflow-right .item .info {
margin: 0 0 24px;
}
@media screen and (max-width: 767px) {
.startup-workflow-content .startup-workflow-right .item .info {
margin: 0 0 16px;
}
}
.startup-workflow-content .startup-workflow-right .item .info .title {
font-size: 24px;
font-weight: 600;
letter-spacing: -0.5px;
margin: 0;
line-height: 40px;
}
@media screen and (max-width: 767px) {
.startup-workflow-content .startup-workflow-right .item .info .title {
font-size: 16px;
line-height: 32px;
}
}
.startup-workflow-content .startup-workflow-right .item .info .desc {
font-size: 16px;
font-weight: 400;
line-height: 140%;
}
@media screen and (max-width: 767px) {
.startup-workflow-content .startup-workflow-right .item .info .desc {
font-size: 14px;
}
}
.startup-workflow-content .startup-workflow-right .item .info .desc ul {
margin-top: 3px;
margin-bottom: 0;
}
.startup-workflow-content .startup-workflow-right .item .info .desc ul li {
color: var(--c-main-7);
font-size: 16px;
font-weight: 400;
line-height: 140%;
margin: 0 0 8px;
}
.startup-workflow-content .startup-workflow-right .item .info .desc ul li:last-child {
margin: 0;
}
@media screen and (max-width: 767px) {
.startup-workflow-content .startup-workflow-right .item .info .desc ul li {
font-size: 14px;
}
} .gamenew-dev-content {
display: flex;
gap: 8px;
border-right: 1px solid #c7c7d6;
}
@media screen and (max-width: 992px) {
.gamenew-dev-content {
border: none;
}
}
.gamenew-dev-content .item {
cursor: pointer;
display: flex;
flex-direction: column;
justify-content: space-between;
width: 200px;
min-width: 200px;
min-height: 320px;
position: relative;
border-left: 1px solid #c7c7d6;
}
@media screen and (max-width: 992px) {
.gamenew-dev-content .item {
min-width: auto;
min-height: auto;
border: none;
}
}
.gamenew-dev-content .item.active {
width: 100%;
flex: 1;
}
.gamenew-dev-content .item .content {
display: flex;
flex-direction: column;
gap: 12px;
}
.gamenew-dev-content .item.active .icon-plus {
display: none;
}
@media screen and (max-width: 992px) {
.gamenew-dev-content .item .icon-plus {
display: none;
}
}
.gamenew-dev-content .item:hover .icon-plus rect {
fill: #1E1D28;
stroke: transparent;
}
.gamenew-dev-content .item:hover .icon-plus path {
stroke: #fff;
}
.gamenew-dev-content .item .desc {
display: none;
}
.gamenew-dev-content .item.active .desc {
display: block;
line-height: 140%;
}
@media screen and (max-width: 992px) {
.gamenew-dev-content .item .desc {
display: block;
}
} .webappnew-industries-content .item {
position: relative;
cursor: pointer;
border-radius: 3%;
overflow: hidden;
}
.webappnew-industries-content .item .figure {
position: relative;
}
.webappnew-industries-content .item .figure:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.4);
z-index: 1;
}
.webappnew-industries-content .item .content {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
z-index: 2;
transition: all 500ms ease 0ms;
padding: 16px;
}
.webappnew-industries-content .item:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
transition: all 300ms ease 0ms;
background: #F6F7FC;
}
.webappnew-industries-content .item:hover:after {
height: 0;
}
@media screen and (max-width: 767px) {
.webappnew-industries-content .item:after {
height: 0;
}
}
.webappnew-industries-content .item:before {
content: url(//sotatek-test.sotatek.works/wp-content/uploads/2025/04/icon-plush-transparent.svg);
position: absolute;
left: 16px;
bottom: 16px;
z-index: 2;
}
.webappnew-industries-content .item:hover:before {
display: none;
}
@media screen and (max-width: 767px) {
.webappnew-industries-content .item:before {
display: none;
}
}
.webappnew-industries-content .item:hover .content img {
filter: brightness(0) invert(1);
}
@media screen and (max-width: 767px) {
.webappnew-industries-content .item .content img {
filter: brightness(0) invert(1);
}
}
.webappnew-industries-content .item .content .title {
color: #000;
line-height: 140%;
}
.webappnew-industries-content .item:hover .content .title {
color: #fff;
}
@media screen and (max-width: 767px) {
.webappnew-industries-content .item .content .title {
color: #fff;
}
}
.webappnew-industries-content .item .content .desc {
transition: all 0ms ease 100ms;
height: 0;
visibility: hidden;
color: #000;
line-height: 140%;
}
.webappnew-industries-content .item:hover .content .desc {
height: 100%;
visibility: visible;
color: #fff;
}
@media screen and (max-width: 767px) {
.webappnew-industries-content .item .content .desc {
height: 100%;
visibility: visible;
color: #fff;
}
} .mobileappnew-capabilities-content ul.nav {
display: inline-block;
border-radius: 50px;
background: #F6F7FC;
padding: 4px;
}
.mobileappnew-capabilities-content ul.nav li a {
border-radius: 50px;
display: inline-block;
padding: 0;
text-align: center;
}
.mobileappnew-capabilities-content ul.nav li a>* {
color: #7e8494;
border-radius: 50px;
display: inline-block;
padding: 11px 28px;
text-align: center;
font-size: 14px;
font-weight: 600;
line-height: 140%;
margin: 0;
}
.mobileappnew-capabilities-content ul.nav li.active a,
.mobileappnew-capabilities-content ul.nav li:hover a {
background-color: #337ab7;
background: #FFF;
box-shadow: 0px 4px 40px 0px rgba(167, 169, 183, 0.15);
transition: 0.3s;
}
.mobileappnew-capabilities-content ul.nav li.active a>*,
.mobileappnew-capabilities-content ul.nav li:hover a>* {
color: var(--c-main-7);
}
@media screen and (max-width: 767px) {
.mobileappnew-capabilities-content ul.nav li a>* {
font-size: 12px;
padding: 11px 9px;
}
}
.mobileappnew-capabilities-content .tab-content .tab-pane .slider .fg-col {
margin: 0 0 16px;
}
.mobileappnew-capabilities-content .tab-content .tab-pane .slider .item {
padding: 32px;
height: 100%;
background: #fff;
display: flex;
flex-direction: column;
}
@media screen and (max-width: 767px) {
.mobileappnew-capabilities-content .tab-content .tab-pane .slider .item {
padding: 16px;
}
}
.mobileappnew-capabilities-content .tab-content .tab-pane .slider .item:hover {
background-image: url(//sotatek-test.sotatek.works/wp-content/uploads/2025/06/bg-home-new-testi-2.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
@media screen and (max-width: 767px) {
.mobileappnew-capabilities-content .tab-content .tab-pane .slider .item {
padding: 16px;
}
}
.mobileappnew-capabilities-content .tab-content .tab-pane .slider .item .number {
display: inline-flex;
width: 35px;
min-width: 35px;
height: 35px;
line-height: normal !important;
justify-content: center;
align-items: center;
border-radius: 50%;
background: #E7F5FF;
color: var(--c-main-6);
font-size: 14px;
font-weight: 700;
margin-bottom: 0;
}
@media screen and (max-width: 767px) {
.mobileappnew-capabilities-content .tab-content .tab-pane .slider .item .number {
width: 28px;
min-width: 28px;
height: 28px;
}
}
.mobileappnew-capabilities-content .tab-content .tab-pane .slider .item:hover .number {
background: #FFF;
color: #1847CD;
}
.mobileappnew-capabilities-content .tab-content .tab-pane .slider .item .content {
flex: 1;
display: flex;
flex-direction: column;
}
.mobileappnew-capabilities-content .tab-content .tab-pane .slider .item .content .top {
flex: 1;
}
.mobileappnew-capabilities-content .tab-content .tab-pane .slider .item:hover .figure img {
filter: brightness(0) invert(1);
}
.mobileappnew-capabilities-content .tab-content .tab-pane .slider .item .content .title {
margin-top: 16px;
margin-bottom: 0;
color: var(--c-main-7);
font-size: 20px;
font-weight: 600;
line-height: 140%;
letter-spacing: -0.2px;
}
@media screen and (max-width: 767px) {
.mobileappnew-capabilities-content .tab-content .tab-pane .slider .item .content .title {
margin-top: 12px;
font-size: 16px;
letter-spacing: normal;
}
}
.mobileappnew-capabilities-content .tab-content .tab-pane .slider .item:hover .content .title {
color: #ffffff;
}
.mobileappnew-capabilities-content .tab-content .tab-pane .slider .item .content .desc {
margin-top: 8px;
margin-bottom: 0;
}
@media screen and (max-width: 767px) {
.mobileappnew-capabilities-content .tab-content .tab-pane .slider .item .content .desc {
margin-top: 4px;
}
}
.mobileappnew-capabilities-content .tab-content .tab-pane .slider .item .content .desc,
.mobileappnew-capabilities-content .tab-content .tab-pane .slider .item .content .desc p,
.mobileappnew-capabilities-content .tab-content .tab-pane .slider .item .content .desc ul li,
.mobileappnew-capabilities-content .tab-content .tab-pane .slider .item .content .desc span {
color: var(--c-main-9);
font-size: 14px;
font-weight: 400;
line-height: 140%;
}
.mobileappnew-capabilities-content .tab-content .tab-pane .slider .item:hover .content .desc,
.mobileappnew-capabilities-content .tab-content .tab-pane .slider .item:hover .content .desc p,
.mobileappnew-capabilities-content .tab-content .tab-pane .slider .item:hover .content .desc ul li,
.mobileappnew-capabilities-content .tab-content .tab-pane .slider .item:hover .content .desc span {
color: #ffffff;
}
.mobileappnew-capabilities-content .tab-content .tab-pane .slider .item .content .readmore {
display: inline-flex;
align-items: center;
gap: 8px;
white-space: nowrap;
color: var(--c-main-6);
font-size: 14px;
font-weight: 600;
line-height: normal;
margin-top: 16px; }
.mobileappnew-capabilities-content .tab-content .tab-pane .slider .item:hover .content .readmore { color: #fff;
}
@media screen and (max-width: 767px) {
.mobileappnew-capabilities-content .tab-content .tab-pane .slider .item .content .readmore {
margin-top: 12px;
}
}
.mobileappnew-capabilities-content .tab-content .tab-pane .slider .item .content .readmore img {
width: 16px;
object-fit: contain;
}
.mobileappnew-capabilities-content .tab-content .tab-pane .slider .item:hover .content .readmore img {
filter: brightness(0) invert(1);
} .background-linear-gradient-1 {
background: linear-gradient(90deg, #CEDCFF 0%, #036AE5 40%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.background-linear-gradient-2 {
background: linear-gradient(90deg, #CEDCFF 0%, #036AE5 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.background-linear-gradient-3 {
background: linear-gradient(100deg, #FFF 3.01%, #036AE5 98.51%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.background-linear-gradient-3-2 {
background: linear-gradient(100deg, #FFF 3%, #006D57 96.94%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.background-linear-gradient-3-3 {
background: linear-gradient(100deg, #FFF 3.01%, #3C1F94 98.51%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.background-linear-gradient-3-4 {
background: linear-gradient(100deg, #FFF 3.01%, #C38D3E 98.51%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.background-linear-gradient-3-5 {
background: linear-gradient(100deg, #0A58C8 3.01%, #036AE5 50.76%, #8BD7FB 98.51%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.background-linear-gradient-3-6 {
background: linear-gradient(100deg, #FFF 3.01%, #A4DCF7 67.29%, #E5E7EF 98.51%);
;
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
} .ims-s-let-talk-content {
padding: 32px 48px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
border-radius: 8px;
background: linear-gradient(90deg, #036AE5 0%, #1A4896 100%);
}
@media screen and (max-width: 991px) {
.ims-s-let-talk-content {
flex-direction: column;
}
}
@media screen and (max-width: 767px) {
.ims-s-let-talk-content {
padding: 32px 16px;
}
}
.ims-s-let-talk-content>div:nth-child(1) {
flex: 1;
}
.ims-s-let-talk-content .title {
font-size: 24px;
line-height: 140%;
letter-spacing: -0.5px;
font-weight: 600;
margin: 0;
color: #fff;
}
@media screen and (max-width: 767px) {
.ims-s-let-talk-content .title {
font-size: 20px;
letter-spacing: -0.2px;
}
}
.ims-s-let-talk-content .desc {
margin-top: 4px;
margin-bottom: 0;
color: #fff;
font-size: 16px;
line-height: 140%;
font-weight: 400;
}
.ims-s-let-talk-content .s-button {
white-space: nowrap;
} .ims-s-let-talk-content.gray {
border: 1px solid #e5e7ef;
background: #f6f7fc;
}
.ims-s-let-talk-content.gray .title {
color: var(--c-main-7);
} .ims-s-let-talk-content-2 {
padding: 32px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
}
@media screen and (max-width: 991px) {
.ims-s-let-talk-content-2 {
flex-direction: column;
}
}
@media screen and (max-width: 767px) {
.ims-s-let-talk-content-2 {
padding: 24px;
}
}
.ims-s-let-talk-content-2>div:nth-child(1) {
flex: 1;
}
.ims-s-let-talk-content-2 .title {
font-size: 24px;
line-height: 140%;
letter-spacing: -0.5px;
font-weight: 600;
margin: 0;
color: #fff; }
.ims-s-let-talk-content-2 .desc {
margin-top: 4px;
margin-bottom: 0;
color: #ffffff70;
font-size: 16px;
line-height: 140%;
font-weight: 400;
}
.ims-s-let-talk-content-2 .s-button {
white-space: nowrap;
} .softwarenew-workflow .softwarenew-workflow-content {
display: grid;
grid-template-columns: auto 780px;
gap: 70px;
}
@media screen and (max-width: 1200px) {
.softwarenew-workflow .softwarenew-workflow-content {
grid-template-columns: auto;
gap: 48px;
}
}
@media screen and (max-width: 767px) {
.softwarenew-workflow .softwarenew-workflow-content {
gap: 0;
}
}
.softwarenew-workflow .softwarenew-workflow-content .softwarenew-workflow-list {
height: 350px;
position: relative;
z-index: 1;
}
@media screen and (max-width: 1200px) {
.softwarenew-workflow .softwarenew-workflow-content .softwarenew-workflow-list {
max-width: 780px;
}
}
@media screen and (max-width: 767px) {
.softwarenew-workflow .softwarenew-workflow-content .softwarenew-workflow-list {
width: 318px;
margin: auto;
}
}
.softwarenew-workflow .softwarenew-workflow-content .softwarenew-workflow-list:after {
content: "";
position: absolute;
left: 50%;
top: 50%;
width: calc(100% - 150px);
height: calc(100% - 50px);
transform: translate(-50%, -50%);
z-index: 0;
border-radius: 300px;
border: 2px solid #1B3A6B;
}
@media screen and (max-width: 767px) {
.softwarenew-workflow .softwarenew-workflow-content .softwarenew-workflow-list:after {
width: calc(100% - 32px);
height: calc(100% - 77px);
}
}
.softwarenew-workflow .softwarenew-workflow-content .softwarenew-workflow-list .item .title {
margin: 0;
padding: 0;
display: inline-flex;
border-radius: 180px;
overflow: hidden;
border: 5px solid transparent;
position: absolute;
z-index: 2;
}
.softwarenew-workflow .softwarenew-workflow-content .softwarenew-workflow-list .item:nth-child(1) .title {
left: 193px;
top: 0;
}
@media screen and (max-width: 767px) {
.softwarenew-workflow .softwarenew-workflow-content .softwarenew-workflow-list .item:nth-child(1) .title {
left: 20px;
top: 45px;
}
}
.softwarenew-workflow .softwarenew-workflow-content .softwarenew-workflow-list .item:nth-child(2) .title {
left: 410px;
top: 0;
}
@media screen and (max-width: 767px) {
.softwarenew-workflow .softwarenew-workflow-content .softwarenew-workflow-list .item:nth-child(2) .title {
left: auto;
top: 45px;
right: 20px;
}
}
.softwarenew-workflow .softwarenew-workflow-content .softwarenew-workflow-list .item:nth-child(3) .title {
right: 0;
top: 83px;
}
@media screen and (max-width: 767px) {
.softwarenew-workflow .softwarenew-workflow-content .softwarenew-workflow-list .item:nth-child(3) .title {
right: -5px;
top: 130px;
}
}
.softwarenew-workflow .softwarenew-workflow-content .softwarenew-workflow-list .item:nth-child(4) .title {
right: 20px;
bottom: 74px;
}
@media screen and (max-width: 767px) {
.softwarenew-workflow .softwarenew-workflow-content .softwarenew-workflow-list .item:nth-child(4) .title {
right: 3px;
bottom: 90px;
}
}
.softwarenew-workflow .softwarenew-workflow-content .softwarenew-workflow-list .item:nth-child(5) .title {
bottom: 0;
right: 313px;
}
@media screen and (max-width: 767px) {
.softwarenew-workflow .softwarenew-workflow-content .softwarenew-workflow-list .item:nth-child(5) .title {
left: 50%;
right: auto;
bottom: 20px;
transform: translateX(-50%);
}
}
.softwarenew-workflow .softwarenew-workflow-content .softwarenew-workflow-list .item:nth-child(6) .title {
left: 30px;
bottom: 42px;
}
@media screen and (max-width: 767px) {
.softwarenew-workflow .softwarenew-workflow-content .softwarenew-workflow-list .item:nth-child(6) .title {
left: 3px;
bottom: 90px;
}
}
.softwarenew-workflow .softwarenew-workflow-content .softwarenew-workflow-list .item:nth-child(7) .title {
left: -20px;
top: 118px;
}
@media screen and (max-width: 767px) {
.softwarenew-workflow .softwarenew-workflow-content .softwarenew-workflow-list .item:nth-child(7) .title {
left: -5px;
top: 130px;
}
}
.softwarenew-workflow .softwarenew-workflow-content .softwarenew-workflow-list .item.active .title {
border: 5px solid rgba(255, 255, 255, 0.15);
background: #002359;
}
.softwarenew-workflow .softwarenew-workflow-content .softwarenew-workflow-list .item .title>span {
display: inline-flex;
padding: 2px 16px 2px 2px;
justify-content: center;
align-items: center;
gap: 8px;
background: #003F8B;
backdrop-filter: blur(5px);
color: rgba(255, 255, 255, 0.50);
text-align: center;
font-size: 14px;
font-weight: 700;
line-height: normal;
letter-spacing: 1px;
text-transform: uppercase;
}
@media screen and (max-width: 767px) {
.softwarenew-workflow .softwarenew-workflow-content .softwarenew-workflow-list .item .title>span {
padding-right: 8px;
gap: 4px;
font-size: 12px;
letter-spacing: normal;
}
}
.softwarenew-workflow .softwarenew-workflow-content .softwarenew-workflow-list .item.active .title>span {
background: var(--c-main-6);
color: #FFF;
}
.softwarenew-workflow .softwarenew-workflow-content .softwarenew-workflow-list .item .title>span span {
width: 40px;
min-width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 141px;
background: #003575;
color: rgba(255, 255, 255, 0.50);
font-size: 18px;
font-weight: 600;
}
@media screen and (max-width: 767px) {
.softwarenew-workflow .softwarenew-workflow-content .softwarenew-workflow-list .item .title>span span {
width: 32px;
min-width: 32px;
height: 32px;
font-size: 14px;
}
}
.softwarenew-workflow .softwarenew-workflow-content .softwarenew-workflow-list .item.active .title>span span {
background: #FFF;
color: var(--c-main-6);
}
.softwarenew-workflow .softwarenew-workflow-content .softwarenew-workflow-list .item .desc {
color: #FFF;
text-align: center;
font-size: 16px;
font-weight: 400;
line-height: 140%;
margin: 0;
display: none;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 330px;
z-index: 1;
}
.softwarenew-workflow .softwarenew-workflow-content .softwarenew-workflow-list .item.active .desc {
display: block;
}
@media screen and (max-width: 767px) {
.softwarenew-workflow .softwarenew-workflow-content .softwarenew-workflow-list .item.active .desc {
display: none;
}
}
.workflow-dotted-indicator {
position: absolute;
left: 50%;
top: 50%;
width: calc(100% - 150px);
height: calc(100% - 50px);
transform: translate(-50%, -50%) rotate(0deg);
border: 2px dotted #002359;
border-radius: 300px;
clip-path: polygon(50% 50%, 26% 0%, 0% 0%);
z-index: 1;
pointer-events: none;
}
@media screen and (max-width: 767px) {
.workflow-dotted-indicator {
width: calc(100% - 32px);
height: calc(100% - 77px);
clip-path: polygon(50% 50%, 10% 0%, 0% 22%);
}
}
.workflow-dotted-indicator.active-1 {
clip-path: polygon(50% 50%, 26% 0%, 0% 0%);
}
@media screen and (max-width: 767px) {
.workflow-dotted-indicator.active-1 {
clip-path: polygon(50% 50%, 10% 0%, 0% 22%);
}
}
.workflow-dotted-indicator.active-2 {
clip-path: polygon(50% 50%, 61% 0%, 49% 0%);
}
@media screen and (max-width: 767px) {
.workflow-dotted-indicator.active-2 {
clip-path: polygon(50% 50%, 80% 0%, 55% 0%);
}
}
.workflow-dotted-indicator.active-3 {
clip-path: polygon(50% 50%, 150% 0%, 100% 0%);
}
@media screen and (max-width: 767px) {
.workflow-dotted-indicator.active-3 {
clip-path: polygon(50% 50%, 145% 0%, 100% 42%);
}
}
.workflow-dotted-indicator.active-4 {
clip-path: polygon(50% 50%, 100% 56%, 100% 76%);
}
@media screen and (max-width: 767px) {
.workflow-dotted-indicator.active-4 {
clip-path: polygon(50% 50%, 100% 59%, 100% 76%);
}
}
.workflow-dotted-indicator.active-5 {
clip-path: polygon(50% 50%, 80% 125%, 55% 100%);
}
@media screen and (max-width: 767px) {
.workflow-dotted-indicator.active-5 {
clip-path: polygon(50% 50%, 82% 100%, 55% 100%);
}
}
.workflow-dotted-indicator.active-6 {
clip-path: polygon(50% 50%, -2% 100%, 20% 100%);
}
@media screen and (max-width: 767px) {
.workflow-dotted-indicator.active-6 {
clip-path: polygon(50% 50%, 0% 78%, 10% 100%);
}
}
.workflow-dotted-indicator.active-7 {
clip-path: polygon(50% 50%, 0% 42%, 0% 61%);
}
@media screen and (max-width: 767px) {
.workflow-dotted-indicator.active-7 {
clip-path: polygon(50% 50%, 0% 42%, 0% 56%);
}
}
.softwarenew-workflow .softwarenew-workflow-content .softwarenew-workflow-list:before {
content: "";
position: absolute;
left: 117px;
top: 51px;
transform: rotate(15deg);
padding: 10px;
background-image: url(//sotatek-test.sotatek.works/wp-content/uploads/2025/07/icon-arrow-rorate.svg);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
z-index: 1;
}
@media screen and (max-width: 767px) {
.softwarenew-workflow .softwarenew-workflow-content .softwarenew-workflow-list:before {
left: 19px;
top: 105px;
transform: rotate(-5deg);
}
}
.softwarenew-workflow .softwarenew-workflow-content .softwarenew-workflow-list.active-1:before {
left: 117px;
top: 51px;
transform: rotate(15deg);
}
@media screen and (max-width: 767px) {
.softwarenew-workflow .softwarenew-workflow-content .softwarenew-workflow-list.active-1:before {
left: 19px;
top: 105px;
transform: rotate(-5deg);
}
}
.softwarenew-workflow .softwarenew-workflow-content .softwarenew-workflow-list.active-2:before {
left: 362px;
top: 15px;
transform: rotate(50deg);
}
@media screen and (max-width: 767px) {
.softwarenew-workflow .softwarenew-workflow-content .softwarenew-workflow-list.active-2:before {
left: 150px;
top: 29px;
transform: rotate(50deg);
}
}
.softwarenew-workflow .softwarenew-workflow-content .softwarenew-workflow-list.active-3:before {
left: auto;
right: 137px;
top: 36px;
transform: rotate(90deg);
}
@media screen and (max-width: 767px) {
.softwarenew-workflow .softwarenew-workflow-content .softwarenew-workflow-list.active-3:before {
left: auto;
right: 29px;
top: 90px;
transform: rotate(110deg);
}
}
.softwarenew-workflow .softwarenew-workflow-content .softwarenew-workflow-list.active-4:before {
left: auto;
right: 65px;
top: 168px;
transform: rotate(145deg);
}
@media screen and (max-width: 767px) {
.softwarenew-workflow .softwarenew-workflow-content .softwarenew-workflow-list.active-4:before {
left: auto;
right: 7px;
top: 177px;
transform: rotate(149deg);
}
}
.softwarenew-workflow .softwarenew-workflow-content .softwarenew-workflow-list.active-5:before {
left: auto;
top: auto;
right: 245px;
bottom: 15.21px;
transform: rotate(230deg);
}
@media screen and (max-width: 767px) {
.softwarenew-workflow .softwarenew-workflow-content .softwarenew-workflow-list.active-5:before {
left: auto;
top: auto;
right: 61px;
bottom: 54.21px;
transform: rotate(205deg);
}
}
.softwarenew-workflow .softwarenew-workflow-content .softwarenew-workflow-list.active-6:before {
left: 205px;
top: auto;
bottom: 14px;
transform: rotate(-115deg);
}
@media screen and (max-width: 767px) {
.softwarenew-workflow .softwarenew-workflow-content .softwarenew-workflow-list.active-6:before {
left: 64px;
top: auto;
bottom: 53px;
transform: rotate(-93deg);
}
}
.softwarenew-workflow .softwarenew-workflow-content .softwarenew-workflow-list.active-7:before {
left: 71px;
top: 210px;
transform: rotate(-50deg);
}
@media screen and (max-width: 767px) {
.softwarenew-workflow .softwarenew-workflow-content .softwarenew-workflow-list.active-7:before {
left: 9px;
top: 194px;
transform: rotate(-50deg);
}
}
.softwarenew-workflow .softwarenew-workflow-content .softwarenew-workflow-list-mobile {
margin: 48px 0 0;
}
.softwarenew-workflow .softwarenew-workflow-content .softwarenew-workflow-list-mobile .item {
display: none;
text-align: center;
}
.softwarenew-workflow .softwarenew-workflow-content .softwarenew-workflow-list-mobile .item.active {
display: block;
}
.softwarenew-workflow .softwarenew-workflow-content .softwarenew-workflow-list-mobile .item .title {
color: #FFF;
font-size: 16px;
font-weight: 700;
line-height: 140%;
letter-spacing: 1px;
text-transform: uppercase;
margin: 0 0 2px;
text-align: center;
}
.softwarenew-workflow .softwarenew-workflow-content .softwarenew-workflow-list-mobile .item .desc {
color: #FFF;
font-size: 16px;
font-weight: 400;
line-height: 140%;
margin: 0;
text-align: center;
} .newsnew-menu.fixed {
position: sticky;
top: 75px;
left: 0;
width: 100%;
z-index: 10;
}
@media screen and (max-width: 1200px) {
.newsnew-menu.fixed {
top: 56px;
}
}
@media screen and (max-width: 992px) {
.newsnew-menu .container {
overflow-x: scroll;
}
}
.newsnew-menu .container::-webkit-scrollbar {
width: 1px;
}
.newsnew-menu .container::-webkit-scrollbar-track {
background: #ccc;
}
.newsnew-menu .container::-webkit-scrollbar-thumb {
background: #002359;
}
.newsnew-menu .content {
display: flex;
align-items: center;
gap: 40px;
}
.newsnew-menu .content .title {
margin: 0;
}
.newsnew-menu .content .title a {
color: #FFF;
font-size: 16px;
font-weight: 400;
line-height: 140%;
opacity: 0.7;
padding: 21.5px 0;
display: inline-block;
border-bottom: 3px solid transparent;
white-space: nowrap;
}
.newsnew-menu .content .title.news-menu-active a {
opacity: 1;
border-color: #FFF;
}
.page-newsnew .s-posts-list-new .posts {
display: grid;
grid-template-columns: repeat(3, 1fr);
row-gap: 32px;
column-gap: 24px;
}
@media screen and (max-width: 767px) {
.page-newsnew .s-posts-list-new .posts {
grid-template-columns: repeat(1, 1fr);
gap: 32px;
}
}
.page-newsnew .s-posts-list-new .posts .item .info {
display: block;
}
.page-newsnew .s-posts-list-new .posts .item .info .title {
color: var(--c-main-7);
font-size: 20px;
font-weight: 600;
letter-spacing: -0.2px;
height: auto;
}
.page-newsnew .s-posts-list-new .posts .item:hover .info .title {
color: var(--c-main-6);
}
.page-newsnew .dark .s-posts-list-new .posts .item .info .title,
.page-newsnew .dark .s-posts-list-new .posts .item .info .title>* {
color: #E5E7EF;
font-size: 16px;
font-weight: 400;
letter-spacing: normal;
}
.page-newsnew .dark .s-posts-list-new .posts .item:hover .info .title,
.page-newsnew .dark .s-posts-list-new .posts .item:hover .info .title>* {
color: var(--c-main-7);
}
.page-newsnew .dark .s-posts-list-new .posts .item .info .meta .date {
color: #E5E7EF;
}
.page-newsnew .dark .s-posts-list-new .posts .item:hover .info .meta .date {
color: var(--c-main-7);
}
.newsnew-partnership .partnership-top .s-posts-list-new .posts {
grid-template-columns: repeat(2, 1fr);
}
.newsnew-partnership .partnership-top .s-posts-list-new .posts .item {
position: relative;
}
.newsnew-partnership .partnership-top .s-posts-list-new .posts .item .info {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
min-height: 50%;
z-index: 1;
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(35, 35, 35, 1) 80%);
background-blend-mode: multiply;
padding: 24px 12px;
display: flex;
flex-direction: column;
justify-content: end;
}
.newsnew-partnership .partnership-top .s-posts-list-new .posts .item .info .meta .date {
color: #E5E7EF;
}
.newsnew-partnership .partnership-top .s-posts-list-new .posts .item .info .title {
color: #fff;
font-size: 24px;
letter-spacing: -0.5px;
}
.newsnew-partnership .partnership-bottom .s-posts-list-new .posts {
row-gap: 18px;
column-gap: 40px;
}
.newsnew-partnership .partnership-bottom .s-posts-list-new .posts .item {
display: grid;
grid-template-columns: 100px auto;
gap: 16px;
}
.newsnew-partnership .partnership-bottom .s-posts-list-new .posts .item .info {
padding: 0;
}
.newsnew-partnership .partnership-bottom .s-posts-list-new .posts .item .info .title {
font-size: 16px;
letter-spacing: 0;
}
.newsnew-press-releases .list {
display: grid;
grid-template-columns: auto 261px;
gap: 50px;
}
.newsnew-press-releases .list .left {
display: grid;
grid-template-columns: auto 270px;
gap: 40px;
}
.newsnew-press-releases .list .left .left-left .item .thumbnail {
margin-bottom: 24px;
}
.newsnew-press-releases .list .left .left-left .item .info .title {
font-size: 24px;
letter-spacing: -0.5px;
}
.newsnew-press-releases .list .left .left-left .item .info .desc {
font-size: 14px;
display: -webkit-box;
}
.newsnew-press-releases .list .left .left-right {
display: flex;
flex-direction: column;
gap: 32px;
}
.newsnew-press-releases .list .left .left-right .item .thumbnail {
margin-bottom: 12px;
}
.newsnew-press-releases .list .left .left-right .item .info .title {
font-size: 18px;
}
.newsnew-press-releases .list .right .item {
border-bottom: 1px solid #E5E7EF;
padding: 16px 0;
}
.newsnew-press-releases .list .right .item:first-child {
padding-top: 0;
}
.newsnew-press-releases .list .right .item:last-child {
padding-bottom: 0;
border: none;
}
.newsnew-press-releases .posts {
display: grid;
grid-template-columns: repeat(3, 1fr);
row-gap: 18px;
column-gap: 40px;
}
@media screen and (max-width: 767px) {
.newsnew-press-releases .posts {
grid-template-columns: repeat(1, 1fr);
gap: 32px;
}
}
.newsnew-press-releases .posts .item {
display: grid;
grid-template-columns: 100px auto;
gap: 16px;
}
@media screen and (max-width: 767px) {
.newsnew-press-releases .posts .item {
display: block;
}
}
.newsnew-press-releases .item .thumbnail {
padding: 0;
margin-bottom: 0;
background-color: transparent;
border: none;
border-radius: 0;
position: relative;
}
@media screen and (max-width: 767px) {
.newsnew-press-releases .item .thumbnail {
margin-bottom: 12px;
}
}
.newsnew-press-releases .item .thumbnail img {
width: 100%;
object-fit: contain;
}
.newsnew-press-releases .item .info {
padding: 0;
display: block;
}
.newsnew-press-releases .item .info .meta .date {
color: #7E8494;
font-size: 12px;
font-weight: 400;
line-height: 140%;
margin-bottom: 4px;
}
.newsnew-press-releases .item .info .title {
line-height: 140%;
margin-bottom: 0;
display: block;
color: var(--c-main-7);
font-weight: 600;
height: auto;
font-size: 16px;
letter-spacing: 0;
}
@media screen and (max-width: 767px) {
.newsnew-press-releases .item .info .title {
font-size: 18px;
}
}
.newsnew-press-releases .item .info .desc {
color: #565C69;
font-size: 16px;
font-weight: 400;
line-height: 140%;
margin: 8px 0 0;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
display: none;
}
@media screen and (max-width: 767px) {
.newsnew-press-releases .item .info .desc {
display: -webkit-box;
}
} .form-subscribe-news {
text-align: center;
}
.form-subscribe-news br {
display: none;
}
.form-subscribe-news form {
display: inline-block;
text-align: left;
}
.form-subscribe-news form p {
position: relative;
width: 100%;
max-width: 554px;
margin: 0;
}
.form-subscribe-news form p .icon-mail {
position: absolute;
left: 16px;
top: 15px;
z-index: 1;
filter: brightness(50%) invert(1);
}
.form-subscribe-news form p input[type="email"] {
width: 100%;
height: 52px;
border-radius: 8px;
border: 1px solid #E5E7EF;
background: #FFF;
padding: 8px 48px;
font-size: 16px;
}
.form-subscribe-news form p input[type="email"]::-webkit-input-placeholder {
color: #BDC0CE;
}
.form-subscribe-news form p input[type="email"]::-moz-placeholder {
color: #BDC0CE;
}
.form-subscribe-news form p input[type="email"]:-ms-input-placeholder {
color: #BDC0CE;
}
.form-subscribe-news form p input[type="email"]:-moz-placeholder {
color: #BDC0CE;
}
.form-subscribe-news form p button[type="submit"] {
position: absolute;
top: 6px;
right: 8px;
z-index: 1;
width: 40px;
height: 40px;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
} .contactnew-accessible .item {
border: 1px solid transparent;
}
.contactnew-accessible .item:hover {
border-color: #036AE5;
}
@media (min-width: 993px) {
.contactnew .banner .row .fg-col:before {
content: "";
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
width: 1px;
height: 30px;
background: #fff;
z-index: 1;
opacity: 0.4;
}
.contactnew .banner .row .fg-col:last-child:before {
display: none;
}
} .cloudconsultingnew-collaboration .cloudconsultingnew-collaboration-content {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 32px;
}
@media (max-width: 767px) {
.cloudconsultingnew-collaboration .cloudconsultingnew-collaboration-content {
grid-template-columns: repeat(1, 1fr);
}
}
.cloudconsultingnew-collaboration .cloudconsultingnew-collaboration-content .item {
position: relative;
}
.cloudconsultingnew-collaboration .cloudconsultingnew-collaboration-content .item .content {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: auto;
z-index: 1;
background: linear-gradient(0deg, #101624 0%, rgba(16, 22, 36, 0.00) 100%);
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding: 32px 16px;
}
@media (max-width: 767px) {
.cloudconsultingnew-collaboration .cloudconsultingnew-collaboration-content .item .content {
padding: 24px 16px;
}
}
.cloudconsultingnew-collaboration .cloudconsultingnew-collaboration-content .item:hover .content {
background: linear-gradient(0deg, #101624 0%, rgba(16, 22, 36, 0.50) 100%);
height: 100%;
}
.cloudconsultingnew-collaboration .cloudconsultingnew-collaboration-content .item .content img {
display: none;
margin-bottom: 12px;
}
.cloudconsultingnew-collaboration .cloudconsultingnew-collaboration-content .item:hover .content img {
display: inline-block;
}
@media (max-width: 767px) {
.cloudconsultingnew-collaboration .cloudconsultingnew-collaboration-content .item .content img {
margin-bottom: 10px;
}
}
.cloudconsultingnew-collaboration .cloudconsultingnew-collaboration-content .item .content .title {
color: #FFF;
font-size: 24px;
font-weight: 600;
line-height: 140%;
letter-spacing: -0.5px;
margin: 0;
text-align: center;
}
@media (max-width: 767px) {
.cloudconsultingnew-collaboration .cloudconsultingnew-collaboration-content .item .content .title {
font-size: 18px;
letter-spacing: auto;
}
} .cloudconsultingnew-about .cloudconsultingnew-about-content .row {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.cloudconsultingnew-about .cloudconsultingnew-about-content .row .fg-col {
margin-bottom: 24px;
}
.cloudconsultingnew-about .cloudconsultingnew-about-content .item {
padding: 32px 24px 24px;
border: 1px solid #E5E7EF;
height: 100%;
}
.cloudconsultingnew-about .cloudconsultingnew-about-content .item:hover {
border-color: #036AE5;
}
.cloudconsultingnew-about .cloudconsultingnew-about-content .item .figure {
height: 40px;
object-fit: contain;
max-width: fit-content;
}
.cloudconsultingnew-about .cloudconsultingnew-about-content .item .content .title {
color: #1D212E;
font-size: 18px;
font-weight: 600;
line-height: 140%;
margin: 24px 0 0;
}
.cloudconsultingnew-about .cloudconsultingnew-about-content .item .content .desc {
color: #565C69;
font-size: 12px;
font-weight: 400;
line-height: 140%;
margin: 8px 0 0;
} .cloudconsultingnew-workflow {
background: #101624;
overflow: hidden;
}
.cloudconsultingnew-workflow .cloudconsultingnew-workflow-content .row {
display: flex;
flex-wrap: wrap;
}
.cloudconsultingnew-workflow .cloudconsultingnew-workflow-content .item {
margin-bottom: 64px;
position: relative;
}
@media (max-width: 767px) {
.cloudconsultingnew-workflow .cloudconsultingnew-workflow-content .item {
display: flex;
gap: 16px;
margin-bottom: 16px;
}
}
.cloudconsultingnew-workflow .cloudconsultingnew-workflow-content .fg-col .item:after,
.cloudconsultingnew-workflow .cloudconsultingnew-workflow-content .fg-col .item:before {
content: "";
position: absolute;
top: 28px;
height: 1px;
background: #ffffff15;
z-index: -1;
}
.cloudconsultingnew-workflow .cloudconsultingnew-workflow-content .fg-col .item:after {
left: 0;
width: calc(100% + 64px);
}
.cloudconsultingnew-workflow .cloudconsultingnew-workflow-content .fg-col:last-child .item:after,
.cloudconsultingnew-workflow .cloudconsultingnew-workflow-content .fg-col:last-child .item:before,
.cloudconsultingnew-workflow .cloudconsultingnew-workflow-content .fg-col:first-child .item:before {
display: none;
}
.cloudconsultingnew-workflow .cloudconsultingnew-workflow-content .fg-col:nth-child(3n) .item:before {
left: calc(100% + 64px);
width: 600px;
}
.cloudconsultingnew-workflow .cloudconsultingnew-workflow-content .fg-col:nth-child(3n+1) .item:before {
left: auto;
right: 100%;
width: 600px;
}
@media (max-width: 767px) {
.cloudconsultingnew-workflow .cloudconsultingnew-workflow-content .fg-col .item:before {
display: none;
}
.cloudconsultingnew-workflow .cloudconsultingnew-workflow-content .fg-col .item:after {
top: 0;
height: calc(100% + 20px);
left: 20.5px;
width: 1px;
}
}
.cloudconsultingnew-workflow .cloudconsultingnew-workflow-content .item .number {
border-radius: 99px;
background: #1A3D96;
box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.08);
padding: 5px;
display: inline-block;
margin: 0;
width: 55px;
min-width: 55px;
height: 55px;
}
@media (max-width: 767px) {
.cloudconsultingnew-workflow .cloudconsultingnew-workflow-content .item .number {
width: 40px;
min-width: 40px;
height: 40px;
}
}
.cloudconsultingnew-workflow .cloudconsultingnew-workflow-content .item .number span {
display: flex;
width: 100%;
height: 100%;
justify-content: center;
align-items: center;
border-radius: 32px;
background: #036AE5;
color: #FFF;
font-size: 20px;
font-weight: 600;
line-height: normal;
letter-spacing: -0.2px;
}
@media (max-width: 767px) {
.cloudconsultingnew-workflow .cloudconsultingnew-workflow-content .item .number span {
font-size: 16px;
}
}
.cloudconsultingnew-workflow .cloudconsultingnew-workflow-content .item .content .title {
color: #FFF;
font-size: 18px;
font-weight: 600;
line-height: 140%;
margin: 20px 0 12px;
}
@media (max-width: 767px) {
.cloudconsultingnew-workflow .cloudconsultingnew-workflow-content .item .content .title {
font-size: 16px;
margin: 8.5px 0;
}
}
.cloudconsultingnew-workflow .cloudconsultingnew-workflow-content .item .content .desc,
.cloudconsultingnew-workflow .cloudconsultingnew-workflow-content .item .content .desc ul li {
color: #FFFFFF60;
font-size: 14px;
font-weight: 400;
line-height: 140%;
}
.cloudconsultingnew-workflow .cloudconsultingnew-workflow-content .item .content .desc ul {
margin: 0;
}
.cloudconsultingnew-workflow .cloudconsultingnew-workflow-content .item .content .desc ul li {
margin-bottom: 8px;
}
.cloudconsultingnew-workflow .cloudconsultingnew-workflow-content .item .content .desc ul li::marker {
color: var(--c-main-6);
} .devopsnew-why {
background: #001233;
}
.devopsnew-why .devopsnew-why-content .right .item {
display: flex;
gap: 16px;
}
.devopsnew-why .devopsnew-why-content .right .item .number {
color: #fff;
font-size: 14px;
font-weight: 700;
line-height: normal;
display: flex;
width: 40px;
height: 40px;
min-width: 40px;
justify-content: center;
align-items: center;
border-radius: 50px;
background: rgba(255, 255, 255, 0.10);
margin: 0;
z-index: 2;
}
.devopsnew-why .devopsnew-why-content .right .item .info {
margin: 0 0 16px;
}
.devopsnew-why .devopsnew-why-content .right .item:last-child .info {
margin: 0;
}
.devopsnew-why .devopsnew-why-content .right .item .info .title {
color: #E5E7EF;
font-size: 20px;
font-weight: 400;
line-height: 40px;
letter-spacing: -0.5px;
margin: 0;
}
@media (max-width: 767px) {
.devopsnew-why .devopsnew-why-content .right .item .info .title {
font-size: 18px;
}
}
.devopsnew-why .devopsnew-why-content .right .item .info .desc {
font-size: 16px;
font-weight: 400;
line-height: 140%;
}
.devopsnew-why .devopsnew-why-content .right .item .info .desc ul {
margin-top: 3px;
margin-bottom: 0;
}
.devopsnew-why .devopsnew-why-content .right .item .info .desc ul li {
color: var(--c-main-7);
font-size: 16px;
font-weight: 400;
line-height: 140%;
margin: 0 0 8px;
}
.devopsnew-why .devopsnew-why-content .right .item .info .desc ul li:last-child {
margin: 0;
} .ul-marker-new ul {
padding: 0 0 0 17px;
margin: 0;
}
.ul-marker-new ul li {
list-style: outside;
margin-bottom: 8px;
}
.ul-marker-new ul li:last-child {
margin-bottom: 0;
}
.ul-marker-new ul li::marker {
color: var(--c-main-6);
} .process-cloud .row {
display: flex;
flex-wrap: wrap;
}
.process-cloud .item {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
padding: 40px 0;
}
.process-cloud .item .group-figure {
display: flex;
gap: 5px;
}
.process-cloud .item .figure {
height: 40px;
}
@media (max-width: 767px) {
.process-cloud .item .figure {
height: 24px;
}
}
.process-cloud .item .icon {
position: absolute;
left: -10px;
top: 50%;
transform: translateY(-50%);
z-index: 1;
}
.process-cloud .item .icon img {
width: 22px;
}
@media (max-width: 767px) {
.process-cloud .item .icon img {
width: 16px;
}
}
.process-cloud .item .icon.icon-exchange {
left: -20px;
background: #47BD5F;
border-radius: 50%;
width: 40px;
height: 40px;
min-width: 40px;
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 767px) {
.process-cloud .item .icon.icon-exchange {
left: -12px;
width: 24px;
height: 24px;
min-width: 24px;
}
}
.process-cloud .item .icon.icon-exchange img {
filter: brightness(0) invert(1);
}
.process-cloud .item .icon.icon-exchange-border {
left: -20px;
border: 1.5px solid #47BD5F;
border-radius: 50%;
width: 40px;
height: 40px;
min-width: 40px;
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 767px) {
.process-cloud .item .icon.icon-exchange-border {
left: -12px;
width: 24px;
height: 24px;
min-width: 24px;
}
}
.process-cloud .item .title {
color: #FFF !important;
font-size: 18px;
font-weight: 400;
line-height: 140%;
margin: 16px 0 0 0;
}
@media (max-width: 767px) {
.process-cloud .item .title {
font-size: 14px;
margin: 12px 0 0 0;
}
} .process-cloud-delivery .item {
padding: 17.5px 0;
}
@media (max-width: 767px) {
.process-cloud-delivery .item .figure {
height: 40px;
}
}
.process-cloud-delivery .item .icon img {
width: 16px;
}
.process-cloud-delivery .item .icon.icon-exchange {
left: -16px;
width: 32px;
height: 32px;
min-width: 32px;
}
.process-cloud-delivery .item .icon.icon-exchange-border {
left: -16px;
width: 32px;
height: 32px;
min-width: 32px;
}
.process-cloud-delivery .item .title {
font-size: 12px;
font-weight: 600;
margin: 8px 0 0 0;
text-transform: uppercase;
} .s-post-search-form {
position: relative;
}
@media (max-width: 767px) {
.s-post-search-form {
margin-top: 32px;
}
}
.s-post-search-form input {
border: 1px solid #E5E7EF;
border-radius: 24px;
padding: 10px 24px 8px 40px;
height: auto;
font-size: 14px;
font-weight: 400;
background: #FFF;
backdrop-filter: blur(10px);
}
.s-post-search-form input::-webkit-input-placeholder {
color: #7E8494;
}
.s-post-search-form input::-moz-placeholder {
color: #7E8494;
}
.s-post-search-form input:-ms-input-placeholder {
color: #7E8494;
}
.s-post-search-form input:-moz-placeholder {
color: #7E8494;
}
.s-post-search-form button {
position: absolute;
top: 50%;
left: 16px;
transform: translateY(-50%);
z-index: 1;
background: transparent;
padding: 0;
width: auto;
height: auto;
border: none;
display: flex;
align-items: center;
justify-content: center;
}
.s-post-search-form button img {
width: 16px;
object-fit: contain;
}
.widget {
margin: 32px 0;
display: inline-block;
width: 100%;
}
.widget .widget-title {
color: #0A0F1C;
font-size: 16px;
font-weight: 700;
line-height: 140%;
letter-spacing: 1px;
text-transform: uppercase;
margin: 0 0 16px;
display: flex;
align-items: center;
gap: 6px;
}
.s-popular-posts-new .content .item {
margin-bottom: 22px;
}
.s-popular-posts-new .content .item:last-child {
margin-bottom: 0;
}
.s-popular-posts-new .content .item .date {
color: #7E8494;
font-size: 12px;
line-height: 140%;
}
.s-popular-posts-new .content .item .title a * {
color: #101624;
font-size: 14px;
font-weight: 600;
line-height: 140%;
margin: 6px 0 0;
}
.s-popular-posts-new .content .item .title a:hover * {
color: var(--c-main-6);
}
.s-categories-list-new .content .item {
margin-top: 12px;
}
.s-categories-list-new .content .item a {
position: relative;
color: #101624;
font-size: 16px;
font-weight: 400;
line-height: 140%;
padding-left: 17px;
display: block;
}
.s-categories-list-new .content .item a:before {
content: "";
position: absolute;
left: 0;
top: 8px;
padding: 2.5px;
background: #036AE5;
border-radius: 50%;
z-index: 1;
}
.s-categories-list-new .content .item a:hover {
color: #036AE5;
} .s-featured-post-new {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 32px;
border-bottom: 1px solid #E5E7EF;
}
@media (max-width: 767px) {
.s-featured-post-new {
grid-template-columns: 1fr;
gap: 0;
}
}
.s-featured-post-new .item {
margin-bottom: 32px;
}
@media (max-width: 767px) {
.s-featured-post-new .item {
margin-bottom: 24px;
}
}
.s-featured-post-new .item .figure img {
width: 100%;
object-fit: contain;
margin: 0 0 16px;
}
.s-featured-post-new .item .info .title {
color: #101624;
font-size: 16px;
font-weight: 600;
line-height: 140%;
display: block;
margin: 8px 0 0;
}
.s-featured-post-new .item .info .title:hover {
color: var(--c-main-6);
}
.s-featured-post-new .item .info .category-more {
margin-top: 12px;
} .author-meta {
display: flex;
align-items: center;
gap: 10px;
}
.author-meta .author-info {
display: flex;
align-items: center;
gap: 8px;
}
.author-meta .author-info .author-figure {
width: 24px;
min-width: 24px;
border-radius: 50%;
overflow: hidden;
}
.author-meta .author-info .author-figure a {
display: inline-block;
}
.author-meta .author-info .author-figure img {
width: 100%;
object-fit: contain;
border-radius: 50%;
}
.author-meta .author-info .author-title {
color: #101624;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 140%;
}
.author-meta .author-info .author-title:hover {
color: var(--c-main-6);
}
.author-meta .separator {
color: #BDC0CE;
}
.author-meta .date {
color: #7E8494;
font-size: 12px;
font-weight: 400;
line-height: 140%;
} .category-more {
margin-top: 24px;
}
.category-more a {
padding: 4px 12px;
border-radius: 24px;
border: 1px solid #E5E7EF;
display: inline-block;
margin: 4px 4px 0 0 !important;
color: #101624 !important;
font-size: 14px;
font-weight: 400;
line-height: 140%;
} .category-more a:hover {
background: var(--c-main-6);
color: #ffffff !important;
text-decoration: none !important;
} .s-featured-post-cat-new {
border-bottom: 1px solid #E5E7EF;
}
.s-featured-post-cat-new .item {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 24px;
margin-bottom: 32px;
}
@media (max-width: 767px) {
.s-featured-post-cat-new .item {
grid-template-columns: 1fr;
gap: 12px;
margin-bottom: 24px;
}
}
.s-featured-post-cat-new .item .figure img {
width: 100%;
object-fit: contain;
}
.s-featured-post-cat-new .item .info {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.s-featured-post-cat-new .item .info .title {
color: #1D212E;
font-size: 24px;
font-weight: 600;
line-height: 140%;
letter-spacing: -0.5px;
display: block;
margin: 4px 0 0;
}
@media (max-width: 767px) {
.s-featured-post-cat-new .item .info .title {
font-size: 16px;
}
}
.s-featured-post-cat-new .item .info .title:hover {
color: var(--c-main-6);
}
.s-featured-post-cat-new .item .info .desc {
overflow: hidden;
color: #565C69;
font-size: 14px;
font-weight: 400;
line-height: 140%;
margin: 8px 0 0;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
align-self: stretch;
}
@media (max-width: 767px) {
.s-featured-post-cat-new .item .info .desc {
font-size: 12px;
}
} .s-posts-list-pagination .s-posts-list-pagination-content .item {
display: grid;
grid-template-columns: 1fr 267px;
gap: 105px;
padding: 32px 0;
border-bottom: 1px solid #E5E7EF;
}
@media (max-width: 767px) {
.s-posts-list-pagination .s-posts-list-pagination-content .item {
grid-template-columns: 1fr;
gap: 12px;
padding: 24px 0;
}
}
.s-posts-list-pagination .s-posts-list-pagination-content .item>*:first-child {
order: 2;
}
@media (max-width: 767px) {
.s-posts-list-pagination .s-posts-list-pagination-content .item>*:first-child {
order: unset;
}
}
.s-posts-list-pagination .s-posts-list-pagination-content .item .figure img {
width: 100%;
object-fit: contain;
}
.s-posts-list-pagination .s-posts-list-pagination-content .item .info .title {
color: #1D212E;
font-size: 24px;
font-weight: 600;
line-height: 140%;
letter-spacing: -0.5px;
display: block;
margin: 6px 0 0;
}
@media (max-width: 767px) {
.s-posts-list-pagination .s-posts-list-pagination-content .item .info .title {
font-size: 16px;
}
}
.s-posts-list-pagination .s-posts-list-pagination-content .item .info .title:hover {
color: var(--c-main-6);
}
.s-posts-list-pagination .s-posts-list-pagination-content .item .info .desc {
overflow: hidden;
color: #565C69;
font-size: 14px;
font-weight: 400;
line-height: 140%;
margin: 8px 0 0;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
align-self: stretch;
}
@media (max-width: 767px) {
.s-posts-list-pagination .s-posts-list-pagination-content .item .info .desc {
font-size: 12px;
}
}
.s-posts-list-pagination .pagination {
margin: 32px 0;
display: flex;
align-items: center;
justify-content: center;
}
.s-posts-list-pagination .pagination .page-numbers {
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 50%;
color: #101624;
font-size: 14px;
font-weight: 400;
width: 40px;
height: 40px;
line-height: 40px;
margin: 0 2px;
}
.s-posts-list-pagination .pagination .page-numbers.current:not(.dots) {
background: var(--c-main-6);
color: var(--c-white);
}
.s-posts-list-pagination .pagination .page-numbers.prev {
transform: rotate(180deg);
}
.s-posts-list-pagination .pagination .page-numbers.prev,
.s-posts-list-pagination .pagination .page-numbers.next {
filter: brightness(0);
}
.s-posts-list-pagination .pagination .page-numbers.prev img,
.s-posts-list-pagination .pagination .page-numbers.next img {
width: 15px;
} .s-author-related .content .item {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 20px;
}
.s-author-related .content .item:last-child {
margin-bottom: 0;
}
.s-author-related .content .item .figure {
width: 40px;
border-radius: 50%;
overflow: hidden;
}
.s-author-related .content .item .figure img {
width: 100%;
object-fit: contain;
}
.s-author-related .content .item .title {
color: #101624;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 140%;
}
.s-author-related .content .item .title:hover {
color: var(--c-main-6);
}
.s-author-related .content .item .count-post {
color: #7E8494;
font-size: 12px;
font-weight: 400;
line-height: 140%;
margin: 2px 0 0;
} .s-author .content .item {
border-radius: 4px;
background: linear-gradient(270deg, rgba(158, 202, 255, 0.10) 0%, rgba(3, 106, 229, 0.10) 112.28%), #FFF;
padding: 24px;
}
@media (max-width: 767px) {
.s-author .content .item {
padding: 16px;
}
}
.s-author .content .item .top {
display: flex;
align-items: center;
gap: 8px;
justify-content: space-between;
}
.s-author .content .item .top-left {
display: flex;
align-items: center;
gap: 16px;
}
.s-author .content .item .top-left .figure {
width: 80px;
min-width: 80px;
border-radius: 50%;
overflow: hidden;
}
@media (max-width: 767px) {
.s-author .content .item .top-left .figure {
width: 52px;
min-width: 52px;
}
}
.s-author .content .item .top-left .figure img {
width: 100%;
object-fit: contain;
}
.s-author .content .item .top-left .title {
color: #101624;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 140%;
word-break: break-word;
}
@media (max-width: 767px) {
.s-author .content .item .top-left .title {
font-size: 16px;
}
}
.s-author .content .item .top-left .job {
color: #565C69;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 140%;
margin: 4px 0 0;
}
.s-author .content .item .count-post {
color: #565C69;
font-size: 14px;
font-weight: 600;
line-height: 140%;
padding: 16px;
border-radius: 4px;
border: 1px solid #E5E7EF;
background: #FFF;
white-space: nowrap;
}
@media (max-width: 767px) {
.s-author .content .item .count-post {
padding: 8px;
font-size: 12px;
}
}
.s-author .content .item .desc {
color: #565C69;
font-size: 14px;
font-weight: 400;
line-height: 140%;
margin: 12px 0 0;
}
.s-author .content .item .desc p {
color: #565C69;
font-size: 14px;
font-weight: 400;
line-height: 140%;
}
.s-author .content .item .bottom {
border-top: 1px solid #BDC0CE;
padding-top: 12px;
margin-top: 12px;
display: flex;
justify-content: space-between;
}
@media (max-width: 767px) {
.s-author .content .item .bottom { flex-direction: column-reverse;
gap: 12px;
}
}
.s-author .content .item .info .info-item {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 8px;
color: #565C69;
font-size: 12px;
font-weight: 400;
line-height: 140%;
}
.s-author .content .item .info .info-item:last-child {
margin-bottom: 0;
}
.s-author .content .socical {
display: flex;
gap: 12px;
}
.s-author .content .socical a {
border-radius: 50%;
width: 40px;
height: 40px;
display: inline-flex;
border: 1px solid #E5E7EF;
align-items: center;
justify-content: center;
background: #fff;
}
@media (max-width: 767px) {
.s-author .content .socical a {
width: 28px;
height: 28px;
}
}
.s-author .content .socical a img {
width: 18px;
min-width: 18px;
height: 18px;
object-fit: contain;
filter: grayscale(1);
}
@media (max-width: 767px) {
.s-author .content .socical a img {
width: 13px;
min-width: 13px;
height: 13px;
}
} .s-author-single-post {
border-top: 1px solid #E5E7EF;
padding-top: 32px;
margin-top: 32px;
}
@media (max-width: 767px) {
.s-author-single-post {
padding-top: 16px;
margin-top: 16px;
}
}
.s-author-single-post>.title {
color: #565C69;
font-size: 14px;
font-weight: 700;
line-height: 140%;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 12px;
}
@media (max-width: 767px) {
.s-author-single-post>.title {
display: none;
}
}
.s-author-single-post .content {
border-radius: 4px;
background: #F6F7FC;
padding: 24px;
}
@media (max-width: 767px) {
.s-author-single-post .content {
background: transparent;
padding: 0;
}
}
.s-author-single-post .content .item {
display: flex;
align-items: start;
gap: 16px;
}
@media (max-width: 767px) {
.s-author-single-post .content .item {
gap: 8px;
}
}
.s-author-single-post .content .item .figure {
width: 72px;
min-width: 72px;
border-radius: 50%;
overflow: hidden;
}
@media (max-width: 767px) {
.s-author-single-post .content .item .figure {
width: 32px;
min-width: 32px;
display: none;
}
}
.s-author-single-post .content .item .figure img {
width: 100%;
object-fit: contain;
}
@media (max-width: 767px) {
.s-author-single-post .content .item .figure-mobile {
display: flex;
align-items: center;
gap: 12px;
}
}
.s-author-single-post .content .item .figure-mobile .figure {
display: none;
}
@media (max-width: 767px) {
.s-author-single-post .content .item .figure-mobile .figure {
display: block;
}
}
.s-author-single-post .content .item .title {
color: #101624;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 140%;
word-break: break-word;
}
.s-author-single-post .content .item .title:hover {
color: var(--c-main-6);
}
@media (max-width: 767px) {
.s-author-single-post .content .item .title {
font-size: 14px;
}
}
.s-author-single-post .content .item .job {
color: #565C69;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 140%;
margin: 2px 0 0;
}
@media (max-width: 767px) {
.s-author-single-post .content .item .job {
font-size: 12px;
margin: 0;
}
}
.s-author-single-post .content .item .desc {
color: #7E8494;
font-size: 14px;
font-weight: 400;
line-height: 140%;
margin: 8px 0 0;
}
@media (max-width: 767px) {
.s-author-single-post .content .item .desc { font-size: 12px;
}
}
.s-author-single-post .content .item .bottom {
border-top: 1px solid #BDC0CE;
padding-top: 12px;
margin-top: 12px;
display: flex;
justify-content: space-between;
}
@media (max-width: 767px) {
.s-author-single-post .content .item .bottom {
flex-direction: column-reverse;
gap: 12px;
}
}
.s-author-single-post .content .item .info .info-item {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 8px;
color: #565C69;
font-size: 12px;
font-weight: 400;
line-height: 140%;
}
.s-author-single-post .content .item .info .info-item:last-child {
margin-bottom: 0;
}
.s-author-single-post .content .socical {
display: flex;
gap: 12px;
}
.s-author-single-post .content .socical a {
border-radius: 50%;
width: 40px;
height: 40px;
display: inline-flex;
border: 1px solid #E5E7EF;
align-items: center;
justify-content: center;
background: #fff;
}
@media (max-width: 767px) {
.s-author-single-post .content .socical a {
width: 28px;
height: 28px;
}
}
.s-author-single-post .content .socical a img {
width: 18px;
min-width: 18px;
height: 18px;
object-fit: contain;
filter: grayscale(1);
}
@media (max-width: 767px) {
.s-author-single-post .content .socical a img {
width: 13px;
min-width: 13px;
height: 13px;
}
} .s-categories-list-toggle {
margin-top: 24px;
display: flex;
gap: 62px;
}
@media (max-width: 767px) {
.s-categories-list-toggle {
display: none;
}
}
.s-categories-list-toggle.active .content {
overflow: hidden;
max-height: 44px;
}
.s-categories-list-toggle .content .item {
display: inline-block;
margin: 0 8px 8px 0;
}
.s-categories-list-toggle .content .item a {
display: inline-block;
padding: 8px 16px;
border-radius: 32px;
background: #EDEEF6;
border: 1px solid #EDEEF6;
color: #565C69;
font-size: 14px;
font-weight: 600;
line-height: 140%;
}
.s-categories-list-toggle .content .item a:hover {
border: 1px solid #101624;
background: #FFF;
position: relative;
color: #101624;
}
.s-categories-list-toggle .content .item.active a {
border: 1px solid #101624;
background: #FFF;
padding-left: 40px;
position: relative;
color: #101624;
}
.s-categories-list-toggle .content .item.active a:before {
content: "";
position: absolute;
left: 21px;
top: 6px;
padding: 7px 4px;
z-index: 1;
border-bottom: 1.5px solid #101624;
border-right: 1.5px solid #101624;
transform: rotate(45deg);
}
.s-categories-list-toggle .toggle-cat {
height: auto;
display: inline-flex;
width: 36px;
min-width: 36px;
height: 36px;
align-items: center;
justify-content: center;
background: #EDEEF6;
border-radius: 50%;
cursor: pointer;
}
.s-categories-list-toggle .toggle-cat img {
width: 15px;
object-fit: contain;
transform: rotate(270deg);
filter: brightness(0);
}
.s-categories-list-toggle.active .toggle-cat img {
transform: rotate(90deg);
} .s-categories-list-toggle-mobile {
display: none;
}
@media (max-width: 767px) {
.s-categories-list-toggle-mobile {
margin-top: 24px;
padding: 8px 16px;
border-radius: 32px;
border: 1px solid #101624;
background: #FFF;
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
cursor: pointer;
}
}
.s-categories-list-toggle-mobile .title {
color: #101624;
font-size: 14px;
font-weight: 600;
line-height: 140%;
margin: 0;
}
.s-categories-list-toggle-mobile .toggle-cat {
filter: brightness(0);
transform: rotate(90deg);
}
.s-categories-list-toggle-mobile .toggle-cat img {
width: 16px;
} .s-categories-list-toggle-mobile-modal {
display: none;
position: fixed;
left: 50%;
top: 22%;
transform: translateX(-50%);
width: calc(100% - 32px);
max-width: 80%;
z-index: 99;
border-radius: 8px;
border: 1px solid #E6E8EC;
background: #FFF;
box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.16);
}
.s-categories-list-toggle-mobile-modal .title {
color: #101624;
font-size: 20px;
font-weight: 600;
line-height: 140%;
letter-spacing: -0.2px;
margin: 0;
padding: 16px 16px 0;
}
.s-categories-list-toggle-mobile-modal .close {
position: absolute;
top: 10px;
right: 10px;
z-index: 1;
opacity: .3;
}
.s-categories-list-toggle-mobile-modal .close img {
filter: brightness(0) saturate(100%) invert(0%) sepia(5%) saturate(305%) hue-rotate(191deg) brightness(92%) contrast(100%);
width: 18px;
}
.s-categories-list-toggle-mobile-modal .content {
margin-top: 16px;
margin-bottom: 16px;
}
.s-categories-list-toggle-mobile-modal .item {
margin-bottom: 4px;
}
.s-categories-list-toggle-mobile-modal .item:last-child {
margin-bottom: 0;
}
.s-categories-list-toggle-mobile-modal .item a {
display: block;
padding: 8px 16px;
color: #101624;
font-size: 14px;
font-weight: 400;
line-height: 140%;
margin: 0;
border-radius: 6px;
position: relative;
}
.s-categories-list-toggle-mobile-modal .item a:hover {
background: #E7F5FF;
}
.s-categories-list-toggle-mobile-modal .item.active a {
background: #E7F5FF;
padding-right: 36px;
}
.s-categories-list-toggle-mobile-modal .item.active a:before {
content: "";
position: absolute;
right: 16px;
top: 8px;
padding: 7px 4px;
z-index: 1;
border-bottom: 1.5px solid #036AE5;
border-right: 1.5px solid #036AE5;
transform: rotate(45deg);
} .s-posts-related .s-posts-related-top {
margin-bottom: 32px;
display: flex;
align-items: center;
justify-content: space-between;
}
@media (max-width: 767px) {
.s-posts-related .s-posts-related-top {
flex-direction: column;
margin-bottom: 24px;
}
}
.s-posts-related .s-posts-related-top .title-38 {
margin-bottom: 0;
}
@media (max-width: 767px) {
.s-posts-related .s-posts-related-top .title-38 {
margin-bottom: 12px;
}
}
.s-posts-related .s-posts-related-top a {
font-weight: 600;
display: inline-flex;
align-items: center;
gap: 16px;
white-space: nowrap;
}
.s-posts-related .s-posts-related-content .item .info {
padding: 8px 0 0 0;
display: block;
}
.s-posts-related .s-posts-related-content .item .info .meta {
margin-bottom: 0;
}
.s-posts-related .s-posts-related-content .item .info .meta .category-more {
margin-bottom: 8px;
margin-top: 0;
}
.s-posts-related .s-posts-related-content .item .info .meta .date {
font-size: 14px;
margin-bottom: 8px;
}
.s-posts-related .s-posts-related-content .item .info .title {
font-weight: 600;
height: auto;
}
.s-posts-related .s-posts-related-content .item .info .desc {
font-size: 14px;
} .page-single-post .single-post-key-take-away {
padding: 24px;
border-radius: 4px;
border: 1px solid #E5E7EF;
background: #F6F7FC;
margin-bottom: 32px;
}
.page-single-post .single-post-key-take-away p:last-child {
margin-bottom: 0;
}
.page-single-post .single-post-key-take-away .single-post-key-take-away-title {
font-size: 28px;
font-weight: 600;
line-height: 38px;
}
.page-single-post .post-content .wp-caption-text,
.page-single-post .post-content figure figcaption {
margin: 12px 0 12px 0;
color: #7E8494;
text-align: center;
}
.page-single-post .post-content ol,
.page-single-post .post-content ul {
margin-top: 0;
margin-bottom: 16px;
}
.page-single-post .post-content ul li {
list-style: outside;
margin-bottom: 8px;
}
@media (max-width: 767px) {
.page-single-post .post-content ul li {
font-size: 16px;
}
}
.page-single-post .post-content p {
margin: 0 0 16px;
}
.page-single-post .post-content h2 {
font-size: 28px;
font-weight: 600;
line-height: 38px;
margin-bottom: 24px;
margin-top: 40px;
}
@media (max-width: 767px) {
.page-single-post .post-content h2 {
font-size: 26px;
}
}
.page-single-post .post-content h3 {
font-size: 24px;
font-weight: 600;
line-height: 32px;
margin-bottom: 16px;
margin-top: 20px;
display: inline-block;
width: 100%;
}
.page-single-post .post-content h4 {
font-size: 20px;
line-height: 26px;
margin-bottom: 14px;
margin-top: 18px;
display: inline-block;
width: 100%;
} .ims-resources-content .item {
cursor: pointer;
text-align: center;
height: 200px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
padding: 30px;
}
.ims-resources-content .item:hover>* {
color: #fff !important;
}
@media screen and (max-width: 767px) {
.ims-resources-content .item {
padding: 16px;
height: 150px;
}
}
.ims-resources-content .item .title {
color: #1a3d96;
font-size: 60px;
line-height: 140%;
letter-spacing: -0.5px;
font-weight: 600;
margin-bottom: 2px;
}
@media screen and (max-width: 767px) {
.ims-resources-content .item .title {
font-size: 32px;
}
}
.ims-resources-content .item .desc {
color: #7e8494;
font-size: 18px;
font-weight: 600;
margin-bottom: 0;
}
@media screen and (max-width: 767px) {
.ims-resources-content .item .desc {
font-size: 14px;
}
} .s-page-service-whitepaper {
padding: 44.5px 0;
display: grid;
grid-template-columns: 5fr 5fr;
gap: 64px;
align-items: center;
}
@media (max-width: 767px) {
.s-page-service-whitepaper {
padding: 32px 0 26px;
display: grid;
grid-template-columns: 1fr;
gap: 24px;
}
}
.s-page-service-whitepaper .service-whitepaper-slider {
overflow: hidden;
padding-bottom: 16px;
}
@media (max-width: 767px) {
.s-page-service-whitepaper .service-whitepaper-slider {
grid-row: 2;
}
}
.s-page-service-whitepaper .service-whitepaper-slider .service-whitepaper-slider-content {
padding-bottom: 6px;
}
.s-page-service-whitepaper .service-whitepaper-slider .service-whitepaper-slider-content article figure img {
width: 100%;
}
.s-page-service-whitepaper .service-whitepaper-slider .service-whitepaper-slider-content article .file {
display: none;
}
.s-page-service-whitepaper .service-whitepaper-form {
padding-right: 15%;
}
@media (max-width: 1200px) {
.s-page-service-whitepaper .service-whitepaper-form {
padding-right: 0;
}
}
@media (max-width: 767px) {
.s-page-service-whitepaper .service-whitepaper-form {
grid-row: 1;
}
}
.s-page-service-whitepaper .service-whitepaper-form p {
margin: 0;
}
.s-page-service-whitepaper .service-whitepaper-form br {
display: none;
}
.s-page-service-whitepaper .service-whitepaper-form .title-38 {
margin-bottom: 8px;
}
.s-page-service-whitepaper .service-whitepaper-form .s-text--six {
margin-bottom: 24px;
}
@media (max-width: 767px) {
.s-page-service-whitepaper .service-whitepaper-form form .form-group {
margin-bottom: 8px;
}
}
.s-page-service-whitepaper .service-whitepaper-form form .form-group label {
color: #7E8494;
font-size: 14px;
font-weight: 400;
line-height: 140%;
}
.s-page-service-whitepaper .service-whitepaper-form form .form-group input {
padding: 8px 16px;
border-radius: 8px;
border: 1px solid #BDC0CE;
height: 40px;
width: 100%;
} .sapnew-industries-content {
display: flex;
justify-content: center;
margin-bottom: -76px;
flex-wrap: wrap;
}
@media (max-width: 992px) {
.sapnew-industries-content {
margin-bottom: 0;
}
}
.sapnew-industries-content .item {
width: 20%;
height: 300px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
background-image: url(//sotatek-test.sotatek.works/wp-content/uploads/2025/10/icon-bg-polygon-2.svg);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
padding: 20px 40px;
}
@media (max-width: 992px) {
.sapnew-industries-content .item {
width: 50%;
}
}
@media (max-width: 767px) {
.sapnew-industries-content .item {
height: 220px;
}
}
@media (max-width: 480px) {
.sapnew-industries-content .item {
height: 170px;
}
}
@media (max-width: 767px) {
.sapnew-industries-content .item .figure {
width: 40px;
}
}
.sapnew-industries-content .item .title {
font-size: 18px;
font-weight: 600;
margin: 16px 0 0;
line-height: normal;
}
@media (max-width: 767px) {
.sapnew-industries-content .item .title {
font-size: 14px;
margin: 12px 0 0;
}
} .wl-blockchain-game-workflow .wl-blockchain-game-workflow-content {
padding: 0 117px;
}
@media (max-width: 1200px) {
.wl-blockchain-game-workflow .wl-blockchain-game-workflow-content {
padding: 0;
}
}
.wl-blockchain-game-workflow .wl-blockchain-game-workflow-content .row {
display: flex;
flex-wrap: wrap;
}
.wl-blockchain-game-workflow .wl-blockchain-game-workflow-content .row .fg-col .item:after {
content: "";
position: absolute;
top: 78px;
height: 1px;
background: #E5E7EF;
z-index: -1;
left: 0;
width: calc(100% + 64px);
}
@media (max-width: 767px) {
.wl-blockchain-game-workflow .wl-blockchain-game-workflow-content .row .fg-col .item:after {
top: 0;
height: calc(100% + 20px);
left: 20.5px;
width: 1px;
}
}
.wl-blockchain-game-workflow .wl-blockchain-game-workflow-content .row:first-child .fg-col .item:before {
content: "";
position: absolute;
bottom: 0;
height: 1px;
background: #E5E7EF;
z-index: -1;
left: 0;
width: calc(100% + 64px);
}
.wl-blockchain-game-workflow .wl-blockchain-game-workflow-content .row:first-child .fg-col:last-child:after {
content: "";
position: absolute;
left: calc(100% + 32px);
bottom: 0;
width: 162px; height: calc(100% - 78px);
z-index: 1;
border: 1px solid #E5E7EF;
border-left: none;
border-radius: 0 50% 50% 0;
}
.wl-blockchain-game-workflow .wl-blockchain-game-workflow-content .row:last-child .fg-col:first-child:after {
content: "";
position: absolute;
left: 32px;
top: -1px;
width: 80px;
height: 80px;
z-index: 2;
border: 1px solid #E5E7EF;
border-right: none;
border-radius: 50% 0 0 50%;
}
.wl-blockchain-game-workflow .wl-blockchain-game-workflow-content .row:last-child .fg-col:first-child:before {
content: "";
position: absolute;
left: 32px;
top: -1px;
width: 80px;
height: calc(100% - 133px);
z-index: 1;
backdrop-filter: blur(200px);
}
.wl-blockchain-game-workflow .wl-blockchain-game-workflow-content .row:last-child .fg-col:last-child .item:after {
width: calc(100%);
}
@media (max-width: 767px) {
.wl-blockchain-game-workflow .wl-blockchain-game-workflow-content .row:first-child .fg-col .item:before,
.wl-blockchain-game-workflow .wl-blockchain-game-workflow-content .row:last-child .fg-col:first-child:after,
.wl-blockchain-game-workflow .wl-blockchain-game-workflow-content .row:last-child .fg-col:first-child:after,
.wl-blockchain-game-workflow .wl-blockchain-game-workflow-content .row:last-child .fg-col:first-child:before {
display: none;
}
.wl-blockchain-game-workflow .wl-blockchain-game-workflow-content .row:last-child .fg-col:last-child .item:after {
width: inherit;
}
}
.wl-blockchain-game-workflow .wl-blockchain-game-workflow-content .item {
margin-bottom: 64px;
position: relative;
text-align: center;
padding: 50px 30px 0;
height: 100%;
}
@media (max-width: 767px) {
.wl-blockchain-game-workflow .wl-blockchain-game-workflow-content .item {
display: flex;
gap: 16px;
margin-bottom: 16px;
padding: 0;
}
}
.wl-blockchain-game-workflow .wl-blockchain-game-workflow-content .item .number {
border-radius: 99px;
border: 1px solid #E5E7EF;
background: #fff;
box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.08);
padding: 5px;
display: inline-block;
margin: 0;
width: 55px;
min-width: 55px;
height: 55px;
position: relative;
z-index: 9;
}
@media (max-width: 767px) {
.wl-blockchain-game-workflow .wl-blockchain-game-workflow-content .item .number {
width: 40px;
min-width: 40px;
height: 40px;
}
}
.wl-blockchain-game-workflow .wl-blockchain-game-workflow-content .item .number span {
display: flex;
width: 100%;
height: 100%;
justify-content: center;
align-items: center;
border-radius: 32px;
background: #036AE5;
color: #FFF;
font-size: 20px;
font-weight: 600;
line-height: 140%;
letter-spacing: -0.2px;
}
@media (max-width: 767px) {
.wl-blockchain-game-workflow .wl-blockchain-game-workflow-content .item .number span {
font-size: 16px;
}
}
.wl-blockchain-game-workflow .wl-blockchain-game-workflow-content .item .content .title {
font-size: 18px;
font-weight: 600;
line-height: 140%;
margin: 20px 0 12px;
text-align: center;
}
@media (max-width: 767px) {
.wl-blockchain-game-workflow .wl-blockchain-game-workflow-content .item .content .title {
font-size: 16px;
margin: 8.5px 0;
}
} .wl-dex-feature-content .item {
height: 200px;
padding: 32px;
border-right: 1px solid #E5E7EF;
border-bottom: 1px solid #E5E7EF;
}
.wl-dex-feature-content .item:hover>* {
color: #fff !important;
}
@media screen and (max-width: 767px) {
.wl-dex-feature-content .item {
padding: 16px;
height: 150px;
}
}
@media screen and (min-width: 1201px) {
.wl-dex-feature-content .row .fg-col:nth-child(3n) .item {
border-right: none;
}
} @media screen and (max-width: 1200px) {
.wl-dex-feature-content .row .fg-col:nth-child(2n) .item {
border-right: none;
}
}
.wl-dex-feature-content .item .title {
color: #101624;
font-size: 18px;
line-height: 140%;
font-weight: 600;
margin-bottom: 0;
}
@media screen and (max-width: 767px) {
.wl-dex-feature-content .item .title {
font-size: 14px;
}
}
.wl-dex-feature-content .item .desc {
color: #7E8494;
font-size: 18px;
line-height: 140%;
margin-bottom: 16px;
}
@media screen and (max-width: 767px) {
.wl-dex-feature-content .item .desc {
font-size: 14px;
margin-bottom: 12px;
}
}
.wl-dex-feature-content .item.dex-core {
display: flex;
align-items: center;
}
.wl-dex-feature-content .item.dex-core .dex-core-title {
display: flex;
align-items: center;
gap: 8px;
color: #101624;
font-size: 20px;
font-weight: 700;
line-height: 140%;
letter-spacing: -0.5px;
margin-bottom: 0;
}
.wl-dex-feature-content .item.dex-core .dex-core-title img {
width: 24px;
filter: brightness(0);
}
.wl-dex-feature-content .item.dex-core:hover .dex-core-title img {
filter: brightness(0) invert(1);
} .page-portfolio-new .banner {
overflow: hidden;
}
.page-portfolio-new .banner .content {
gap: 32px;
display: grid;
grid-template-columns: repeat(7, 1fr);
}
@media screen and (max-width: 767px) {
.page-portfolio-new .banner .content {
gap: 20px;
grid-template-columns: repeat(3, 1fr);
margin-left: -32px !important;
margin-right: -32px !important;
}
}
.page-portfolio-new .banner .content .item {
display: flex;
flex-direction: column;
flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
.page-portfolio-new .banner .content .item:nth-child(1),
.page-portfolio-new .banner .content .item:nth-child(2),
.page-portfolio-new .banner .content .item:nth-child(6),
.page-portfolio-new .banner .content .item:nth-child(7) {
display: none;
}
}
.page-portfolio-new .banner .content .item img {
margin-bottom: 32px;
}
@media screen and (max-width: 767px) {
.page-portfolio-new .banner .content .item img {
margin-bottom: 16px;
}
}
.page-portfolio-new .banner .content .item .border {
width: 100%;
height: 100%;
min-height: 150px;
position: relative;
flex: 1;
}
.page-portfolio-new .banner .content .item .border:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
background-image: url(//sotatek-test.sotatek.works/wp-content/uploads/2025/11/portfolio-banner-border.svg);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
} .s-portfolio-archive-new .tab-v2 {
margin-bottom: 0;
}
.s-portfolio-archive-new .tab-v2 .s-post-search-form {
max-width: 900px;
margin: 0 auto 16px;
}
.s-portfolio-archive-new .tab-v2 .nav-wrapper {
margin-bottom: 0;
}
.s-portfolio-archive-new .tab-v2 .nav-wrapper ul {
text-align: center;
}
@media screen and (max-width: 767px) {
.s-portfolio-archive-new .tab-v2 .nav-wrapper ul {
text-align: left;
}
}
.s-portfolio-archive-new .tab-v2 .nav-wrapper ul li {
display: inline-block;
margin: 0 8px 8px 0;
float: none;
width: auto;
}
.s-portfolio-archive-new .tab-v2 .nav-wrapper ul li input[type=checkbox] {
display: none;
}
.s-portfolio-archive-new .tab-v2 .nav-wrapper ul li label {
display: inline-block;
padding: 8px 16px;
margin: 0;
border-radius: 32px;
background: #EDEEF6;
border: 1px solid #EDEEF6;
color: #565C69;
font-size: 14px;
font-weight: 600;
line-height: 140%;
}
.s-portfolio-archive-new .tab-v2 .nav-wrapper ul li label:hover {
border: 1px solid #101624;
background: #FFF;
position: relative;
color: #101624;
} .s-portfolio-archive-new .tab-v2 .nav-wrapper ul li:has(input[type="checkbox"]:checked) label {
border: 1px solid #101624;
background: #FFF; position: relative;
color: #101624;
} .s-portfolio-archive-new .tab-v2 .tab-content {
padding-top: 32px;
}
.s-portfolio-archive-new .tab-v2 .tab-content .content .list {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 32px;
}
@media screen and (max-width: 1024px) {
.s-portfolio-archive-new .tab-v2 .tab-content .content .list {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (max-width: 767px) {
.s-portfolio-archive-new .tab-v2 .tab-content .content .list {
grid-template-columns: repeat(1, 1fr);
}
}
.portfolio-item-style .item { display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
border: 1px solid #E5E7EF;
transition: all 300ms ease 0ms;
}
.portfolio-item-style .item:hover {
box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.16);
}
.portfolio-item-style .item .thumbnail {
padding: 0;
margin-bottom: 0;
background-color: #F6F7FC;
border: none;
border-radius: 0;
height: 220px;
overflow: hidden;
width: 100%;
}
.portfolio-item-style .item:hover .thumbnail {
filter: none;
}
.portfolio-item-style .item .thumbnail img {
width: 100%;
height: 100%;
object-fit: contain;
}
.portfolio-item-style .item .info {
padding: 16px;
flex: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.portfolio-item-style .item .info .meta {
margin-bottom: 4px;
}
.portfolio-item-style .item .info .meta .category a {
padding: 2px 12px;
border-radius: 36px;
background: #E5E7EF;
color: #565C69;
font-size: 12px;
display: inline-block;
margin: 0 4px 4px 0;
}
.portfolio-item-style .item .info .title {
color: var(--c-main-7);
font-size: 16px;
font-weight: 600;
height: 100%;
margin: 0;
}
.portfolio-item-style .item:hover .info .title {
color: var(--c-main-6);
}
.s-portfolio-archive-new .s-jobs-list {
text-align: center;
}
.s-portfolio-archive-new .s-jobs-list .pagination {
display: inline-block;
} .s-portfolio-details-new img {
max-width: 100%;
}
.s-portfolio-details-new .meta-info {
background: #101624;
padding: 32px 0 24px;
}
.s-portfolio-details-new .meta-info .meta-content {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 16px;
}
@media screen and (max-width: 767px) {
.s-portfolio-details-new .meta-info .meta-content {
grid-template-columns: repeat(2, 1fr);
row-gap: 14px;
}
}
.s-portfolio-details-new .meta-info .meta-content .item {
color: #fff;
}
.s-portfolio-details-new .meta-info .meta-content .item .title {
color: #E5E7EF;
font-size: 14px;
line-height: 140%;
margin: 0 0 8px;
}
.s-portfolio-details-new .meta-info .meta-content .item .desc,
.s-portfolio-details-new .meta-info .meta-content .item .desc * {
color: #fff;
font-size: 16px;
font-weight: 600;
}
.s-portfolio-details-new .content {
display: grid;
grid-template-columns: 56% auto;
gap: 96px;
padding: 48px 0;
}
@media (max-width: 767px) {
.s-portfolio-details-new .content { display: block;
}
}
.s-portfolio-details-new .content .info .item {
margin-bottom: 32px;
}
@media (max-width: 767px) {
.s-portfolio-details-new .content .info .item {
margin-top: 32px;
}
.s-portfolio-details-new .content .info .item:first-child {
margin-top: 0;
}
}
.s-portfolio-details-new .content .info .item .title {
color: #036AE5;
font-size: 24px;
font-weight: 600;
line-height: 140%;
letter-spacing: -0.5px;
margin-bottom: 8px;
text-transform: uppercase;
}
.s-portfolio-details-new .content .info .item .desc,
.s-portfolio-details-new .content .info .item .desc * {
color: #101624;
font-size: 14px;
font-weight: 400;
line-height: 140%;
}
.s-portfolio-details-new .content .info .share {
border-top: 1px solid #E5E7EF;
}
.s-portfolio-details-new .content .info .share .share-title {
color: #101624;
font-size: 16px;
font-weight: 400;
line-height: 140%;
margin: 16px 0 12px;
}
.s-portfolio-details-new .content .info .share .s-social-sharing {
display: flex;
gap: 12px;
}
.s-portfolio-details-new .content .info .share .s-social-sharing a {
border-radius: 50%;
width: 40px;
height: 40px;
display: inline-flex;
align-items: center;
justify-content: center;
background: #fff;
filter: drop-shadow(0 6px 40px rgba(0, 0, 0, 0.19));
}
@media (max-width: 767px) {
.s-portfolio-details-new .content .info .share .s-social-sharing a {
width: 28px;
height: 28px;
}
}
.s-portfolio-details-new .content .info .share .s-social-sharing a img {
width: 18px;
min-width: 18px;
height: 20px;
object-fit: contain; filter: brightness(0) saturate(100%) invert(18%) sepia(98%) saturate(3850%) hue-rotate(207deg) brightness(96%) contrast(104%);
}
@media (max-width: 767px) {
.s-portfolio-details-new .content .info .share .s-social-sharing a img {
width: 13px;
min-width: 13px;
height: 13px;
}
} .s-portfolio-details-new .image.pc img {
margin-bottom: 40px;
}
@media (max-width: 767px) {
.s-portfolio-details-new .image.pc img {
margin-bottom: 32px;
}
}
@media (min-width: 768px) {
.s-portfolio-details-new .content .mb {
display: none;
}
}
@media (max-width: 767px) {
.s-portfolio-details-new .content .pc {
display: none;
}
} .portfolio-related {
padding-bottom: 80px;
}
.portfolio-related .portfolio-related-top {
margin-bottom: 24px;
display: flex;
align-items: center;
justify-content: space-between;
}
@media (max-width: 767px) {
.portfolio-related .portfolio-related-top {
flex-direction: column;
}
}
.portfolio-related .portfolio-related-top .title-38 {
margin-bottom: 0;
}
@media (max-width: 767px) {
.portfolio-related .portfolio-related-top .title-38 {
margin-bottom: 12px;
}
}
.portfolio-related .portfolio-related-top a {
font-weight: 600;
display: inline-flex;
align-items: center;
gap: 16px;
white-space: nowrap;
}
.portfolio-related .portfolio-related-content {
padding-bottom: 32px;
} .border-section-top-bottom {
border-top: 0.5px solid rgba(255, 255, 255, 0.20);
border-bottom: 0.5px solid rgba(255, 255, 255, 0.20);
}
.border-section-left-right {
border-left: 1px solid rgba(255, 255, 255, 0.20);
border-right: 1px solid rgba(255, 255, 255, 0.20);
} .sotatek-header.stick.dark-productlist {
background-color: #000;
}
.sotatek-header.dark-productlist .menu-all-sotatek-header-en-container ul.sotatek-header-menu>li.menu-item>a {
color: var(--c-white);
}
.sotatek-header.stick.dark-productlist .header-search>img {
filter: brightness(0) invert(1);
}
.sotatek-header.stick.dark-productlist .s-language-switcher .language-active img {
filter: none;
}
.sotatek-header.stick.dark-productlist .s-language-switcher .language-active {
color: var(--c-white);
}
.sotatek-header.stick.dark-productlist .s-language-switcher .language-active:before {
border-right-color: var(--c-white);
border-bottom-color: var(--c-white);
}
.sotatek-header.stick.dark-productlist>.container>.grid .toggle .line {
background: var(--c-white);
} .productlist-leadership-content .item {
position: relative;
cursor: pointer;
border-radius: 24px;
background: linear-gradient(201deg, rgba(84, 87, 95, 0.20) 2.56%, rgba(255, 255, 255, 0.20) 97.51%);
overflow: hidden;
}
.productlist-leadership-content .item .content {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
z-index: 1;
overflow: hidden;
padding: 24px;
}
.productlist-leadership-content .item .content:before {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 124px;
background: linear-gradient(0deg, #1D1D1D 0%, rgba(29, 29, 29, 0.00) 100%);
z-index: -1;
}
.productlist-leadership-content .item .content:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 0;
z-index: -1;
transition: all 300ms ease 0ms;
background: url(//sotatek-test.sotatek.works/wp-content/uploads/2026/01/productlist-leadership-item-bg.jpg) no-repeat center;
background-size: cover;
}
.productlist-leadership-content .item:hover .content:after {
height: 100%;
transition: all 300ms ease 0ms;
}
.productlist-leadership-content .item .content .bao {
height: 100%;
overflow: hidden;
display: flex;
flex-direction: column;
justify-content: end;
}
.productlist-leadership-content .item .content .title {
color: #fff;
font-size: 24px;
line-height: 140%;
font-weight: 600;
letter-spacing: -0.5px;
margin: 0;
}
.productlist-leadership-content .item .content .meta {
color: #BDC0CE;
font-size: 14px;
line-height: 140%;
margin: 0;
}
.productlist-leadership-content .item .content .desc {
color: #F6F7FC;
font-size: 13px;
line-height: 140%;
height: 0;
visibility: hidden;
margin: 0;
display: flex;
justify-content: end;
align-items: end;
}
.productlist-leadership-content .item:hover .content .desc {
height: 100%;
visibility: visible;
transition: all 300ms ease 0ms;
} .productlist-testimonials-content .slick-track {
display: flex;
}
.productlist-testimonials-content .item {
cursor: pointer;
display: flex;
flex-direction: column;
height: auto;
padding: 50px 30px;
border-right: 1px solid rgba(255, 255, 255, 0.15);
}
.productlist-testimonials-content .item .content .info {
display: flex;
align-items: center;
gap: 16px;
}
.productlist-testimonials-content .item .content .info img {
border-radius: 50%;
overflow: hidden;
width: 40px !important;
height: 40px !important;
object-fit: contain;
}
.productlist-testimonials-content .item .content .info .meta .title {
margin: 0;
}
.productlist-testimonials-content .item .content .info .meta .title a {
color: rgba(255, 255, 255, 0.80);
font-size: 16px;
font-weight: 700;
line-height: 140%;
margin: 0;
}
.productlist-testimonials-content .item .content .info .meta .job {
color: rgba(255, 255, 255, 0.50);
font-size: 14px;
font-weight: 400;
line-height: 140%;
margin: 0;
}
.productlist-testimonials-content .item .desc {
color: #FFF;
font-size: 16px;
font-weight: 400;
line-height: 140%;
margin: 23px 0 0;
line-height: 140%;
} .productlist-about-content .stack-cards {
--stack-cards-gap: 24px;
}
@media (max-width: 767px) {
.productlist-about-content .stack-cards {
--stack-cards-gap: 16px;
}
}
.productlist-about-content .stack-cards__item {
min-height: auto;
background-color: transparent;
box-shadow: none;
background-color: #00030b;
}
.productlist-about-content .stack-cards__item.active {
background-color: #00030b;
}
.productlist-about-content .stack-cards__item:before {
background: transparent;
}
.productlist-about-content .stack-cards__item.active:before {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
z-index: 1;
background: url(//sotatek-test.sotatek.works/wp-content/uploads/2026/01/productlist-about-item-bg-bottom.svg) no-repeat;
background-position: center bottom;
}
.productlist-about-content .stack-cards__item:after {
box-shadow: none;
}
.productlist-about-content .item {
display: grid;
grid-template-columns: 1fr 50%;
align-items: center;
gap: 32px;
padding: 80px 0;
border-bottom: 1px solid rgba(80, 85, 98, 0.40);
position: relative;
overflow: hidden;
}
@media (max-width: 767px) {
.productlist-about-content .item {
gap: 16px;
padding: 20px 0;
}
}
.productlist-about-content .item:hover:after {
display: block;
}
.productlist-about-content .item .content .fg-wrapper {
display: flex;
align-items: center;
gap: 32px;
}
@media (max-width: 767px) {
.productlist-about-content .item .content .fg-wrapper {
gap: 8px;
}
}
.productlist-about-content .item .content .number {
color: #FFFFFF70;
font-size: 38px;
font-weight: 400;
line-height: 140%;
letter-spacing: -1px;
padding: 8px;
margin: 0;
}
@media (max-width: 767px) {
.productlist-about-content .item .content .number {
font-size: 10px;
}
}
.productlist-about-content .item .content .title {
color: #FFF;
font-size: 38px;
font-weight: 400;
line-height: 140%;
letter-spacing: -1px;
margin: 0;
}
@media (max-width: 767px) {
.productlist-about-content .item .content .title {
font-size: 14px;
}
}
.productlist-about-content .item .desc {
color: #BDC0CE;
font-size: 18px;
font-weight: 400;
line-height: 140%;
margin: 0;
display: inline-block;
max-width: 392px;
}
@media (max-width: 767px) {
.productlist-about-content .item .desc {
font-size: 14px;
}
} @keyframes fadeInRight {
0% {
opacity: 0;
transform: translateX(50px); }
100% {
opacity: 1;
transform: translateX(0); }
} .section.s-product-list .pagination {
display: block;
text-align: center;
}
.section.s-product-list .pagination .paginationjs {
text-align: center;
}
.section.s-product-list .pagination .paginationjs .paginationjs-pages {
float: unset;
}
.section.s-product-list .pagination ul {
align-items: center;
display: flex;
float: unset;
}
.section.s-product-list .pagination ul li {
border: none;
border-radius: 100%;
display: inline-block;
margin: 0;
opacity: 1;
padding: 0;
}
.section.s-product-list .pagination ul li a {
display: flex;
align-items: center;
justify-content: center;
background-color: transparent;
border-radius: 50%;
color: #fff;
font-size: 14px;
font-weight: 400; min-width: 40px;
height: 40px;
line-height: 40px;
margin: 0 16px;
}
.section.s-product-list .pagination ul li.active a {
color: #000;
background: #fff;
}
.section.s-product-list .pagination ul li a span {
display: flex;
align-items: center;
gap: 20px;
}
.section.s-product-list .pagination ul li.paginationjs-next,
.section.s-product-list .pagination ul li.paginationjs-prev {
filter: brightness(0) invert(1);
text-transform: uppercase;
}
.section.s-product-list .pagination ul li.paginationjs-next img,
.section.s-product-list .pagination ul li.paginationjs-prev img {
width: 16px;
}
.section.s-product-list .pagination ul li.paginationjs-next.disabled,
.section.s-product-list .pagination ul li.paginationjs-prev.disabled {
opacity: 1;
}
.section.s-product-list .pagination ul li.paginationjs-prev img {
transform: rotate(180deg);
} .product-list-content .product-list-category {
margin-bottom: 64px;
}
@media screen and (max-width: 1200px) {
.product-list-content .product-list-category {
margin-bottom: 32px;
}
}
.product-list-content .product-list-category .top {
display: grid;
grid-template-columns: 1fr 260px;
}
@media screen and (max-width: 767px) {
.product-list-content .product-list-category .top {
grid-template-columns: 1fr 40px;
}
}
.product-list-content .product-list-category .top .select {
position: relative;
}
.product-list-content .product-list-category .top .select .select-top {
display: flex;
justify-content: space-between;
align-items: center;
gap: 16px;
padding: 10px 20px 10px 40px;
height: 100%;
cursor: pointer;
}
@media screen and (max-width: 767px) {
.product-list-content .product-list-category .top .select .select-top {
justify-content: center;
align-items: center;
padding: 0;
}
}
.product-list-content .product-list-category .top .select .select-title {
color: #FFFFFF70;
font-size: 14px;
font-weight: 700;
line-height: 140%;
text-transform: uppercase;
margin: 0;
}
@media screen and (max-width: 767px) {
.product-list-content .product-list-category .top .select .select-title {
display: none;
}
}
.product-list-content .product-list-category .top .select .select-icon {}
.product-list-content .product-list-category .top .select .s-product-search-cat {
position: absolute;
top: 100%;
right: 0;
width: 100%;
z-index: 1;
background: #fff;
padding: 10px 10px 0 10px;
display: none;
min-width: 250px;
}
.product-list-content .product-list-category .top .select .s-product-search-cat .category-item .filter-form .form-check {
position: relative;
margin-bottom: 10px;
}
.product-list-content .product-list-category .top .select .s-product-search-cat .category-item .filter-form .form-check label {
position: relative;
margin-bottom: 0;
cursor: pointer;
display: block;
}
.product-list-content .product-list-category .top .select .s-product-search-cat .category-item .filter-form .form-check label span {
padding: 0 0 0 32px;
color: var(--c-main-7);
background: #fff;
display: inline-block;
font-size: 14px;
font-weight: 400;
line-height: 140%;
margin-bottom: 0;
}
.product-list-content .product-list-category .top .select .s-product-search-cat .category-item .filter-form .form-check label:after {
opacity: 0;
content: '';
position: absolute;
width: 11px;
height: 6px;
background: transparent;
top: 6px;
left: 5px;
border: 2px solid #fff;
border-top: none;
border-right: none;
transform: rotate(-45deg);
}
.product-list-content .product-list-category .top .select .s-product-search-cat .category-item .filter-form .form-check label:before {
content: '';
position: absolute;
width: 20px;
height: 20px;
background: transparent;
top: 1px;
left: 0px;
border-radius: 4px;
border: 2px solid #BDC0CE;
}
.product-list-content .product-list-category .top .select .s-product-search-cat .category-item .filter-form .form-check input {
margin: 0;
display: none;
}
.product-list-content .product-list-category .top .select .s-product-search-cat .category-item .filter-form .form-check input:checked+label:after {
opacity: 1;
}
.product-list-content .product-list-category .top .select .s-product-search-cat .category-item .filter-form .form-check input:checked+label:before {
background-color: var(--c-main-2);
border-color: var(--c-main-2);
}
.product-list-content .product-list-category .s-post-search-form {
width: 100%;
margin: 0;
border-right: 1px solid rgba(255, 255, 255, 0.15);
}
@media screen and (max-width: 767px) {
.product-list-content .product-list-category .s-post-search-form {
border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
}
.product-list-content .product-list-category .s-post-search-form input {
border: none;
border-radius: 0;
padding: 30px 40px 30px 68px;
background: transparent;
color: #ffffff;
backdrop-filter: none;
font-size: 16px;
}
@media screen and (max-width: 767px) {
.product-list-content .product-list-category .s-post-search-form input {
padding: 10px 20px 10px 40px;
}
}
.product-list-content .product-list-category .s-post-search-form input::-webkit-input-placeholder {
color: #FFFFFF70;
}
.product-list-content .product-list-category .s-post-search-form input::-moz-placeholder {
color: #FFFFFF70;
}
.product-list-content .product-list-category .s-post-search-form input:-ms-input-placeholder {
color: #FFFFFF70;
}
.product-list-content .product-list-category .s-post-search-form input:-moz-placeholder {
color: #FFFFFF70;
}
.product-list-content .product-list-category .s-post-search-form input:-webkit-autofill,
.product-list-content .product-list-category .s-post-search-form input:-webkit-autofill:hover,
.product-list-content .product-list-category .s-post-search-form input:-webkit-autofill:focus { -webkit-text-fill-color: #fff !important;
transition: background-color 9999s ease-in-out 0s;
}
.product-list-content .product-list-category .s-post-search-form button {
left: 40px;
}
@media screen and (max-width: 767px) {
.product-list-content .product-list-category .s-post-search-form button {
left: 16px;
}
}
.product-list-content .product-list-post .product-list-post-content .product-list-list {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 32px;
}
@media screen and (max-width: 1200px) {
.product-list-content .product-list-post .product-list-post-content .product-list-list {
grid-template-columns: repeat(3, 1fr);
}
}
@media screen and (max-width: 767px) {
.product-list-content .product-list-post .product-list-post-content .product-list-list {
grid-template-columns: repeat(2, 1fr);
gap: 12px;
}
}
.product-list-content .product-list-post .product-list-post-content .product-list-list .item {
height: 100%;
border-radius: 8px;
border: 1px solid rgba(255, 255, 255, 0.20);
overflow: hidden;
position: relative;
}
.product-list-content .product-list-post .product-list-post-content .product-list-list .item figure img {
max-width: 100%;
width: 100%;
}
.product-list-content .product-list-post .product-list-post-content .product-list-list .item .info {
padding: 16px;
}
@media screen and (max-width: 767px) {
.product-list-content .product-list-post .product-list-post-content .product-list-list .item .info {
padding: 9.5px;
}
}
.product-list-content .product-list-post .product-list-post-content .product-list-list .item:hover .info {
background: radial-gradient(101.26% 118.94% at 50% 118.94%, #036AE5 0%, #00030B 81.8%);
}
.product-list-content .product-list-post .product-list-post-content .product-list-list .item .info .title a * {
color: #FFF;
font-size: 20px;
font-weight: 400;
line-height: 140%;
letter-spacing: -0.5px;
margin: 0 0 8px 0;
}
@media screen and (max-width: 767px) {
.product-list-content .product-list-post .product-list-post-content .product-list-list .item .info .title a * {
font-size: 12px;
margin: 0 0 4.6px 0;
}
}
.product-list-content .product-list-post .product-list-post-content .product-list-list .item .info .desc {
color: #FFFFFF70;
font-size: 14px;
font-weight: 400;
line-height: 140%;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
line-clamp: 3;
-webkit-box-orient: vertical;
}
@media screen and (max-width: 767px) {
.product-list-content .product-list-post .product-list-post-content .product-list-list .item .info .desc {
font-size: 10px;
-webkit-line-clamp: 2;
line-clamp: 2;
}
}
.product-list-content .product-list-post .product-list-post-content .product-list-list .item:hover .info .desc {
color: #FFFFFF70;
}
.product-list-content .product-list-post .product-list-post-content .product-list-list .item .read-more-section {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 9;
opacity: 0.69;
background: linear-gradient(180deg, rgba(0, 3, 11, 0.30) 0%, rgba(0, 31, 113, 0.50) 100%);
align-items: center;
justify-content: center;
display: none;
}
.product-list-content .product-list-post .product-list-post-content .product-list-list .item:hover .read-more-section {
display: flex;
}
.product-list-content .product-list-post .product-list-post-content .product-list-list .item .read-more-section .read-more-section-a {
position: absolute;
padding: 8px;
border-radius: 138.275px;
border: 2.161px solid var(--linear, #1A3D96);
background: rgba(10, 15, 28, 0.20);
box-shadow: 0 -10.803px 15.124px 0 rgba(255, 255, 255, 0.05) inset, 0 -2.161px 2.161px 0 rgba(255, 255, 255, 0.20) inset;
transition: 0s;
pointer-events: none;
will-change: transform;
}
.product-list-content .product-list-post .product-list-post-content .product-list-list .item .read-more-section .read-more-section-a img {
width: 32px;
}
.product-list-content .product-list-post .s-product-list {
text-align: center;
}
.product-list-content .product-list-post .s-product-list .pagination {
display: inline-block;
} .productlist-experience .experience-nav {
margin-bottom: 30px;
position: sticky;
top: 80px;
}
@media screen and (max-width: 1200px) {
.productlist-experience .experience-nav {
margin-bottom: 50px;
top: 56px;
}
}
.productlist-experience .experience-nav .experience-nav-list {
display: grid;
grid-template-columns: repeat(5, 1fr);
}
@media screen and (max-width: 1200px) {
.productlist-experience .experience-nav .experience-nav-list {
overflow-x: scroll;
}
.productlist-experience .experience-nav .experience-nav-list::-webkit-scrollbar {
width: 5px;
height: 5px;
}
.productlist-experience .experience-nav .experience-nav-list::-webkit-scrollbar-track {
background: linear-gradient(to right, #BDC0CE40, #BDC0CE40);
}
.productlist-experience .experience-nav .experience-nav-list::-webkit-scrollbar-thumb {
background: linear-gradient(to right, #BDC0CE, #BDC0CE);
}
}
.productlist-experience .experience-nav .experience-nav-list .item {
padding: 16px 10px;
border-right: 1px solid rgba(255, 255, 255, 0.15);
position: relative;
}
@media screen and (max-width: 1200px) {
.productlist-experience .experience-nav .experience-nav-list .item {
min-width: 321px;
}
}
@media screen and (max-width: 767px) {
.productlist-experience .experience-nav .experience-nav-list .item {
min-width: 150px;
}
}
.productlist-experience .experience-nav .experience-nav-list .item.active {
border-bottom: 1px solid #036AE5;
background: url(//sotatek-test.sotatek.works/wp-content/uploads/2026/01/productlist-experience-nav-bg.png) no-repeat center;
background-size: cover;
}
.productlist-experience .experience-nav .experience-nav-list .item.active:after {
content: "";
position: absolute; left: 7px;
bottom: 0; width: calc(100% - 14px); height: 100%;
z-index: 1; background-image: url(//sotatek-test.sotatek.works/wp-content/uploads/2026/02/productlist-experience-nav-bg-bottom-2.png);
background-repeat: no-repeat;
background-position: center bottom;
background-size: contain;
}
.productlist-experience .experience-nav .experience-nav-list .item .meta {
color: #7E8494;
font-size: 10px;
font-weight: 400;
line-height: 140%;
margin: 0 0 8px;
}
.productlist-experience .experience-nav .experience-nav-list .item.active .meta {
color: #ffffff;
}
.productlist-experience .experience-nav .experience-nav-list .item .title {
color: #7E8494;
font-size: 14px;
font-weight: 400;
line-height: 140%;
margin: 0;
}
.productlist-experience .experience-nav .experience-nav-list .item.active .title {
color: #ffffff;
}
.productlist-experience .experience-content .experience-list .stack-cards__item {
top: 190px;
background: transparent;
box-shadow: none;
border-radius: 14px;
border: 1px solid rgba(126, 132, 148, 0.15);
overflow: hidden; min-height: auto;
}
@media screen and (max-width: 1200px) {
.productlist-experience .experience-content .experience-list .stack-cards__item {
top: 160px;
}
}
.productlist-experience .experience-content .experience-list .stack-cards__item:empty { height: 0;
min-height: 0;
border: none;
}
.productlist-experience .experience-content .experience-list .stack-cards__item:before {
background: transparent;
}
.productlist-experience .experience-content .experience-list .item {
display: grid;
grid-template-columns: 460px 1fr;
align-items: end; min-height: 465px;
}
@media screen and (max-width: 1200px) {
.productlist-experience .experience-content .experience-list .item {
display: block;
border-radius: 8px;
min-height: 436px;
}
}
.productlist-experience .experience-content .experience-list .item .left {
padding: 105px;
height: 100%;
display: flex;
flex-direction: column;
justify-content: end;
}
@media screen and (max-width: 1200px) {
.productlist-experience .experience-content .experience-list .item .left {
padding: 24px 16px;
}
}
.productlist-experience .experience-content .experience-list .item .left .meta {
color: #BDC0CE;
font-size: 12px;
font-weight: 700;
line-height: 140%;
text-transform: uppercase;
margin-bottom: 12px;
}
@media screen and (max-width: 1200px) {
.productlist-experience .experience-content .experience-list .item .left .meta {
font-size: 11.55px;
margin-bottom: 11.55px;
}
}
.productlist-experience .experience-content .experience-list .item .left .title {
color: #FFF;
font-size: 48px;
font-weight: 600;
line-height: 135%;
letter-spacing: -0.5px;
margin-bottom: 0;
}
@media screen and (max-width: 1200px) {
.productlist-experience .experience-content .experience-list .item .left .title {
font-size: 24px;
}
}
.productlist-experience .experience-content .experience-list .item .left .desc {
color: #BDC0CE95;
font-size: 18px;
font-weight: 400;
line-height: 140%;
margin-bottom: 24px;
}
@media screen and (max-width: 1200px) {
.productlist-experience .experience-content .experience-list .item .left .desc {
color: #F6F7FC;
font-size: 16px;
margin-bottom: 0;
}
}
.productlist-experience .experience-content .experience-list .item .left .image-mb {
display: none;
}
@media screen and (max-width: 1200px) {
.productlist-experience .experience-content .experience-list .item .left .image-mb {
display: block;
text-align: center;
border-top: 0.5px solid #ffffff15;
border-bottom: 0.5px solid #ffffff15;
padding: 16px 0 24px;
margin: 16px 0 24px;
}
.productlist-experience .experience-content .experience-list .item .left .image-mb img {
object-fit: contain;
max-height: 150px;
}
}
.productlist-experience .experience-content .experience-list .item .right {
padding: 12px 36px 0 36px;
border-left: 0.5px solid rgba(255, 255, 255, 0.30);
height: 100%;
display: flex;
flex-direction: column;
}
@media screen and (max-width: 1200px) {
.productlist-experience .experience-content .experience-list .item .right {
display: none;
}
}
.productlist-experience .experience-content .experience-list .item .right .title {
font-size: 50px;
font-weight: 600;
line-height: 140%;
letter-spacing: -0.5px;
background: linear-gradient(100deg, #FFF 3.01%, #036AE5 98.51%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin-bottom: 0;
}
.productlist-experience .experience-content .experience-list .item .right .info {
align-items: end; display: grid;
grid-template-columns: 44% 1fr;
height: 100%;
}
.productlist-experience .experience-content .experience-list .item .right .info .list {
color: #F6F7FC;
font-size: 16px;
font-weight: 500;
line-height: 140%;
text-transform: uppercase;
margin-bottom: 26px;
}
.productlist-experience .experience-content .experience-list .item .right .info .list * {
color: inherit;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
}
.productlist-experience .experience-content .experience-list .item .right .info img {
max-height: 313px;
object-fit: contain;
} .productlist-experience.white .border-section-top-bottom {
border-top: 0.5px solid rgba(0, 0, 0, 0.15);
border-bottom: 0.5px solid rgba(0, 0, 0, 0.15);
}
.productlist-experience.white .border-section-left-right {
border-left: 1px solid rgba(0, 0, 0, 0.15);
border-right: 1px solid rgba(0, 0, 0, 0.15);
} .productlist-experience.white .experience-nav .experience-nav-list .item {
border-right: 1px solid rgba(0, 0, 0, 0.15);
}
.productlist-experience.white .experience-nav .experience-nav-list .item.active {
background: rgba(3, 106, 229, 0.05);
}
.productlist-experience.white .experience-nav .experience-nav-list .item.active:after {
background-image: url(//sotatek-test.sotatek.works/wp-content/uploads/2026/02/productlist-experience-nav-bg-bottom-2.png);
}
.productlist-experience.white .experience-nav .experience-nav-list .item.active .meta { color: #101624;
}
.productlist-experience.white .experience-nav .experience-nav-list .item.active .title { color: #101624;
}
.productlist-experience.white .experience-content .experience-list .item .left .meta {
color: #101624;
}
.productlist-experience.white .experience-content .experience-list .item .left .title {
color: #101624;
}
.productlist-experience.white .experience-content .experience-list .item .left .desc {
color: #10162495;
}
.productlist-experience.white .experience-content .experience-list .item .right .info .list {
color: #101624; }
@media screen and (max-width: 767px) {
.productlist-experience.white .experience-content .experience-list .stack-cards__item:nth-child(2n) .item .left .meta {
color: #ffffff;
}
.productlist-experience.white .experience-content .experience-list .stack-cards__item:nth-child(2n) .item .left .title {
color: #ffffff;
}
.productlist-experience.white .experience-content .experience-list .stack-cards__item:nth-child(2n) .item .left .desc {
color: #ffffff;
}
} .mktservice-stories .content-section {
display: flex;
gap: 32px;
}
@media screen and (max-width: 767px) {
.mktservice-stories .content-section {
display: block;
}
}
.mktservice-stories .content-section .panel {
border-radius: 24px;
flex: 1;
transition: flex 0.7s ease;
margin: 0;
border: none;
box-shadow: none;
}
.mktservice-stories .content-section .panel:nth-child(1) {
flex: 1.3;
}
.mktservice-stories .content-section:hover .panel {
flex: 1;
}
.mktservice-stories .content-section:hover .panel:hover {
flex: 1.3;
}
.mktservice-stories .content-section .panel .item .figure {
height: 419px;
display: flex;
align-items: center;
justify-content: center;
padding: 24px;
overflow: hidden;
}
@media screen and (max-width: 767px) {
.mktservice-stories .content-section .panel .item .figure {
height: 201px;
padding: 12px;
}
}
.mktservice-stories .content-section .panel:nth-child(2n) .item .figure {
align-items: end;
justify-content: end;
}
.mktservice-stories .content-section .panel .item .figure .desc {
display: none;
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.40);
backdrop-filter: blur(10px);
z-index: 1;
display: flex;
align-items: end;
transition: all 500ms ease 0ms;
height: 0;
visibility: hidden;
}
.mktservice-stories .content-section .panel:hover .item .figure .desc { height: 100%;
visibility: visible;
}
@media screen and (max-width: 767px) {
.mktservice-stories .content-section .panel:hover .item .figure .desc {
display: none;
}
}
.mktservice-stories .content-section .panel .item .figure .desc .text {
color: #FFF;
font-size: 16px;
font-weight: 400;
line-height: 140%;
margin: 0;
padding: 24px;
max-width: 470px;
}
.mktservice-stories .content-section .panel .item .content .tag {
color: #000;
font-size: 14px;
font-weight: 700;
line-height: 1.3;
letter-spacing: 1px;
text-transform: uppercase;
border-radius: 100px;
border: 1px solid #7E8494;
padding: 8px 12px;
margin: 24px 0 8px;
display: inline-block;
}
@media screen and (max-width: 767px) {
.mktservice-stories .content-section .panel .item .content .tag {
font-size: 12px;
}
}
.mktservice-stories .content-section .panel .item .content .title,
.mktservice-stories .content-section .panel .item .content .title * {
color: #0A0F1C;
font-size: 38px;
font-weight: 400;
line-height: 140%;
letter-spacing: -1px;
margin: 0;
position: relative;
}
@media screen and (max-width: 767px) {
.mktservice-stories .content-section .panel .item .content .title,
.mktservice-stories .content-section .panel .item .content .title * {
font-size: 24px;
}
}
.mktservice-stories .content-section .panel:hover .item .content .title,
.mktservice-stories .content-section .panel:hover .item .content .title * {
color: #036AE5 !important;
}
.mktservice-stories .content-section .panel .item .content .meta {
display: none;
color: #565C69;
font-size: 14px;
font-weight: 400;
line-height: 140%;
margin: 8px 0 0;
}
@media screen and (max-width: 767px) {
.mktservice-stories .content-section .panel .item .content .meta {
display: block;
}
} .mktservice-whyus { border-bottom: 1px solid #E5E7EF;
background: #FFF;
}
.mktservice-whyus .top {
position: absolute;
top: 93px;
left: 50%;
transform: translateX(-50%);
z-index: 1;
background: #fff;
}
@media screen and (max-width: 1200px) {
.mktservice-whyus .top {
position: relative;
top: auto;
left: auto;
transform: none;
margin: 32px 0 24px;
}
}
.mktservice-whyus .row .fg-col {
border-right: 0.5px solid #E5E7EF;
padding-top: 406px;
}
@media screen and (max-width: 1200px) {
.mktservice-whyus .row .fg-col {
border-right: none;
padding-top: 0;
width: 100%;
}
}
.mktservice-whyus .row .fg-col:nth-child(4n) {
border-right: none;
}
.mktservice-whyus .row .fg-col:nth-child(2n) {
padding-top: 486px;
}
@media screen and (max-width: 1200px) {
.mktservice-whyus .row .fg-col:nth-child(2n) {
padding-top: 0;
}
}
.mktservice-whyus .item {
padding: 0 54px 80px;
}
@media screen and (max-width: 1200px) {
.mktservice-whyus .item {
padding: 24px;
border: 1px solid #E5E7EF;
border-bottom: none;
}
}
.mktservice-whyus .item .title,
.mktservice-whyus .item .title * {
color: #0A0F1C;
font-size: 32px;
font-weight: 600;
line-height: 140%;
letter-spacing: -0.5px;
margin: 0 0 24px;
}
@media screen and (max-width: 1200px) {
.mktservice-whyus .item .title,
.mktservice-whyus .item .title * {
font-size: 18px;
margin: 0 0 8px;
}
}
.mktservice-whyus .item .desc {
color: #565C69;
font-size: 16px;
font-weight: 400;
line-height: 140%;
margin: 0;
} .rt-auto-fit-v4.rt-desktop-full-width.rt-2,
.rt-auto-fit-v4.rt-desktop-full-width.rt-3,
.rt-auto-fit-v4.rt-desktop-full-width.rt-4,
.rt-auto-fit-v4.rt-desktop-full-width.rt-5 {
position: absolute;
inset: 0%;
}
@media screen and (max-width: 992px) {
.rt-auto-fit-v4.rt-desktop-full-width.rt-2,
.rt-auto-fit-v4.rt-desktop-full-width.rt-3,
.rt-auto-fit-v4.rt-desktop-full-width.rt-4,
.rt-auto-fit-v4.rt-desktop-full-width.rt-5 {
position: relative;
display: none;
}
.rt-auto-fit-v4.rt-desktop-full-width.rt-1 {
display: block;
}
}
.rt-customer-support { height: 420vh;
}
@media screen and (max-width: 992px) {
.rt-customer-support {
height: auto; }
}
.rt-customer-wrapper {
border-top: 1px solid #E5E7EF;
height: calc(100vh - 80px);
position: sticky;
top: 80px;
overflow: hidden;
}
@media screen and (max-width: 992px) {
.rt-customer-wrapper {
border-top-style: none;
height: auto;
}
}
.rt-customer-main {
grid-template-rows: auto;
grid-template-columns: repeat(5, 1fr);
grid-auto-columns: 1fr;
display: grid;
}
@media screen and (max-width: 992px) {
.rt-customer-main {
grid-template-columns: 1fr 1fr;
}
}
@media screen and (max-width: 479px) {
.rt-customer-main {
grid-template-columns: 1fr;
}
}
.rt-customer-image {
height: 100%;
position: relative;
}
@media screen and (max-width: 992px) {
.rt-customer-image {
margin-left: 15px;
margin-right: 15px;
}
}
.rt-customer-item {
grid-column-gap: 24px; grid-row-gap: 10px;
background-color: #fff;
border-right: 1px solid #E5E7EF;
flex-flow: column; padding: 20px; position: relative; }
.rt-customer-item.rt-golor-off {
border-right-style: none;
}
.rt-number {
color: #AEAFB3;
font-size: 20px;
font-weight: 600;
line-height: 140%;
letter-spacing: -0.2px;
}
.rt-title {
color: #101624;
font-size: 24px;
font-weight: 600;
line-height: 140%;
letter-spacing: -0.5px;
min-height: 68px;
margin: 10px 0 10px;
}
@media screen and (max-width: 480px) {
.rt-title {
min-height: auto;
}
.rt-title br {
display: none;
}
}
.rt-top-bar {
background-color: #036AE5;
height: 2px;
position: absolute;
inset: 0% 0% auto;
}
@media screen and (max-width: 992px) {
.rt-top-bar {
background-color: #E5E7EF;
}
}
.rt-auto-fit-v4 {
object-fit: cover;
}
.rt-desktop-full-width {
width: 100%;
height: 100%;
} .mktservice-package-content .list {
display: grid;
grid-template-columns: repeat(2, 1fr);
height: 100%;
}
@media screen and (max-width: 767px) {
.mktservice-package-content .list {
display: block;
}
}
.mktservice-package-content .list .item {
border-bottom: 1px solid #E5E7EF;
position: relative;
}
@media screen and (max-width: 767px) {
.mktservice-package-content .list .item {
border-bottom: none;
}
}
.mktservice-package-content .list .item:nth-child(2n+1):after {
content: "";
position: absolute;
right: -1px;
top: 10px;
width: 1px;
height: calc(100% - 20px);
background: #E5E7EF;
z-index: 1;
}
@media screen and (max-width: 767px) {
.mktservice-package-content .list .item:nth-child(2n+1):after {
display: none;
}
}
.mktservice-package-content .list .item .content {
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 16px;
padding: 24px;
}
@media screen and (max-width: 767px) {
.mktservice-package-content .list .item .content {
min-height: 330px;
}
}
.mktservice-package-content .list .item .content .number {
color: #036AE5;
font-size: 20px;
font-weight: 600;
line-height: 140%;
letter-spacing: -0.2px;
margin-bottom: 0;
}
.mktservice-package-content .list .item .content .title,
.mktservice-package-content .list .item .content .title * {
color: #101624;
font-size: 32px;
font-weight: 400;
line-height: 140%;
letter-spacing: -0.5px;
text-align: right;
margin-bottom: 0;
}
@media screen and (max-width: 767px) {
.mktservice-package-content .list .item .content .title,
.mktservice-package-content .list .item .content .title * {
font-size: 26px;
}
}
.mktservice-package-content .list .item .hover {
display: none;
}
.mktservice-package-content .list .item:hover .hover {
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 16px;
position: absolute;
inset: 0;
background: #036AE5;
padding: 24px;
z-index: 1;
}
.mktservice-package-content .list .item:nth-child(2n+1) .hover {
right: 2px;
}
.mktservice-package-content .list .item:nth-child(2n) .hover {
left: 2px;
}
@media screen and (max-width: 767px) {
.mktservice-package-content .list .item:nth-child(2n+1) .hover,
.mktservice-package-content .list .item:nth-child(2n) .hover {
inset: 0;
}
}
.mktservice-package-content .list .item .hover .title {
color: #FFF;
font-size: 20px;
font-weight: 600;
line-height: 140%;
letter-spacing: -0.2px;
margin-bottom: 0;
}
@media screen and (max-width: 767px) {
.mktservice-package-content .list .item .hover .title {
font-size: 16px;
;
}
}
.mktservice-package-content .list .item .hover .desc,
.mktservice-package-content .list .item .hover .desc * {
color: #F6F7FC;
font-size: 14px;
font-weight: 400;
line-height: 140%;
margin-bottom: 0;
}
.mktservice-package-content .list .item .hover .desc li {
margin-top: 8px;
} .notex-why-content .fg-col {
margin-bottom: 12px;
}
@media screen and (max-width: 767px) {
.notex-why-content .fg-col {
margin-bottom: 16px;
}
}
.notex-why-content .item {
height: 100%;
border: 1px solid rgba(255, 255, 255, 0.20);
background: rgba(246, 247, 252, 0.00);
padding: 12px 24px 24px;
}
.notex-why-content .item:hover {
background: radial-gradient(62.58% 47.98% at 50% 110.23%, rgba(3, 106, 229, 0.60) 0%, rgba(3, 106, 229, 0.00) 100%);
}
.notex-why-content .item .content {
margin-top: 12px;
}
.notex-why-content .item .content .title {
color: #FFF;
font-size: 20px;
font-weight: 600;
line-height: 140%;
letter-spacing: -0.2px;
margin: 0;
}
@media screen and (max-width: 767px) {
.notex-why-content .item .content .title {
font-size: 18px;
}
}
.notex-why-content .item .content .desc {
color: #FFFFFF80;
font-size: 16px;
font-weight: 400;
line-height: 140%;
margin-top: 8px;
margin-bottom: 0;
}
@media screen and (max-width: 767px) {
.notex-why-content .item .content .desc {
font-size: 14px;
}
}
.notex-why-content .item .content .desc * {
color: inherit;
font-size: inherit;
}
.notex-why-content .item .content .desc p {
margin-bottom: 4px;
} #js_ripple_effect .content-section .item {
position: relative;
margin-bottom: 32px;
}
#js_ripple_effect .content-section .item .figure {
position: relative;
}
#js_ripple_effect .content-section .item .ripple {
position: absolute;
inset: 0;
z-index: 1;
}
#js_ripple_effect .content-section .item .title-small {
color: #0A0F1C !important;
font-size: 16px;
font-weight: 700;
line-height: 140%;
letter-spacing: 1px;
text-transform: uppercase;
margin-top: 24px;
margin-bottom: 7px;
text-align: right;
}
#js_ripple_effect .content-section .item .title {
color: #101624;
font-size: 16px;
font-weight: 400;
line-height: 140%;
opacity: 0.8;
margin-bottom: 0;
text-align: right;
}
#js_ripple_effect .content-section .row:nth-child(2n+1) .fg-col:first-child .item .content {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
z-index: 1;
padding: 36px 24px;
}
#js_ripple_effect .content-section .row:nth-child(2n+1) .fg-col:first-child .item .content .title-small {
text-align: left;
color: #ffffff !important;
margin-bottom: 12px;
margin-top: 0;
}
#js_ripple_effect .content-section .row:nth-child(2n+1) .fg-col:first-child .item .content .title {
text-align: left;
color: #ffffff !important;
font-size: 50px;
text-transform: uppercase;
opacity: 1;
}
#js_ripple_effect .content-section .row:nth-child(2n) .fg-col:last-child .item .content {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
z-index: 1;
padding: 36px 24px;
}
#js_ripple_effect .content-section .row:nth-child(2n) .fg-col:last-child .item .content .title-small {
color: #ffffff !important;
margin-bottom: 12px;
margin-top: 0;
}
#js_ripple_effect .content-section .row:nth-child(2n) .fg-col:last-child .item .content .title {
color: #ffffff !important;
font-size: 40px;
text-transform: uppercase;
opacity: 1;
}
@media screen and (max-width: 1200px) {
#js_ripple_effect .content-section .item {
position: relative;
margin-bottom: 24px;
}
#js_ripple_effect .content-section .item .title-small {
font-size: 14px;
margin-top: 21px;
}
#js_ripple_effect .content-section .item .title {
font-size: 14px;
}
#js_ripple_effect .content-section .row:nth-child(2n+1) .fg-col:first-child .item .content {
padding: 12px 16px;
}
#js_ripple_effect .content-section .row:nth-child(2n+1) .fg-col:first-child .item .content .title-small {
font-size: 6.725px;
margin-bottom: 12px;
}
#js_ripple_effect .content-section .row:nth-child(2n+1) .fg-col:first-child .item .content .title {
font-size: 20px;
}
#js_ripple_effect .content-section .row:nth-child(2n) {
display: flex;
flex-direction: column-reverse;
}
#js_ripple_effect .content-section .row:nth-child(2n) .fg-col:last-child .item .content {
padding: 12px 16px;
}
#js_ripple_effect .content-section .row:nth-child(2n) .fg-col:last-child .item .content .title-small {
font-size: 6.725px;
margin-bottom: 5px;
}
#js_ripple_effect .content-section .row:nth-child(2n) .fg-col:last-child .item .content .title {
font-size: 16.814px;
}
} .sotavision-industries-content {
display: flex;
gap: 16px;
}
@media screen and (max-width: 992px) {
.sotavision-industries-content {
display: block;
}
}
.sotavision-industries-content .panel {
border-radius: 0;
flex: 1;
transition: flex 0.3s ease;
margin: 0;
border: none;
box-shadow: none;
}
.sotavision-industries-content:hover .panel {
flex: 1;
}
.sotavision-industries-content:hover .panel:hover {
flex: 2;
}
@media screen and (max-width: 992px) {
.sotavision-industries-content:hover .panel:hover {
flex: 1;
}
}
.sotavision-industries-content .item {
position: relative;
cursor: pointer;
}
.sotavision-industries-content .item .figure {
height: 488px;
overflow: hidden;
}
@media screen and (max-width: 992px) {
.sotavision-industries-content .item .figure {
height: 532px;
}
}
.sotavision-industries-content .item .content {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
z-index: 1;
overflow: hidden;
padding: 24px 24px 14px;
border: 1px solid rgba(255, 255, 255, 0.20);  background: linear-gradient(0deg, rgba(0, 3, 11, 0.60) 0%, rgba(0, 3, 11, 0.60) 100%);
}
.sotavision-industries-content .item .content:before {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%; background: linear-gradient(180deg, rgba(2, 59, 127, 0.00) 33.15%, #023B7F 103.22%);
z-index: -1;
}
.sotavision-industries-content .item:hover .content:before {
background: linear-gradient(182deg, rgba(2, 59, 127, 0.00) 22.09%, #023B7F 96.85%);
} .sotavision-industries-content .item .content .bao {
height: 100%;
overflow: hidden;
display: flex;
flex-direction: column;
justify-content: end;
}
.sotavision-industries-content .item .content .title {
margin: 0 0 12px;
color: #fff;
font-size: 24px;
line-height: 140%;
letter-spacing: -0.5px;
font-weight: 600;
}
.sotavision-industries-content .item .content .desc {
margin: 0;
color: #F6F7FC;
font-size: 16px;
line-height: 140%;
height: 0;
visibility: hidden;
transition: all 300ms ease 0ms;
}
@media screen and (max-width: 992px) {
.sotavision-industries-content .item .content .desc {
font-size: 14px;
}
}
.sotavision-industries-content .item .content .desc * {
color: inherit;
font-size: inherit;
line-height: inherit;
}
.sotavision-industries-content .item:hover .content .desc {
height: 100%;
visibility: visible;
transition: all 300ms ease 100ms;
} .saydi-proof-content .item {
border: 1px solid rgba(255, 255, 255, 0.20);
background: rgba(255, 255, 255, 0.05);
backdrop-filter: blur(2px);
margin-bottom: 16px;
}
.saydi-proof-content .item .content {
padding: 24px;
}
.saydi-proof-content .item .content .tag {
display: inline-block;
padding: 4px 8px;
background: linear-gradient(90deg, #9ECAEF 0%, #4C93D0 100%);
color: #0A0F1C;
font-size: 12px;
font-weight: 600;
margin-bottom: 16px;
}
.saydi-proof-content .item .content .title {
color: #FFF;
font-size: 20px;
font-weight: 600;
line-height: 140%;
letter-spacing: -0.2px;
margin-bottom: 8px;
}
.saydi-proof-content .item .content .desc {
color: #7E8494;
font-size: 12.4px;
line-height: 20px;
margin-bottom: 7px;
}
.saydi-proof-content .item .content .meta {
color: #FFF;
font-size: 13.9px;
line-height: 24px;
border-top: 1px solid rgba(255, 255, 255, 0.20);
padding-top: 8px;
margin-bottom: 0;
} #banner {
background: #000 !important;
}
#page_portfolio_new #banner,
#mktservice #banner,
#healthcaresolutions #banner {
background: transparent !important;
} .healthcaresolutions-address .content-section {
overflow: hidden;
}
.healthcaresolutions-address .content-section .fg-row {
margin-bottom: -2px;
margin-right: -3px !important;
}
@media screen and (max-width: 767px) {
.healthcaresolutions-address .content-section .fg-row {
margin: 0 !important;
}
}
.healthcaresolutions-address .content-section .fg-row .fg-col {
border-bottom: 2px solid #ffffff15;
border-right: 2px solid #ffffff15;
}
@media screen and (max-width: 767px) {
.healthcaresolutions-address .content-section .fg-row .fg-col {
border: none;
}
}
.healthcaresolutions-address .content-section .fg-row .fg-col:nth-child(3n+2):after,
.healthcaresolutions-address .content-section .fg-row .fg-col:nth-child(3n+2):before {
content: "";
position: absolute;
width: 50px;
height: 50px;
left: -25px;
bottom: -25px;
background: #002359;
z-index: 1;
}
.healthcaresolutions-address .content-section .fg-row .fg-col:nth-child(3n+2):before {
left: auto;
right: -25px;
}
@media screen and (max-width: 1200px) {
.healthcaresolutions-address .content-section .fg-row .fg-col:nth-child(3n+2):after,
.healthcaresolutions-address .content-section .fg-row .fg-col:nth-child(3n+2):before {
display: none;
}
}
@media screen and (max-width: 767px) {
.healthcaresolutions-address .content-section .item.one {
border: none;
}
}
.healthcaresolutions-address .content-section .item.one .meta {
color: #FFF;
font-size: 24px;
font-weight: 600;
line-height: 140%;
letter-spacing: -0.5px;
margin-bottom: 4px;
text-align: left;
}
@media screen and (max-width: 767px) {
.healthcaresolutions-address .content-section .item.one .meta {
font-size: 20px;
margin-bottom: 2px;
}
}
.healthcaresolutions-address .content-section .item.one .title {
color: #FFF;
font-size: 48px;
font-weight: 600;
line-height: 110%;
letter-spacing: -0.5px;
margin-bottom: 6px;
text-align: left;
padding: 0;
}
@media screen and (max-width: 767px) {
.healthcaresolutions-address .content-section .item.one .title {
font-size: 36px;
margin-bottom: 4px;
}
}
.healthcaresolutions-address .content-section .item.one .desc {
color: #FFF;
font-size: 24px;
font-weight: 600;
line-height: 140%;
letter-spacing: -0.5px;
margin-bottom: 0;
text-align: left;
opacity: 1;
}
@media screen and (max-width: 767px) {
.healthcaresolutions-address .content-section .item.one .desc {
font-size: 20px;
}
}
.healthcaresolutions-address .content-section .item {
padding: 45px;
}
@media screen and (max-width: 767px) {
.healthcaresolutions-address .content-section .item {
padding: 24px 0;
border-top: 2px solid #ffffff15;
}
}
.healthcaresolutions-address .content-section .item .figure {
margin-bottom: 32px;
text-align: center;
}
@media screen and (max-width: 767px) {
.healthcaresolutions-address .content-section .item .figure {
text-align: left;
margin: 0 16px 0 0;
float: left;
}
.healthcaresolutions-address .content-section .item .content {
overflow: hidden;
}
}
.healthcaresolutions-address .content-section .item .title {
color: #FFF;
font-size: 20px;
font-weight: 600;
line-height: 140%;
letter-spacing: -0.2px;
margin-bottom: 12px;
text-align: center;
padding: 0 20px;
}
@media screen and (max-width: 767px) {
.healthcaresolutions-address .content-section .item .title {
font-size: 16px;
text-align: left;
padding: 0;
}
}
.healthcaresolutions-address .content-section .item .desc {
color: #FFF;
font-size: 14px;
font-weight: 400;
line-height: 140%;
opacity: 0.7;
margin-bottom: 0;
text-align: center;
}
@media screen and (max-width: 767px) {
.healthcaresolutions-address .content-section .item .desc {
text-align: left;
}
} .healthcaresolutions-apart .content-section { }      .healthcaresolutions-apart .content-section .item { height: 400px;
padding: 20px;
border-right: 0.5px solid #7E8494;
background: #F6F7FC;
display: flex;
flex-direction: column;
justify-content: space-between;
position: relative;
} .healthcaresolutions-apart .content-section .item .number {
color: #1D212E;
}
.healthcaresolutions-apart .content-section .item .title {
color: #1D212E;
font-size: 16px;
font-weight: 600;
margin: 0 0 16px;
}
.healthcaresolutions-apart .content-section .item .desc {
font-size: 14px;
opacity: 0.8;
border-top: 0.7px solid #1D212E;
padding-top: 16px;
margin: 0;
}
.healthcaresolutions-apart .content-section .item .mb {
display: none;
position: absolute;
inset: 0;
z-index: 1;
}
@media screen and (min-width: 768px) {
.healthcaresolutions-apart .content-section .item:hover .mb {
display: block;
}
}
@media (max-width: 1024px) { .healthcaresolutions-apart .content-section .item.active .mb {
display: block;
}
}
.healthcaresolutions-apart .content-section .item .mb:after {
content: "";
position: absolute;
inset: 0;
z-index: 1;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 50%, rgba(0, 0, 0, 0.80) 100%);
}
.healthcaresolutions-apart .content-section .item .mb img {
height: 100% !important;
object-fit: cover;
}
.healthcaresolutions-apart .content-section .item .mb .title {
position: absolute;
bottom: 20px;
left: 20px;
right: 20px;
z-index: 2;
color: #FFF;
font-size: 24px;
margin: 0;
}