: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 {
    /* content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  height: 1px;
  background: #E5E7EF;
  z-index: 1; */
    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: 26px; */
    line-height: 140%;
}

li,
.ff-richtext li,
p,
ul {
    /* color: rgba(0, 0, 0, 0.9); */
    color: var(--c-main-7);
    font-size: 18px;
    font-weight: 400;
}

@media (max-width: 567px) {

    li,
    p,
    ul {
        font-size: 16px;
        /* line-height: 26px; */
        line-height: 140%;
    }
}

li.fg-text-dark,
p.fg-text-dark,
ul.fg-text-dark {
    color: var(--c-main-7);
}

.content {
    padding: 0;
}

/* .btn-base-brd-slide:hover {
    transition: all var(--transition-time);
} */

.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: 22px; */
    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;
}

/* .s-button--main--three span {
  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;
    }
}

/*ver 2*/
.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 {
    /* filter: var(--f-white); */
}

.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;
}


/* button toggle menu mobile */
.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 Click show menu mobile */
.header-active {
    overflow: hidden;
}

/* Header */
.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;
    }
}

/* menu */
.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: 16px; */
    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(/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(/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;
    }
}

/*sub menu pc*/
@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: 16px; */
        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;
    }
}

/*sub menu mobile*/
@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;
    }
}


/* Search Header */
.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;
}

/* Contact Header */
.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;
}

/* Language Header */
.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 ul li.lang-item-1345 {
  display: none;
} */

.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 */
.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*/
#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(/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 copyright*/
#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%;
}

/*socical*/
#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 form search job */
.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(/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;
}

/* form search job */
.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(/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;
}

/* pagination page job, dùng ở nhiều trang ở search, partnership, jobs, whitepaper : ko load lại trang*/
.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);
}

/* s-jobs-hot */
.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;
    }
}


/* s-contact-us còn ở trang contact, aws-well-architected-review */
.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(/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;
}

/*style-popmake global (popup theme : Ready to Build Software Theme)*/
.pum-overlay {
    width: 100%;
}

.pum-container .pum-close {
    background: url(/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;
}

/*fix add mutil trigger error*/
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;
}

/*popmake about member*/
#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;
    /* gap: 16px; */
    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%;
}

/*popmake applied job*/
#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 news subcribe*/
/* #popmake-223618 .pum-close {
  display: none;
} */

/*popmake contact*/
/* #popmake-223639.pum-container.popmake {
  background: linear-gradient(180deg, #B4DBFF 0%, #FFF 73.6%);
}

#popmake-223639 .pum-close {
  display: none;
} */

/*popmake partnership*/
#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;
}

/*popmake redirect news en*/
#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;
}

/*page aws well */
.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;
    }
}

/*page aws-well-architected-review*/
.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(/wp-content/uploads/2022/05/sec_let_talk_bg_1.svg),
        url(/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*/
.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;
}

/* ===== PC: 2 cột, content | sidebar (gồm overview + form) ===== */
@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;
    }
}

/* ===== Mobile: xếp thứ tự overview → content → form ===== */
@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(/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 (related) */
.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-technologies (delivery-models) */
.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 */
.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 {
    /* border-color: #101624; */
    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;
}

/* .form p>span>input,
.form p>span>textarea {
    -webkit-appearance: none;
} */

.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;
}

/*ajax icon load*/
.ajaxLoad {
    background: url(/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-slick*/
.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-slick-new*/
.progressbar-new {
    width: 70px;
}

.progress-slider-new {
    position: relative;
    width: 100%;
    height: 2px;
    /* background-color: #E5E7EF;
  border-radius: 999px; */
    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;
    /* inset: 0 auto 0 0; */
    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*/
.fix-slick-padding-overflow .slick-list {
    overflow: unset;
}

/*fix-slick-padding*/
.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*/
.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-padding .slick-list .slick-slide.item > .info {
  flex: 1;
} */

/*fix-slick-item-align-center*/
.fix-slick-item-align-center .slick-track {
    display: flex;
    align-items: center;
}

/*fix-slick-item-image*/
.fix-slick-item-image img {
    width: auto;
    max-height: 100%;
    object-fit: contain;
}

/*homenew-bringing*/
/* .homenew-bringing-content .item {
  cursor: pointer;
  text-align: center;
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

@media screen and (max-width: 767px) {
  .homenew-bringing-content .item {
    height: 150px;
  }
}

.homenew-bringing-content .item:hover>* {
  color: #fff !important;
}

@media screen and (max-width: 480px) {
  .homenew-bringing-content .item .desc {
    min-height: 51.99px;
  }
} */

/*homenew-testimonials*/
.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;
}

/*homenew-explore s-posts-list-new*/
.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 16px 0; */
    padding: 16px 16px 0 0;
    transition: all 500ms ease 0ms;
    overflow: hidden;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /* height: 100%; */
}

.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;
    }
}

/*homenew-explore s-posts-list-new Dark*/
.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*/
.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(/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-6); */
    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*/
.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 10px 24px 0; */
    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: 32px; */
    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(/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;
    }
}

/*homenew-labs*/
/* .homenew-labs {
  max-height: 100vh;
  overflow: hidden;
} */
@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;
}

/* .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;
} */
@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(/wp-content/uploads/2024/12/icon-chevron-down-arrow-blue.svg) no-repeat center right 20px;
}

/*homenew-innovation*/
.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%;
    /* overflow: hidden; */
    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;
}

/*aboutnew-core*/
.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;
}


/* mobileapp-syncing-slider */
@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*/
.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*/
.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*/
.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;
}

/*testinew-casestudy portfolio*/
.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;
    }
}

/*testinew-casestudy portfolio Dark*/
.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);
}

/*technologies-new tech-stack*/
.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;
}

/*technologies-new tech-why*/
.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;
}

/*page whitepaper*/
.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 */
.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-item-style */
.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-item-style */
.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;
}

/*whitepaper single*/
.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%;
    /* filter: blur(3px); */
}

.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*/
.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 v2*/
.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*/
.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*/
.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 ims-service*/
.stack-cards {
    --stack-cards-gap: 0.75rem;
    /* --stack-cards-item-ratio: 3/1; */
}

.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(/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;
    }
}

/*TOC global*/
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;
}

/*TOC policy*/
.page-policy .fg-match-column-inside-wrapper {
    height: 100%;
}

/*TOC single-post*/
.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(/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;
}

/* ims-transition-v4 accordion-v5-gallery */
@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);
}

/* fix faq accordion-v5 global */
.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;
}

/* faq accordion-v5 có các ver : ims v1 v2 v3 v4 v5 v6, single post, startup service, all page service  */

/* fix faq accordion-v5 only page service */
.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(/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;
    }
}

/* faq accordion-v5 ims-transition v1 (page ims) */
.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;
    }
}

/* faq accordion-v5 ims-transition v2 (page mobile-app-development) */
.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);
}

/* faq accordion-v5 ims-transition-v3 (page software-development) */
.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);
}

/* faq accordion-v5 ims-transition-v3 - White (page SAP) */
.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;
}

/* faq accordion-v5 ims-transition v4 (page cloud-migration-modernization) */
.accordion-v5.accordion-v5-ims-transition-v4 .panel {
    /* margin: 0; */
    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(/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);
}

/* faq accordion-v5 ims-transition v5 (page cloud-managed-service/) */
.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);
}

/* faq accordion-v5 ims-transition-v6 (page notex) */
.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;
}

/* faq single post */
.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*/
.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*/
.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*/
.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*/
.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(/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 */
.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(/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;
    /* opacity: 0; */
}

.mobileappnew-capabilities-content .tab-content .tab-pane .slider .item:hover .content .readmore {
    /* opacity: 1; */
    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 all page */
.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) all page */
.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 all page */
.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;
    /* background: linear-gradient(90deg, #CEDCFF 0%, #036AE5 40%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; */
}

.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 .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(/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;
}

/* page-news-new */
.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*/
.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;
}

/* contact news */
.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 .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 .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 */
.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 */
.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-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 */
.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 fix on page delivery-models */
.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;
}

/*sidebar post*/
.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 */
.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;
}

/*global*/
.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%;
}

/*global*/
.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%;
}

/* important vì bị chèn ở trang single post */
.category-more a:hover {
    background: var(--c-main-6);
    color: #ffffff !important;
    text-decoration: none !important;
}

/* s-featured-post-cat-new */
.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 : pagination load lại trang */
.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 */
.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 */
.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 {
        /* display: none; */
        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 */
.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 {
        /* display: none; */
        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 */
.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 */
.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 */
.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);
}

/* related post */
.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 */
.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 */
.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%;
}

/* SAP */
.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("/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 .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: 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 */
.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 (min-width: 993px) and (max-width: 1200px) {
  .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 */
.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("/wp-content/uploads/2025/11/portfolio-banner-border.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

/* s-portfolio-archive-new */
.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.active label, */
.s-portfolio-archive-new .tab-v2 .nav-wrapper ul li:has(input[type="checkbox"]:checked) label {
    border: 1px solid #101624;
    background: #FFF;
    /* padding-left: 40px; */
    position: relative;
    color: #101624;
}

/* .s-portfolio-archive-new .tab-v2 .nav-wrapper ul li.active label: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-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 {
    /*dùng chung ở single portfolio nữa*/
    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 */
.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 {
        /* gap: 0;
    padding: 24px 0;
    flex-direction: column-reverse;
    display: flex; */
        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: grayscale(1); */
    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;
    }
}

/* @media (max-width: 767px) {
  .s-portfolio-details-new .content > .image {
    display: none;
  }
} */

.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 */
.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;
}

/* ver new */
.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);
}

/* fix header only page productlist */
.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*/
.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(/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*/
.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*/
.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(/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;
    }
}

/*animation*/
@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(50px);
        /* Starts 50px to the left */
    }

    100% {
        opacity: 1;
        transform: translateX(0);
        /* Ends at the original position */
    }
}

/* pagination page product : ko load lại trang*/
.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;
    /* width: 40px; */
    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 list */
.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-box-shadow: none !important; */
    -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*/
.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(/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: 0; */
    left: 7px;
    bottom: 0;
    /* width: 100%; */
    width: calc(100% - 14px);
    /* height: 25px; */
    height: 100%;
    z-index: 1;
    /* background-image: url(/wp-content/uploads/2026/01/productlist-experience-nav-bg-bottom.svg); */
    background-image: url(/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: 515px; */
    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 {
    /* display: none; */
    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: 515px; */
    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;
    /* margin-top: 17px; */
    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*/
.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 .background-linear-gradient-3 {
  background: linear-gradient(100deg, #0A58C8 3.01%, #036AE5 50.76%, #8BD7FB 98.51%);
  background-clip: text;
} */
.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(/wp-content/uploads/2026/02/productlist-experience-nav-bg-bottom-2.png);
}

.productlist-experience.white .experience-nav .experience-nav-list .item.active .meta {
    /* color: #7E8494; */
    color: #101624;
}

.productlist-experience.white .experience-nav .experience-nav-list .item.active .title {
    /* color: #7E8494; */
    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;
    /* font-weight: 600; */
}

@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*/
.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 {
    /* display: flex; */
    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*/
.mktservice-whyus {
    /* border-top: 1px solid #E5E7EF; */
    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;
}

/*mktservice-work*/
.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 {
    /* background-color: #f5f5f5; */
    height: 420vh;
}

@media screen and (max-width: 992px) {
    .rt-customer-support {
        height: auto;
        /* padding-bottom: 60px; */
    }
}

.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: 24px; */
    grid-row-gap: 10px;
    background-color: #fff;
    border-right: 1px solid #E5E7EF;
    flex-flow: column;
    /* padding-top: 24px;
  padding-bottom: 24px;
  padding-left: 24px;
  padding-right: 24px; */
    padding: 20px;
    /* display: flex; */
    position: relative;
    /* justify-content: space-between; */
}

.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*/
.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*/
.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;
}

/* ripple effect home */
#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 */
.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%), url(<path-to-image>) lightgray 50% / cover no-repeat; */
    /* background-color: #00030B60; */
    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(182deg, rgba(2, 59, 127, 0.00) 22.09%, #023B7F 96.85%); */
    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: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);
}

.sotavision-industries-content .item:hover .content:after {
    height: 100%;
    transition: all 300ms ease 0ms;
} */

.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 */
.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 all page */
#banner {
    background: #000 !important;
}

#page_portfolio_new #banner,
#mktservice #banner,
#healthcaresolutions #banner {
    background: transparent !important;
}

/* healthcaresolutions-address */
.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 */
.healthcaresolutions-apart .content-section {
    /* display: flex;
    padding-right: calc(50vw - 50%);
    margin-right: calc(50% - 50vw);
    overflow-x: auto;
    overflow-y: hidden; */
}

/* Độ rộng/Độ cao của toàn bộ thanh scroll nằm ngang */
/* .healthcaresolutions-apart .content-section::-webkit-scrollbar {
    height: 6px;
} */

/* Phần nền (Track) của thanh scroll */
/* .healthcaresolutions-apart .content-section::-webkit-scrollbar-track {
    background: #E7F5FF;
} */

/* Phần cục cuộn di động (Thumb) */
/* .healthcaresolutions-apart .content-section::-webkit-scrollbar-thumb {
    background: #036AE5;
} */

.healthcaresolutions-apart .content-section .item {
    /* width: 436px;
    min-width: 436px; */
    height: 400px;
    padding: 20px;
    border-right: 0.5px solid #7E8494;
    background: #F6F7FC;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
}

/* @media screen and (max-width: 767px) {
    .healthcaresolutions-apart .content-section .item {
        width: 284px;
        min-width: 284px;
    }
} */

.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) {

    /* Khi có class .active do JS thêm vào thì mới hiện */
    .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;
}