.swiper-slide {
    height: unset;
}

.header *:not(i), .neo-banner *:not(i), .neo-headline *:not(i), .main-page *:not(i), .less-page *:not(i), footer *:not(i), .footer-div *:not(i) {
    transition: background-color 0.25s, box-shadow 0.25s, border-radius 0.25s, opacity 0.25s, transform 0.25s, left 0.25s;
}

.bottom-layer {
    background-image: linear-gradient(257deg, #1d6b75 0%, #4ad1cd 100%), linear-gradient(#003c94, #003c94);
    background-blend-mode: normal, normal;
    box-shadow: 0 1px 17px 1px rgba(0, 0, 0, 0.25);
}

.bottom-layer .container {
    height: 320px;
    text-align: -webkit-center;
    text-align: center;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    position: relative;
}

.bottom-layer h2 {
    height: 40px;
    line-height: 40px;
    font-family: var(--default-font-family);
    font-size: 40px;
    font-weight: bolder;
    font-stretch: normal;
    letter-spacing: 0;
    color: white;

    margin-top: 0;
    margin-bottom: 30px;
}

.bottom-layer p {
    line-height: 28px;
    font-family: var(--default-font-family);
    font-size: 22px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0;
    color: white;

    margin-top: 0;
    margin-bottom: 30px;
}

.bottom-layer a {
    height: 50px;
    line-height: 46px;
    border-radius: 10px;
    border: solid 2px white;
    font-family: var(--default-font-family);
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0;
    color: white;

    display: block;
    margin: 0 auto;
    padding: 0 10px;
}

.bottom-layer a:hover {
    background-color: white;
    color: var(--default-hover-color);
}

@media (max-width: 1601px) {
    .bottom-layer h2 {
        font-size: 38px;
    }

    .bottom-layer p {
        font-size: 20px;
    }

    .bottom-layer a {
        font-size: 22px;
    }
}

@media (max-width: 991px) {
    .bottom-layer h2 {
        height: unset;
        line-height: unset;
        top: 11%;
    }

    .bottom-layer p {
        top: 15%;
    }

    .bottom-layer a {
        top: 44%;
        font-size: 15px;
    }
}

.neo-tip {
    background-size: cover;
    background-position: center;
    position: relative;
}

.neo-tip .tip-logo {
    position: absolute;
    z-index: 10;
    top: 37px;
    left: 20px;
}

.neo-tip .tip-logo img {
    height: 32px;
}

.neo-tip .tip-info {
    width: 80%;
    height: 108px;
    max-width: 1180px;
    position: relative;
    z-index: 10;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
    padding: 15px 0;
}

.neo-tip .info-name {
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    font-weight: bolder;
    color: #303035;
    display: flex;
    align-items: center;
}

.neo-tip .tip-actions {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    gap: 30px;
}

.neo-tip .reg-btn {
    width: 160px;
    height: 42px;
    line-height: 42px;
    color: #063B3B;
    font-size: 14px;
    font-weight: bolder;
    text-align: center;
    background-color: #FDFF6A;
    border-radius: 8px;
    cursor: pointer;
    transition: background-color 0.25s;
    z-index: 1;
}

.neo-tip .reg-btn:hover {
    background-color: #DBDD48;
}

.neo-tip .reg-gift {
    width: 182px;
    display: flex;
    flex-direction: column;
}

.neo-tip .reg-gift img {
    width: fit-content;
}

.neo-tip .reg-gift span {
    line-height: 18px;
    font-size: 12px;
    color: #303035;
    text-align: center;
    margin-top: -10px;
}

.neo-tip .tip-close {
    box-sizing: border-box;
    padding: 2px;
    border-radius: 50%;
    font-size: 12px;
    cursor: pointer;
    position: absolute;
    z-index: 10;
    top: 10px;
    right: 10px;

    width: 16px;
    height: 16px;
    color: white;
    background-color: #444444;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.25s, background-color 0.25s;
}

.neo-tip .tip-close:hover {
    color: white;
    background-color: #222222;
    transform: rotate(90deg);
}

@media (max-width: 1800px) {
    .neo-tip .tip-info .info-name {
        font-size: 18px;
    }
}

@media (max-width: 1620px) {
    .neo-tip .tip-logo {
        left: 10px;
    }

    .neo-tip .tip-info {
        width: 75%;
    }

    .neo-tip .tip-info .info-name {
        font-size: 16px;
    }
}

@media (max-width: 1530px) {


    .neo-tip .tip-info .info-name {
        font-size: 16px;
        line-height: 25px;
    }
}

@media (max-width: 1400px) {
    .neo-tip .tip-info .info-name {
        line-height: 25px;
        flex: 1
    }
}

.neo-pop {
    display: none
}

.neo-pop .pop-modal .cls-modal {
    box-sizing: border-box;
    padding: 2px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    font-size: 14px;
    color: white;
    background-color: #444444;
    cursor: pointer;
    transition: transform 0.25s, background-color 0.25s;
    position: absolute;
    top: 20px;
    right: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.neo-pop .pop-modal .cls-modal:hover {
    background-color: #222222;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}

.neo-pop .pop-modal .tbody {
    cursor: pointer;
}

.neo-pop .pop-modal .tbody img {
    width: 100%;
}

.pre-header .container,
.header .container,
.neo-banner .item .item-container,
.neo-bar .container,
.neo-sol-hero__crumbs .crumbs-container,
.technique-container .container,
.neo-panel .container {
    width: 80%;
    max-width: 1366px;
}

.pre-header {
    height: 40px;
    line-height: 40px;
    color: #666666;
    background-color: white;
}

.header-container {
    display: flex;
    justify-content: space-between;
}

.header-contact {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header-contact > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.lang-change {
    display: flex;
    justify-content: flex-end;
}

.lang-change a {
    font-size: 16px;
    color: #3D3D3D;
}

.lang-change .page-href {
    display: flex;
    align-items: center;
    margin-right: 30px;
}

.lang-change .page-href a {
    margin-right: 30px;
}

.lang-change .page-href a:last-child {
    margin-right: 0;
}

.lang-change .dropdown {
    margin-right: 30px;
    position: relative
}

.lang-change .dropdown-toggle {
    cursor: pointer;
}

/* 语言下拉 2026-10-09：圆角 6px，底色改用站内主题色变量（--default-color / --default-hover-color，定义在 style.css），
   与 .neo-carousel .item .button、.cookie-notice .notice-button 同一套配色；
   overflow: hidden 是为了让 .dropdown-item 的 hover 底色被容器的圆角切掉（否则首尾两项的方角会顶出圆角）。 */
.lang-change .dropdown-menu {
    min-width: 100px;
    border: none;
    background-color: var(--default-color);
    border-radius: 6px;
    overflow: hidden;

    margin: 0;
    padding: 0;
    left: -40px;
    right: 0;
    z-index: 1000000;
}

.lang-change .dropdown-item {
    height: 30px;
    line-height: 20px;
    transition: background-color 0.25s;
    padding: 5px 10px;
}

.lang-change .dropdown-item:hover {
    background-color: var(--default-hover-color);
}

.lang-change .dropdown-item:last-child {
    margin-bottom: 0;
}

.lang-change .dropdown-item a {
    font-size: 14px;
    color: white;
    display: block;
}

.lang-change .member-box {
    cursor: pointer;
    overflow: hidden;

    display: flex;
    justify-content: center;
    align-items: center;
}

.lang-change .member-box img {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin-right: 5px;
}

.lang-change .member-box .name {
    max-width: 120px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 1440px) {
    .lang-change a {
        font-size: 14px;
    }

    .lang-change .page-href {
        margin-right: 20px;
    }

    .lang-change .page-href a {
        margin-right: 20px;
    }

    .lang-change .dropdown {
        margin-right: 20px;
    }
}

@media (max-width: 1200px) {
    .header-contact span {
        font-size: 12px;
    }

    .lang-change a {
        font-size: 12px;
    }

    .lang-change .page-href {
        margin-right: 10px;
    }

    .lang-change .page-href a {
        margin-right: 10px;
    }

    .lang-change .dropdown {
        margin-right: 10px;
    }

    .header #pcNav {
        display: none;
    }

    .header #mobileNav {
        display: block !important;
    }
}

@media (max-width: 767px) {
    .header-contact, .header-contact > div {
        width: 100%;
    }
}

.header {
    background-color: rgba(255, 255, 255, 0.6);
    backdrop-filter: blur(20px);
    box-shadow: 0 8px 24px 0 rgba(117, 117, 117, 0.08);
    position: sticky !important;
    top: 0;
    z-index: 100000;
}

.header .logo {
    width: 120px;
    margin-top: 23px;
    float: left;
}

.header ul li {
    margin-top: 0;
    margin-bottom: 10px;
}

.header ul li:last-child {
    margin-bottom: 0;
}

.header ul {
    margin-bottom: 30px;
}

.header #nav2 {
    width: 100%;
    background: #364150;
    position: absolute;
    top: 70px;
    left: 0;
    right: 0;
}

.header #nav2 a:hover, .header #nav2 a:active, .header #nav2 a:focus {
    background-color: #2e3744;
    color: #4ad1cd;
}

#nav2 ul {
    margin-bottom: 0;
    padding-left: 0;
}

#nav2 li {
    margin: 0;
}

#nav2 i {
    color: white;
    float: right;
    padding-right: 20px;
    padding-top: 7px;
}

#nav2 a {
    text-decoration: none;
    display: block;
    color: #FFF;
}

#nav2 ul.navAll > li > div,
#nav2 ul.navTwo > li > div, #nav2 ul.navTwo > li > a,
#nav2 ul.navThree > li > a {
    height: 34px;
    line-height: 34px;
    color: white;
}

#nav2 ul.navAll {
    background-color: #29343B;
}

#nav2 ul.navAll > li > div {
    padding-left: 10px;
}

#nav2 ul.navTwo {
    background-color: #364150;
}

#nav2 ul.navTwo > li > div, #nav2 ul.navTwo > li > a {
    padding-left: 25px;
}

#nav2 ul.navThree > li {
    background-color: #29343B;
    position: relative;
}

#nav2 ul.navThree > li > a {
    padding-left: 40px;
}

#nav2 ul.navThree > li > img {
    position: absolute;
    top: 10px;
    right: 10px;
}

@media (min-width: 1201px) {
    .header #nav2 {
        display: none;
    }
}

.navbar-header {
    float: right;
}

.header #mobileNav {
    margin-top: 15px;
    margin-right: 0;
}

.navbar-toggle {
    background-color: #4ad1cd;
}

.navbar-toggle .icon-bar {
    background-color: #FFFFFF;
}

.nav-top {
    float: right;
}

.nav-top > ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 36px;
}

.nav-top > ul > li {
    margin: 0;
    height: 70px;
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;
}

.nav-top > ul > li > .nav-one {
    line-height: 34px;
    color: #3D3D3D;
    font-size: 19px;
    margin: 0 auto;
}

.nav-top > ul > li:hover > .nav-one {
    color: #02E0DC;
}

.nav-top > ul > li .new {
    position: absolute;
    top: 8px;
    left: 4px
}

.nav-top .active::after {
    content: "";
    width: 100%;
    height: 3px;
    background-color: #4ad1cd;
    position: absolute;
    left: 0;
    bottom: 0;
}

.nav-top li a.nav-btn {
    display: block;
    min-width: 98px;
    height: 34px;
    line-height: 34px;
    border-radius: 17px;
    font-size: 16px;
    padding: 0 24px;
}

.nav-top li a.free-trail {
    color: white;
    background-color: #4AD1CD;
}

.nav-top li a.free-demo {
    background-color: white;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
    color: #3D3D3D;
}

.nav-top li a.nav-btn:hover {
    color: white;
    background-color: #36A4A6;
}

.nav-down {
    background-color: white;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);

    padding: 30px 0;
    position: absolute;
    top: 70px;
    left: 0;
    right: 0;
}

.nav-down ul li a {
    color: #757575;
    text-decoration: none;
}

.nav-down ul li a:hover {
    color: #02E0DC;
}

.nav-down ul li a.heavy {
    display: inline-block;
    background-image: linear-gradient(270deg, #4AD1CD 0%, #1B5F68 100%);
    padding: 5px 20px;
    color: white;
    border-radius: 20px;
}

@media (max-width: 1440px) {
    .nav-top > ul > li > .nav-one {
        font-size: 16px;
    }

    .nav-top li a.nav-btn {
        font-size: 12px;
    }
}

.nav__bar ul {
    margin-bottom: 30px;
    padding-left: 12px;
}

.nav__bar ul:last-child {
    margin-bottom: 0;
}

.nav__bar li {
    width: 100%;
    line-height: 20px;
    color: #CCCCCC;
    font-size: 14px !important;

    margin-bottom: 10px !important;
    padding-right: 8px;
}

.header .nv-panel {
    padding: 30px 0;
}

.header .nav-down > .container {
    padding-left: 0;
    padding-right: 0;
}

.header .nv-cards {
    display: flex;
    flex-wrap: nowrap;
    gap: 41px;
}

.header .nv-card {
    display: block;
    flex: 1 1 0;
    min-width: 0;
    text-decoration: none;
}

.header .nv-card__pic {
    display: block;
    position: relative;
    height: 0;
    padding-top: 70%;
    overflow: hidden;
    border-radius: 4px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.header .nv-card__name {
    display: block;
    margin-top: 26px;
    font-size: 19px;
    font-weight: bolder;
    line-height: 22px;
    letter-spacing: .02em;
    white-space: nowrap;
    color: #3D3D3D;
}

.header .nv-card:hover .nv-card__name {
    color: #02E0DC;
}

.header .nv-card__cover {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    text-shadow: 0 1px 4px rgba(0, 0, 0, .25);
    font-size: 19px;
    font-weight: bolder;
    line-height: 20px;
    letter-spacing: .01em;
}

.header .nv-card__capsule {
    display: block;
    width: max-content;
    margin-top: 19px;
    padding: 0 20px;
    height: 36px;
    line-height: 36px;
    border-radius: 20px;
    background-color: #02E0DC;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .10);
    font-size: 19px;
    color: #FFF;
    text-align: center;
}

.header .nv-card__pic--product-vbr {
    background-image: url(/res/img/index/navigation/pro-01.webp);
}

.header .nv-card__pic--product-free {
    background-image: url(/res/img/index/navigation/pro-02.webp);
}

.header .nv-card__pic--pricing-editions {
    background-image: url(/res/img/index/navigation/pri-01.webp);
}

.header .nv-card__pic--pricing-quote {
    background-image: url(/res/img/index/navigation/pri-02.webp);
}

.header .nv-card__pic--pricing-faqs {
    background-image: url(/res/img/index/navigation/pri-03.webp);
}

.header .nv-card__pic--partner-program {
    background-image: url(/res/img/index/navigation/prt-01.webp);
}

.header .nv-card__pic--partner-become {
    background-image: url(/res/img/index/navigation/prt-02.webp);
}

.header .nv-card__pic--partner-find {
    background-image: url(/res/img/index/navigation/prt-03.webp);
}

.header .nv-card__pic--partner-portal {
    background-image: url(/res/img/index/navigation/prt-04.webp);
}

.header .nv-card__pic--company-about {
    background-image: url(/res/img/index/navigation/com-01.webp);
}

.header .nv-card__pic--company-leadership {
    background-image: url(/res/img/index/navigation/com-02.webp);
}

.header .nv-card__pic--company-contact {
    background-image: url(/res/img/index/navigation/com-03.webp);
}

.header .nv-card__pic--company-news {
    background-image: url(/res/img/index/navigation/com-04.webp);
}

.header .nv-card__pic--company-webinar {
    background-image: url(/res/img/index/navigation/com-05.webp);
}

.header .nv-card__pic--resource-user-guide {
    background-image: url(/res/img/index/navigation/res-01.webp);
}

.header .nv-card__pic--resource-help-tutorials {
    background-image: url(/res/img/index/navigation/res-02.webp);
}

.header .nv-card__pic--resource-video-tutorials {
    background-image: url(/res/img/index/navigation/res-03.webp);
}

.header .nv-card__pic--resource-knowledge-base {
    background-image: url(/res/img/index/navigation/res-04.webp);
}

.header .nv-sec {
    margin-bottom: 22px;
}

.header .nv-sec:last-child {
    margin-bottom: 0;
}

.header .nv-title {
    font-size: 19px;
    font-weight: bolder;
    line-height: 28px;
    letter-spacing: .02em;
    color: #3D3D3D;
    margin-bottom: 34px;
}

.header .nv-sec__title {
    position: relative;
    display: block;
    margin-bottom: 8px;
    font-size: 19px;
    font-weight: normal;
    line-height: 26px;
    color: #3D3D3D;
}

.header .nv-sec__title::before {
    content: '';
    position: absolute;
    left: -15px;
    top: 7px;
    width: 3px;
    height: 12px;
    background-color: #02E0DC;
}

.header .nv-title a,
.header .nv-sec__title a {
    display: block;
    color: inherit;
    text-decoration: none;
}

.header .nv-title a:hover,
.header .nv-sec__title a:hover {
    color: #02E0DC;
}

.header .nv-link {
    position: relative;
    display: block;
    padding-left: 15px;
    margin-bottom: 28px;
    font-size: 19px;
    font-weight: normal;
    line-height: 20px;
    letter-spacing: .01em;
    white-space: nowrap;
    color: #3D3D3D;
    text-decoration: none;
}

.header .nv-link::before {
    content: '';
    position: absolute;
    left: 0;
    top: 6px;
    width: 3px;
    height: 12px;
    background-color: #02E0DC;
}

.header .nv-link:last-child {
    margin-bottom: 0;
}

.header .nv-link:hover {
    color: #02E0DC;
}

.header .nv-sec__list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.header .nav__bar .nv-sec__list > li {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 16px !important;
    line-height: 14px;
    letter-spacing: .01em;
    color: #3D3D3D;
}

.header .nv-sec__list a {
    font-size: 16px;
    font-weight: normal;
    line-height: 30px;
    letter-spacing: .01em;
    white-space: nowrap;
    color: #757575;
    text-decoration: none;
}

.header .nv-sec__list a:hover {
    color: #02E0DC;
}

.header .nv-sep {
    padding: 0 6px;
    font-size: 16px !important;
    color: #CCCCCC;
    font-weight: normal;
}

.header .nv-plain {
    margin: 0;
    padding: 0;
    list-style: none;
}

.header .nav__bar .nv-plain > li {
    margin: 0 0 40px !important;
    padding: 0 !important;
    line-height: 20px;
}

.header .nav__bar .nv-plain > li:last-child {
    margin-bottom: 0 !important;
}

.header .nv-plain a {
    font-size: 19px;
    font-weight: bolder;
    line-height: 28px;
    letter-spacing: .02em;
    white-space: nowrap;
    color: #3D3D3D;
    text-decoration: none;
}

.header .nv-plain a:hover {
    color: #02E0DC;
}

.header .nv-panel--product {
    display: flex;
    align-items: flex-start;
}

.header .nv-panel--product .nv-cards {
    flex: 0 0 50.366%;
    width: 50.366%;
    gap: 116px;
}

.header .nv-panel--product .nv-card__pic {
    padding-top: 69.37%;
}

.header .nv-sec--why {
    flex: 0 0 15.300%;
    margin-left: 8.199%;
    margin-bottom: 0;
}

.header .nv-sec--why .nv-title {
    margin-bottom: 32px;
}

.header .nav__bar .nv-sec__list--bar > li {
    position: relative;
    margin: 0 0 12px !important;
    padding: 0 0 0 18px !important;
}

.header .nv-sec__list--bar > li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 8px;
    width: 3px;
    height: 16px;
    background-color: #02E0DC;
}

.header .nav__bar .nv-sec__list--bar > li:last-child {
    margin-bottom: 0 !important;
}

.header .nav__bar .nv-sec__list--bar a {
    font-size: 16px;
    line-height: 32px;
    white-space: nowrap;
    color: #3D3D3D;
}

.header .nav__bar .nv-sec__list--bar a:hover {
    color: #02E0DC;
}

.header .nv-panel--resource {
    display: flex;
    align-items: flex-start;
}

.header .nv-plain {
    flex: 0 0 20.132%;
    width: 20.132%;
}

.header .nv-sec--help {
    flex: 0 0 70.717%;
    margin-bottom: 0;
}

.header .nv-sec--help .nv-title {
    margin-bottom: 28px;
}

.header .nv-cards--resource {
    gap: 35px;
}

.header .nv-cards--resource {
    gap: 36px;
}

.header .nv-cards--resource .nv-card__pic {
    padding-top: 74.54%;
    clip-path: polygon(0 0, calc(100% - clamp(1.5rem, 1.52vw+1.13rem, 2.5rem)) 0, 100% clamp(1.5rem, 1.52vw+1.13rem, 2.5rem), 100% 100%, 0 100%);
    transition: clip-path 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}

.header .nv-cards--resource .nv-card:hover .nv-card__pic {
    clip-path: polygon(0 0, 100% 0, 100% 0, 100% 100%, 0 100%);
}

.header .nv-cards--resource .nv-card__pic::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: inherit;
    transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}

.header .nv-cards--resource .nv-card:hover .nv-card__pic::before {
    transform: scale(1.2);
}

.header .nv-cards--resource .nv-card__pic::after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent #FFFFFF transparent transparent;
    transform: translate(-0.5rem, 0.5rem);
    border-width: 0 12px 12px 0;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    opacity: 0;
    transition: 0.8s all cubic-bezier(0.16, 1, 0.3, 1);
}

.header .nv-cards--resource .nv-card:hover .nv-card__pic::after {
    opacity: 1;
    /*top: 5px;
    right: 5px;
    border-width: 0 34px 34px 0;
    transform: translate(0, 0);*/
}

.header .nv-cards--resource .nv-card .nv-card__blot {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    background: inherit;
    transition: transform 1s cubic-bezier(0.16, 1, 0.3, 1);
    border-width: 0 34px 34px 0;
    border-style: solid;
    border-color: transparent #FFFFFF transparent transparent;
}

.header .nv-cards--resource .nv-card:hover .nv-card__blot {
    transform: translate(34px, -34px);
}

.header .nv-panel--product .nv-card__pic::before,
.header .nv-panel--pricing .nv-card__pic::before,
.header .nv-panel--partner .nv-card__pic::before,
.header .nv-panel--company .nv-card__pic::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: inherit;
    transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}

.header .nv-panel--product .nv-card:hover .nv-card__pic::before,
.header .nv-panel--pricing .nv-card:hover .nv-card__pic::before,
.header .nv-panel--partner .nv-card:hover .nv-card__pic::before,
.header .nv-panel--company .nv-card:hover .nv-card__pic::before {
    transform: scale(1.2);
}

.header .nv-panel--pricing .nv-cards {
    flex: 0 0 81.991%;
    width: 81.991%;
    gap: 80px;
}

.header .nv-panel--pricing .nv-card__pic {
    padding-top: 61.56%;
}

.header .nv-panel--partner .nv-cards {
    flex: 0 0 96.340%;
    width: 96.340%;
    gap: 60px;
}

.header .nv-panel--partner .nv-card__pic {
    padding-top: 69.37%;
}

.header .nv-panel--company .nv-cards {
    flex: 0 0 95.534%;
    width: 95.534%;
    gap: 40px;
}

.header .nv-panel--company .nv-card__pic {
    padding-top: 64.63%;
}

.header .nv-panel--solution {
    display: flex;
}

.header .nv-tabs {
    flex: 0 0 29.136%;
    width: 29.136%;
}

.header .nv-tab {
    display: flex;
    align-items: center;
    height: 64px;
    padding: 0 18.342%;
    cursor: pointer;
}

.header .nv-tab__clip {
    flex: 1;
    min-width: 0;
    margin-right: -12px;
    overflow: hidden;
}

.header .nv-tab__inner {
    display: flex;
    align-items: center;
    width: 100%;
    transition: transform .25s ease;
}

.header .nv-tab:hover .nv-tab__inner,
.header .nv-tab.active .nv-tab__inner {
    transform: translateX(27px);
}

.header .nv-tab__text {
    flex: 1;
    min-width: 0;
    font-size: 19px;
    font-weight: bolder;
    line-height: 24px;
    letter-spacing: 0.01em;
    white-space: nowrap;
    color: #3D3D3D;
}

.header .nv-tab__arrow {
    font-size: 19px;
    line-height: 1;
    color: #3D3D3D;
}

.header .nv-tab__arrow--l {
    flex: 0 0 auto;
    width: 10px;
    margin-left: -27px;
    margin-right: 17px;
    color: #02E0DC;
}

.header .nv-tab__arrow--r {
    flex: 0 0 auto;
    margin-right: 12px;
}

.header .nv-tab.active {
    background-color: rgba(216, 216, 216, .2);
}

.header .nv-tab.active .nv-tab__text {
    color: #02E0DC;
}

.header .nv-tab__more {
    display: block;
    margin: 46px auto 0;
    background-color: #FFF;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .1);
    font-size: 19px;
    color: #3D3D3D;
    text-align: center;
    text-decoration: none;
    width: 66.66%;
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
}

.header .nv-tab__more:hover {
    background-color: #02E0DC;
    color: #FFF;
}

.header .nv-panes {
    flex: 1 1 auto;
    min-width: 0;
    border-left: 2px solid #D8D8D8;
    padding: 20px 0 0 5.490%;
}

.header .nv-pane {
    display: none;
}

.header .nv-pane.active {
    display: block;
}

.header .nv-cols {
    display: flex;
    gap: 40px;
}

.header .nv-col {
    flex: 1 1 0;
    min-width: 0;
}

.header .nv-col--links {
    margin-left: -15px;
}

.header .nv-pane[data-pane="workloads"] .nv-sec {
    margin-bottom: 16px;
}

.header .nv-pane[data-pane="workloads"] .nv-sec:last-child {
    margin-bottom: 0;
}

.header .nv-pane[data-pane="workloads"] .nv-sec__list > li,
.header .nv-pane[data-pane="workloads"] .nv-sec__list--grid {
    display: flex;
    flex-wrap: wrap;
    column-gap: 43px;
}

.header .nv-pane[data-pane="workloads"] .nv-sec__list a {
    line-height: 30px;
}

.header .nv-pane[data-pane="workloads"] .nv-sec__list--grid > li {
    display: contents;
}

@media (max-width: 1709.98px) {
    .header .nv-pane[data-pane="workloads"] .nv-col {
        container-type: inline-size;
        container-name: nvcol;
    }
}

@container nvcol (min-width: 1px) {
    .header .nv-pane[data-pane="workloads"] .nv-sec__list--grid {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
    }
}

@container nvcol (min-width: 220px) {
    .header .nv-pane[data-pane="workloads"] .nv-sec__list--grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@container nvcol (min-width: 600px) {
    .header .nv-pane[data-pane="workloads"] .nv-sec__list--grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

.header .nv-pane[data-pane="workloads"] .nv-sec__list--grid a.nv-wide {
    grid-column: span 2;
}

@media (min-width: 1710px) {
    .header .nv-pane[data-pane="workloads"] .nv-cols {
        justify-content: space-between;
    }

    .header .nv-pane[data-pane="workloads"] .nv-col {
        flex: 0 1 auto;
    }

    .header .nv-pane[data-pane="workloads"] .nv-sec__list > li {
        flex-wrap: nowrap;
    }

    .header .nv-pane[data-pane="workloads"] .nv-sec__list--grid {
        display: grid;
        grid-template-columns: repeat(3, auto);
    }
}

@media (max-width: 991px) {
    .header .nv-panel--product,
    .header .nv-panel--resource,
    .header .nv-panel--solution {
        display: block;
    }

    .header .nv-panel--product .nv-cards,
    .header .nv-panel--pricing .nv-cards,
    .header .nv-panel--partner .nv-cards,
    .header .nv-panel--company .nv-cards,
    .header .nv-panel--resource .nv-plain,
    .header .nv-panel--resource .nv-sec--help,
    .header .nv-tabs,
    .header .nv-panes {
        flex: 0 0 100%;
        width: 100%;
    }

    .header .nv-panel--product .nv-cards,
    .header .nv-panel--pricing .nv-cards,
    .header .nv-panel--partner .nv-cards,
    .header .nv-cards--resource {
        gap: 24px;
        flex-wrap: wrap;
    }

    .header .nv-sec--why {
        flex: 0 0 100%;
        margin: 30px 0 0;
    }

    .header .nv-sec--help {
        margin-top: 30px;
    }

    .header .nv-panes {
        border-left: 0;
        padding: 0;
    }

    .header .nv-cols {
        display: block;
    }

    .header .nv-col {
        flex: 0 0 100%;
        width: 100%;
    }
}

#myCarousel .active {
    border: 0;
}

.carousel-indicators li {
    width: 100px;
    height: 5px;
    background-color: white;
    opacity: 0.1;
    border: 0;
    border-radius: 0;
    margin: 0;
}

.carousel-indicators .active {
    width: 100px;
    height: 5px;
    opacity: 1;
    background-color: #4ad1cd;
}

@media (max-width: 450px) {
    .carousel-indicators li {
        width: 10px;
        height: 10px;
        border-radius: 5px;
    }

    .carousel-indicators .active {
        width: 10px;
        height: 10px;
        border-radius: 5px;
    }
}

.why-vinchin {
    margin: 70px auto 0;
}

.advantage {
    margin: 0 auto;
    margin-bottom: 70px;
    max-width: 1080px;
    text-align: center;
}

.advantage span {
    font-size: 26px;
    font-weight: bolder;
    color: #3D3D3D;
    padding-left: 15px;
}

.advantage p {
    font-size: 18px;
    color: #666666;
    line-height: 28px;
    text-align: center;
}

.swiper-pagination-bullet-active {
    background: #4ad1cd;
}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 20px !important;
}

.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
}

.manufacturer {
    margin-bottom: 30px;
}

.manufacturer ul {
    text-align: center;
}

.manufacturer ul li {
    width: 150px;
    height: 56px;
    margin: 0 30px;
    cursor: default;
}

@media (max-width: 767px) {
    .manufacturer ul li {
        margin: 0;
    }

}

.title-company {
    background: url(../img/company/pagetitle-company.png) no-repeat;
    background-size: cover;
}

.page-title {
    padding-top: 30px;
    min-height: 540px;
    text-align: center;
}

.page-title .title {
    font-size: 46px;
    color: white;
    font-weight: bolder;
    margin-top: 150px;
    margin-bottom: 30px;
}

.page-title p {
    font-size: 36px;
    color: #FCFDFD;
}

.overview {
    margin: 50px auto 60px;
}

.overview p {
    margin-bottom: 60px;
    max-width: 600px;
}

.overview i {
    color: #4ad1cd;
    font-size: 20px;
}

.overview .col-md-6 {
    padding: 0;
}

.overview .col-md-6 a {
    color: #4ad1cd;
    font-size: 18px;
    display: block;
    max-width: 200px;
    margin: 5px 0;
}

.overview .col-md-6 a:hover {
    opacity: 0.8;
}

.overview h3 {
    color: #4ad1cd;
}

.download {
    color: white;
    background-color: #169BD5;
    font-size: 18px;
    font-weight: bolder;
    padding: 10px 45px;
}

.download:hover {
    background-color: #4ad1cd;
    color: white;
}

.overview .col-md-5 img {
    width: 100%;
}

@media (max-width: 991px) {
    .overview .col-md-5 img {
        width: 100%;
    }

}

.vmware-advantage h1, .vmware-platform h1, .VMware-Partner h1 {
    text-align: center;
    color: #10515a;
    font-size: 30px;
    font-family: var(--default-font-family-bold);
    padding: 20px 0;
    margin: 0;
}

.vmware-advantage.container, .vmware-platform .container, .VMware-Partner.container, .vmware-trynow.container {
    width: 1349px;
}

.vm.xen-feature .subtitle {
    font-size: 16px;
    color: #155861;
    margin-bottom: 15px;
}

.xen-brands.container {
    width: 1349px;
    position: relative;
}

@media (max-width: 1440px) {
    .xen-whatget.container, .xen-platforms .container, .xen-brands.container, .xen-trynow.vmware-trynow.container {
        width: 76%;
        padding: 0;
    }

}

@media (max-width: 1366px) {
    .xen-citrixpartner .container, .xen-whatget.container, .xen-platforms .container, .xen-brands.container, .xen-trynow.vmware-trynow.container {
        width: 90%;
        padding: 0;
    }

}

@media (max-width: 1200px) {
    .xen-whatget.container, .xen-platforms .container, .xen-brands.container, .xen-trynow.vmware-trynow.container {
        width: 90%;
    }

}

@media (max-width: 1024px) {
    .xen-citrixpartner .container, .xen-whatget.container, .xen-platforms .container, .xen-brands.container, .xen-trynow.vmware-trynow.container {
        width: 90%;
    }

}

@media (max-width: 767px) {
    .xen-citrixpartner .container, .xen-whatget.container, .xen-platforms .container, .xen-brands.container, .xen-trynow.vmware-trynow.container {
        width: 551px;
    }

    .xen-brands.container {
        margin-bottom: 20px;
    }

    .xen-trynow.vmware-trynow.container {
        height: 90px;
    }
}

@media (max-width: 680px) {
    .xen-citrixpartner .container, .xen-whatget.container, .xen-platforms .container, .xen-brands.container, .xen-trynow.vmware-trynow.container {
        width: 400px;
    }

}

@media (max-width: 540px) {
    .xen-citrixpartner .container, .xen-whatget.container, .xen-platforms .container, .xen-brands.container, .xen-trynow.vmware-trynow.container {
        width: 300px;
    }

}

@media (max-width: 414px) {
    .xen-citrixpartner .container, .xen-whatget.container, .xen-platforms .container, .xen-brands.container, .xen-trynow.vmware-trynow.container {
        width: 270px;
    }

}

.xcp-ng.xen-banner {
    background: url(../img/hypervisor/new-xenserver/xcp-ng-banner.png) no-repeat;
    background-size: 100%;
}

.xcp-ng.xen-platforms {
    margin: 50px 0 0 0;
}

.xcp-ng.xen-whatget .col-lg-4:first-child {
    margin-top: -15px;
}

.xcp-ng.rhv-ovirt-platforms.xen-platforms .col-lg-6 .col-lg-5 {
    margin-top: 0;
}

.live-webinar .container {
    width: 1349px;
    padding: 100px 15px;
}

.live-webinar.move {
    margin-top: -60px;
}

.live-webinar.gary {
    background-color: #F2F2F2;
}

.live-webinar h1 {
    font-family: var(--default-font-family-bold);
    font-size: 32px;
    color: #10515a;
    text-align: center;
    margin: 0 0 50px;
}

.live-webinar .col-lg-8 {
    padding-right: 100px;
    font-size: 18px;
    color: #1c6973;
}

.live-webinar p {
    font-size: 18px;
    color: #1c6973;
}

.live-webinar .col-lg-4 {
    padding-left: 10px;
}

.live-webinar .col-lg-4 p {
    font-size: 16px;
}

@media (max-width: 1440px) {
    .live-webinar .container {
        width: 76%;
    }
}

@media (max-width: 1366px) {
    .live-webinar .container {
        width: 1170px;
    }
}

@media (max-width: 1246px) {
    .live-webinar .container {
        width: 90%;
    }
}

@media (max-width: 1199px) {
    .xcp-ng .double .col-lg-4:nth-child(2) {
        width: 32% !important;
    }

    .xcp-ng .double .col-lg-4:nth-child(4) {
        width: 37% !important;
    }

}

@media (max-width: 991px) {
    .xcp-ng.xen-banner {
        height: 560px;
    }
}

@media (max-width: 767px) {
    .xcp-ng.xen-banner {
        height: 497px;
    }
}

@media (max-width: 540px) {
    .xcp-ng.xen-banner {
        height: 359px;
    }

    .xen-citrixpartner .container, .xen-whatget.container, .xen-platforms .container, .xen-brands.container, .xen-trynow.vmware-trynow.container {
        width: 90%;
    }
}

.sangfor-hci.live-webinar {
    background-color: #f8f8f8;
    margin-bottom: 50px;
    padding: 60px 0 30px;
}

@media (max-width: 991px) {
    .live-webinar h1 {
        font-size: 24px;
    }

    .live-webinar .col-lg-8 div, .live-webinar p {
        font-size: 16px;
    }

    .live-webinar .col-lg-8 a {
        margin-bottom: 20px;
    }

    .live-webinar .col-lg-4 p {
        margin-top: 30px;
    }

    .live-webinar .col-lg-8 {
        padding-right: 15px;
    }

}

.tech-help {
    width: 80%;
    margin: 40px auto 80px;
    text-align: center;
}

.tech-help .backup-plan {
    margin-top: 80px;
    color: #3D3D3D;
}

.tech-help p {
    max-width: 340px;
    font-size: 16px;
    display: block;
    margin: 0 auto 10px;
}

.tech-help p:hover {
    color: #4ad1cd;
}

.tech-help .supports {
    width: 200px;
    height: 176px;
    margin: 0 auto;
    border-radius: 10px;
}

.support-one {
    background: url(../img/support/supports.png) -200px -176px no-repeat;
}

.support-two {
    background: url(../img/support/supports.png) -0px -176px no-repeat;
}

.support-three {
    background: url(../img/support/supports.png) -200px -0px no-repeat;
}

.support-four {
    background: url(../img/support/supports.png) -0px -0px no-repeat;
}

.tech-help .col-md-3:hover {
    color: #4ad1cd;
}

.tech-help h3 {
    padding-top: 20px;
    padding-bottom: 10px;
    font-size: 20px;
    font-weight: bolder;
}

.sup-help {
    width: 100%;
    margin: 0 auto;
    background-color: #F1F1F1;
}

.sup-help .item {
    margin-bottom: 40px;
}

.sup-help .item:last-child {
    margin-bottom: 0;
}

.sup-help .item h3 {
    font-size: 18px;
    font-weight: bolder;
    margin-bottom: 20px;
}

@media (min-width: 992px) {
    .sup-help .item-head {
        justify-content: unset;
    }

    .sup-help .item-head img {
        margin-right: 20px;
    }

    .sup-help .item-head h3 {
        margin-top: 0;
        margin-bottom: 0;
    }
}

.support-mode .item {
    border: 1px solid #bcbcbc;
    border-radius: 5px;
    color: #3D3D3D;

    display: flex;
    align-items: center;
    margin-bottom: 20px;
    padding: 14px 20px;
}

.support-mode .item:last-child {
    margin-bottom: 0;
}

.support-mode .item:hover {
    -webkit-box-shadow: 0 0 10px #999999;
    -moz-box-shadow: 0 0 10px #999999;
    box-shadow: 0 0 10px #999999;
}

.support-mode .item i {
    width: 60px;
    height: 60px;
    line-height: 30px;
    color: #4ad1cd;
    font-size: 30px;
    text-align: center;
    border: 2px solid #4ad1cd;
    border-radius: 40px;

    margin-right: 20px;
    padding: 13px 0;
}

.support-mode .item h3 {
    line-height: 28px;
    font-size: 20px;
    font-weight: bolder;

    display: block;
    margin-top: 0;
    margin-bottom: 10px
}

.support-mode .item p {
    line-height: 22px;
    display: block;
}

.enter-KB {
    color: white;
    background: url(../img/support/bg-KB.png) no-repeat;
    background-size: 100% 100%;
    text-align: center;
}

.enter-KB .container {
    padding-top: 60px;
    padding-bottom: 60px;
}

.enter-KB a {
    font-size: 16px;
    color: white;
    border: 3px solid #fff;
    padding: 10px 30px;
    border-radius: 5px;

    display: inline-block;
}

.enter-KB a:hover {
    border: 3px solid #475f77;
    color: #475f77;
}

.enter-KB p {
    font-size: 14px;
    color: white;
    max-width: 600px;
    margin: 10px auto 0;
}

#support-success {
    top: 25%;
    left: 4%;
}

@media (max-width: 991px) {
    .tech-help {
        width: 100%;
    }

    .support-mode .item {
        text-align: center;
        display: block;
        padding: 20px;
    }

    .support-mode .item i {
        margin-right: unset;
    }

    .support-mode .item h3, .support-mode span {
        margin: 10px auto 0;
    }
}

.vinchin-video p {
    color: #666666;
}

.vinchin-video .title {
    margin-bottom: 30px;
}

.vinchin-video .title h2 {
    margin-top: 0;
    margin-bottom: 0;
}

.vin-download {
    background-image: url(../img/software/bg-document.jpg);
    background-position: center;
    background-repeat: no-repeat;
}

.vin-download .col-md-6 {
    max-width: 600px;
    text-align: center;
}

.vin-download h2 {
    font-size: 29px;
    margin-bottom: 20px;
}

.vin-download p {
    font-size: 14px;
}

.vin-download .version-down {
    width: fit-content;
    text-align: center;
    font-size: 20px;

    display: block;
    margin: 60px 0 20px;
    padding: 10px 15px;
}

.list-table__filters {
    display: flex;
    flex-flow: wrap;
    margin: 0 auto 30px;
}

.list-table__filter {
    position: relative;
    width: calc(50% - 10px);
}

.list-table__filter label {
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0;
    color: #4ad1cd;
    display: block;
    margin-bottom: 2px;
}

@media (min-width: 768px) {
    .list-table__filter:nth-child(2n+1) {
        margin-right: 10px;
    }

    .list-table__filter:nth-child(2n) {
        margin-left: 10px;
    }
}

.file-download {
    margin: 0 auto 80px;
}

.file-download h3 {
    font-size: 18px;
    margin: 0;
}

.file-download ul {
    padding: 0;
}

.file-download .guide-tr {
    margin: 0;
    height: 60px;
    line-height: 60px;
    border-right: 1px solid #D8D8D8;
    border-bottom: 1px solid #D8D8D8;
    transition: background-color 0.2s;

    display: flex;
    justify-content: space-between;
}

.file-download .guide-tr:nth-child(2n) {
    background-color: #FCFDFD;
}

.file-download .guide-tr:nth-child(2n + 1) {
    background-color: #F8F8F8;
}

.file-download .guide-tr .guide-td {
    border-left: 1px solid #D8D8D8;
}

.file-download .guide-tr .guide-td:first-child {
    padding-left: 40px;
}

.file-download .guide-tr .guide-td:last-child {
    width: 200px;
    text-align: center;
}

.file-download .guide-tr .guide-td a {
    display: flex;
    justify-content: center;
    align-items: center;
}

.file-download .guide-tr .guide-td a i {
    font-size: 18px;
}

.file-download .guide-tr .guide-td a i:nth-child(1) {
    margin-left: 4px;
}

.file-download .guide-title {
    background-color: #4ad1cd;
    color: white;
    border-radius: 3px;
    text-align: center;
}

.file-download .guide-title h2 {
    height: 48px;
    line-height: 48px;
    font-size: 20px;
    margin-top: 0;
    margin-bottom: 0;
}

.file-download > div {
    margin-bottom: 40px;
}

.file-download > div:last-child {
    margin-bottom: 0;
}

@media (max-width: 991px) {
    .vin-download h2 {
        text-align: center;
    }

    .vin-download p {
        margin: 0 auto;
    }

    .vin-download .version-down {
        margin: 60px auto;
    }

    .vin-download .col-md-5 {
        text-align: center;
    }

    .vin-download span {
        margin-left: 0;
    }

    .file-download .col-md-3 {
        text-align: left;
        margin: 5px 0;
    }
}

#page-details {
    margin-bottom: 30px;
}

#search {
    margin: 0 auto;
    padding: 0 10px;
    max-width: 800px;
}

.feedback {
    min-height: 400px;
    background: #fff;
    width: 80%;
    margin: 0 auto;
    border: 1px solid #bcbcbc;
    border-radius: 5px;
    -webkit-box-shadow: #666 0 0 10px;
    -moz-box-shadow: #666 0 0 10px;
    box-shadow: #666 0 0 10px;
    padding: 20px 20px 40px 20px;
    margin-top: 60px;
}

#starScore {
    margin-top: 10px;
    padding: 0;
    text-align: right;
    max-width: 1100px;
}

#starScore i {
    color: #4ad1cd;
    font-size: 24px;
}

#starScore #input-star {
    display: none;
}

@media (max-width: 767px) {
    .feedback {
        padding: 20px 10px 40px 10px;
        min-height: 440px;
        width: 90%;
    }

}

.feedback h3 {
    font-size: 18px;
    color: #3D3D3D;
    font-weight: bolder;
    margin-bottom: 30px;
}

.feedback h3 span {
    margin-left: 10px;
    color: #999999;
    font-size: 14px
}

.free-edition {
    position: relative;
    top: -70px;
    margin-bottom: -70px;
    z-index: 100;
    overflow: hidden;
    text-align: center;
    background-color: #F5FEFB;
    background-image: url(../img/software/vinchin-backup-free-edition/banner.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 690px;
    padding: 70px 0;
}

.free-edition > .container {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.free-edition h1 {
    font-size: 48px;
    line-height: 1.2;
    font-weight: bolder;
    color: #1A5355;
    margin: 0;
}

.free-edition p {
    width: 100%;
    max-width: 880px;
    margin: 40px auto 0;
    font-size: 22px;
    line-height: 32px;
    color: #3D3D3D;
}

.free-edition p a {
    color: #23ABB3;
}

.main-page .edition-download > .container {
    width: 80%;
    max-width: 1350px;
    padding-top: 78px;
    padding-bottom: 88px;
}

.edition-download__card {
    display: flex;
    align-items: flex-start;
    gap: 56px;
    padding: 30px 56px;
    background-color: #FFFFFF;
    border-radius: 20px;
    box-shadow: 0 4px 10px 0 rgba(26, 83, 85, 0.2);
}

.edition-download__media {
    flex: 0 0 44%;
    min-width: 0;
    text-align: center;
}

.edition-download__media img {
    width: auto;
    height: auto;
    max-width: 360px;
    max-height: 250px;
}

.edition-download__media p {
    max-width: 520px;
    margin: 24px auto 0;
    font-size: 19px;
    line-height: 22px;
    text-align: center;
    letter-spacing: 0.02em;
    color: #3D3D3D;
}

.edition-download__form {
    flex: 1 1 auto;
}

.form-edition .form-group {
    margin-bottom: 16px;
}

.form-edition .input-wrap {
    position: relative;
}

.form-edition .input-wrap i {
    position: absolute;
    left: 18px;
    top: 50%;
    margin-top: -8px;
    font-size: 16px;
    color: #646464;
    pointer-events: none;
}

.form-edition input.form-control {
    width: 100%;
    height: 44px;
    padding: 0 18px 0 48px;
    border: 1px solid transparent;
    border-radius: 22px;
    background-color: #FFFFFF;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
    font-size: 16px;
    color: #3D3D3D;
}

.form-edition input.form-control:focus {
    border-color: #4AD1CD;
    box-shadow: none;
}

.form-edition input.form-control::-webkit-input-placeholder {
    color: #A9A9A9;
}

.form-edition input.form-control::placeholder {
    color: #A9A9A9;
}

.form-edition .form-tip {
    width: 100%;
    margin: 20px 0 0;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.02em;
    color: #3D3D3D;
}

.form-edition .input-item {
    display: flex;
    align-items: center;
}

.form-edition .input-item input {
    width: 16px;
    height: 16px;
    margin: 0 8px 0 0;
    accent-color: #4AD1CD;
    cursor: pointer;
}

.form-edition .input-item label {
    margin: 0;
    font-family: var(--default-font-family);
    font-size: 19px;
    line-height: 20px;
    letter-spacing: 0.01em;
    font-weight: normal;
    color: #3D3D3D;
    cursor: pointer;
}

.form-edition button {
    min-width: 132px;
    height: 42px;
    padding: 0 26px;
    background-color: #FFFFFF;
    border: 0;
    border-radius: 21px;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
    font-size: 19px;
    line-height: 20px;
    text-align: center;
    letter-spacing: 0.01em;
    color: #3D3D3D;
}

.form-edition button:hover,
.form-edition button:focus {
    background-color: #4AD1CD;
    border-color: #4AD1CD;
    color: #FFFFFF;
}

.form-edition .edition-learn {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.02em;
    color: #3D3D3D;
}

.form-edition .edition-learn a {
    color: #4AD1CD;
}

.main-page .edition-logo > .title-component,
.main-page .edition-poster > .title-component {
    text-align: center;
    margin: 0;
}

.main-page .edition-logo > .title-component > h2,
.main-page .edition-poster > .title-component > h2 {
    margin: 0;
    font-family: var(--default-font-family-bold) !important;
    font-size: 36px;
    line-height: 44px;
    font-weight: normal;
    color: #3D3D3D;
}

.main-page .edition-logo > .title-component {
    padding-top: 120px;
    padding-bottom: 58px;
}

.main-page .edition-poster > .title-component {
    padding-top: 121px;
    padding-bottom: 36px;
}

.edition-logo {
    width: 100%;
    background-color: #F8F8F8;
    text-align: center;
    position: static;
    margin: 0;
    padding: 0;
}

.main-page .edition-logo > .container {
    padding-top: 0;
    padding-bottom: 122px;
}

.edition-logo h2 {
    margin: 0 0 60px;
    font-size: 32px;
    font-weight: bolder;
    color: #1A5355;
}

.edition-logo .edition-logo__list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 30px 40px;
}

.edition-logo .edition-logo__list img {
    max-width: 180px;
    max-height: 60px;
    margin: 0;
    opacity: 0;
    transform: translateX(120px);
}

.main-page .edition-logo .edition-logo__list img {
    transition: opacity 0.7s ease, transform 0.7s ease;
}

.main-page .edition-logo .edition-logo__list img:nth-child(1) {
    transition-delay: 0s;
}

.main-page .edition-logo .edition-logo__list img:nth-child(2) {
    transition-delay: 0.1s;
}

.main-page .edition-logo .edition-logo__list img:nth-child(3) {
    transition-delay: 0.2s;
}

.main-page .edition-logo .edition-logo__list img:nth-child(4) {
    transition-delay: 0.3s;
}

.main-page .edition-logo .edition-logo__list img:nth-child(5) {
    transition-delay: 0.4s;
}

.main-page .edition-logo .edition-logo__list img:nth-child(6) {
    transition-delay: 0.5s;
}

.main-page .edition-logo.in-view .edition-logo__list img {
    opacity: 1;
    transform: translateX(0);
}

.edition-poster {
    color: #3D3D3D;
    background-image: none;
    padding: 0;
}

.main-page .edition-poster > .container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: 60px;
    row-gap: 36px;
    padding-top: 0;
    padding-bottom: 100px;
}

.main-page .edition-poster > .container::before,
.main-page .edition-poster > .container::after {
    content: none;
    display: none;
}

.edition-poster__text {
    flex: 1 1 56%;
    min-width: 0;
}

.edition-poster .edtion-text {
    max-width: none;
    margin: 0;
    font-size: 19px;
    line-height: 22px;
    letter-spacing: 0.02em;
    color: #3D3D3D;
}

.edition-poster .edtion-text + .edtion-text {
    margin-top: 22px;
}

.edition-poster__media {
    flex: 0 0 36%;
    min-width: 0;
    text-align: center;
}

.edition-poster__media img {
    max-width: 100%;
    height: auto;
}

.main-page .freevm-contact .container > .title-component > p {
    font-size: 17px;
    line-height: 26px;
    color: #3D3D3D;
}

.freevm-contact .row::before,
.freevm-contact .row::after {
    content: none;
    display: none;
}

.freevm-contact .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
    margin: 0;
}

.freevm-contact .row > .col-md-4 {
    flex: 1 1 300px;
    width: auto;
    max-width: 370px;
    float: none;
    padding: 50px 20px 40px;
    background-color: #FFFFFF;
    border-radius: 20px;
    box-shadow: 0 4px 10px 0 rgba(26, 83, 85, 0.2);
}

.freevm-contact .row > .col-md-4 > img {
    display: block;
    margin: 0 auto 24px;
}

.freevm-contact .row > .col-md-4 h3 {
    font-size: 24px;
    font-weight: bolder;
    line-height: 28px;
    text-align: center;
    letter-spacing: 0.02em;
    color: #3D3D3D;
}

.freevm-contact .row > .col-md-4 p {
    margin: 0;
    font-size: 19px;
    line-height: 22px;
    text-align: center;
    letter-spacing: 0.02em;
    color: #3D3D3D;
}

.freevm-contact .row > .col-md-4 p a {
    color: #4AD1CD;
}

@media (max-width: 991px) {
    .edition-download__card {
        flex-direction: column;
        gap: 30px;
        padding: 30px;
    }

    .edition-download__media {
        flex: 1 1 auto;
        width: 100%;
    }

    .edition-download__form {
        width: 100%;
    }

    .main-page .edition-poster > .container {
        flex-direction: column;
        gap: 40px;
    }
}

@media (max-width: 767px) {
    .free-edition > .container {
        padding-top: 70px;
        padding-bottom: 90px;
    }

    .free-edition h1 {
        font-size: 30px;
    }

    .free-edition p {
        margin-top: 24px;
        font-size: 17px;
        line-height: 26px;
    }

    .edition-download__card {
        padding: 24px 20px;
    }

    .edition-logo {
        display: block;
    }

    .main-page .edition-logo > .container {
        padding-top: 0;
        padding-bottom: 60px;
    }

    .edition-logo h2 {
        margin-bottom: 30px;
        font-size: 24px;
    }

    .main-page .edition-logo > .title-component > h2,
    .main-page .edition-poster > .title-component > h2 {
        font-size: 24px;
        line-height: 34px;
    }

    .main-page .edition-logo > .title-component {
        padding-top: 60px;
        padding-bottom: 30px;
    }

    .main-page .edition-poster > .title-component {
        padding-top: 60px;
        padding-bottom: 24px;
    }

    .edition-logo .edition-logo__list {
        gap: 20px 30px;
    }

    .edition-logo .edition-logo__list img {
        max-width: 110px;
        max-height: 42px;
    }

    .edition-poster .edtion-text {
        font-size: 16px;
        line-height: 26px;
    }
}

.sales-contact .item {
    text-align: center;
}

.sales-contact .item img {
    width: 75px;
}

.sales-contact .item h3 {
    font-size: 18px;
    font-weight: bolder;
    color: #3D3D3D;
}

.sales-contact .item p {
    color: #4ad1cd;
    font-size: 14px;
    word-break: break-all;
}

.support-title {
    margin: 40px auto;
    text-align: center;
    max-width: 1000px;
    font-size: 16px;
}

.support-title p {
    margin-bottom: 40px;
    font-size: 18px;
}

.title h2 {
    font-size: 26px;
    color: #3D3D3D;
    text-align: center;

    margin-top: 0;
    margin-bottom: 20px;
}

.about-vinchin {
    border-radius: 10px;
    min-height: 300px;
    background-color: rgba(255, 255, 255, .2);
}

.about-vinchin p {
    font-size: 16px;
    max-width: 900px;
    display: block;
    margin: 20px auto;
    padding: 0 10px;
    color: white;
}

.our-company p {
    font-size: 18px;
    line-height: 24px;
    color: #3D3D3D;
}

.our-company h2 {
    font-size: 26px;
    font-weight: bolder;
    color: #155861;
}

.our-company ul {
    padding: 0;
}

.our-company ul li {
    margin: 0;
    max-width: 575px;
    list-style-type: disc;
}

.our-company .col-md-5 h2 {
    margin-top: 30px;
}

.our-company .col-md-5 {
    margin-top: 20px;
}

.our-company .col-md-12 {
    margin-top: 50px;
}

.our-international {
    margin: 0 auto;
    text-align: center;
}

.our-international h3 {
    font-size: 20px;
}

.our-international h2 {
    color: #3D3D3D;
    font-size: 32px;
    font-weight: bolder;
    margin: 50px 0 30px;
    text-align: center;
}

.our-international p {
    font-size: 17px;
    max-width: 750px;
    margin: 20px auto;
}

.our-international .title-component {
    margin-bottom: 30px !important;
}

.our-team .container {
    width: 100%;
}

.our-team p {
    font-size: 18px;
    line-height: 24px;
    color: #3D3D3D;
    text-align: center;
    width: 40%;
    margin: 0 auto;
}

.our-team .team-images {
    width: 50%;
    margin: 50px auto 0;
}

.our-team .team-images .team-left {
    float: left;
    width: 45%;
}

.our-team .team-images .team-right {
    float: left;
    width: 52.5%;
    margin-left: 7px;
}

.our-team .team-images img {
    width: 100%;
}

.our-team .team-images .team-content {
    width: 100%;
    position: relative;
}

.our-team .team-images .team-content .team-text {
    display: none;
}

.our-team .team-images .team-content .team-text-content {
    position: absolute;
    width: 100%;
    height: 100%;
    font-size: 26px;
    color: #fff;
    opacity: 1;

    padding: 0;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    z-index: 99;
}

.our-team .team-images .team-content .team-text-background {
    position: absolute;
    background-color: #2B6261;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    border-radius: 10px;
}

.our-partners {
    overflow: hidden;
}

.our-partners .logo-group {
    width: 90%;
    margin: 0 auto;
}

.our-partners .logo-group .logo-content {
    float: left;
    width: 20%;
    height: 105px;
    display: flex;
    align-items: center;
}

.our-partners .logo-group .logo-content img {
    margin: 0 auto;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.logo-roll-right div[class^=logo-content] {
    animation: fadeIn 4s ease-in-out forwards;
    transition: transform 2.5s;
    transform: translateX(-2000px);
}

.logo-roll-left div[class^=logo-content] {
    animation: fadeIn 4s ease-in-out forwards;
    transition: transform 2.5s;
    transform: translateX(2000px);
}

.our-partners .logo-roll-right .logo-content:nth-child(1) {
    animation-delay: 1s, 4ms;
    transition-delay: 1s, 4ms;
}

.our-partners .logo-roll-right .logo-content:nth-child(2) {
    animation-delay: 0.75s, 4ms;
    transition-delay: 0.75s, 4ms;
}

.our-partners .logo-roll-right .logo-content:nth-child(3) {
    animation-delay: 0.5s, 4ms;
    transition-delay: 0.5s, 4ms;
}

.our-partners .logo-roll-right .logo-content:nth-child(4) {
    animation-delay: 0.25s, 4ms;
    transition-delay: 0.25s, 4ms;
}

.our-partners .logo-roll-left .logo-content:nth-child(2) {
    animation-delay: 0.25s, 4ms;
    transition-delay: 0.25s, 4ms;
}

.our-partners .logo-roll-left .logo-content:nth-child(3) {
    animation-delay: 0.5s, 4ms;
    transition-delay: 0.5s, 4ms;
}

.our-partners .logo-roll-left .logo-content:nth-child(4) {
    animation-delay: 0.75s, 4ms;
    transition-delay: 0.75s, 4ms;
}

.our-partners .logo-roll-left .logo-content:nth-child(5) {
    animation-delay: 1s, 4ms;
    transition-delay: 1s, 4ms;
}

.contact-support .l-row {
    gap: 50px
}

.contact-support .support-div {
    background-color: #FFFFFF;
    color: #3D3D3D;
    text-align: center;
    border-radius: 20px;
    padding: 40px 20px;
    position: relative;
    box-shadow: 0 4px 10px 0 rgba(26, 83, 85, 0.2);
}

.contact-support .support-div img {
    border: #fff solid 2px;
    border-radius: 5px;
    margin: 0 auto 10px;
    padding: 15px;
}

.contact-support .support-div h3 {
    line-height: 22px;
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.contact-support .support-div p {
    font-size: 19px;
    line-height: 22px;
    letter-spacing: 0.02em;
    color: #3D3D3D;
    margin: 0 auto 20px;
}

.contact-support .support-div a {
    display: block;
    font-size: 19px;
    line-height: 50px;
    height: 50px;
    border-radius: 25px;
    background-color: #FFFFFF;
    color: #3D3D3D !important;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
    width: fit-content;
    margin: 0 auto;
    padding: 0 30px;
}

.contact-support .support-div a:hover {
    background-color: #36BCB8;
    color: #FFF !important;
}

@media (min-width: 992px) {
    @supports (grid-template-rows: subgrid) and selector(:has(*)

    ) {
        .contact-support .l-row {
            display: grid;
            grid-auto-flow: column;
            grid-auto-columns: minmax(0, 1fr);
            grid-template-rows: repeat(4, auto);
            column-gap: 50px;
            row-gap: 0;
        }

        .contact-support .l-col.support-div {
            grid-row: 1 / -1;
            display: grid;
            grid-template-rows: subgrid;
        }

        .contact-support .support-div > img {
            grid-row: 1;
        }

        .contact-support .support-div > h3 {
            grid-row: 2;
        }

        .contact-support .support-div > p {
            grid-row: 3;
        }

        .contact-support .support-div > a {
            grid-row: 4;
        }
    }
}

.contact-our {
    margin: 80px auto 120px;
}

.contact-our .us-head {
    font-size: 24px;
    color: #4ad1cd;
    margin-top: 0;
}

.contact-our .us-body {
    margin-bottom: 50px;
}

.contact-our p {
    line-height: 24px;
    margin-bottom: 0;
}

.contact-our img {
    position: absolute;
    left: -50px;
    width: 50px;
}

.contact-modal .form-group:last-child {
    margin-bottom: 0;
}

.contact-modal label {
    font-size: 14px;
    color: #666666;
    padding-top: 10px;
}

.contact-modal input {
    min-height: 40px;
}

@media (max-width: 767px) {
    .contact-our {
        width: 100%;
    }

    .contact-modal {
        width: 100%;
    }
}

.news-list {
    margin-top: 80px;
    margin-bottom: 40px;
    padding: 40px 60px;
    border: 1px solid #bcbcbc;
    -webkit-box-shadow: #666 0 0 10px;
    -moz-box-shadow: #666 0 0 10px;
    box-shadow: #666 0 0 10px;
}

.news-list ul {
    padding: 0;
}

.news-list #newsList li {
    padding: 20px;
    border-bottom: 1px solid #bcbcbc;
}

.news-list #newsList li:hover {
    background-color: #DFE7EA;
}

.news-list ul li {
    margin-bottom: 0;
}

.news-list .news-img {
    text-align: center;
    padding: 0;
    margin-bottom: 5px;
}

@media (max-width: 767px) {
    .news-list {
        padding: 0;
    }

    .news-list ul {
        padding: 0;
    }

    .news-list ul li {
        padding: 5px;
    }

}

.news-container {
    padding-bottom: 70px;
    position: relative;
    margin: 95px auto 0;
}

#news-list {
    margin: 0 0 50px;
    padding: 0;
}

#news-list li {
    padding: 45px 0;
    margin: 0;
    border-bottom: 1px solid #e2e6f5;
}

#news-list li:first-child {
    padding: 0 0 45px;
}

#news-list li .col-md-4 {
    text-align: left;
}

#news-list li .news-img {
    width: 100%;
    height: 325px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;

}

#news-list li h2 {
    margin: 25px 0 10px;
    font-size: 20px;
    color: #1c2631;
    font-weight: bolder;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#news-list li p {
    font-size: 16px;
    color: #8089a5;
    margin: 0 0 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

#news-list a:hover h3 {
    color: #44bcc4;
}

#news-list li .news-more {
    position: relative;
}

#news-list li .news-more p {
    text-align: center;
    width: 94px;
    font-size: 14px;
    color: #cbcfd9;
    border: 1px solid #cbcfd9;
    padding: 2px 0;
    border-radius: 5px;
    position: absolute;
    right: 10px;
}

#news-list li .news-more a {
    position: absolute;
    top: 3px;
    left: 0;
}

#news-list li .news-more span {
    font-size: 14px;
    color: #4a4a54;
}

#news-list li .news-more img {
    width: 16px;
    position: relative;
    top: -1px;
    margin-left: 5px;
}

#news-list li .news-more a:hover span {
    color: #44bcc4;
}

#news-list li .news-more a:hover img {
    content: url(../img/blog/arrows-hover.png);
}

#news-list .no-news {
    padding: 0 0 20px !important;
    font-size: 28px;
    color: #43bcc4;
}

.news-title {
    width: 100%;
    background-color: #f9faff;
    border-radius: 5px;
    padding: 30px 0;
    margin: 0 0 40px;
}

.news-title h3 {
    font-size: 20px;
    font-weight: bolder;
    color: #1c2631;
    margin: 0 0 20px 25px;
}

.news-title ul {
    margin: 0;
    padding: 0;
}

.news-title ul li {
    padding: 0;
    margin: 0;

}

.news-title ul li a {
    display: block;
    width: 100%;
    position: relative;
    padding: 5px 0 5px 25px;
}

.news-title ul li p {
    width: 8px;
    height: 8px;
    border-radius: 20px;
    background-color: #515355;
    position: absolute;
    top: 11px;
}

.news-title ul li a:hover,
.news-title ul li a:focus,
.news-title ul li a:active,
.news-title ul li.active {
    background-color: #f0f2f9;
}

.news-title ul li span {
    font-size: 14px;
    color: #515355;
    margin: 0 0 0 24px;
}

.news-title ul li a:hover span,
.news-title ul li a:focus span,
.news-title ul li a:active span,
.news-title ul li.active span {
    color: #43bcc4;
}

.news-title ul li a:hover p,
.news-title ul li a:focus p,
.news-title ul li a:active p,
.news-title ul li.active p {
    background-color: #43bcc4;
}

.news-jump {
    max-width: 600px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.news-jump a {
    font-size: 18px;
    font-weight: bolder;
    color: #1c2631;
}

.news-jump a:hover {
    color: #4ad1cd;
}

.news-jump i {
    color: #1c2631;
    font-size: 18px;
    margin-right: 5px;
}

.news-jump span {
    color: #8b91a4;
    font-size: 14px;
}

.news-top {
    margin-top: 40px;
    margin-bottom: 15px;
}

.news-top h1 {
    margin: 30px 0 0;
    font-size: 28px;
    font-weight: bolder;
    color: #1c2631;
    position: relative;
}

.news-top p {
    width: 210px;
    text-align: center;
    font-size: 14px;
    color: #cbcfd9;
    padding: 2px 0;
    border-radius: 5px;
    border: solid 1px #cbcfd9;
    margin-top: 15px;
}

.news-tag {
    margin: 20px 0 0;
    color: #515355;
}

.news-tag ul li {
    margin: 0 15px 0 0;
    font-size: 16px;
}

.news-tag ul li p {
    background-color: #f0f2f9;
    border-radius: 5px;
    width: 130px;
    text-align: center;
    font-size: 14px;
    color: #515355;
    padding: 4px 0;
}

.news-jump {
    margin-top: 20px;
    font-size: 16px;
}

.news-jump i {
    padding: 0 5px;
    font-size: 20px;
    color: #3D3D3D;
}

.news-jump a {
    color: #3D3D3D;
    font-weight: bolder;
}

.news-jump a:hover {
    color: #4ad1cd;
}

.news-jump span {
    color: #666666;
}

.hobby-news {
    margin-top: 30px;
    margin-bottom: 20px;
    min-height: 200px;
    padding: 40px 60px 20px 60px;
    border: 1px solid #bcbcbc;
    -webkit-box-shadow: #666 0 0 10px;
    -moz-box-shadow: #666 0 0 10px;
    box-shadow: #666 0 0 10px;
}

.hobby-news h3 {
    color: #3D3D3D;
    font-size: 20px;
    font-weight: bolder;
    margin-top: 0;
}

.hobby-news p {
    margin-top: 20px;
    color: #666666;
    font-size: 14px;
}

@media (max-width: 992px) {
    .hobby-news {
        padding: 10px;
    }
}

@media (max-width: 767px) {
    .detail-page .container {
        padding: 0;
    }
}

.customer-overview {
    width: 290px;
}

.customer-overview .quick {
    background: #4ad1cd;
    color: #fff;
    margin: 0;
    padding: 5px 10px;
}

.customer-overview .cover img {
    width: 100%;
}

.customer-overview .introduce {
    background: #f2f2f2;
    padding: 20px;
}

.customer-overview .introduce .name {
    font-size: 14px;
    font-weight: bolder;
    margin-bottom: 0;
}

.customer-overview .introduce .text {
    font-size: 14px;
    margin-bottom: 20px;
}

.customer-overview a {
    width: 214px;
    background-color: #4ad1cd;
    color: #fff;
    font-size: 18px;
    text-align: center;

    display: block;
    margin: 20px auto 0;
    padding: 10px 20px;
}

.customer-overview a i {
    margin-left: 5px;
    color: #fff;
}

.customer-case > div {
    margin-bottom: 40px;
}

.customer-case a {
    display: block;
    margin: 0 auto;
    overflow: hidden;
    color: #333;
}

.customer-case a .cover {
    width: 100%;
    height: 220px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-transition: transform .2s linear;
    -moz-transition: transform .2s linear;
    -ms-transition: transform .2s linear;
    -o-transition: transform .2s linear;
    transition: transform .2s linear;
}

.customer-case a:hover .cover {
    object-fit: cover;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.customer-case .top {
    overflow: hidden;
    position: relative;
}

.customer-case .top .date {
    height: 30px;
    line-height: 30px;
    background-color: rgba(63, 203, 211, .8);
    text-align: center;
    font-size: 14px;
    font-family: var(--default-font-family-bold);
    color: white;
    border: 1px solid #3fcbd3;
    border-radius: 2px;

    display: block;
    padding: 0 8px;
    position: absolute;
    top: 12px;
    left: 12px;
}

.customer-case .bottom {
    padding: 15px;
    min-height: 230px;
    background-color: #F6F6F6;
    position: relative;
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border-color: #F6F6F6;
}

.customer-case a:hover .bottom {
    border-color: #3fcbd3;
}

.customer-case .bottom h2 {
    font-size: 18px;
    font-weight: bolder;
    margin-top: 0;
}

.customer-case a .bottom .text {
    line-height: 24px;
}

.customer-case .bottom .more {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 10px;
    padding: 0 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.customer-case a:hover .bottom h2,
.customer-case a:hover .bottom .text,
.customer-case a:hover .bottom .more {
    color: #3fcbd3;
}

.customer-case .bottom .more span {
    font-size: 14px;
}

.customer-case .bottom .more img {
    height: 50px;
}

.footer-div {
    background-color: #FFFFFF;
    color: #3D3D3D;
    padding-top: 80px;
}

.footer-div .container {
    width: 70%;
    padding-left: 0;
    padding-right: 0;
}

@media (max-width: 1500px) {
    .footer-div .container {
        width: 80%;
    }
}

.footer-div .fv-grid {
    display: flex;
    align-items: flex-start;
}

.footer-div .fv-col {
    flex: 0 0 auto;
    min-width: 0;
}

.footer-div .fv-col:nth-child(1) {
    width: 24.684%;
}

.footer-div .fv-col:nth-child(2) {
    width: 23.792%;
}

.footer-div .fv-col:nth-child(3) {
    width: 22.156%;
}

.footer-div .fv-col--sub {
    width: 29.368%;
}

.footer-div .fv-col__title {
    display: block;
    margin: 0 0 38px;
    font-size: 19px;
    font-weight: bolder;
    line-height: 23px;
    letter-spacing: 0.02em;
    color: #3D3D3D;
}

.footer-div .fv-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer-div .fv-list li {
    margin: 0 0 28px;
    padding: 0;
}

.footer-div .fv-list li:last-child {
    margin-bottom: 0;
}

.footer-div .fv-list li a {
    position: relative;
    display: block;
    padding-left: 15px;
    font-size: 16px;
    font-weight: normal;
    line-height: 20px;
    letter-spacing: 0.01em;
    color: #3D3D3D;
    text-decoration: none;
}

.footer-div .fv-list li a::before {
    content: '';
    position: absolute;
    left: 0;
    top: 3px;
    width: 3px;
    height: 16px;
    background-color: #02E0DC;
}

.footer-div .fv-list li a:hover {
    color: #02E0DC;
}

.footer-div .fv-col--sub .fv-col__title {
    margin-bottom: 0;
}

.footer-div .subscribe {
    margin-top: 25px;
}

.footer-div .subscribe .input-group {
    display: flex;
    width: 100%;
    max-width: 397px;
    height: 44px;
    margin: 0;
    background-color: #FFFFFF;
    border-radius: 22px;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
}

.footer-div .subscribe .input-group input {
    flex: 1;
    min-width: 0;
    height: 44px;
    padding: 0 22px;
    border: 0;
    background-color: transparent;
    border-radius: 22px;
    box-shadow: none;
    font-size: 16px;
    color: #3D3D3D;
}

.footer-div .subscribe .input-group input:focus {
    outline: none;
    box-shadow: none;
}

.footer-div .subscribe .input-group span {
    flex: 0 0 auto;
    width: auto;
    white-space: nowrap;
    display: flex;
    align-items: center;
    height: 44px;
    padding: 0 22px;
    font-size: 16px;
    font-weight: bolder;
    letter-spacing: .04em;
    color: #FFFFFF;
    background-color: #00BFBF;
    border-radius: 0 22px 22px 0;
    cursor: pointer;
}

.footer-div .subscribe .input-group span:hover,
.footer-div .subscribe .input-group span:focus {
    background-color: #009E9E;
}

.footer-div .subscribe .input-group.has-error {
    box-shadow: 0 2px 14px rgba(255, 35, 35, .35);
}

.footer-div .subscribe .sub-span {
    display: block;
    width: 100%;
    max-width: 345px;
    margin-top: 24px;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.02em;
    color: rgba(61, 61, 61, 0.6);
}

.footer-div .subscribe #sub-success {
    display: none;
    max-width: 397px;
    margin-top: 12px;
    font-size: 16px;
    line-height: 20px;
    color: #0EC228;
}

.footer-div .community .fv-follow {
    margin: 38px 0 24px;
    font-size: 19px;
    font-weight: bolder;
    line-height: 28px;
    letter-spacing: 0.02em;
    color: #3D3D3D;
}

.footer-div .community .iconfont {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.footer-div .community .iconfont a {
    width: 30px;
    height: 30px;

    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.footer-div .community .iconfont a:before {
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 6px;
    transition: transform 400ms;
    transform: scale(0);
    background-color: #FF2323;

    position: absolute;
    left: 0;
    top: 0;
}

.footer-div .community .iconfont a:hover:before {
    transform: scale(1);
}

.footer-div .community .iconfont a.feed:before {
    background-color: var(--share-feed-color);
}

.footer-div .community .iconfont a.reddit:before {
    background-color: var(--share-reddit-color);
}

.footer-div .community .iconfont a.youtube:before {
    background-color: var(--share-youtube-color);
}

.footer-div .community .iconfont a.twitter:before {
    background-color: var(--share-twitter-color);
}

.footer-div .community .iconfont a.facebook:before {
    background-color: var(--share-facebook-color);
}

.footer-div .community .iconfont a.linkedin:before {
    background-color: var(--share-linkedin-color);
}

.footer-div .community .iconfont i {
    font-size: 22px;
    color: #00BFBF;
    z-index: 100;
    position: relative;
}

.footer-div .community .iconfont a:hover i {
    color: #FFFFFF;
}

.footer-div .fv-divider {
    height: 1px;
    margin-top: 80px;
    background-color: #D1D1D1;
}

.footer-copyright {
    background-color: transparent;
}

.footer-copyright .copyright {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 19px;
    padding-bottom: 20px;
    font-size: 19px;
    line-height: 28px;
    color: #3D3D3D;
}

.footer-copyright a,
.footer-copyright span {
    font-size: 14px;
    line-height: 28px;
    letter-spacing: 0.02em;
    color: #3D3D3D;
}

.footer-copyright a {
    text-decoration: none;
}

.footer-copyright a:hover {
    color: #02E0DC;
}

@media (max-width: 991px) {
    .footer-div {
        padding-top: 40px;
    }

    .footer-div .fv-col--sub {
        width: 100%;
    }

    .footer-div .subscribe {
        text-align: center;
    }

    .footer-div .subscribe .input-group,
    .footer-div .subscribe .sub-span {
        margin-left: auto;
        margin-right: auto;
    }

    .footer-div .community .fv-follow {
        text-align: center;
    }

    .footer-div .community .iconfont {
        justify-content: center;
    }

    .footer-div .community .iconfont a {
        margin: 0 21px;
    }

    .footer-div .fv-divider {
        margin-top: 40px;
    }

    .footer-copyright .copyright {
        flex-direction: column;
        text-align: center;
        font-size: 14px;
    }
}

@media (max-width: 440px) {
    .pre-header ul li {
        float: left;
    }

}


@keyframes toVisable {

    0% {
        opacity: 0;
    }
    50% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
}

@keyframes industry-circle-opacity1 {
    from {
        opacity: 0.1;
        transform: scale(1);
    }
    to {
        opacity: 0;
        transform: scale(3);
    }
}

@keyframes industry-circle-opacity2 {
    from {
        opacity: 0.1;
        transform: scale(1);
    }
    to {
        opacity: 0;
        transform: scale(3);
    }
}

.layui-layer-content {
    overflow: hidden !important;
}

@-webkit-keyframes load {
    0% {
        border-top: 3px solid #4bd8e0;
        border-right: 3px solid #4bd8e0;
        transform: rotate(45deg);
    }


    100% {
        border-right: 3px solid #4bd8e0;
        border-bottom: 3px solid #4bd8e0;
        transform: rotate(90deg);
    }
}

@media (max-width: 992px) {
    .page-title.title-company {
        min-height: auto;
    }

    .page-title .title {
        margin-top: 30px;
    }

    .our-company {
        width: 90%;
        margin: 0 auto;
        margin-top: 30px;
    }

    .our-international p {
        width: 90%;
        margin: 0 auto;
    }

    .our-international img {
        width: 90%;
    }

    .our-team p {
        width: 100%;
    }

    .our-team .team-images {
        width: 90%;
    }

    .our-team .team-images .team-left {
        width: 100%;
    }

    .our-team .team-images .team-left img {
        margin-top: -30%;
    }

    .our-team .team-images .team-right {
        width: 100%;
        margin-left: 0;
        margin-top: 7px;
    }

    .our-team .team-images .team-content {
        height: 180px;
        overflow: hidden;
        border-radius: 5px;
    }

    .our-partners .display-mobile .logo-group .logo-content {
        width: 100%;
    }
}

@media (min-width: 992px) and (max-width: 1134px) {
    .support-mode .col-md-6 {
        padding: 0;
    }

    .trialForm-page, .down-trial, .buy-page, .employment-page, .about-page, .contact-page {
        width: 98%;
    }

    .partner-page .container, .partner-title .container {
        width: 100%;
    }

}

#sItem {
    padding: 0 0 0 15px;
}

@media (max-width: 1200px) {
    .header {
        background-color: #1d6b75;
    }
}

.main-page-success {
    padding: 3% 0 0 0;
}

.main-page-success .container {
    width: 70%;
}

.main-page-success .prompt {
    margin-bottom: 60px
}

.main-page-success .prompt h1 {
    font-family: var(--default-font-family-bold);
    font-size: 36px;
    color: #0fb2c6;

    margin-top: 0;
    margin-bottom: 0;
}

.main-page-success .prompt p {
    line-height: 22px;
    font-family: var(--default-font-family);
    font-size: 18px;
    color: #0fb2c6;

    margin-top: 10px;
    margin-bottom: 0;
}

.main-page-success .process {
    margin-bottom: 60px;
}

.main-page-success .process .item {
    margin-bottom: 20px;
}

.main-page-success .process .item:last-child {
    margin-bottom: 0;
}

.main-page-success .process .name {
    line-height: 30px;
    font-family: var(--default-font-family-bold);
    font-size: 22px;
    color: #155861;
    text-align: left;

    margin-top: 0;
    margin-bottom: 10px;
}

.main-page-success .process .text {
    font-size: 18px;
    line-height: 30px;
    color: #1c6973;
    padding: 0;
}

.main-page-success .process .text span {
    color: #0fb2c6;
    font-weight: bolder;
    font-size: 18px;
}

.main-page-success .process .text a {
    color: #0fb2c6;
}

.main-page-success .process .text a:hover {
    color: #0fb1c6a1;
}

.main-page-success .explore .title-explore {
    margin-bottom: 70px;
    position: relative;
}

.main-page-success .explore .title-explore h2 {
    width: fit-content;
    background-color: white;
    color: #10515a;
    font-family: var(--default-font-family-bold);
    font-size: 28px;
    text-align: center;

    margin: 0 auto;
    padding: 0 20px;
    position: relative;
    z-index: 10;
}

.main-page-success .explore .title-explore:after {
    content: "";
    width: 100%;
    height: 1px;
    border: solid 1px #1c6973;

    display: inline-block;
    position: absolute;
    top: 50%;
    z-index: 1;
}

.main-page-success .explore .col-sm-4 {
    text-align: center;
    margin: 0 0 1%;
    position: relative;
}

.main-page-success .explore .name {
    font-family: var(--default-font-family-bold);
    font-size: 22px;

    margin-bottom: 0;
}

.main-page-success .explore .bg-img {
    width: 80%;
    box-shadow: 0 3px 14px 1px rgba(35, 38, 38, 0.4);
    border-radius: 10px;
    overflow: hidden;

    display: block;
    margin: 0 auto;
    position: relative;
}

.main-page-success .explore .bg-img img {
    width: 100%;

    position: relative;
    z-index: 1;
}

.main-page-success .explore .bg-img a {
    background-color: #3D3D3D65 !important;
    background-blend-mode: multiply !important;

    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
}

.main-page-success .explore .bg-img:hover a {
    display: block !important;
}

.main-page-success .explore .bg-img a .btn-find {
    width: 120px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    border-radius: 20px;

    margin-top: -20px;
    margin-left: -60px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
}

.main-page-success .notice {
    margin-bottom: 60px;
}

.main-page-success .notice .title {
    font-family: var(--default-font-family-bold);
    font-size: 20px;
    color: #0fb2c6;

    margin-top: 0;
    margin-bottom: 20px;
}

.main-page-success .notice p {
    font-size: 18px;
    line-height: 30px;
}

@media (max-width: 1600px) {
    .main-page-success .col-lg-4 .bg-img {
        width: 286px;
    }
}

@media (max-width: 1440px) {
    .main-page-success .col-lg-4 .bg-img {
        width: 250px;
    }
}

@media (max-width: 1366px) {
    .main-page-success .col-lg-4 .bg-img {
        width: 216px;
    }
}

@media (max-width: 1200px) {
    .main-page-success .container span.line {
        display: none;
    }
}

@media (max-width: 991px) {
    .main-page-success .col-lg-4 .bg-img {
        width: 157px;
    }

    .main-page-success .col-lg-4 a {
        line-height: 37px;
        border-radius: 10px;
        font-size: 13px;
    }

    .main-page-success .col-lg-4 h1 {
        font-size: 16px;
    }

    .main-page-success .container p {
        padding-left: 0;
    }

    .main-page-success .container p {
        font-size: 33px;
    }

    .main-page-success .container p:nth-child(2) {
        font-size: 20px;
    }

}

@media (max-width: 767px) {
    .main-page-success .col-lg-4 .bg-img {
        width: 100%;
    }

    .main-page-success .container p {
        font-size: 30px;
    }

    .main-page-success .container p:nth-child(2) {
        font-size: 15px;
    }

    .main-page-success span.center {
        font-size: 24px;
    }
}

.main.notFound {
    padding: 100px 0;
    text-align: center;
    width: 100%;
}

.main.notFound .row {
    width: 100%;
    margin: 0;
}

.main.notFound img {
    margin: 0 auto 70px;
    display: inherit;
    width: 80%;
}

.main.notFound .col-md-5 {
    padding: 0;
}

.main.notFound .line {
    width: 100%;
    height: 1px;
    background-color: #1c6973;
    margin: 40px 0 70px;
}

.main.notFound .col-md-2 {
    text-align: center;
    color: #10515a;
    font-size: 28px;
    margin-top: 15px;
    font-weight: 700;
    padding: 0;
}

.main.notFound h2 {
    font-size: 34px;
    color: #155861;
    font-weight: 700;
}

.main.notFound a.return {
    width: 198px;
    height: 46px;
    line-height: 40px;
    border-radius: 10px;
    border: solid 2px #4ad1cd;
    display: inline-block;
    color: #4ad1cd;
    font-size: 24px;
    margin: 27px 0 100px;
}

.main.notFound a.return:hover {
    border: solid 2px white;
    color: white;
    background-color: #4ad1cd;
}

@media (max-width: 991px) {
    .main.notFound h2 {
        font-size: 26px;
    }
}

.subscription, .unsubscribe, .unsubscribe-success {
    background-image: linear-gradient(to right, #173B47, #1C666F);
    width: 100%;
    height: 100%;
    position: fixed;
}

.unsubscribe-reason {
    background-image: linear-gradient(to right, #173B47, #1C666F);
    width: 100%;
}

.subscription .row img, .unsubscribe .row img, .unsubscribe-success .row img {
    height: 400px;
    float: right;
    margin-top: 25%;
}

.unsubscribe-reason .row img {
    height: 300px;
    float: right;
    margin-top: 15%;
    margin-bottom: 15%;
}

.subscription .characters {
    margin-top: 44%;
}

.unsubscribe .characters, .unsubscribe-success .characters {
    margin-top: 35%;
}

.unsubscribe .button {
    margin-top: 5%;
}

.unsubscribe .button a {
    background-color: unset;
    color: #4AD1CD;
    font-size: 18px;
    border: 1px solid #4AD1CD;
    padding: 5px 60px;
    margin-right: 20px;
}

.unsubscribe .button .btn-active {
    background-color: #4AD1CD;
    color: white;
}

.unsubscribe .button a:hover {
    background-color: #4AD1CD;
    color: white;
}

.subscription .row h1, .unsubscribe .row h1, .unsubscribe-success .row h1 {
    color: white;
    text-shadow: 0 5px 3px #194954;
    font-size: 36px;
}

.subscription .row h3, .unsubscribe .row h3, .unsubscribe-success .row h3 {
    font-size: 24px;
    color: #C1F6FF;
}

.unsubscribe-reason .unsubscribing {
    width: 85%;
    margin: 15% auto 0;
}

.unsubscribe-reason .title {
    height: 75px;
    background-image: url(../img/email/subscription/unsubscribe-reason-img.png);
    background-repeat: no-repeat;
    background-size: 100% 115%;
    background-position: 0 105%;
    box-shadow: 0 5px 3px #194954;
    border-radius: 10px 10px 0 0;
}

.unsubscribe-reason .title p {
    color: white;
    font-size: 24px;
    line-height: 75px;
    margin-left: 40px;
}

.unsubscribe-reason .content {
    background-color: #FFFFFF;
    border-radius: 0 0 10px 10px;
    box-shadow: 0px 5px 20px #577073;
    margin-bottom: 50px;
}

.unsubscribe-reason .content .substance {
    width: 90%;
    margin: 0 auto;
    padding: 30px 0;
}

.unsubscribe-reason .content .substance p {
    color: #1b5c66;
    font-size: 14px;
}

.unsubscribe-reason .content .substance ul li {
    text-align: left;
    padding-left: 8px;
    border-radius: 10px;
    background-color: #EEEEEE;
    height: 40px;
    line-height: 40px;
    margin-top: 10px;
    width: 85%;
    font-size: 13px;
    border: 2px solid #EEEEEE;
    cursor: pointer;
}

.unsubscribe-reason .content .substance .unsubscribe_reason_final {
    border-radius: 10px;
    width: 85%;
    height: 100px;
    background-color: #EEEEEE;
    border: none;
    resize: none;
    padding: 10px;
}

.unsubscribe-reason .content .substance .active {
    border: 2px solid #4AD1CD;
}

.unsubscribe-reason .content .substance .unsubscribe-submit {
    color: white;
    background-color: #4AD1CD;
    padding: 10px 50px;
    border-radius: 5px;
    font-size: 16px;
}

.unsubscribe-reason .content .substance .unsubscribe-submitted {
    display: none;
    color: white;
    background-color: #B5B5B5;
    padding: 10px 50px;
    border-radius: 5px;
    font-size: 16px;
}

.unsubscribe-reason .content .substance .unsubscribe-cancel {
    color: white;
    background-color: #eb9316;
    padding: 10px 50px;
    border-radius: 5px;
    font-size: 16px;
}

.unsubscribe-success .characters a {
    color: #47C8C5;
    text-decoration: underline;
}

.unsubscribe-success .modal-dialog, .subscription .modal-dialog {
    width: 450px;
    margin-top: 300px;
}

.unsubscribe-success .modal-header, .subscription .modal-header {
    background-image: url(../img/email/subscription/unsubscribe-reason-img.png);
    background-repeat: no-repeat;
    background-size: 100% 115%;
    background-position: 0 105%;
    color: white;
}

.unsubscribe-success .modal-header .close, .subscription .modal-header .close {
    color: white;
}

.totop {
    width: 50px;
    height: 50px;
    background-color: #63dde4;
    border-radius: 5px;
    position: fixed;
    bottom: 100px;
    right: 2px;
    text-align: center;
    line-height: 50px;
    font-size: 30px;
    color: white;
    z-index: 999;
    cursor: pointer;
    display: none;
}

.totop a {
    display: inline-block;
    transform: scale(1.3, 1.5);
    color: white;
}

ul:last-child, ol:last-child {
    margin-bottom: 0;
}

[class^="neo-"] .more {
    color: #4ad1cd;
    cursor: pointer;
}

.more i {
    transition: transform 0.3s;
}

.more:hover i {
    transform: translateX(5px);
}

.main-page div.gary {
    background-color: #f8f8f8;
}

.main-page div.blue {
    background-color: #d7eced;
}

.main-page div.navy-blue {
    background-color: #36a3a5;
}

.main-page div.indigo {
    background-color: #08404c;
}

.main-page div > .container {
    padding-top: 78px;
    padding-bottom: 88px;
}

.main-page.ultra-page div:not(.blog-text-vm-backup) > .container {
    width: 80%;
    max-width: 1366px;
}

.main-page div > .container.flush-top {
    padding-top: 0;
}

.main-page div.white .title-component {
    color: white;
}

.main-page .container > .title-component {
    color: #3D3D3D;
    text-align: center;
    margin-top: 0;
    margin-bottom: 70px;
}

.main-page .container > .title-component > .heading {
    line-height: 46px;
    font-family: var(--default-font-family-bold) !important;
    font-size: 34px;
    margin-bottom: 70px;
}

.main-page .container > .title-component > h2 {
    line-height: 44px;
    font-family: var(--default-font-family-bold) !important;
    font-size: 36px;
    margin-top: 0;
    margin-bottom: 0;
}

.main-page .container > .title-component > h2 > span {
    color: #329295;
    font-size: 36px;
}

.main-page .container > .title-component > p {
    line-height: 30px;
    font-family: var(--default-font-family) !important;
    font-size: 19px;
    margin-top: 10px;
}

.main-page .container > .title-component.title-compact {
    margin-bottom: 50px;
}

.main-page div > .container > .row {
    color: #3D3D3D;
}

.main-page .neo-tabs-panel {
    display: none
}

.main-page .neo-tabs-panel.active {
    display: block
}

.less-page div > .container {
    margin-top: 88px;
}

.less-page > div:last-child > .container {
    margin-bottom: 88px;
}

.less-page .container > .title-component {
    color: #20124d;
    text-align: center;
    margin-top: 0;
    margin-bottom: 40px;
}

.less-page .container > .title-component > h2 {
    line-height: 30px;
    font-size: 30px;
    font-weight: bolder;
    margin-top: 0;
    margin-bottom: 0;
}

.padding-lt {
    padding-left: 56px;
}

.padding-rt {
    padding-right: 56px;
}

.neo-button {
    text-align: center;
}

.neo-button a {
    font-size: 19px;
    background-color: #fff;
    color: #3D3D3D !important;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
    height: 50px;
    line-height: 50px;
    margin: 80px auto 0;
    padding: 0 40px;
    border-radius: 25px
}

.neo-button a:hover {
    background-color: #36BCB8;
    color: #FFF !important;
}

.neo-headline {
    width: 100%;
    height: 260px;
    background-image: radial-gradient(100% 100% at 50% 14%, #1dcac54d 0%, #c4faea80 75%, #fcfeff 100%);
    background-blend-mode: normal, normal;
    text-align: -webkit-center;
    margin-top: -70px;
    padding-top: 70px;
}

.neo-headline.medium {
    height: 386px;
}

.neo-headline.tall {
    height: 640px;
}

.neo-headline.tall .title {
    font-size: 44px;
    line-height: 48px;
    padding-bottom: 40px;
}

.neo-headline.tall p {
    font-size: 24px;
}

.neo-headline.tall .btn-group {
    margin-top: 60px;
}

.neo-headline .container {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
}

.neo-headline .title {
    font-size: 28px;
    font-weight: bolder;
    font-stretch: normal;
    line-height: 40px;
    letter-spacing: 0;
    color: #1A5355;
    margin-top: 0;
    margin-bottom: 0;
}

.neo-headline p {
    font-size: 20px;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0;
    color: #3D3D3D;
    margin-top: 0;
    margin-bottom: 20px;
}

.neo-headline .input {
    width: 68%;
    text-align: left;
    margin-top: 20px;
}

.neo-headline .input label {
    color: white;
    font-size: 12px;
    margin-bottom: 4px;
}

.neo-headline .input input {
    width: 100%;
    height: 40px;
    background-color: white;
    border: 0;
    padding: 10px 14px;
}

.neo-headline .info {
    width: 100%;
    display: flex;
    margin-top: 80px;
}

.neo-headline .info .item {
    width: 25%;
    border-right: 1px solid #D8D8D8;
}

.neo-headline .info .item:last-child {
    border-right: unset;
}

.neo-banner {
    margin-bottom: -70px;
    position: relative;
    top: -70px;
    z-index: 100;
}

.neo-banner .btn-group {
    display: flex;
    align-items: center;
    gap: 56px;
}

.neo-banner .btn-group a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 48px;
    padding: 0 32px;
    border-radius: 24px;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
    font-size: 22px;
    font-weight: normal;
    text-decoration: none;
    background-color: #FFFFFF;
    color: #3D3D3D;
    transition: all 0.25s ease;
    white-space: nowrap;
}

.neo-banner .btn-group a {
    background-color: #FFFFFF;
    color: #3D3D3D;
}

.neo-banner .btn-group a:hover {
    background-color: #36BCB8;
    color: #FFFFFF;
}

@media (max-width: 767px) {
    .neo-banner .btn-group {
        gap: 16px;
    }

    .neo-banner .btn-group a {
        height: 40px;
        padding: 0 18px;
        border-radius: 20px;
        font-size: 16px;
    }
}

.neo-banner .item {
    color: #3D3D3D;
    margin: 0 auto;
    padding: 70px 0;
    position: relative;
    z-index: 1000;
}

.neo-banner .item .item-container {
    height: 500px;
    margin: 0 auto;
    position: relative;
    z-index: 99;

    background-position-x: calc(100% + 20px);
    background-position-y: center;
    background-repeat: no-repeat;

    display: flex;
    align-items: center;
    justify-content: space-between;
}

.neo-banner .item .item-container .item-intro {
    width: 60%;
}

.neo-banner .item .item-container .item-intro + img {
    width: 560px;
    position: absolute;
    right: 0;
    z-index: -1;
}

.neo-banner .item .item-container .background-image {
    position: absolute;
    right: 0;
    z-index: -2;
}

.neo-banner h1, .neo-banner .h1 {
    line-height: 48px;
    font-family: var(--default-font-family-bold);
    font-size: 36px;
    font-weight: bolder;
    color: #1A5355;
    margin-top: 0;
    margin-bottom: 20px;
}

.neo-banner.inner-banner {
    background-image: url('../img/solution/banner.webp');
    background-size: cover;
}

.neo-banner.feature-banner {
    background-image: url('../img/solution/banner.webp');
}

.neo-banner.inner-banner p {
    line-height: 30px;
    font-size: 26px;
    margin: 20px 0 52px;
}

.neo-banner ul li {
    line-height: 24px;
    font-size: 16px;
}

.neo-banner .item-intro > ul {
    margin-top: 30px;
}

.neo-banner .item-intro > a {
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    text-align: center;
    margin-right: 30px;
    padding: 0 36px;
}

.neo-banner .item-intro > a:last-child {
    margin-right: 0;
}

.neo-banner .item-intro > a.btn-white {
    line-height: 46px;
}

.neo-banner .item-intro > a.btn-white:hover {
    color: #3D3D3D;
}

.neo-banner .align-center {
    justify-content: space-between;
}

.neo-banner .align-center img {
    height: 420px;
}

.neo-banner .indicators {
    text-align: center;
    position: absolute;
    bottom: 30px !important;
    z-index: 1000;
}

.neo-banner .indicators span {
    width: 80px;
    height: 6px;
    background-color: #4ad1cd;
    border-radius: unset;
    display: inline-block;
    margin-right: 10px;
    cursor: pointer;
}

@media (max-width: 1440px) {
    .neo-banner .banner-container {
        padding-top: 0;
        padding-bottom: 0;
    }

    .neo-banner .inner-banner h2 {
        font-size: 26px;
    }

    .neo-banner .item .item-container {
        height: 540px;
    }

    .neo-banner .item .item-container .item-intro + img {
        width: 460px;
    }

}

@media (max-width: 1366px) {
    .neo-banner .item .item-container {
        height: 520px;
    }

}

@media (max-width: 1199px) {
    .neo-banner .item .item-container .item-intro {
        width: 100% !important
    }

    .neo-banner p {
        font-size: 22px !important;
        margin: 0 0 20px;
    }
}

@media (max-width: 767px) {
    .neo-banner .item-container .background-image {
        width: 100%;
        transform: none !important;
    }

    .neo-banner h1, .neo-banner .h1 {
        line-height: 32px;
        font-size: 24px !important;
    }

    .neo-banner p {
        font-size: 18px !important;
    }

    .neo-banner .item-intro > a {
        height: 40px;
        line-height: 40px;
        font-size: 14px;
        margin-right: 16px;
        padding: 0 14px;
    }
}

.sol-banner {
    height: 640px;
    background-image: url('../img/solution/banner.webp');
    margin-bottom: -70px;
    padding-top: 70px;
    position: relative;
    top: -70px;
    z-index: 100;
    display: flex;
    align-items: center;
    background-position: center;
}

.sol-banner .banner-container {
    width: 80%;
    max-width: 1366px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
}

.sol-banner h1 {
    font-family: var(--default-font-family-bold);
    font-size: 44px;
    font-weight: 600;
    line-height: 48px;
    letter-spacing: 0.02em;
    color: #1A5355;
    margin-top: 0;
    margin-bottom: 0;
}

.sol-banner p {
    font-family: var(--default-font-family-bold);
    font-size: 44px;
    font-weight: 600;
    line-height: 48px;
    letter-spacing: 0.02em;
    color: #1A5355;
    margin-bottom: 24px;
}

.sol-banner h1.sol-banner__title {
    margin-bottom: 24px;
}

.sol-banner .sol-banner__title .sol-banner__title-line {
    display: block;
    color: #1A5355;
    font-size: inherit;
    line-height: inherit;
}

@media (max-width: 1199px) {
    .sol-banner .sol-banner__title .sol-banner__title-sub {
        font-size: 22px;
    }
}

@media (max-width: 767px) {
    .sol-banner .sol-banner__title .sol-banner__title-sub {
        font-size: 18px;
    }

    .sol-banner .sol-banner__title .sol-banner__title-line {
        display: inline;
    }
}

.sol-banner ul {
    margin-bottom: 60px;
    padding-left: 12px;
}

.sol-banner ul li {
    font-size: 24px;
    padding-left: -12px;
    line-height: 28px;
    letter-spacing: 0.02em;
    color: #3D3D3D;
    list-style: none;
}

.sol-banner ul li::before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-left: -12px;
    margin-right: 8px;
    border-radius: 50%;
    background-color: #3D3D3D;
    vertical-align: middle;
}

.sol-banner .sol-banner__text {
    flex: 6;
    position: relative;
}

.sol-banner .sol-banner__media {
    flex: 4;
    text-align: right;
}

.sol-banner .sol-banner__media img {
    max-width: 100%;
}

@media (max-width: 991px) {
    .sol-banner .sol-banner__media {
        display: none;
    }
}

.blog-banner {
    padding-top: 70px;
    padding-bottom: 0;
    height: 640px;
    align-items: center;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
    display: flex;
    width: 100%;
    margin-bottom: -70px;
    position: relative;
    top: -70px;
    z-index: 100;
}

.blog-banner--center {
    text-align: center;
}

.blog-banner--center .btn-group {
    justify-content: center;
    align-items: center;
}

.blog-banner .container {
    width: 80%;
    max-width: 1366px;
}

.blog-banner__row {
    display: flex;
    align-items: center;
    gap: 40px;
}

.blog-banner__text {
    flex: 1 1 64%;
}

.blog-banner__media {
    flex: 1 1 36%;
}

.blog-banner h1,
.blog-banner h2 {
    font-family: var(--default-font-family-bold);
    font-size: 44px;
    font-weight: 600;
    line-height: 40px;
    letter-spacing: 0.02em;
    line-height: 1.1;
    color: #1A5355;
    margin: 0 0 24px;
}

.blog-banner p {
    font-size: 24px;
    font-weight: normal;
    line-height: 28px;
    letter-spacing: 0.02em;
    color: #3D3D3D;
    margin: 0 0 40px;
}

.blog-banner .btn-group {
    margin-top: 40px;
}

.blog-banner ul {
    margin: 0 0 40px;
    padding: 0;
    column-count: 2;
    column-gap: 24px;
}

.blog-banner ul li {
    position: relative;
    padding-left: 16px;
    margin-bottom: 0;
    font-size: 19px;
    font-weight: normal;
    line-height: 22px;
    color: #3D3D3D;
    list-style: none;
    break-inside: avoid;
}

.blog-banner ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #3D3D3D;
}

.blog-banner__media img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}

@media (max-width: 991px) {
    .blog-banner {
        height: auto;
        padding-top: 130px;
        padding-bottom: 56px;
    }

    .blog-banner__row {
        flex-direction: column;
        gap: 40px;
    }

    .blog-banner__text {
        flex: 1 1 auto;
        width: 100%;
    }

    .blog-banner__media {
        display: none;
    }

    .blog-banner ul {
        column-count: 1;
        column-gap: 0;
        margin-bottom: 40px;
    }

    .blog-banner ul li {
        margin-bottom: 8px;
    }

    .blog-banner ul li:last-child {
        margin-bottom: 0;
    }
}

@media (max-width: 767px) {
    .blog-banner {
        height: auto;
        padding-top: 120px;
        padding-bottom: 48px;
    }

    .blog-banner h1,
    .blog-banner h2 {
        font-size: 28px;
        line-height: 34px;
    }

    .blog-banner p {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 32px;
    }

    .blog-banner ul {
        margin-bottom: 32px;
    }

    .blog-banner .btn-group {
        margin-top: 32px;
    }
}

.sol-perform__intro {
    margin-bottom: 60px;
}

.sol-perform__media img {
    display: block;
    width: 100%;
    height: auto;
}

.sol-perform__copy p {
    font-size: 19px;
    font-weight: normal;
    line-height: 32px;
    letter-spacing: 0.02em;
    color: #3D3D3D;
    text-align: left;
    margin: 0;
}

@media (max-width: 991px) {
    .sol-perform__intro {
        margin-bottom: 40px;
    }

    .sol-perform__copy p {
        font-size: 17px;
        line-height: 28px;
        margin-top: 28px;
    }
}

.neo-customer .swiper-container {
    padding: 70px 0 10px;
}

.neo-customer .item {
    width: 80%;
    border: 20px;
    background-color: white;
    box-shadow: 0 0 10px 0 #d6d6d6;
    text-align: center;
    border-radius: 20px;
    margin: 0 auto;
    padding-bottom: 40px;
}

.neo-customer .item p {
    font-size: 16px;
    font-weight: bolder;
    margin: 0 150px;
}

.neo-customer .item .name {
    font-size: 14px;
}

.neo-customer .item .info {
    font-size: 14px;
    margin-bottom: 10px;
}

.neo-customer .item .cover {
    width: 200px;
    height: 200px;
    background-size: cover;
    background-position: center;
    border-radius: 50%;
    border: 20px solid #f8f8f8;
    margin: 0 auto -50px;
    position: relative;
    top: -80px;
}

.neo-customer .swiper-button-next, .neo-customer .swiper-button-prev {
    width: unset;
    height: unset;
    color: #16252e;
    background-image: unset;
    text-align: center;
    font-size: 60px;
}

.neo-customer hr {
    width: 72px;
    height: 2px;
    background-color: #0b898c;
    margin: 38px auto;
}

.search_top {
    margin-bottom: 60px;
}

.search_top label {
    font-family: var(--default-font-family);
    font-size: 16px;
    font-weight: normal;
    line-height: 30px;
    letter-spacing: 0;
    color: #4ad1cd;
    display: block;
}

.neo-page ._htools-select ._select-select-ul {
    max-height: 300px;
    overflow-y: auto;
}

.neo-page ._htools-select {
    width: 333px;
    height: 47px;
    border-radius: 4px;
    border: solid 1px #4ad1cd;
    font-family: var(--default-font-family);
    font-size: 18px;
    color: #4ad1cd;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    outline: none;
    transition: unset;
    background-color: white;
    padding: 0 10px;
}

.neo-page ._htools-select:hover {
    border: solid 1px #4ad1cd;
}

.neo-page ._htools-select ._select-input {
    width: 100% !important;
    line-height: 38px;
    color: #4ad1cd;
    font-size: 16px;
    margin-left: 0;
    padding: 0;
    display: block;

    background-image: url(../img/support/down-icon.png);
    background-repeat: no-repeat;
    background-position: right center;
}

.neo-page ._htools-select ._select-selectbtn {
    display: none;
}

.neo-page ._htools-select ._select-select-ul {
    border-radius: 4px;
    border: solid 1px #4ad1cd;
    padding: 8px;
    left: -11px;
}

.neo-page ._htools-select ._select-select-ul li {
    border-radius: 4px;
    transition: unset;
    color: #4ad1cd;
    line-height: 30px;
}

.neo-page ._htools-select ._select-select-ul li:hover {
    background-color: #4ad1cd;
    color: #FFFFFF;
}

.neo-carousel {
    position: relative;
    overflow: hidden;
}

.neo-carousel .brand-title {
    width: 100%;
    position: absolute;
    top: 70px;
    left: 0;
    z-index: 2;
}

.neo-carousel .brand-title .container {
    width: 100%;
    text-align: center;
    padding: 0;
}

.neo-carousel .brand-container {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    transition: background-image 0.3s ease-in-out;;
}

.neo-carousel .item {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    color: white;
    position: relative;
    padding: 0 0 40px;
}

.neo-carousel .item h3.name {
    font-size: 32px;
    font-family: var(--default-font-family-bold);
    margin-top: 0;
    margin-bottom: 18px;
}

.neo-carousel .item h3.name:nth-child(2) {
    margin-bottom: 4px;
}

.neo-carousel .item .info {
    font-size: 16px;
    margin-bottom: 40px;
}

.neo-carousel .item p {
    max-width: 700px;
    font-size: 16px;
    margin-top: 20px;
    margin-bottom: 20px;
    color: white;
}

.neo-carousel .item .addr {
    font-size: 16px;
    margin-bottom: 40px;
}

.neo-carousel .item .country {
    font-size: 16px;
    margin-bottom: 40px;
}

.neo-carousel .item .more {
    font-size: 16px;
}

.neo-carousel .item .button {
    background-color: var(--default-color);
    color: #fff;
    display: inline-block;
    padding: 5px 24px;
    font-size: 18px;
    border-radius: 24px;
    line-height: 38px;
    height: 48px;
    margin-right: 40px;
}

.neo-carousel .item .button:hover {
    background-color: var(--default-hover-color);
}

.neo-carousel .swiper-pagination {
    width: 100%;
    text-align: center;
    overflow: hidden;
    position: absolute;
    bottom: 20px;
}

.neo-carousel .swiper-pagination .swiper-pagination-bullet {
    width: 80px;
    height: 6px;
    background-color: #4ad1cd;
    border-radius: unset;
    display: inline-block;
    margin: 0 5px;
    cursor: pointer;
}

.neo-carousel .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1;
}

.neo-manufacturer {
    text-align: center;
    padding: 40px 0;
}

.neo-manufacturer img {
    height: 50px;
    display: inline-block;
    margin: 0 50px;
}

.neo-text {
    padding-top: 70px;
}

.neo-text.padding-bt {
    padding-bottom: 80px;
}

.neo-text p {
    max-width: 940px;
    line-height: 32px;
    color: #434343;
    font-size: 22px;
    text-align: center;
    margin: 0 auto;
}

.neo-panel {
    position: relative;
    z-index: 100;
    padding-top: 78px;
}

.neo-panel .container {
    line-height: 30px;
    background-image: linear-gradient(90deg, #1f6f79 0%, #48cbc8 100%);
    color: white;
    font-size: 18px;
    text-align: center;
    padding: 60px;
}

.neo-panel .container {
    line-height: 30px;
    background-image: linear-gradient(90deg, #1f6f79 0%, #48cbc8 100%);
    color: white;
    font-size: 18px;
    text-align: center;
    padding: 60px;
}

.neo-panel .l-row {
    width: 100%;
    gap: 75px;
}

.neo-panel .item {
    color: #3D3D3D;
    background-color: white;
    text-align: center;
    box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.06);
    padding: 0 42px 80px;
    position: relative;

    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
}

.neo-panel .item .icon {
    width: 100px;
    height: 100px;
    border-radius: 50px;
    background-color: #d7eced;
    background-position: center center;
    background-repeat: no-repeat;

    position: relative;
    top: -40px;
}

.neo-panel .item:hover .icon {
    background-color: #36a4a6;
}

.neo-panel p {
    margin-top: -10px;
}

.neo-panel .btn-normal {
    font-size: 18px;
    height: 42px;
    line-height: 42px;
    padding: 0 16px;
    position: absolute;
    bottom: 20px;
}

.neo-why__item {
    text-align: center;
}

.neo-why__item .icon {
    width: 90px;
    height: 90px;
    border: 2px solid #5DB8C1;
    border-radius: 50%;
    margin: 0 auto 30px;

    display: flex;
    align-items: center;
    justify-content: center;
}

.neo-why__item h3 {
    height: 60px;
    font-size: 26px;
    font-weight: bolder;
    margin-bottom: 30px;

    display: flex;
    align-items: center;
    justify-content: center;
}

.neo-why__item p {
    font-size: 16px;
    line-height: 24px;
}

@media (max-width: 767px) {
    .neo-why__item {
        margin-bottom: 15px;
    }

    .neo-why__item:last-child {
        margin-bottom: 0;
    }
}

.neo-whatget {
    text-align: center;
}

.neo-whatget.about-vinchin h2 {
    color: #3D3D3D;
    font-size: 32px;
    font-weight: bolder;
    margin: 0 0 50px;
}

.neo-whatget .col-lg-4:last-child {
    margin-right: 0;
}

.neo-whatget img {
    margin: 0 auto;
    display: block;
    align-self: center;
}

.neo-whatget h3 {
    font-weight: bolder;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: 0.02em;
    color: #3D3D3D;
    margin: 30px 0;
    text-align: center;
}

.neo-whatget p {
    font-size: 19px;
    line-height: 22px;
    letter-spacing: 0.02em;
    color: #3D3D3D;
    text-align: center;
}

.neo-bar {
    background-color: rgba(255, 255, 255, 0.6);
    backdrop-filter: blur(20px);
    box-shadow: 0 15px 15px 0 rgba(117, 117, 117, 0.08);
    position: sticky !important;
    top: 70px;
    z-index: 10000;
}

.neo-bar > .container > .row {
    display: flex;
    justify-content: space-between;
}

.neo-bar .navigate {
    display: flex;
    align-items: center;
    justify-content: left;
    flex: 1;
    margin-bottom: 0;
    padding: 0 15px;
    gap: 60px;
}

.neo-bar .navigate li {
    height: 80px;
    line-height: 80px;
    font-size: 19px;
    color: #3D3D3D;
    text-align: center;
    cursor: pointer;
    padding: 0 10px;
}

.neo-bar .navigate li.active, .neo-bar .navigate li:hover {
    color: #4AD1CD;
    border-bottom: 6px solid #4AD1CD;
}

.neo-bar .request {
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: right;
}

.neo-bar .request a {
    min-width: 158px;
    height: 34px;
    line-height: 32px;
    color: white;
    border-radius: 4px;
    text-align: center;
    padding: 0 10px;
}

.neo-bar .request a:first-child {
    margin-right: 10px;
}

@media (max-width: 991px) {
    .neo-bar .navigate {
        width: 100%;
    }

    .neo-bar .navigate li {
        margin-right: 0;
    }

    .neo-bar .request {
        display: none;
    }
}

@media (max-width: 767px) {
    .neo-bar {
        height: 58px;
    }

    .neo-bar .navigate {
        padding: 0 6px;
        flex-wrap: nowrap;
        justify-content: flex-start;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .neo-bar .navigate::-webkit-scrollbar {
        display: none;
    }

    .neo-bar .navigate li {
        height: 58px;
        line-height: 58px;
        font-size: 14px;
        margin-right: 20px;
        white-space: nowrap;
        flex: 0 0 auto;
    }
}

.neo-solution .container {
    max-width: 1130px;
}

.neo-solution .row {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    row-gap: 30px;
}

.neo-solution .col-sm-3 {
    padding: 0 20px;
}

.neo-solution .item {
    height: 100%;
    border: 1px solid #36A4A6;
    text-align: center;
    display: block;
    padding: 30px 20px;
    color: #3D3D3D;
}

.neo-solution:not(.ns-support) .item:hover {
    background-color: #36A4A6;
    color: #F5F5F5;
}

.neo-solution a.item {
    color: #3D3D3D;
}

.neo-solution .item h3 {
    line-height: 24px;
    font-size: 19px;
    font-weight: bolder;
    margin-top: 0;
    margin-bottom: 0;
}

.neo-solution .item:hover h3 a {
    color: #F5F5F5;
}

.neo-solution .item h3 a {
    color: inherit;
}

.neo-solution .item p {
    font-size: 16px;
    font-weight: normal;
    line-height: 20px;
    text-align: center;
    letter-spacing: 0.01em;
}

/* .neo-solution .item:hover p a {
    color: #F5F5F5;
} */

.neo-solution a.item:hover h3 {
    color: #36A4A6;
}

.neo-solution .item .icon {
    width: 90px;
    height: 70px;
    background-position: center center;
    background-repeat: no-repeat;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.neo-solution .item .icon img {
    width: fit-content;
    height: fit-content;
    max-height: 100%;
}

.neo-solution.ns-series .item {
    border-radius: 20px;
    background-color: #FFFFFF;
    box-shadow: 0 4px 10px 0 rgba(26, 83, 85, 0.2);
    border: unset;
}

.neo-solution.ns-series .item:hover {
    background-color: #5DB8C1;
    color: #FFFFFF;
    transform: scale(1.05);
}

.neo-solution.ns-support .item h3:after {
    content: "";
    width: 52px;
    height: 2px;
    background-color: #5DB8C1;
    display: block;
    margin: 12px auto 0;
}

.neo-solution .item .serial {
    width: 64px;
    height: 64px;
    color: #5DB8C1;
    font-size: 30px;
    border-radius: 50%;
    background-color: #d7eced;
    background-position: center center;
    background-repeat: no-repeat;

    margin: -50px auto 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (min-width: 768px) {
    @supports (grid-template-rows: subgrid) and selector(:has(*)

    ) {

        .neo-solution .row:not(:has(> [class*="col-sm-6"]))::before,
        .neo-solution .row:not(:has(> [class*="col-sm-6"]))::after {
            content: none;
        }

        .neo-solution .row:not(:has(> [class*="col-sm-6"])) {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            row-gap: 30px;
        }

        .neo-solution .row:not(:has(> [class*="col-sm-6"])) > :nth-child(-n+3) {
            grid-row: 1 / 4;
        }

        .neo-solution .row:not(:has(> [class*="col-sm-6"])) > :nth-child(n+4):nth-child(-n+6) {
            grid-row: 4 / 7;
        }

        .neo-solution .row:not(:has(> [class*="col-sm-6"])) > :nth-child(n+7) {
            grid-row: 7 / 10;
        }

        .neo-solution .row:not(:has(> [class*="col-sm-6"])):not(:has(.icon)):not(:has(.serial)) > :nth-child(-n+3) {
            grid-row: 1 / 3;
        }

        .neo-solution .row:not(:has(> [class*="col-sm-6"])):not(:has(.icon)):not(:has(.serial)) > :nth-child(n+4):nth-child(-n+6) {
            grid-row: 3 / 5;
        }

        .neo-solution .row:not(:has(> [class*="col-sm-6"])):not(:has(.icon)):not(:has(.serial)) > :nth-child(n+7) {
            grid-row: 5 / 7;
        }

        .neo-solution .row:not(:has(> [class*="col-sm-6"])) > [class*="col-"] {
            width: auto;
            float: none;
            min-width: 0;
            display: grid;
            grid-template-rows: subgrid;
        }

        .neo-solution .row:not(:has(> [class*="col-sm-6"])) > [class*="col-"] > .item {
            grid-row: 1 / -1;
            display: grid;
            grid-template-rows: subgrid;
            row-gap: 26px;
        }

        .neo-solution .row:not(:has(> [class*="col-sm-6"])) .item > .icon {
            grid-row: 1;
        }

        .neo-solution .row:not(:has(> [class*="col-sm-6"])) .item > .serial {
            grid-row: 1;
        }

        .neo-solution .row:not(:has(> [class*="col-sm-6"])) .item > .serial + h3 {
            margin-top: calc(20px - 30px);
        }

        .neo-solution .row:not(:has(> [class*="col-sm-6"])) .item > h3 {
            grid-row: 2;
        }

        .neo-solution .row:not(:has(> [class*="col-sm-6"])) .item > p {
            grid-row: 3;
        }

        .neo-solution .row:not(:has(> [class*="col-sm-6"])):not(:has(.icon)):not(:has(.serial)) .item > h3:first-child {
            grid-row: 1;
        }

        .neo-solution .row:not(:has(> [class*="col-sm-6"])):not(:has(.icon)):not(:has(.serial)) .item > h3:first-child + p {
            grid-row: 2;
        }
    }
}

.neo-platforms .line {
    padding-bottom: 60px;
}

.neo-platforms .neo-platforms__title {
    height: 80px;
    border-radius: 40px;
    background-color: #FFFFFF;
    box-shadow: 0 4px 10px 0 rgba(26, 83, 85, 0.2);
    margin: 40px auto 0;
    justify-content: center;
    display: flex;
    gap: 60px;
    padding: 0 50px;
    width: fit-content;
}

.neo-platforms .neo-platforms__title .tabs-title {
    font-size: 19px;
    color: #3D3D3D;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.neo-platforms .neo-platforms__title .tabs-title.active {
    color: #4AD1CD;
    border-bottom: 5px solid #4AD1CD;
}

.neo-platforms .tabs-panel {
    display: none;
}

.neo-platforms .tabs-panel.active {
    display: block;
}

.neo-platforms .neo-platforms__list {
    display: flex;
    justify-content: space-evenly;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 50px;
}

@media (max-width: 767px) {
    .neo-platforms .neo-platforms__list {
        flex-direction: column;
        align-items: center;
        gap: 32px;
    }
}

.neo-platforms .neo-platforms__list .item img {
    height: 132px;
    margin-bottom: 10px;
}

.neo-platforms .neo-platforms__list .item p {
    font-size: 18px;
    margin: 25px 44px 0;
}

.neo-platforms h3 {
    font-weight: bolder;
    margin-top: 0;
    margin-bottom: 30px;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: 0.02em;
    color: #3D3D3D;
}

.neo-platforms ul {
    padding: 0 0 0 12px;
    margin-bottom: 0;
    border-left: 3px solid #00D8D9;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.neo-platforms li {
    color: #3D3D3D;
    font-size: 19px;
    line-height: 18px;
    display: flex;
    align-items: center;
}

.neo-platforms li::before {
    content: "";
    width: 6px;
    height: 6px;
    margin-right: 10px;
    border-radius: 50%;
    background-color: #3D3D3D;
    flex-shrink: 0;
}

.neo-platforms .col-lg-4 .item p {
    font-size: 18px;
    margin: 25px 44px 0;
}

.neo-platforms .col-lg-4 p {
    margin: 25px 0 0;
}

.neo-platforms .col-lg-4 img {
    height: 132px;
    margin-bottom: 10px;
}

@media (min-width: 992px) {
    .neo-platforms h3 {
        max-width: 340px
    }
}

.neo-platforms .tabs-panel#Authorized .neo-platforms__list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: start;
    gap: 40px;
}

.neo-platforms .tabs-panel#Authorized .neo-platforms__list .item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.neo-platforms .tabs-panel#Authorized .neo-platforms__list .item img {
    height: 132px;
    max-width: 100%;
    object-fit: contain;
    margin-bottom: 10px;
}

.neo-platforms .tabs-panel#Authorized .neo-platforms__list .item p {
    font-size: 18px;
    margin: 25px 0 0;
}

@media (max-width: 767px) {
    .neo-platforms .tabs-panel#Authorized .neo-platforms__list {
        grid-template-columns: 1fr;
        gap: 32px;
    }
}

.neo-brands .item {
    border-radius: 20px;
    box-shadow: 0 4px 10px 0 rgba(26, 83, 85, 0.2);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.neo-brands .item .cover {
    width: 100%;
    position: relative;
    background-color: currentcolor;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.neo-brands .col-lg-3 .item .cover {
    height: 300px;
}

.neo-brands .col-lg-4 .item .cover {
    height: 410px;
}

.neo-brands .item .cover .shade {
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: 0.3;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
}

.neo-brands .item:hover .cover .shade {
    opacity: 0;
}

.neo-brands .item .content,
.neo-brands .item .intro,
.neo-brands .item .about {
    width: 100%;
    color: #3D3D3D;
    padding: 30px 25px;
}

.neo-brands .item .content {
    height: 420px;
    position: relative;
}

.neo-brands .item:hover .content,
.neo-brands .item:hover .intro,
.neo-brands .item:hover .about {
    color: #F5F5F5;
    background-color: #5DB8C1;
}

.neo-brands .item .content .info {
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 20px;
}

.neo-brands .item .content .name {
    font-size: 24px;
    font-weight: bolder;
    margin-top: 0;
    margin-bottom: 10px;
    line-height: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.neo-brands .item .content .name.mini {
    font-size: 16px;
}

.neo-brands .item .content .addr {
    font-size: 19px;
    margin-bottom: 40px;
    display: flex;
    align-items: center;
}

.neo-brands .item .content .addr i {
    margin-right: 4px;
}

.neo-brands .item .content .addr .addr-marker {
    margin-right: 8px;
    height: fit-content;
}

.neo-brands .item:hover .content .addr .addr-marker {
    filter: brightness(0) invert(1);
}

.neo-brands .item .content p {
    line-height: 22px;
    font-size: 19px;
    margin-top: 0;
    margin-bottom: 0;
    height: 154px;
    overflow: hidden;
}

.neo-brands .item .content .more {
    color: #23ABB3;
    font-size: 16px;

    position: absolute;
    right: 20px;
    bottom: 30px;
}

.neo-brands .item:hover .content .more {
    color: #F5F5F5;
}

.neo-brands .item .intro {
    height: 250px;
    background-color: white;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.neo-brands .item .intro .info {
    font-size: 16px;
}

.neo-brands .item .intro .name {
    line-height: 32px;
    font-size: 22px;
    font-weight: bolder;
    word-break: break-all;
    margin-bottom: 10px;
}

.neo-brands .item .intro .text {
    font-size: 16px;
    transition: none;
}

.neo-brands .item .intro .more {
    color: white;
    visibility: hidden;
}

.neo-brands .item:hover .intro .text {
    visibility: hidden;
}

.neo-brands .item:hover .intro .more {
    visibility: visible;
}

.neo-brands .item .about {
    position: relative;
}

.neo-brands .item .about .name {
    font-size: 22px;
    font-weight: bolder;
    margin-top: 0;
    margin-bottom: 8px;
    line-height: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.neo-brands .item .about .fixed {
    height: 300px;
    overflow: hidden;
    margin-bottom: 12px;
}

.neo-brands .item .about .fixed p {
    line-height: 24px;
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 12px;
}

.neo-brands .item .about .fixed .manager {
    line-height: 24px;
    font-size: 16px;
}

.neo-brands .item .about .fixed .manager:before {
    content: "-";
    display: inline-block;
    margin-right: 4px;
}

.neo-brands .item .about .info {
    color: #155861;
    font-size: 16px;
    font-weight: bolder;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.neo-brands .item .about .more {
    color: #155861;

    position: absolute;
    right: 18px;
    bottom: 20px;
}

.neo-brands .item:hover .about .more, .neo-brands .item:hover .about .info {
    color: #F5F5F5;
}

@media (max-width: 1264px) {
    .neo-brands .item .content p {
        line-height: 20px;
        font-size: 14px;
        height: 160px;
    }
}

@media (min-width: 768px) {
    .neo-brands .container > .row > div:nth-child(2n) .item {
        flex-direction: column-reverse;
    }
}

@media (max-width: 767px) {
    .neo-brands .container > .row > div {
        margin-bottom: 15px;
    }

    .neo-brands .container > .row > div:last-child {
        margin-bottom: 0;
    }

    .neo-brands .item .content, .neo-brands .item .intro {
        height: unset;
    }

    .neo-brands .item .content .name {
        white-space: normal;
        font-size: 18px;
    }

    .neo-brands .item .content p {
        height: unset;
        padding-bottom: 24px;
    }

    .neo-brands .item .about .fixed {
        height: unset;
    }
}

.neo-half-content .title {
    margin-top: 0;
    margin-bottom: 30px;
    font-size: 30px;
    font-weight: bolder;
}

.neo-half-content .text {
    font-size: 16px;
    line-height: 28px;
}

.neo-half-content .button {
    height: 50px;
    line-height: 50px;
    border-radius: 4px;
    font-size: 16px;
    padding: 0 36px;
    margin-top: 40px;
}

.neo-need {
    background-color: #4ad1cd;
    text-align: center;
    padding: 70px 0;
}

.neo-need span, .neo-need a {
    font-size: 32px;
    font-weight: bolder;
}

.neo-need span {
    color: #3D3D3D;
}

.neo-need a {
    color: #FFFFFF;
    margin-left: 8px;
}

.neo-need a:hover {
    text-decoration: underline;
}

.neo-submit .explain .name {
    font-weight: bolder;
    margin-top: 0;
    margin-bottom: 30px;
}

.neo-submit .explain .text {
    line-height: 28px;
    font-size: 18px;
}

.neo-submit .explain ul {
    margin-bottom: 50px;
}

.neo-submit .explain ul li {
    line-height: 30px;
    font-size: 18px;
    color: #0FB2C6;
}

.neo-submit .explain .tint {
    font-size: 16px;
}

.neo-submit .explain .tint span {
    font-size: 16px;
    font-weight: bolder;
    color: var(--default-color);
}

.neo-submit .version {
    background-color: #00bfbf;
}

.neo-submit .version > div {
    color: white;
    padding: 24px;
    position: relative;
}

.neo-submit .version > div:after {
    width: 0;
    height: 0;
    content: "";
    display: block;
    position: absolute;
    right: -20px;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
}

.neo-submit .version > div:nth-child(1) {
    background-color: #2b9395;
    z-index: 10;
}

.neo-submit .version > div:nth-child(1):after {
    bottom: 36px;
    border-left: 20px solid #2b9395;
}

.neo-submit .version > div:nth-child(2) {
    background-color: #00bfbf;
}

.neo-submit .version > div:nth-child(2):after {
    top: 36px;
    border-left: 20px solid #00bfbf;
}

.neo-submit .version .name {
    font-size: 20px;
    font-weight: bolder;
    margin-bottom: 24px;
}

.neo-submit .version p {
    font-size: 14px;
}

.neo-submit .version p span {
    font-weight: bolder;
}

.neo-submit .form {
    background-color: white;
    box-shadow: 0 0 10px 0 #d6d6d6;
    border-radius: 10px;
    padding: 18px;
}

.neo-submit .form .thead, .neo-submit .form .thead-rich {
    color: #0FB2C6;
    text-align: center;
    margin-top: 0;
    margin-bottom: 20px;
}

.neo-submit .form .thead, .neo-submit .form .thead-rich .name {
    font-size: 24px;
}

.neo-submit .form .tbody {
    margin-bottom: 30px;
}

.neo-submit .form .row-item {
    margin-bottom: 12px;
    color: #4F4F45;
}

.neo-submit .form .row-item:last-child {
    margin-bottom: 0;
}

@media (max-width: 991px) {
    .neo-submit .explain .tint {
        margin-bottom: 30px !important;
    }
}

.form-group .iti, .row-item .iti {
    width: 100%;
}

.form-group .iti .iti__flag-container, .row-item .iti .iti__flag-container {
    left: 0;
    right: 0;
}

.form-group .iti .iti__flag-container .iti__selected-flag, .row-item .iti .iti__flag-container .iti__selected-flag {
    width: min-content !important;
    z-index: 2;
}

.form-group .iti .iti__country-list, .row-item .iti .iti__country-list {
    width: 100%;
}

.neo-submit .form label {
    font-weight: normal;
    font-size: 14px;
    margin-bottom: 0;
}

.neo-submit .form input[type=text], .neo-submit .form select, .neo-submit .form textarea, .neo-submit .form .select {
    width: 100%;
    height: 40px;
    line-height: 28px;
    font-size: 12px;
    border: 1px solid #DFDFDF;
    background-color: #E9F2F4;
    border-radius: 4px;
    display: block;

    position: relative;
}

.neo-submit .form input[type=text]:not([data-intl-tel-input-id]) {
    padding: 5px 8px;
}

.input-item {
    min-height: 27px;
    display: flex;
    align-items: center;
    margin-bottom: 7px;
}

.input-item:last-child {
    margin-bottom: 0;
}

.neo-submit .form textarea {
    height: 60px;
    line-height: 20px;
}

.neo-submit .form input:focus, .neo-submit .form select:focus, .neo-submit .form .select:focus, .neo-submit .form textarea:focus,
.neo-submit .form input:hover, .neo-submit .form select:hover, .neo-submit .form .select:hover, .neo-submit .form textarea:hover {
    border-color: #1EB6C9
}

.neo-submit .toggle .select:after {
    content: '';
    width: 38px;
    color: white;
    background-color: #4ad1cd;
    border-radius: 0 4px 4px 0;
    cursor: pointer;

    display: flex;
    align-items: center;
    justify-content: center;

    position: absolute;
    top: -1px;
    bottom: -1px;
    right: -1px;
}

.neo-submit .toggle .select.up:after {
    content: '▲';
}

.neo-submit .toggle .select.down:after {
    content: '▼';
}

.neo-submit .toggle .toggle-option {
    background-color: #f6f6f6;
    margin-top: 8px;
    padding: 8px;
    border-radius: 4px;
}

.neo-submit .toggle .toggle-option input[type="checkbox"]::before {
    border-radius: 50%;
}

.neo-submit .toggle .toggle-option label {
    font-size: 12px;
}

.form-group .has-error[type=checkbox],
.neo-submit .form .has-error[type=checkbox] {
    border: 1px solid red !important;
}

.form-group .has-success:not([type=checkbox]),
.form-group .has-success[type=checkbox]::before,
.neo-submit .form .has-success:not([type=checkbox]),
.neo-submit .form .has-success[type=checkbox]::before {
    border: 1px solid green !important;
}

.neo-submit .form .tips, .form-group .tips {
    color: red;
    display: none;
    padding: 4px 8px 0;
}

.neo-submit .form .button {
    width: 100%;
    height: 50px;
    line-height: 50px;
    display: block;
    text-align: center;
    font-size: 16px;
    font-weight: bolder;
    border-radius: 5px;
    cursor: pointer;
    background-color: #4AD1CD;
    color: white;
}

.neo-submit .form .button.disabled {
    cursor: not-allowed;
    background-color: #cccccc;
}

.neo-submit .form .button i {
    margin-left: 20px;
}

.neo-submit-neo-style {
    background-color: #fff;
}

.neo-submit-neo-style .neo-submit.gary {
    background-color: #fff;
    width: 100%;
}

.neo-submit-neo-style .neo-contact {
    background-color: #f8f8f8;
}

.neo-reason .row {
    border-bottom: 1px dashed #7EA6AC;
    padding-bottom: 70px;
    margin-bottom: 70px;
}

.neo-reason .row:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

.neo-reason .item {
    margin-bottom: 70px;
    overflow: hidden;
}

.neo-reason .item:last-child {
    margin-bottom: 0;
}

.neo-reason .item h3 {
    font-size: 18px;
    font-family: var(--default-font-family-bold) !important;
    margin-top: 0;
    margin-bottom: 25px;
}

.neo-reason .item img {
    height: 220px;
    display: block;
    margin: 0 auto;
}

.main-page.ultra-page:not(.demo-apply-page) .neo-benefit > .item > .container {
    padding-top: 60px;
    padding-bottom: 0;
}

.main-page.ultra-page:not(.demo-apply-page) .neo-benefit > .item:last-child > .container {
    padding-bottom: 60px;
}

.neo-benefit h2 {
    font-family: var(--default-font-family-bold) !important;
    font-size: 26px;
    text-align: center;
    margin-top: 0;
    margin-bottom: 70px;
}

.neo-benefit > .container > .item + .item {
    margin-top: 20px;
}

.neo-benefit .item.gary {
    background-color: #f8f8f8;
}

.neo-benefit .item:last-child {
    margin-bottom: 0;
}

.neo-benefit .item h3 {
    font-size: 18px;
    font-family: var(--default-font-family-bold) !important;
    margin-top: 0;
    margin-bottom: 0;
}

.neo-benefit .item p {
    line-height: 22px;
    font-size: 19px;
    letter-spacing: 0.02em;
    color: #3D3D3D;
    font-family: var(--default-font-family) !important;
    margin-top: 10px;
    margin-bottom: 0;
}

.neo-benefit .item .text ul li {
    font-size: 19px;
}

.neo-benefit .item ul.tag {
    margin-top: 25px;
    margin-bottom: 0;
    overflow: hidden;

    display: flex;
}

.neo-benefit .item ul.tag li {
    height: 30px;
    line-height: 30px;
    background-color: #36c3cb;
    color: white;
    border-radius: 5px;

    margin-right: 28px;
    padding: 0 20px;
    cursor: pointer;
}

.neo-benefit .item ul.tag li.active {
    background-color: #072221;
}

.neo-benefit .item .text {
    font-size: 16px;
    line-height: 24px;
    padding-left: 15px;
    border-left: 3px solid #00D8D9;
    margin-top: 25px;
    margin-bottom: 0;
}

.neo-benefit .item .text ul li {
    position: relative;
    margin: 15px 0;
    display: flex;
}

.neo-benefit .item .text ul li::before {
    content: "●";
    color: #36A4A6;
    margin-right: 8px;
    font-size: 10px;
}

.neo-benefit .item .text + a {
    display: inline-block;
    margin-top: 10px;
}

.neo-benefit .item .text span {
    font-weight: bolder;
}

.neo-benefit .item img {
    max-width: 280px;
    max-height: 220px;
    display: block;
    margin: 0 auto;
}

.neo-benefit .item h3 {
    font-size: 24px;
    font-weight: bolder;
    line-height: 28px;
    letter-spacing: 0.02em;
    color: #3D3D3D;
}

.neo-benefit .item .text {
    border-left: 4px solid #00D8D9;
    font-size: 19px;
    font-weight: normal;
    line-height: 22px;
    letter-spacing: 0.02em;
    color: #3D3D3D;
}

.neo-benefit .item .text p {
    font-size: 19px;
    line-height: 22px;
}

.neo-benefit .item .text ul {
    font-size: 14px;
    font-weight: normal;
    line-height: 22px;
    letter-spacing: 0.02em;
    color: #3D3D3D;
    margin-top: 20px;
}

.neo-benefit .item .text ul li {
    margin: 0;
    padding-left: 14px;
}

.neo-benefit .item .text ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #3D3D3D;
    color: transparent;
    margin-right: 0;
    font-size: 0;
    line-height: 0;
}

.neo-benefit .item:nth-child(odd) .row img {
    margin: 0 0 0 auto;
}

.neo-benefit .item:nth-child(even) .row img {
    margin: 0 auto 0 0;
}

.neo-benefit .item img.vm-backup-enable-recover {
    width: 240px;
    max-width: 100%;
    max-height: none;
}

@media (max-width: 991px) {
    .neo-benefit .align-center {
        display: flex;
    }

    .neo-benefit .item:nth-child(2n) .align-center {
        flex-direction: column;
    }

    .neo-benefit .item:nth-child(2n+1) .align-center {
        flex-direction: column-reverse;
    }

    .neo-benefit .item img {
        margin-bottom: 10px;
    }
}

.neo-thumb .item {
    padding: 0 45px;
}

.neo-thumb .cover {
    margin-bottom: 20px;
    overflow: hidden;
}

.neo-thumb .cover img {
    width: 100%;
    display: block;
}

.neo-thumb .name {
    height: 48px;
    line-height: 24px;
    font-size: 16px;
    color: #333;

    overflow: hidden;
    margin-bottom: 10px;
}

.neo-thumb a {
    height: 24px;
    line-height: 24px;
    font-size: 16px;
    color: #3496a2;
}

.neo-rich .item:last-child {
    margin-bottom: 0;
}

.neo-rich h3, .neo-rich .content {
    padding-left: 20px;
}

.neo-rich h3 {
    line-height: 30px;
    font-family: var(--default-font-family-bold);
    font-size: 26px;
    border-left: 4px solid #36a4a6;
    margin-bottom: 30px;
}

.neo-rich .content {
    display: flex;
}

.neo-rich .content .intro {
    width: 55%;
    margin-right: 5%;
}

.neo-rich .intro .text {
    margin-bottom: 20px;
}

.neo-rich .intro .text,
.neo-rich .intro .text p {
    line-height: 26px;
    font-size: 16px;
}

.neo-rich .intro ul {
    margin-bottom: 30px;
}

.neo-rich .intro ul li {
    height: 30px;
    line-height: 30px;
    font-size: 16px;
}

.neo-rich .intro ul li::before {
    content: "●";
    color: #36A4A6;
    margin-right: 8px;
}

.neo-rich .intro a {
    height: 24px;
    line-height: 24px;
    font-size: 16px;
    color: #3496a2;
}

.neo-rich .content .cover {
    width: 40%;
}

.neo-rich .content .cover .tips {
    font-size: 16px;
    margin-top: 16px;
}

.text-collapse .item {
    border-radius: 10px;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
    margin-bottom: 15px;
    padding: 0 10px;
    background-color: white;
}

.text-collapse .item > a, .text-collapse .item > .panel-title {
    color: #3D3D3D;
    cursor: pointer;

    display: flex;
    justify-content: space-between;
    align-items: baseline;

    margin-top: 0;
    margin-bottom: 0;
    padding: 20px 15px;
}

.text-collapse .item h3 {
    line-height: 32px;
    font-size: 22px;
    font-weight: bolder;

    margin-top: 0;
    margin-bottom: 0;
}

.text-collapse .item:hover {
    background-color: #F0F3F4;
}

.text-collapse .item.show > .panel-title, .text-collapse .item > .panel-title:hover, .text-collapse .item > a:hover {
    color: var(--default-color);
}

.text-collapse .item i {
    margin-left: 8px;
    float: right
}

.text-collapse .item .panel-body {
    font-size: 19px;
    display: none;
    padding: 0 35px 20px 15px;
    color: #3d3d3d;
}

.text-collapse .item .panel-body p {
    font-size: 19px;
}

.text-collapse .item .panel-body a {
    display: inline;
}

.text-collapse .item .panel-body ul {
    margin-left: 5px;
}

.text-collapse .item .panel-body ul li {
    list-style: disc;
    list-style-position: inside;
}

.text-collapse .item.show .panel-body {
    display: block;
}

.text-collapse table {
    max-width: 100%;
    border-top: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
}

.text-collapse table th {
    text-align: center;
}

.text-collapse table th, .text-collapse table td {
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    padding: 4px;

    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: unset !important;
}

.text-collapse h4 {
    font-size: 16px !important;
    font-weight: bolder;
}

@media (max-width: 1264px) {
    .text-collapse .item a,
    .text-collapse .item .panel-title {
        font-size: 16px;
    }
}

.neo-contact .row {
    text-align: center;
}

.neo-contact img {
    margin-bottom: 20px;
}

.neo-contact h3 {
    font-weight: bolder;
}

.neo-request {
    background-color: #1D7078;
}

.neo-request .container {
    padding-top: 80px;
    padding-bottom: 80px;
}

.neo-request .block {
    color: white;
    text-align: center;
}

.neo-request .block a {
    width: 100%;
    max-width: 430px;
    height: 48px;
    line-height: 44px;
    font-size: 24px;
    border-radius: 24px;
    display: block;
    margin: 0 auto 40px;
}

.neo-request .block p {
    width: 100%;
    max-width: 430px;
    line-height: 25px;
    margin: 0 auto;
}

.neo-authorize .align-center {
    border-radius: 20px;
    background-color: #FFFFFF;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
    padding: 40px 10px;
    gap: 20px;
}

.neo-authorize img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

.neo-authorize p {
    font-size: 19px;
    font-weight: normal;
    line-height: 24px;
    letter-spacing: 0.01em;
    color: #3D3D3D;
    margin-bottom: 40px;
}

.neo-authorize a {
    font-size: 16px;
    font-weight: normal;
    line-height: 20px;
    letter-spacing: 0.01em;
    color: #23ABB3;
}

.neo-partner .col-lg-4 {
    text-align: center;
}

.neo-partner .col-lg-4 .item {
    text-align: center;
}

.neo-partner .col-lg-4 .item p {
    font-size: 18px;
    margin: 25px 44px 0;
}

.neo-partner .col-lg-4 p {
    margin: 25px 0 0;
}

.neo-partner .col-lg-4 img {
    width: 50%;
    margin-bottom: 10px;
}

.neo-partner .col-lg-6 .item {
    border-radius: 20px;
    background-color: #FFFFFF;
    box-shadow: 0 4px 10px 0 rgba(26, 83, 85, 0.2);
    padding: 40px 50px
}

.neo-partner .col-lg-6 .item:hover {
    transform: scale(1.02);
}

.neo-partner .col-lg-6 .item p {
    margin-top: 30px;
    font-size: 19px;
    color: #3D3D3D;
}

.neo-partner h3 {
    font-weight: bolder;
    margin-top: 0;
}

@media (min-width: 1200px) {
    .neo-partner .row:has(> .col-lg-6 > .item) {
        display: flex;
        flex-wrap: wrap;
    }

    .neo-partner .row:has(> .col-lg-6 > .item)::before,
    .neo-partner .row:has(> .col-lg-6 > .item)::after {
        content: none;
        display: none;
    }

    .neo-partner .row:has(> .col-lg-6 > .item) > .col-lg-6 > .item {
        height: 100%;
    }

    .neo-partner .row:has(> .col-lg-6 > .item) > .col-lg-6 {
        margin-bottom: 0;
    }
}

@media (max-width: 1264px) {
    .neo-partner .col-lg-6:first-child {
        margin-bottom: 20px;
    }

    .neo-partner .col-lg-6 .item p {
        min-height: unset;
    }
}

@media (max-width: 414px) {
    .neo-partner .col-lg-4 .item {
        margin-bottom: 30px;
    }

    .neo-partner .col-lg-4 .item p {
        font-size: 16px !important;
    }
}

.neo-provider {
    background-image: url(../img/hypervisor/new-xenserver/Provider-bg.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    text-align: center;
    padding: 86px 0;
}

.neo-provider a {
    min-width: 720px;
    height: 52px;
    font-family: var(--default-font-family-bold);
    color: white !important;
    border: solid 2px white;
    border-radius: 10px;
    display: inline-block;
    margin-left: 100px;
    padding: 0 20px;
}

.neo-provider a:hover {
    border: solid 2px #5DB8C1;
    background-color: #5DB8C1;
}

.neo-provider a span {
    line-height: 48px;
    font-size: 24px;
}

@media (max-width: 991px) {
    .neo-provider a {
        min-width: 0;
        width: 80%;
        max-width: 720px;
        height: auto;
        min-height: 52px;
        margin-left: 0;
    }
}

.neo-feature {
    position: relative;
}

.neo-feature .neo-feature__row {
    display: flex;
    align-items: center;
    gap: 30px;
}

.neo-feature .neo-feature__col {
    flex: 1;
}

.neo-feature .item {
    overflow: hidden;
    margin-bottom: 28px;
}

.neo-feature .item:last-child {
    margin-bottom: 0;
}

.neo-feature .item h3 {
    font-size: 19px;
    font-weight: bolder;
    line-height: 21px;
    letter-spacing: 0.01em;
    color: #3D3D3D;
    margin-top: 0;
    margin-bottom: 20px;
}

.neo-feature .item p {
    font-size: 16px;
    font-weight: normal;
    line-height: 20px;
    letter-spacing: 0.01em;
    color: #3D3D3D;
}

.neo-feature .item .col-sm-12 {
    text-align: center;
}

.neo-feature .item img {
    max-width: calc(100% - 6px);
    display: block;
    margin: 0 auto 20px;
}

.neo-feature .item .bottom .col-lg-2 {
    width: 13.6%;
    margin-top: 50px;
}

.neo-feature .item-image {
    display: flex;
    justify-content: center;
    align-items: center;
}

.neo-feature .item-image img {
    max-width: 100%;
}

@media (max-width: 1264px) {
    .neo-feature p {
        font-size: 16px;
    }
}

@media (min-width: 768px) {
    .neo-feature .neo-feature__row {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr) minmax(0, 1fr);
        grid-template-rows: repeat(3, auto);
        gap: 50px 16px;
        align-items: stretch;
    }

    .neo-feature .neo-feature__row > .neo-feature__col:first-child,
    .neo-feature .neo-feature__row > .neo-feature__col:last-child {
        display: contents;
    }

    .neo-feature .neo-feature__row > .neo-feature__col:first-child > .item:nth-child(1) {
        grid-column: 1;
        grid-row: 1;
    }

    .neo-feature .neo-feature__row > .neo-feature__col:first-child > .item:nth-child(2) {
        grid-column: 1;
        grid-row: 2;
    }

    .neo-feature .neo-feature__row > .neo-feature__col:first-child > .item:nth-child(3) {
        grid-column: 1;
        grid-row: 3;
    }

    .neo-feature .neo-feature__row > .neo-feature__col:last-child > .item:nth-child(1) {
        grid-column: 3;
        grid-row: 1;
    }

    .neo-feature .neo-feature__row > .neo-feature__col:last-child > .item:nth-child(2) {
        grid-column: 3;
        grid-row: 2;
    }

    .neo-feature .neo-feature__row > .neo-feature__col:last-child > .item:nth-child(3) {
        grid-column: 3;
        grid-row: 3;
    }

    .neo-feature .neo-feature__row > .neo-feature__col:nth-child(2) {
        grid-column: 2;
        grid-row: 1 / 4;
        min-width: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .neo-feature .neo-feature__row > .neo-feature__col:nth-child(2) .item-image {
        width: 100%;
        min-width: 0;
    }

    .neo-feature .neo-feature__row > .neo-feature__col:nth-child(2) .item-image img {
        margin: 0 auto;
    }

    .neo-feature .neo-feature__row > .neo-feature__col > .item {
        margin-bottom: 0;
        align-content: flex-start;
    }

    .neo-feature .neo-feature__col .item > .col-sm-2 > .row,
    .neo-feature .neo-feature__col .item > .col-sm-10,
    .neo-feature .neo-feature__col .item > .col-sm-10 > .row {
        display: contents;
    }

    .neo-feature .neo-feature__col .item > .col-sm-2 > .row::before,
    .neo-feature .neo-feature__col .item > .col-sm-2 > .row::after,
    .neo-feature .neo-feature__col .item > .col-sm-10 > .row::before,
    .neo-feature .neo-feature__col .item > .col-sm-10 > .row::after {
        display: none;
    }

    .neo-feature .neo-feature__col .item {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        column-gap: 10px;
        row-gap: 10px;
    }

    .neo-feature .neo-feature__col .item > .col-sm-2,
    .neo-feature .neo-feature__col .item > .item-icon {
        flex: 0 0 40px;
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        float: none;
        padding: 0;
    }

    .neo-feature .neo-feature__col .item > .col-sm-2 img,
    .neo-feature .neo-feature__col .item > .item-icon img {
        flex: none;
        max-width: 100%;
        max-height: 100%;
        margin: 0;
        height: 26px;
    }

    .neo-feature .neo-feature__col .item h3 {
        flex: 1 1 0%;
        min-width: 0;
        min-height: 42px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-bottom: 0;
    }

    .neo-feature .neo-feature__col .item p {
        flex: 0 0 100%;
        width: 100%;
        margin-top: 0;
    }
}

@media (max-width: 767px) {
    .neo-feature .item img, .neo-feature .item h3 {
        margin-bottom: 10px;
    }

    .neo-feature li {
        height: auto;
    }

    .neo-feature .neo-feature__row {
        flex-direction: column;
    }

    .neo-feature .neo-feature__col {
        flex: none;
        width: 100%;
    }

    .neo-feature .neo-feature__col:nth-child(2) {
        display: none;
    }

    .neo-feature .neo-feature__col .item {
        text-align: center;
    }
}

@media (max-width: 414px) {
    .neo-feature .item img {
        display: none;
    }
}

.neo-support .support-tab {
    display: flex;
    margin-bottom: 40px;
}

.neo-support .support-tab li {
    width: 33.33%;
    font-size: 20px;
    font-weight: bolder;
    text-align: center;
    cursor: pointer;

    position: relative;
    padding-top: 32px;
}

.neo-support .support-tab li::before {
    width: 100%;
    height: 2px;
    background-color: #3D3D3D;

    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.neo-support .support-tab li::after {
    width: 36px;
    height: 36px;
    background-color: #f8f8f8;
    border: 2px solid #000000;
    border-radius: 18px;

    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    margin-top: -18px;
    margin-left: -18px;
}

.neo-support .support-tab li.active {
    color: #4BD8E0;
}

.neo-support .support-tab li.active::before {
    background-color: #4BD8E0;
}

.neo-support .support-tab li.active::after {
    width: 50px;
    height: 50px;
    border: 12px solid #4BD8E0;
    border-radius: 25px;
    margin-top: -25px;
    margin-left: -25px;
}

.neo-support .support-panel .row {
    display: none;
}

.neo-support .support-panel .row.active {
    display: block;
}

.neo-support .support-panel .item {
    padding: 0 26px 30px;
}

.neo-support .row {
    padding-top: 50px;
}

.neo-support .item {
    background-color: white;
    text-align: center;
    box-shadow: 0 8px 15px #d6d6d6;
    margin-bottom: 90px;
    padding: 0 42px 30px;
    position: relative;

    cursor: pointer;
}

.neo-support .item::after {
    content: "";

    display: none;
    width: calc(100% - 84px);
    height: 10px;
    background-color: #339d9e;

    position: absolute;
    left: 42px;
    bottom: -10px;
}

.neo-support .item:hover::after {
    content: "";
    display: block;
}

.neo-support .item .icon {
    width: 100px;
    height: 100px;
    border-radius: 50px;
    background-color: #d7eced;
    background-position: center center;
    background-repeat: no-repeat;
    margin: 0 auto;
    position: relative;
    top: -40px;
}

.neo-support .item:hover .icon {
    background-color: #36a4a6;
}

.neo-support .item h3 {
    font-family: var(--default-font-family-bold);
    font-size: 20px;
    margin-top: 0;
    margin-bottom: 16px;
}

@media (min-width: 1200px) {
    .neo-support .item .slip {
        min-height: 134px;
        max-height: 134px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .neo-support .item .slip {
        min-height: 158px;
        max-height: 158px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .neo-support .item .slip {
        min-height: 182px;
        max-height: 182px;
    }
}

@media (min-width: 768px) {
    .neo-support .item:last-child {
        margin-bottom: 0 !important;
    }

    .neo-support .item .slip {
        overflow: hidden;
        transition: max-height 0.25s;
    }

    .neo-support .item:hover .slip {
        max-height: 278px;
    }

    .neo-support .support-panel .item .slip {
        min-height: 208px;
        max-height: 208px;
    }

    .neo-support .support-panel .item:hover .slip {
        max-height: 278px;
    }
}

@media (max-width: 767px) {
    .neo-support .container > .row > div:last-child .item:last-child {
        margin-bottom: 0 !important;
    }
}

.neo-character .item {
    background-color: white;
    box-shadow: 0 8px 30px #d6d6d6;
    margin-bottom: 90px;
    padding: 38px;
    position: relative;

    cursor: pointer;
    text-align: center;
}

.neo-character .item:after {
    content: "";
    width: 100%;
    height: 16px;
    background-color: #339d9e;
    position: absolute;
    left: 0;
    bottom: -16px;
    display: none;
}

.neo-character .item:hover:after {
    display: block;
}

.neo-character .item > img {
    height: 60px;
    margin-bottom: 40px;
}

.neo-character .item h3 {
    font-family: var(--default-font-family);
    font-size: 20px;
    font-weight: bolder;
    margin-top: 0;
    margin-bottom: 20px;
}

.neo-character .item p {
    line-height: 24px;
}

.neo-character .col-md-4 .item {
    margin-bottom: 30px;
    padding: 36px;
}

.neo-character .col-md-4 .item > img {
    height: 56px;
}

@media (min-width: 992px) {
    .neo-character .item:last-child {
        margin-bottom: 0 !important;
    }

    .neo-character .item .slip {
        min-height: 138px;
        max-height: 138px;
        overflow: hidden;

        transition: max-height 0.25s;
    }

    .neo-character .item:hover .slip {
        max-height: 232px;
    }
}

@media (max-width: 991px) {
    .neo-character .container > .row > div:last-child .item:last-child {
        margin-bottom: 0 !important;
    }
}

.neo-file-backup-supported {
    background-image: url(../img/backup/file-backup/supported-background.png);
    background-position: 50% top;
}

.neo-file-backup-supported .item {
    color: white;
    font-weight: bolder;
    text-align: center;
    width: 100%;
    margin-bottom: 20px;
}

.neo-file-backup-supported .item .info {
    width: 262px;
    height: 100px;
    border-radius: 24px 5px 5px 5px;
    background-color: #FFFFFF;
    display: table-cell;
    vertical-align: middle;
}

.neo-file-backup-supported .item:hover {
    transform: scale(1.06);
}

.neo-tpology img {
    width: 90%;
    margin-top: 50px;
}

.neo-tpology p {
    line-height: 30px;
    font-size: 16px;
    margin-left: 20px;
    margin-bottom: 0;
}

.neo-tpology .blue-spot {
    height: 8px;
    width: 8px;
    border-radius: 8px;
    background-color: #36A4A6;
    position: relative;
    top: 18px;
}

.neo-tpology table {
    width: 100%;
    border-radius: 20px;
    box-shadow: 0 4px 10px 0 rgba(26, 83, 85, 0.3);
    overflow: hidden;
    background-color: #FFFFFF;
}

.neo-tpology table th {
    background: #F7F7F7;
    color: #3D3D3D;
    font-weight: bold;
    text-align: center;
    padding: 30px;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: 0.01em;
    width: 26%;
}

.neo-tpology table tbody tr:nth-child(2n) {
    background-image: linear-gradient(90deg, #ffffff00 0%, #f7f7f7 100%);
}

.neo-tpology table td {
    font-size: 16px;
    font-weight: normal;
    line-height: 20px;
    color: rgba(61, 61, 61, 0.7);
    padding: 30px;
    text-align: center;
    word-break: break-word;
}

.neo-tpology table tr td:first-child {
    text-align: center;
    background-color: #F7F7F7;
    color: #3D3D3D;
}

.neo-tpology table td:nth-child(2) {
    color: #3D3D3D;
}

.neo-tpology table th:first-child {
    width: 18%;
}

.neo-tpology table th:first-child,
.neo-tpology table th:nth-child(3),
.neo-tpology table th:nth-child(4) {
    color: rgba(61, 61, 61, 0.7);
}

.neo-tpology table span {
    font-size: 16px;
    font-weight: bolder;
}

.neo-tpology table tbody tr:hover {
    background-image: linear-gradient(90deg, #eafdf800 0%, #eafdf84d 20%, #4ad1cd4d 100%);
}

.neo-supported-module .swiper-slide {
    width: 270px;
    text-align: center;
}

.neo-supported-module .swiper-slide > div {
    width: 220px;
    height: 120px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.neo-supported-module .swiper-slide .pn-amazon-s3 {
    background-image: url(../img/homepage/amazon-s3-hover.png);
}

.neo-supported-module .swiper-slide .pn-azure {
    background-image: url(../img/homepage/azure-hover.png);
}

.neo-supported-module .swiper-slide .pn-ceph {
    background-image: url(../img/homepage/ceph-hover.png);
}

.neo-supported-module .swiper-slide .pn-wasabi {
    background-image: url(../img/homepage/wasabi-hover.png);
}

.neo-supported-module .swiper-slide .pn-minio {
    background-image: url(../img/homepage/minio-hover.png);
}

.neo-supported-module .swiper-slide .pn-alibaba-cloud {
    background-image: url(../img/homepage/alibaba-cloud-hover.png);
}

.neo-supported-module .swiper-slide .pn-huawei-cloud {
    background-image: url(../img/homepage/huawei-cloud-hover.png);
}

.neo-supported-module .swiper-slide .pn-tencent-cloud {
    background-image: url(../img/homepage/tencent-cloud-hover.png);
}

.neo-work img {
    width: 100%
}

.neo-work ul {
    margin-bottom: 0;
}

.neo-work ul li {
    line-height: 30px;
    font-size: 16px;
    margin-bottom: 10px;
    padding-left: 24px;
}

.neo-work ul li:last-child {
    margin-bottom: 0;
}

.neo-work ul li::before {
    content: "●";
    color: #36A4A6;
    margin-left: -24px;
    margin-right: 8px;
}

.neo-msp {
    background-image: url("/res/img/backup/tenant/background/msp.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}

.neo-msp .item {
    background-color: #36a4a6;
    color: white;
    padding: 36px;
}

.neo-msp .item:hover {
    background-color: #00bfbf;
}

.neo-msp .item .info {
    font-size: 18px;
    font-weight: bolder;
    margin-bottom: 10px;
}

.neo-msp .item .name {
    line-height: 36px;
    font-size: 24px;
    font-weight: bolder;
    margin-top: 0;
    margin-bottom: 50px;

    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    line-clamp: 2;
    -webkit-line-clamp: 2;
}

.neo-msp .item ul.list {
    height: 620px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.neo-msp .item ul.list li {
    background-image: url("/res/img/backup/tenant/icon/hook.png");
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 56px;
}

.neo-msp .item ul.list li:last-child {
    margin-bottom: 0;
}

.neo-msp .item ul.list li .list-name {
    line-height: 30px;
    font-size: 18px;
    font-weight: bolder;
}

.neo-msp .item ul.list li .list-text {
    line-height: 24px;
    font-size: 14px;
    color: #f2f2f2;
}

@media (max-width: 991px) {
    .neo-msp .item .name {
        margin-bottom: 30px;
    }

    .neo-msp .item ul.list {
        height: unset;
    }

    .neo-msp .item ul.list li {
        margin-bottom: 10px;
    }
}

.neo-database {
    background-image: url(../img/feature/background.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.neo-database .col-md-3:nth-child(5), .neo-database .col-md-3:nth-child(6), .neo-database .col-md-3:nth-child(7), .neo-database .col-md-3:nth-child(8) {
    margin-top: 30px;
}

.neo-database .item {
    color: white;
    font-weight: bolder;
    text-align: center;
}

.neo-database .item h3.name {
    height: 45px;
    font-size: 24px;
    font-weight: bolder;
    margin-top: 0;
    margin-bottom: 10px;
}

.neo-database .item .info {
    height: 90px;
    border-radius: 24px 5px 5px 5px;
    background-color: #FFFFFF;
}

.neo-database .item .info:hover {
    transform: scale(1.06);
}

.neo-database .item .info .logo {
    padding-top: 20px;
}

.neo-database .item .info .logo img {
    height: 50px;
}

@media (max-width: 991px) {
    .neo-database .col-md-3:nth-child(3), .neo-database .col-md-3:nth-child(4) {
        margin-top: 30px;
    }
}

@media (max-width: 767px) {
    .neo-database .col-md-3:nth-child(3), .neo-database .col-md-3:nth-child(4),
    .neo-database .col-md-3:nth-child(5), .neo-database .col-md-3:nth-child(6), .neo-database .col-md-3:nth-child(7),
    .neo-database .col-md-3:nth-child(8) {
        margin-top: 20px;
    }
}

.neo-platforms-supported {
    background-image: url(../img/backup/database/background/support.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.neo-platforms-supported .swiper-container {
    margin: -15px -15px 0;
    padding: 15px 15px 40px;
}

.neo-platforms-supported .item {
    color: white;
    font-weight: bolder;
    text-align: center;
    width: 100%;
    margin-bottom: 20px;
}

.neo-platforms-supported .item:last-child {
    margin-bottom: 0;
}

.neo-platforms-supported .item:hover {
    transform: scale(1.05);
}

.neo-platforms-supported .item .info {
    height: 100px;
    border-radius: 24px 5px 5px 5px;
    background-color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
}

.neo-platforms-supported .item .info a {
    width: 100%;
    display: block;
}

.neo-platforms-supported .item .info img {
    max-width: 60%;
    max-height: 80px;
}

.neo-platforms-supported .swiper-pagination {
    height: 8px;
    line-height: 8px !important;

    text-align: center;
    position: absolute;
    bottom: 0;
    z-index: 1000;
}

.neo-platforms-supported .swiper-pagination span {
    width: 80px;
    height: 8px;

    background-color: white;
    border-radius: unset;
    display: inline-block;
    cursor: pointer;
    opacity: 1;
}

.neo-platforms-supported .swiper-pagination span.swiper-pagination-bullet-active {
    background-color: var(--default-color);
}

.neo-amazon-s3 {
    background-image: url(../img/backup/amazon-s3/background/01.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.neo-amazon-s3 .item {
    height: 386px;
    justify-content: space-between;
    color: white;
}

.neo-amazon-s3 .item > * {
    height: 100%;
}

.neo-amazon-s3 .intro {
    background-color: #36a4a6;
    padding: 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;

    flex: 1;
}

.neo-amazon-s3 .intro .text {
    font-size: 18px;
}

.neo-amazon-s3 .intro .info {
    font-size: 18px;
    margin: 0;
    counter-reset: number;
}

.neo-amazon-s3 .intro .info li {
    height: 32px;
    display: flex;
    align-items: center;
}

.neo-amazon-s3 .intro .info li:before {
    counter-increment: number;
    content: counter(number);

    font-size: 12px;
    font-weight: bolder;
    width: 22px;
    height: 22px;
    line-height: 18px;
    border: 2px solid white;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    margin-right: 24px;
}

.neo-amazon-s3 .intro .tips {
    font-size: 16px;
    color: #f2f2f2;
}

.neo-amazon-s3 .cover img {
    width: unset;
    height: 100%;
}

.neo-media .swiper-container {
    position: relative;
    width: 100%;
    max-width: 940px;
    margin: 0 auto;
    padding-bottom: 60px;
}

.neo-media .swiper-slide {
    width: 480px;
    background: #fff;
    box-shadow: 0 8px 30px #ddd;
}

.neo-media .swiper-slide img {
    display: block;
}

.neo-media .swiper-slide p {
    line-height: 98px;
    padding-top: 0;
    text-align: center;
    color: #636363;
    font-size: 1.1em;
    margin: 0;
}

.neo-media .media-pagination {
    width: 108px;
    line-height: 5px;
    position: absolute;
    bottom: 5px;
    left: 50%;
    margin-left: -54px;
    z-index: 80;
}

.neo-media .media-pagination > span.swiper-pagination-bullet {
    width: 16px;
    height: 16px;
    background-color: #d5ddde;
    border-radius: 8px;
    margin: 0 10px;
    opacity: 1;
}

.neo-media .media-pagination > span.swiper-pagination-bullet-active {
    background-color: #2F555B;
    border-radius: 0;

    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}

.neo-media .media-button-prev, .neo-media .media-button-next {
    width: calc(50% - 240px);
    height: 270px;
    line-height: 300px;
    position: absolute;
    z-index: 50;
    color: #fff;
    top: 0;
    cursor: pointer;
}

.neo-media .media-button-prev {
    text-align: left;
    left: 0;
}

.neo-media .media-button-next {
    text-align: right;
    right: 0;
}

.neo-media .media-button-prev i, .neo-media .media-button-next i {
    font-size: 50px;
    color: white;
}

@media (max-width: 1264px) {
    .neo-bar .navigate li {
        font-size: 16px;
    }

    .neo-bar .request a {
        min-width: 136px;
    }

    .neo-reason p {
        font-size: 15px;
    }

    .neo-submit .form .thead {
        font-size: 20px;
    }

    .neo-submit .form label {
        font-size: 12px;
    }

    .neo-amazon-s3 .item {
        height: 300px;
    }

    .neo-amazon-s3 .intro .text {
        font-size: 16px;
    }

    .neo-amazon-s3 .intro .info li {
        font-size: 16px;
        height: 30px;
    }

    .neo-amazon-s3 .intro .tips {
        font-size: 12px;
    }
}

@media (max-width: 991px) {
    .padding-lt, .padding-rt {
        padding-left: 15px;
        padding-right: 15px;
    }

    .neo-whatget .col-lg-4 {
        width: auto;
        text-align: center;
        margin-right: 0;
    }

    .neo-reason .row > div:nth-child(2n), .neo-reason .row > div:nth-child(2n+1) {
        padding-left: 15px;
        padding-right: 15px;
    }

    .neo-reason h4 {
        font-size: 17px;
    }

    .neo-reason p {
        font-size: 16px;
    }

    .neo-thumb a {
        font-size: 12px;
    }

    .neo-protect .support > div, .neo-protect .brands > div {
        margin-bottom: 20px;
    }

    .neo-amazon-s3 .item {
        height: auto;
    }

    .neo-amazon-s3 .intro .info {
        margin: 20px 0;
    }
}

@media (max-width: 767px) {
    .neo-text p {
        width: 100%;
        padding: 0 15px;
    }

    .neo-reason .row > div {
        margin-bottom: 40px;
    }

    .neo-reason .row > div:last-child {
        margin-bottom: 0;
    }

    .neo-request .row > div:first-child {
        margin-bottom: 40px;
    }
}

.align-center {
    align-items: center;
    justify-content: space-between;
}

@media (min-width: 992px) {
    .align-center {
        display: flex;
    }
}

.nas-benefit {
    overflow: hidden
}

div[id^=benefit-item] {
    transition: transform 1.5s;
}

#benefit-item-1, #benefit-item-3 {
    transform: translateX(-150px);
    opacity: 0;
}

#benefit-item-2, #benefit-item-4 {
    transform: translateX(150px);
    opacity: 0;
}

.main-page .container > .title-component.title-nas {
    margin-bottom: 30px;
}

.main-page .container > .title-component.title-nas .nas-title {
    width: fit-content;

    height: 50px;
    line-height: 50px;
    background-color: #36a3a5;
    color: black;
    font-weight: bolder;
    border-radius: 20px;
    overflow: hidden;

    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 30px auto 0;
}

.main-page .container > .title-component.title-nas .nas-title span {
    height: 50px;
    line-height: 50px;
    font-family: var(--default-font-family-bold);
    font-size: 18px;
    cursor: pointer;

    padding: 0 40px;
}

.main-page .container > .title-component.title-nas .nas-title span.active {
    background-color: #ffad2b;
    color: white;
    cursor: default;
}

.main-page .container > .title-component.title-nas .nas-title span:first-child {
    border-radius: 20px 25px 25px 20px;
}

.main-page .container > .title-component.title-nas .nas-title span:last-child {
    border-radius: 25px 20px 20px 25px;
}

.main-page .container > .title-component.title-nas .nas-text {
    margin-top: 30px;
}

.nas-work {
    background-image: url(../img/backup/nas/illustration/background-1.png);
    background-size: cover;
    background-position: top center
}

.nas-work .container {
    padding-top: 140px !important;
}

.nas-work img {
    width: 100%;
    display: block;
}


@media (max-width: 991px) {
    .main-page .container > .title-component.title-nas .nas-title {
        height: unset;

        display: block;
    }

    .main-page .container > .title-component.title-nas .nas-title span {
        display: block;
    }

    .main-page .container > .title-component.title-nas .nas-title span:first-child,
    .main-page .container > .title-component.title-nas .nas-title span:last-child {
        border-radius: unset;
    }

    .nas-work {
        background-image: unset;
        background-color: #08404c;
    }
}

.nas-feature {
    background-image: url(../img/backup/nas/illustration/background-3.png);
    background-size: cover;
    background-position: top center
}

.nas-feature .container {
    padding-bottom: 140px !important;
}

.nas-feature .item {
    padding-bottom: 40px;
    display: flex;
    justify-content: space-between;
    position: relative;
}

.nas-feature .item:last-child {
    margin-bottom: 0;
}

.nas-feature .item:before {
    content: "";
    width: 6px;
    height: 100%;

    background-color: #36a4a6;
    position: absolute;
    left: 50px;
    top: 0;
    z-index: 1
}

.nas-feature .item:last-child:before {
    content: unset;
}

.nas-feature .item .cover {
    width: 100px;
    height: 100px;
    background-color: #08404c;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    position: relative;
    z-index: 10;
}

.nas-feature .item .cover img {
    filter: brightness(0) invert(1);
}

.nas-feature .item:hover .cover {
    background-color: #36a3a5;
    border: 8px solid #c0ebe3;
    transform: scale(1.1);
}

.nas-feature .item .intro {
    width: calc(100% - 150px);

    background-color: white;
    padding: 40px 70px;
    border-radius: 24px;
}

.nas-feature .item:hover .intro {
    background-color: #36a3a5;
}

.nas-feature .item .intro .name {
    font-weight: bolder;
    color: var(--default-color);
    margin-top: 0;
}

.nas-feature .item:hover .intro .name, .nas-feature .item:hover .intro .text {
    color: white;
}

@media (max-width: 991px) {
    .nas-feature .item .intro {
        padding: 20px;
    }

    .nas-feature .item .intro .name {
        font-size: 20px;
    }
}

.neo-support-os {
    background-image: url(../img/backup/physical-server/icon/os-bg-1.png), url(../img/backup/physical-server/icon/os-bg-2.png);
    background-position: left center, right center;
    background-repeat: no-repeat;
}

.neo-support-os .item {
    background-color: white;
    border: 1px solid var(--default-color);
    border-radius: 28px;
    margin-top: 70px;
}

.neo-support-os .item.active {
    box-shadow: 0 8px 30px #d6d6d6;
}

.neo-support-os .item .item-head {
    height: 128px;
    background-color: var(--default-color);
    color: white;
    border-radius: 28px;
    position: relative;

    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 170px;
}

.neo-support-os .item .item-head h3 {
    font-size: 30px;
    font-weight: bolder;
    margin-top: 0;
    margin-bottom: 0;
}

.neo-support-os .item .item-head img {
    width: 180px;
    position: absolute;
    left: 0;
    bottom: 0;
}

.neo-support-os .item .item-body {
    min-height: 340px;
    padding: 50px;
    display: flex;
}

.neo-support-os .item .item-body ul {
    font-size: 16px;
}

.neo-support-os .item .item-body ul li {
    line-height: 40px;
}

@media (max-width: 1264px) {
    .neo-support-os .item .item-head h3 {
        font-size: 24px;
    }

    .neo-support-os .item .item-body {
        padding: 40px;
    }

    .neo-support-os .item .item-body ul {
        font-size: 14px;
    }
}

.physical-reason .physical-tab {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    margin-bottom: 40px;
}

.physical-reason .physical-tab .item {
    width: 125px;
    height: 125px;
    background-color: #f8f8f8;
    border: 1px solid var(--default-color);
    border-radius: 20px;
    cursor: pointer;

    display: flex;
    justify-content: center;
    align-items: center;
}

.physical-reason .physical-tab .item.active {
    width: 160px;
    height: 160px;
    background-color: white;
    border-width: 5px;
    box-shadow: 0 8px 30px #d6d6d6;

    position: relative;
}

.physical-reason .physical-tab .item.active:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #ffad2b;

    position: absolute;
    left: 65px;
    bottom: -35px;
}

.physical-reason .physical-tab .item.active:after {
    content: "";
    width: 140%;
    height: 10px;
    border-radius: 5px;
    background-color: #ffad2b;

    position: absolute;
    left: -20%;
    bottom: -45px;
}

.physical-reason .physical-tab .item img {
    width: 68%;
}

.physical-reason .physical-panel .item {
    background-color: white;
    border-radius: 20px;
    box-shadow: 0 8px 30px #d6d6d6;
    text-align: center;
    display: none;
}

.physical-reason .physical-panel .item.active {
    display: block;
}

.physical-reason .physical-panel .item h3.item-head {
    height: 40px;
    line-height: 40px;
    background-color: var(--default-color);
    border-radius: 20px;
    color: white;
    font-size: 20px;
    font-weight: bolder;
    margin-top: 0;
    margin-bottom: 0;
}

.physical-reason .physical-panel .item .item-body {
    line-height: 24px;
    font-size: 16px;
    padding: 20px 100px;
}

@media (max-width: 1264px) {

    .physical-reason .physical-tab .item.active:after {
        width: 120%;
        left: -10%;
    }
}

@media (max-width: 991px) {

    .physical-reason .physical-panel {
        box-shadow: 0 8px 30px #d6d6d6;
        border-radius: 5px;
        overflow: hidden;
    }

    .physical-reason .physical-panel .item {
        text-align: unset;
        border-bottom: 1px solid white;
        border-radius: unset;
        box-shadow: unset;
        display: block;
    }

    .physical-reason .physical-panel .item:last-child {
        border-bottom: unset;
    }

    .physical-reason .physical-panel .item h3.item-head {
        height: 48px;
        line-height: 48px;
        font-size: 18px;
        border-radius: unset;
        padding-left: 30px;
    }

    .physical-reason .physical-panel .item .item-body {
        padding-left: 30px;
        padding-right: 30px;
        display: none;
    }

    .physical-reason .physical-panel .item.active .item-body {
        display: block;
    }
}

.physical-feature .feature-tab .item {
    width: 378px;
    color: white;
}

.physical-feature .feature-tab .item.active {
    background-color: #ffad2b;
}

.physical-feature .feature-panel .item {
    width: 536px;
    height: 340px;
    background-color: white;
    padding: 30px 105px 16px;
}

.physical-feature .feature-panel .item img {
    height: 60px;
    display: block;
    margin-right: 28px;
}

.physical-feature .feature-panel .item .item-body {
    line-height: 26px;
    font-size: 16px;
    font-weight: bolder;
}

.physical-feature .more-gradient {
    cursor: pointer;
    text-align: center;

    display: flex;
    flex-direction: column;
}

.physical-feature .more-gradient i {
    line-height: 40px;
    font-size: 120px;
    color: #59f9ff;
}

.physical-feature .more-gradient i:nth-child(1) {
    opacity: 0.5;
}

.physical-feature .more-gradient i:nth-child(2) {
    opacity: 1;
}

@media (max-width: 991px) {
    .physical-feature .row:nth-child(2) {
        display: block;
        margin-bottom: unset;
    }

    .physical-feature .feature-panel .item img {
        margin-left: unset;
        margin-right: unset;
    }
}

.gdpr-protection .feature-tab .item {
    width: 360px;
    font-size: 18px;
    font-weight: bolder;
    color: white;
    cursor: pointer;
}

.gdpr-protection .feature-tab .item.active {
    background-color: white;
    color: #3D3D3D;
}

.gdpr-protection .feature-panel .item {
    width: 590px;
    height: 244px;
    line-height: 26px;
    font-size: 16px;

    padding: 30px 35px 16px 35px;
}

.feature-tabs .feature-item {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    margin-bottom: 100px
}

.feature-tabs .feature-tab .item {
    height: 60px;
    border-bottom: 1px solid white;
    cursor: pointer;

    display: flex;
    justify-content: space-between;
    align-items: center;

    margin-top: -20px;
    margin-bottom: 20px;
    padding: 0 28px;
}

.feature-tabs .feature-tab .item.active {
    -webkit-clip-path: polygon(0 10px, 10px 0, calc(100% - 90px) 0, calc(100% - 80px) 10px, 100% 10px, 100% 100%, 0 100%);
    clip-path: polygon(0 10px, 10px 0, calc(100% - 90px) 0, calc(100% - 80px) 10px, 100% 10px, 100% 100%, 0 100%);
    border-bottom: unset;

    margin-top: 0;
    padding-top: 10px;
}

.feature-tabs .feature-tab .item:last-child {
    margin-bottom: 0;
}

.feature-tabs .feature-tab .item > * {
    font-size: 18px;
    font-weight: bolder;
    margin-top: 0;
    margin-bottom: 0;
}

.feature-tabs .feature-panel .item {
    background-color: white;
    -webkit-clip-path: polygon(0 14px, 14px 0, 126px 0, 140px 14px, calc(100% - 140px) 14px, calc(100% - 124px) 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 0 100%);
    clip-path: polygon(0 14px, 14px 0, 126px 0, 140px 14px, calc(100% - 140px) 14px, calc(100% - 124px) 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 0 100%);
    display: none;
}

.feature-tabs .feature-panel .item.active {
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (max-width: 991px) {
    .feature-tabs .feature-item {
        flex-direction: column;
    }

    .feature-tabs .feature-tab {
        width: 100%;
        margin-bottom: 40px;
    }

    .feature-tabs .feature-tab select {
        -webkit-tap-highlight-color: transparent;
        border: 0;
        display: block;
        width: calc(100% - 2px);
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-transition: color .3s;
        transition: color .3s;
        -webkit-appearance: none;
        border-radius: 0 2px 0 2px;
        -webkit-clip-path: polygon(0 12px, 12px 0, calc(100% - 82px) 0px, calc(100% - 72px) 8px, 100% 8px, 100% 100%, 0 100%);
        clip-path: polygon(0 12px, 12px 0, calc(100% - 82px) 0px, calc(100% - 72px) 8px, 100% 8px, 100% 100%, 0 100%);
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #3D3D3D;
        position: relative;
        z-index: 3;
        height: 38px;
        padding: 10px 20px;

        background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.683 3.308a.625.625 0 1 1 .884.884L5.442 7.317a.625.625 0 0 1-.884 0L1.433 4.192a.625.625 0 1 1 .884-.884L5 5.991l2.683-2.683Z' fill='%23000'/%3E%3C/svg%3E");
        background-position: calc(100% - 20px) 49%;
        background-repeat: no-repeat;
        background-color: white;
    }

    .feature-tabs .feature-panel .item {
        width: unset;
        height: unset;

        padding: 34px 20px 20px;
    }
}

.gdpr-rule {
    background-color: #F4F9FB;
}

.gdpr-rule img {
    max-width: 100%;
}

.gdpr-rule .name {
    font-weight: bolder;
    margin-top: 0;
    margin-bottom: 30px;
}

.gdpr-rule .text {
    font-size: 16px;
}

.gdpr-compliance .item {
    background-color: #f8f8f8;
    text-align: center;

    -webkit-clip-path: polygon(0 0, calc(100% - 50px) 0, 100% 50px, 100% 100%, 0 100%);
    clip-path: polygon(0 0, calc(100% - 50px) 0, 100% 50px, 100% 100%, 0 100%);
}

.gdpr-compliance .item:hover {
    background-color: #0b898c;
}

.gdpr-compliance .item .icon {
    width: 70px;
    height: 70px;
    background-position: center center;
    background-repeat: no-repeat;
    margin: 0 auto;
}

.gdpr-compliance .item {
    padding: 30px;
}

.gdpr-compliance .item h3 {
    font-size: 18px;
    font-weight: bolder;

    margin-top: 30px;
    margin-bottom: 20px;
}

.gdpr-compliance .item:hover h3 {
    color: white;
}

.gdpr-compliance .item p {
    min-height: 60px;
}

.gdpr-compliance .item:hover p {
    color: white;
}

.gdpr-compliance .row .active, .gdpr-helper .row .white {
    color: #fff;
}

@media (min-width: 992px) {
    .gdpr-compliance .item p {
        min-height: 60px;
        max-height: 60px;
        overflow: hidden;

        transition: max-height 0.25s;
    }

    .gdpr-compliance .item:hover p {
        max-height: 80px;
    }
}

@media (max-width: 991px) {
    .gdpr-compliance .container > .row > div {
        margin-bottom: 10px;
    }

    .gdpr-compliance .container > .row > div:last-child {
        margin-bottom: 0;
    }
}

.gdpr-feature .name {
    font-size: 26px;
    font-weight: bolder;
    line-height: 46px;
    text-align: left;

    padding-left: 70px;
    padding-bottom: 3px;
    margin-top: 0;
    margin-bottom: 30px;
}

.gdpr-feature .name.title1 {
    background-image: url(../img/backup/gdpr-legal-compliance/illustration/title-bar1.png);
    background-position: left center;
    background-repeat: no-repeat;
}

.gdpr-feature .name.title2 {
    background-image: url(../img/backup/gdpr-legal-compliance/illustration/title-bar2.png);
    background-position: left center;
    background-repeat: no-repeat;
}

.gdpr-feature ul {
    text-align: left;
    font-size: 16px;
    line-height: 30px;

    margin-bottom: 20px;
}

.gdpr-feature ul li {
    padding-left: 5px;
}

.gdpr-feature ul .li-name {
    font-weight: bolder;
    position: relative;
}

.gdpr-feature ul .li-name:before {
    content: "·";
    position: absolute;
    left: -5px;
}

.gdpr-feature ul a {
    color: #36A3A5;
}

.gdpr-feature ul .learn-more {
    background-color: #36A3A5;
    color: #fff;
    padding: 3px 4px 3px 3px;
    margin-bottom: 3px;
}

@media (max-width: 991px) {
    .gdpr-feature .name {
        font-size: 24px;
    }

    .gdpr-feature div > img {
        width: 100%;
    }
}

.gdpr-global {
    background-image: url(../img/backup/gdpr-legal-compliance/illustration/global-background.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center bottom;

    padding-bottom: 70px;
}

.gdpr-global .swapper-title .container {
    padding-bottom: 0;
}

.gdpr-global .swapper-swiper {
    height: 700px;
    overflow: hidden;

    position: relative;
}

.gdpr-global .image-div {
    width: 55%;
    height: 643px;
    overflow: hidden;

    position: absolute;
    top: 0;
    left: 0;
}

.gdpr-global .image-div img {
    width: 100%;
    clip-path: polygon(0 0, 86% 0, 103% 100%, 0px 100%);
}

.gdpr-global .content-div {
    width: 60%;
    height: 643px;
    background-image: url(../img/backup/gdpr-legal-compliance/illustration/rectangle-banner.png);
    background-position: left;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;

    padding: 70px 0;

    position: absolute;
    top: 60px;
    right: 0;
}

.gdpr-global .swiper-container {
    width: 70%;
    margin: 0 auto;
}

.gdpr-global .swiper-button-next, .gdpr-global .swiper-button-prev {
    color: #fff;
    text-align: center;
    font-size: 25px;
    background-image: url(../img/backup/gdpr-legal-compliance/illustration/oval.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 35px;
    height: 35px;
}

.gdpr-global .swiper-button-next img, .gdpr-global .swiper-button-prev img {
    margin-bottom: 3px;
}

.gdpr-global .item {
    text-align: left;
    width: 65%;
    margin: 0 auto;
}

.gdpr-global .item .country {
    font-size: 18px;
    font-weight: bolder;
}

.gdpr-global .item .name {
    font-size: 20px;
    font-weight: bolder;

    margin-top: 10px;
    margin-bottom: 0;
}

.gdpr-global .item img {
    height: 40px;
    margin: 30px 0;
}

.gdpr-global .item .text {
    font-size: 16px;
    margin-bottom: 20px;
}

.gdpr-global .item .info {
    font-size: 16px;
    font-weight: bolder;
}

.gdpr-global .swapper-end {
    text-align: center;
    margin-top: 90px;
}

.gdpr-global .swapper-end h2, .gdpr-global .swapper-end p, .gdpr-global .swapper-end span {
    font-weight: bolder;
}

.gdpr-global .swapper-end span {
    color: #4AD1CD;
}

.gdpr-global .swapper-end .btn-normal {
    background-color: #FFAD2B;
}

.gdpr-global .swapper-end .btn-normal:hover {
    background-color: #ec9100;
}

.gdpr-helper .item {
    background-image: linear-gradient(to right, #1D6B75, #3EAFAC);
}

.gdpr-helper .helper-div {
    width: 99%;
    background-color: #fff;
    text-align: center;
    border-radius: 15px;
    margin: 0 auto;
}

.gdpr-helper .helper-div img {
    margin: 40px auto 20px;
}

.gdpr-helper .helper-div .content-div {
    height: 90px;
    width: 95%;
    margin: 0 auto;
    word-wrap: break-word;
}

.headline-author {
    width: 100%;
    background-image: radial-gradient(100% 100% at 50% 14%, #1dcac54d 0%, #c4faea80 75%, #fcfeff 100%);
    background-size: cover;
    margin-top: -70px;
    padding-top: 70px;
}

.headline-author .author-card {
    width: 70%;
    color: #3D3D3D;
    text-align: left;
    margin: 0 auto;
}

.headline-author p {
    font-size: 16px;
    line-height: 26px;
}

.author-list .author-list__card {
    margin-bottom: 60px;
}

.author-list .author-list__card:last-child {
    margin-bottom: 0;
}

.author-list .author-list__card .img-frame {
    width: 180px;
    height: 180px;
    float: right;
    border-radius: 50%;
    overflow: hidden;
}

.author-list .author-list__card img {
    width: 100%;
    margin: 0 auto;
}

.author-list .author-list__card h2 {
    font-size: 30px;
    font-weight: bolder;
}

.author-list__card .author-name {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}

.author-list__card .author-name h3 {
    font-size: 24px;
    font-weight: bolder;
    color: #3D3D3D;
    text-align: left;
    margin-top: 0;
    margin-bottom: 0;
}

.author-list__card .author-name a.share-icon {
    width: 24px;
    height: 24px;
    border: 1px solid #909090;
    border-radius: 50%;
    color: #909090;
    font-size: 14px;

    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
}

.author-list__card .author-name a.share-icon:hover {
    color: white;
}

.author-list__card .author-name a.share-icon.twitter:hover {
    background-color: var(--share-twitter-color);
    border-color: var(--share-twitter-color);
}

.author-list__card .author-name a.share-icon.linkedin:hover {
    background-color: var(--share-linkedin-color);
    border-color: var(--share-linkedin-color);
}

.author-list .author-list__card-strip {
    background-color: #4AD1CD;
    height: 10px;
    width: 25px;
    margin-bottom: 10px;
}

.author-list .author-intro {
    color: #777777;
    margin-bottom: 30px;
}

.author-list .more {
    height: 40px;
    line-height: 40px;
    color: white;
    background-color: #4ad1cd;
    border-radius: 4px;
    display: inline-block;
    padding: 0 16px;
}

.neo-editorial-team .related-article .title {
    background-color: #f9faff;
    border-radius: 5px;
    margin-bottom: 0 !important;
    padding-top: 10px;
    padding-bottom: 10px;
}

.author-card .img-frame {
    float: right;
    margin-right: 30px;
    width: 180px;
    height: 180px;
    border-radius: 180px;
    overflow: hidden;
    text-align: center;
}

.author-card img {
    width: 100%;
    margin: 0 auto;
}

.author-card .author-name {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}

.author-card .author-name h1 {
    font-size: 28px;
    font-weight: bolder;
    color: #1A5355;
    text-align: left;
    margin-top: 0;
    margin-bottom: 0;
}

.author-card .author-name a.share-icon {
    width: 26px;
    height: 26px;
    color: #3D3D3D;
    font-size: 14px;
    line-height: 20px;
    margin-left: 10px;
    padding: 2px;
    border: 1px solid #3D3D3D;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.author-card .author-name a.share-icon.twitter:hover {
    background-color: var(--share-twitter-color);
    border-color: var(--share-twitter-color);
}

.author-card .author-name a.share-icon.linkedin:hover {
    background-color: var(--share-linkedin-color);
    border-color: var(--share-linkedin-color);
}

.author-card .author-name a.share-icon.facebook:hover {
    background-color: var(--share-facebook-color);
    border-color: var(--share-facebook-color);
}

.author-card .author-job {
    font-size: 16px;
    text-align: left;
    margin-bottom: 6px;
}

.author-card .author-intro {
    font-size: 14px;
    text-align: justify;
}

.author-introduce .container, .author-skill .container {
    border-radius: 5px;
    box-shadow: 0 5px 15px #d1d1d1;
    padding: 25px;
}

.author-introduce h2 {
    font-size: 20px;
    font-weight: bolder;
    margin-top: 0;
}

.author-introduce p {
    line-height: 24px;
}

.author-introduce img {
    width: 100%;
}

.author-skill .title-component h2 {
    font-size: 20px !important;
}

.author-skill .author-skill__tag {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: -12px;
}

.author-skill .author-skill__tag span {
    height: 50px;
    line-height: 50px;
    background-color: #F8F8F8;
    border-radius: 6px;
    color: #3B3C3D;

    margin: 0 10px 12px;
    padding: 0 20px;
    display: block;
}

.author-skill .author-skill__tag span:hover {
    background-color: #4BD8E0;
    color: #FFFFFF;
}

.author-blog .item {
    display: block;
}

.author-blog .item:hover {
    transform: scale(1.05);
}

.author-blog .item img {
    width: 100%;
    border-radius: 5px;
}

.recent-articles .no-technique {
    text-align: center;
    font-size: 16px;
    margin-top: 30px;
}

.cookie-notice {
    display: none;
    border: 1px solid #031b4e;
    background-color: #1b6371;

    position: fixed;
    z-index: 100;
    bottom: 0;
    right: 0;
    left: 0;
    padding: 15px 0;
}

.cookie-notice .align-center {
    justify-content: unset;
    gap: 20px;
}

.cookie-notice .notice-text {
    color: #fff;
    font-size: 12px;
}

.cookie-notice .notice-button {
    width: 100px;
    height: 40px;
    line-height: 40px;
    background-color: var(--default-color);
    color: white;
    border-radius: 4px;
    text-align: center;
    cursor: pointer;
    flex: none;
}

.cookie-notice .notice-button:hover {
    background-color: var(--default-hover-color);
}

@media (max-width: 991px) {
    .cookie-notice .notice-text {
        width: unset;
    }

    .cookie-notice .notice-button {
        margin-left: 0;
        margin-top: 10px;
    }
}

.neo-scenarios img {
    height: 120px;
    display: block;
    margin: 0 auto;
}

.neo-scenarios h3 {
    min-height: 48px;
    font-family: var(--default-font-family-bold);
    font-size: 22px;
    color: #0e0e0e;
    text-align: center;
    margin: 40px 0 25px 0;
}

.neo-scenarios li {
    display: flex;
    margin-bottom: 4px;
}

.neo-scenarios li i {
    color: var(--default-color);
    font-size: 16px;
    margin-top: 2px;
    margin-right: 5px;
}

.need-help {
    background-image: url(../img/support/bg-KB.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.need-help > .container {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}

.need-help h2 {
    font-size: 28px;
    font-weight: bolder;
    color: white;
    margin: 0;
    text-align: center;
}

.need-help ul {
    width: fit-content;
    width: -moz-fit-content;

    margin: 10px auto 30px;
}

.need-help ul li {
    line-height: 22px;
    color: white;
    font-size: 16px;

    display: flex;
    align-items: center;
}

.need-help ul li i {
    font-size: 12px;
    margin-right: 4px;
}

.need-help .need-button {
    display: flex;
    gap: 10px 30px;
    justify-content: center;
}

.need-help .need-button a {
    width: fit-content;
    min-width: 260px;
    font-size: 20px;
    padding: 10px 50px;
    border-radius: 5px;
    text-align: center;
}

@media (max-width: 572px) {

    .need-help .need-button {
        flex-direction: column;
        align-items: center;
    }
}

.background-reversal .neo-submit.gary {
    background-color: #fff;
}

.background-reversal .neo-contact.gary {
    background-color: #fff;
}

.background-reversal .neo-contact {
    background-color: #f8f8f8;
}

.neo-feature-banner .item .item-container {
    height: 300px;
}

.neo-feature-banner .item .item-container .item-intro {
    width: 100%;
}

.neo-feature-banner .item .item-container .item-intro .images {
    width: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 1px dashed transparent;
    background: linear-gradient(to right, #18414A, #1A5059) padding-box,
    repeating-linear-gradient(-45deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 0.5em, rgba(255, 255, 255, 0.8) 0, rgba(255, 255, 255, 0.8) 1.2em);
    z-index: -100;
}

.neo-feature-banner h1 {
    color: #C1F6FF;
    font-weight: normal;
    text-align: center;
}

.neo-feature-banner .neo-search .input {
    width: 60%;
    margin: 0 auto;
    color: #3D3D3D;
}

.neo-feature .title {
    width: 50%;
    border-radius: 5px;
    background: #4BD8E0;
    color: #fff;
    padding: 10px 30px;
    text-align: center;
    font-size: 18px;
    font-weight: bolder;
    margin: 50px auto;
}

.neo-feature .feature-list {
    overflow: auto;
    margin-bottom: 30px;
}

.neo-feature .feature-list .feature-list-div {
    width: 30%;
    margin: 30px 1.666%;
    float: left;
    border-radius: 5px;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.05);
    padding: 30px;
    height: 220px;
}

.neo-feature .feature-list .feature-list-div:hover {
    transform: scale(1.05);
}

.neo-feature .feature-list .feature-list-block {
    color: #3B3C3D;
}

.neo-feature .feature-list .feature-list-div .block-title {
    position: relative;
    font-weight: bolder;
    font-size: 18px;
}

.neo-feature .feature-list .feature-list-div .block-title .icon {
    position: absolute;
    right: -20px;
    top: 4px;
}

.neo-feature .feature-list .feature-list-div .block-describe {
    font-size: 16px;
}

#widget-container {
    margin-bottom: 30px;
}

#widget-container div {
    width: 100%;
    border: none;
}

.neo-whatget .row {
    padding: 0 15px;
    display: flex;
    gap: 20px;
    align-items: flex-start;
}

.neo-whatget .row::before,
.neo-whatget .row::after {
    content: none;
}

@media (max-width: 991px) {
    .neo-whatget .row {
        display: block;
        gap: 0;
    }

    .neo-whatget .row::before,
    .neo-whatget .row::after {
        content: " ";
        display: table;
    }
}

@media (min-width: 992px) {
    @supports (grid-template-rows: subgrid) {
        .neo-whatget .row:has(> [class*="col-"]) {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 30px 40px;
            align-items: start;
        }

        .neo-whatget .row:has(> [class*="col-"]) > [class*="col-"] {
            display: grid;
            grid-row: span 3;
            grid-template-rows: subgrid;
            width: auto;
            padding: 0;
        }

        .neo-whatget .row:has(> [class*="col-"]) > [class*="col-"]:not(:has(> :nth-child(3))) {
            grid-row: span 2;
        }

        .neo-whatget .row:has(> [class*="col-"]) > [class*="col-"] > h3 {
            margin: 0;
        }

        .neo-whatget .row:has(> .col-md-6) {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .neo-whatget .row:has(> .col-md-3) {
            grid-template-columns: repeat(4, minmax(0, 1fr));
        }
    }
}

@media (min-width: 1200px) {
    @supports (grid-template-rows: subgrid) {
        .neo-whatget .row:has(> .col-lg-4) {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }

        .neo-whatget .row:has(> .col-lg-3) {
            grid-template-columns: repeat(4, minmax(0, 1fr));
        }
    }
}

.recognition-div-left {
    width: 40%;
    float: left;
    margin-top: 0px;
}

.recognition-div-left-image {
    width: 90%;
    margin-right: 10%;
    background-color: #fff;
    box-shadow: 0 8px 15px #d6d6d6;
    padding: 0 15px;
    height: 200px;
    display: flex;
    align-items: center;
}

.recognition-div-left img {
    height: 100px;
    margin: 0 auto;
}

.recognition-div-left p {
    width: 90%;
    margin-right: 10%;
    float: left;
    color: #3D3D3D;
    font-size: 20px;
    font-weight: bold;
    line-height: 28px;
    margin-top: 30px;
    text-align: center;
}

.recognition-div-right {
    width: 60%;
    padding: 0 0 0 30px;
    float: left;
}

.recognition-div-right .content {
    height: 250px;
    font-size: 27px;
    line-height: 32px;
    text-align: left;
    padding: 50px 0px;
    color: #002856;
}

.recognition-div-right .content span {
    color: #40B3E1;
    font-weight: 600;
    font-size: 27px;
    line-height: 27px;
}

.recognition-div-right .learn-more {
    font-size: 16px;
    line-height: 16px;
    color: #3D3D3D;
    text-align: right;
}

.recognition-div-right .learn-more a {
    color: #02E0DC;
    margin: 0 10px 0 30px;
}

.recognition-div-right .learn-more a img {
    height: 15px;
    float: right;
}

.recognition-div-right .learn-more a:hover {
    opacity: 0.5;
}

.neo-whatget .row.gartner-content {
    padding-bottom: 50px;
    border-bottom: 2px solid #D8D8D8;
}

.recognition-div-right h3 {
    font-size: 20px;
    font-weight: bold;
    line-height: 28px;
    color: #3D3D3D;
    font-family: var(--default-font-family);
}

.recognition-div-right ul {
    padding-left: 15px;
    list-style-image: url(../img/index/enterprise/bullet.png);
}

.recognition-div-right ul li {
    font-family: var(--default-font-family);
    font-size: 16px;
    line-height: 27px;
    color: #3D3D3D;
    padding-left: 10px;
}

.award-div {
    margin-top: 50px;
    float: left;
    overflow: unset;
    width: 100%;
}

.award-div .swiper-slide img {
    height: 90px;
}

.neo-banner.medium-banner .item .item-container {
    height: 460px;
}

.neo-banner.medium-banner .item p {
    font-family: var(--default-font-family);
    line-height: 140%;
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 20px;
}

.neo-banner.medium-banner .item .item-container .item-intro + img {
    width: 360px;
}

.white-papers-content, .white-papers-view-content {
    width: 80%;
    max-width: 1366px;
}

.white-papers-content .media-list .col-md-12 {
    margin: 20px auto 10px;
}

.white-papers-content .media-list .col-md-12 .read-more {
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
}

.neo-banner.white-papers-view-banner .item .item-container .item-intro {
    width: 70%;
}

.neo-banner.white-papers-view-banner .item {
    background: url(../img/white-papers/banner-backup.png);
    background-size: cover;
}

.neo-banner.white-papers-view-banner .item .item-container {
    margin: 80px auto 60px;
}

.neo-banner.white-papers-view-banner .item h1 {
    font-size: 36px;
    font-weight: 600;
    line-height: 45px;
}

.neo-banner.white-papers-view-banner .item a {
    font-size: 16px;
    font-weight: normal;
    font-family: var(--default-font-family);
    padding: 0;
    margin: 0;
}

.neo-banner.white-papers-view-banner .item .download-btn {
    font-size: 22px;
    font-weight: 600;
    line-height: 20px;
    padding: 15px 50px;
    border-radius: 2px;
    margin-top: 120px;
}

.neo-banner.white-papers-view-banner .item .time-group {
    margin-top: 50px;
    margin-bottom: 20px;
}

.neo-banner.white-papers-view-banner .item img {
    margin-right: 10px;
}

.neo-banner.white-papers-view-banner .item .banner-image {
    width: 360px;
    margin-right: 0px;
}

.neo-banner.white-papers-view-banner .item span {
    font-size: 16px;
    font-weight: normal;
    font-family: var(--default-font-family);
    padding: 0;
    margin: 0;
}

.neo-banner.white-papers-view-banner .item p {
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 50px;
}

.neo-banner.white-papers-view-banner .item .item-container .item-intro + img {
    width: 330px;
}

.white-papers-view-content .content-div {
    width: 45%;
    float: left;
}

.white-papers-view-content .content-div-left {
    margin-right: 5%;
}

.white-papers-view-content .content-div-right {
    margin-left: 5%;
}

.white-papers-view-content .white-papers-cover {
    height: 540px;
}

.white-papers-view-content .white-papers-synopsis {
    font-size: 16px;
    font-weight: normal;
    line-height: 140%;
    color: #3B3C3D;
    margin: 50px 0;
}

.white-papers-view-content .author-card {
    margin-bottom: 50px;
    overflow: hidden;
}

.white-papers-view-content .author-card .title {
    font-size: 18px;
    font-weight: bolder;
    line-height: 140%;
    color: #3B3C3D;
    margin-bottom: 40px;
}

.white-papers-view-content .author-card .avatar {
    width: 94px;
    height: 94px;
    border-radius: 47px;
    float: left;
    overflow: hidden;
    display: flex;
    justify-content: center;
}

.white-papers-view-content .author-card img {
    height: 100%;
    width: auto;
}

.white-papers-view-content .author-card .avatar-content {
    width: 75%;
    float: right;
    font-size: 16px;
    font-weight: normal;
    line-height: 140%;
    color: #3B3C3D;
}

.white-papers-view-content .author-card .author-card-clip {
    margin-bottom: 50px;
    padding: 0;
    width: 30%;
    float: left;
    min-height: 150px;
}

.white-papers-view-content .author-card .author-card-clip:nth-child(3) {
    margin-left: 5%;
    margin-right: 5%;
}

.white-papers-view-content .main-page-success .container {
    width: 100%;
}

.white-papers-view-content .register-group {
    padding: 60px 50px;
    background-color: #FFFFFF;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.15);
    border-radius: 10px;
}

.white-papers-view-content .register-group .title {
    color: #3B3C3D;
    font-size: 36px;
    font-weight: 600;
    line-height: 37px;
    text-align: center;
    margin-bottom: 50px;
}

.white-papers-view-content .register-group .register-input {
    width: 100%;
    padding: 15px 20px;
    margin-bottom: 30px;
    border-radius: 10px;
    box-sizing: border-box;
    border: 1px solid #999999;
}

.white-papers-view-content .register-group .select-country, .white-papers-view-content .register-group .select-state {
    position: relative;
}

.white-papers-view-content .register-group .select-country .title, .white-papers-view-content .register-group .select-state .title {
    position: absolute;
    top: -8px;
    left: 18px;
    font-size: 12px;
    font-weight: normal;
    line-height: 140%;
    color: #999999;
    background-color: #fff;
    z-index: 999;
    padding: 0 3px;
}

.white-papers-view-content .register-group .ms-wrap {
    padding: 15px 20px;
    margin-bottom: 30px;
    border-radius: 10px;
    box-sizing: border-box;
    border: 1px solid #999999;
}

.white-papers-view-content .register-group .ms-label-wrap {
    border: unset;
}

.white-papers-view-content .register-group .ms-label-wrap .ms-label {
    color: #999999;
}

.white-papers-view-content .register-group .form-control {
    box-shadow: unset;
    padding-left: 0;
}

.white-papers-view-content .register-group .ms-arrow {
    display: none;
}

.white-papers-view-content .register-group .ms-dropdown {
    left: 0;
    top: 70px;
}

.white-papers-view-content .register-group a {
    font-weight: bolder;
    font-size: 16px;
}

.white-papers-view-content .register-button {
    margin-top: 50px;
    width: 100%;
    text-align: center;
}

.white-papers-view-content .download-btn {
    font-size: 22px;
    font-weight: 600;
    line-height: 20px;
    padding: 15px 50px;
    border-radius: 5px;
    margin-bottom: 30px;
}

.white-papers-view-content .pdf-view {
    margin-top: 0px;
    margin-bottom: 60px;
}

.white-papers-view-content .related-content-card {
    border-radius: 10px;
    background: #4AD1CD;
    width: 30%;
    float: left;
    padding: 25px 35px;
    margin-bottom: 50px;
}

.white-papers-view-content .related-content-card:hover {
    background: #00B6CE;
}

.white-papers-view-content .related-content-card:nth-child(2) {
    margin: 0 5%;
}

.white-papers-view-content .related-content .title {
    color: #3B3C3D;
    font-size: 18px;
    font-weight: bolder;
    line-height: 140%;
    margin-bottom: 35px;
}

.white-papers-view-content .related-content-link {
    color: #fff;
}

.white-papers-view-content .related-content-card .card-title {
    font-size: 16px;
    font-weight: bolder;
    line-height: 140%;
}

.white-papers-view-content .related-content-card .card-content {
    font-size: 16px;
    font-weight: normal;
    line-height: 140%;
    height: 90px;
}

.white-papers-view-content .related-content-card .read-more {
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
}

.supported-platforms .title-component {
    font-size: 32px;
    font-weight: bolder;
    line-height: 34px;
    margin-bottom: 50px !important;
}

.supported-platforms .title-component h2 span {
    color: #4ED8E1 !important;
}

.supported-platforms .title-component p {
    color: #3D3D3D;
    font-size: 18px;
    font-weight: normal;
    line-height: 24px;
}

.supported-platforms .supported-platforms-type-group {
    display: flex;
}

.supported-platforms .supported-platforms-type {
    background-color: #36A4A6;
    color: #fff;
    width: 140px;
    height: 140px;
    margin: 30px auto;
    float: left;
    text-align: center;
    padding: 30px 0 0;
    border-radius: 10px;
    cursor: pointer;
}

.supported-platforms .supported-platforms-type:first-child {
    margin-left: 0;
}

.supported-platforms .supported-platforms-type:last-child {
    margin-right: 0;
}

.supported-platforms .supported-platforms-type .supported-platforms-image {
    height: 60px;
}

.supported-platforms .supported-platforms-type img {
    margin-bottom: 10px;
}

.supported-platforms .supported-platforms-type p {
    font-size: 14px;
    font-weight: bolder;

    display: flex;
    justify-content: center;
    align-items: center;
    height: 28px;
}

.supported-platforms-icon {
    border: 3px dashed #5DB8C1;
    padding: 30px;
    border-radius: 15px;
}

.supported-platforms-icon-group {
    width: 100%;
}

.supported-platforms-icon-group tr > td {
    text-align: center;
    height: 50px;
    min-width: 30px;
}

.supported-platforms-icon-group img {
    max-width: 100px;
}

.supported-platforms-icon-group .blue-bar-horizontal {
    height: 2px;
    width: 15px;
    background-color: #36a4a6;
    margin: 0 auto;
    opacity: 0.25;
}

.supported-platforms-icon-group .blue-bar-vertical {
    height: 15px;
    width: 2px;
    background-color: #36a4a6;
    margin: 0 auto;
    opacity: 0.25;
}

.supported-platforms-icon-group .icon-type-dark {
    display: none;
}

.real-time-replication-sketch {
    text-align: center;
    margin-bottom: 50px;
    background: #F7FBFC;
    border: 3px dashed #36A4A6;
    border-radius: 10px;
    padding: 30px;
}

.real-time-replication-sketch img {
    margin: 0 auto;
}

.neo-real-time-replication-supported {
    background-image: url(../img/backup/file-backup/supported-background.png);
    background-position: 50% top;
    background-size: cover;
}

.neo-real-time-replication-supported .row .col-md-3:first-child {
    margin-left: 12.5%;
}

.neo-real-time-replication-supported .item {
    color: white;
    font-weight: bolder;
    text-align: center;
    width: 100%;
    margin-bottom: 20px;
}

.neo-real-time-replication-supported .item .info {
    width: 262px;
    height: 100px;
    border-radius: 24px 5px 5px 5px;
    background-color: #FFFFFF;
    display: table-cell;
    vertical-align: middle;
}

.neo-real-time-replication-supported .item .info img {
    max-height: 100px;
    max-width: 215px;
}

.neo-real-time-replication-supported .item:hover {
    transform: scale(1.06);
}

.neo-banner .item .item-container .item-intro + img.data-verification-solution-banner {
    width: 500px;
}

.data-verification-solution-sketch {
    text-align: center;
    margin-bottom: 50px;
    background: #F7FBFC;
    border: 3px dashed #36A4A6;
    border-radius: 10px;
    padding: 30px;
}

.data-verification-solution-sketch img {
    width: 100%;
}

.endpoints-backup-solution-sketch {
    text-align: center;
    margin-bottom: 50px;
    background: #F7FBFC;
    border: 3px dashed #36A4A6;
    border-radius: 10px;
    padding: 30px;
    margin-top: 100px;
}

.endpoints-backup-solution-sketch img {
    width: 100%;
}

.neo-whatget.endpoints-backup-solution-whatget .col-lg-4 {
    text-align: left;
}

.leadership-content h2 {
    line-height: 34px;
    font-family: var(--default-font-family-bold);
    letter-spacing: 0;
    color: #0fb2c6;
    font-size: 28px;
    margin-top: 0;
}

.leadership-content .leader-job {
    font-family: var(--default-font-family-bold);
    font-size: 26px;
    font-stretch: normal;
    line-height: 34px;
    letter-spacing: 0;
    color: #10515a;
    margin-top: 0;
}

.leadership-content .leader-intro {
    margin-top: 30px;
}

.leadership-content .leader-intro p {
    font-size: 20px;
    line-height: 26px;
    letter-spacing: 0;
    color: #1c6973;
}

.mark-hu {
    text-align: center;
}

.mark-hu img {
    margin: 16px 20px;
}

.mark-hu p {
    font-family: var(--default-font-family-bold);
    font-size: 18px;
    font-style: italic;
    line-height: 22px;
    letter-spacing: 0;
    color: #1c6973;
    margin-bottom: 20px;
}

.mark-hu .leader-media a {
    display: inline-block;
    height: 32px;
    width: 38px;
    margin: 0 20px;
}

.mark-hu .leader-media i {
    font-size: 36px;
    color: #10515A;
}

.mark-hu .leader-media i:hover {
    color: #0FB2C6;
}

.four-people .cover-item {
    padding: 44px 55px;
    border-bottom: solid 10px transparent;
}

.four-people .cover-item:hover {
    background-color: #FFFFFF;
    box-shadow: 0 2px 17px 1px rgba(23, 59, 71, 0.1);
    padding: 44px 55px;
    border-bottom: solid 10px #0fb2c6;
}

.four-people .cover-item img {
    border: solid 4px transparent;
    border-radius: 50%;
}

.four-people .cover-item:hover img {
    border: solid 4px #0fb2c6;
}

.four-people .cover-item h2 {
    font-size: 20px;
    line-height: 34px;
    font-family: var(--default-font-family-bold);
    letter-spacing: 0;
    color: #0fb2c6;
    margin-top: 0;
    white-space: nowrap;
}

.four-people .cover-item .leader-job {
    line-height: 24px;
    font-family: var(--default-font-family);
    font-size: 19px;
    font-weight: 700;
    letter-spacing: 0;
    color: #10515a;

    margin-bottom: 10px;
}

.four-people .cover-item .leader-intro {
    line-height: 22px;
    font-size: 16px;
}

.four-people .cover-item .leader-media {
    font-size: 36px;
    color: #10515A;
    margin-top: 10px;
}

.four-people .cover-item i {
    font-size: 36px;
    color: #10515A;

    margin-right: 10px;
}

.four-people .cover-item i:hover {
    color: #0FB2C6;
}

@media (min-width: 992px) {
    .four-people .cover-item:last-child {
        margin-bottom: 0 !important;
    }

    .four-people .cover-item .slip {
        min-height: 168px;
        max-height: 168px;
        overflow: hidden;

        transition: max-height 0.25s;
    }

    .four-people .cover-item:hover .slip {
        max-height: 206px;
    }
}

@media (max-width: 991px) {
    .four-people .cover-item {
        text-align: center;
    }

    .four-people .cover-item .leader-intro {
        text-align: left;
    }
}

.neo-cpd.neo-whatget p {
    text-align: left;
}

.neo-cpd.ns-series.neo-solution .col-sm-6 {
    width: 40%;
}

.neo-cpd.ns-series.neo-solution .col-sm-6 {
    margin-bottom: 50px;
}

.neo-cpd.ns-series.neo-solution .item .icon {
    position: relative;
    padding: 20px;
    background-color: #D7ECED;
    border-radius: 50px;
    height: 100px;
    width: 100px;
    top: -75px;
}

.neo-cpd.ns-series.neo-solution .item h3 {
    margin-top: -50px;
    margin-bottom: 20px;
}

.neo-cpd.ns-series.neo-solution .item:hover .icon {
    filter: none;
}

.neo-cpd.physical-reason .physical-tab .item {
    display: block;
    position: relative;
    border: none;
    text-align: center;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
}

.neo-cpd.physical-reason .physical-tab .item:hover {
    background: #4AD1CD;

}

.neo-cpd.physical-reason .physical-tab .item img {
    position: absolute;
    width: auto;
    height: auto;
    transform: translate(-50%, 0%);
    bottom: 50px;
}

.neo-cpd.physical-reason .physical-tab .item:hover img {
    filter: brightness(0) invert(1);
}

.neo-cpd.physical-reason .physical-tab .item:hover p {
    color: #fff;
}

.neo-cpd.physical-reason .physical-tab .item p {
    position: absolute;
    text-align: center;
    width: 100%;
    bottom: 20px;
}

.neo-microsoft-exchange.sol-banner .sol-banner__points li {
    font-size: 18px;
}

.neo-microsoft-exchange.db-tabs .tabs-panel .item {
    display: block;
}

.neo-microsoft-exchange.neo-platforms .row {
    display: flex;
    margin-bottom: 50px;
    align-items: center;
}

.neo-microsoft-exchange.neo-platforms .row:first-child {
    padding: 0 50px;
    justify-content: space-between;
}

.neo-microsoft-exchange.neo-platforms .neo-platforms__list .item img {
    flex: 0 0 40%;
    max-width: 410px;
    height: auto;
    max-height: 220px;
    object-fit: contain;
    margin-bottom: 0;
}

.neo-microsoft-exchange.db-tabs .tabs-panel .row .item {
    border-radius: 20px;
    background-color: #FFFFFF;
    box-shadow: 0 4px 10px 0 rgba(26, 83, 85, 0.2);
    border: unset;
    height: 100%;
    text-align: center;
    display: block;
    padding: 30px 20px;
    color: #3D3D3D;
}

.neo-microsoft-exchange.db-tabs .tabs-panel .item .slip {
    height: min-content;
}

.neo-microsoft-exchange.db-tabs .tabs-panel .item .slip h3 {
}

.neo-microsoft-exchange.db-tabs .tabs-panel .item .slip p {
    margin-left: 0;
}

.neo-microsoft-exchange.neo-platforms .item h3 {
    color: unset;
    margin-bottom: 0px;
    font-size: 18px;
    width: 100%;
    max-width: unset;
}

.neo-microsoft-exchange.db-tabs .tabs-panel .item {
    max-width: unset;
    width: 90%;
}

.neo-microsoft-exchange.db-tabs .tabs-panel .row .item {
    width: 100%;
}

.neo-microsoft-exchange.neo-platforms .neo-platforms__list .item p {
    margin: 20px 20px 10px;
    font-size: 16px;
    min-height: 72px;
}

.neo-microsoft-exchange.db-tabs .tabs-panel .row .item:hover {
    background-color: #5DB8C1;
    color: #FFFFFF;
    transform: scale(1.05);
}

.neo-microsoft-exchange.neo-platforms .neo-platforms__list .item .icon {
    filter: brightness(1) invert(0);
    position: relative;
    height: 70px;
}

.neo-microsoft-exchange.neo-platforms .neo-platforms__list .item .icon img {
    position: absolute;
    top: 30px;
    left: 50%;
    transform: translate(-50%, -50%);
}

.neo-microsoft-exchange.neo-platforms .neo-platforms__list .item img {
    margin-bottom: 20px;
}

.neo-microsoft-exchange.db-tabs .tabs-panel .row .item:hover h3 {
    color: #FFFFFF;
}

.neo-microsoft-exchange.neo-platforms .neo-platforms__list .row .item:hover .icon {
    filter: brightness(0) invert(1);
}

.display-mobile {
    display: none !important;
}

@media (max-width: 414px) {

    .neo-banner .item-intro > a {
        margin-bottom: 10px;
    }

    .page-title .title {
        font-size: 24px;
    }

    .about-vinchin {
        margin: 50px auto;
    }

    .our-company {
        margin-bottom: 50px;
    }

    .our-company h2 {
        font-size: 20px;
        text-align: center;
        margin-top: 30px;
        margin-bottom: 10px;
    }

    .our-company ul {
        width: 90%;
        margin: 0 auto;
        text-align: justify;
    }

    .our-international {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .our-international h2 {
        font-size: 20px;
        margin-bottom: 30px;
    }

    .our-international h3 {
        font-size: 18px;
    }

    .footer-div {
        padding-top: 50px;
    }

    .display-website {
        display: none !important;
    }

    .display-mobile {
        display: block !important;
    }

    .header #nav2 .navTwo .navThree {
        background-color: #29343B;
    }

    .main-page div.gary {
        overflow: hidden;
    }

    .footer-div .container {
        margin-top: 50px;
        margin-bottom: -30px;
    }

    .main-page .container {
        padding-bottom: 50px !important;
    }

    .form-edition #subscribe {
        margin: 5px 0 0 0;
    }

    .form-edition .edition-learn {
        max-width: 100%;
        padding: 0 5px;
    }

    .form-edition .edition-learn label {
        width: 90%;
        float: right;
    }

    .quick-overview .display-mobile {
        width: 15%;
        margin-right: 2%;
        float: left;
    }

    .quick-overview .display-mobile img {
        margin-top: 5px;
    }

    .quick-overview h3 {
        width: 83%;
        font-size: 18px;
        height: 50px;
        display: table-cell;
        vertical-align: middle;
    }

    .quick-overview p {
        margin-top: 10px;
        margin-bottom: 30px !important;
        float: left;
    }

    .neo-whatget .col-lg-4 {
        margin-bottom: 30px;
    }

    .neo-platforms .row > div {
        margin-bottom: 0;
    }

    .neo-platforms .row .item {
        width: 80%;
        margin-bottom: 30px;
    }

    .main-page .container > .title-component > p {
        font-size: 16px !important;
    }

    .neo-button a {
        min-width: 80%;
    }

    .neo-submit .explain .name {
        font-size: 18px;
    }

    .main-page .container > .title-component {
        margin-bottom: 50px;
    }

    .neo-submit .explain ul li {
        font-size: 14px;
    }

    .neo-submit .explain ul {
        margin-bottom: 30px;
    }

    .neo-contact .col-md-4 {
        margin-bottom: 30px;
    }

    .neo-button a {
        margin-top: 30px;
    }

    .main-page .container > .title-component > .heading {
        font-size: 24px;
    }

    .main-page .container > .title-component > h2 {
        font-size: 24px;
    }

    .neo-reason .row > div {
        margin-bottom: 0;
    }

    .neo-reason p {
        margin-bottom: 30px !important;
    }

    .neo-reason .item img {
        display: none;
    }

    .neo-thumb .item:first-child {
        margin-bottom: 30px;
    }

    .text-collapse .item a, .text-collapse .item .panel-title {
        font-size: 14px;
        line-height: 20px;
    }

    .neo-provider img {
        width: 40%;
    }

    .neo-provider a {
        width: 80%;
        min-width: auto;
        margin: 0 auto;
        margin-top: 50px;
        height: 80px;
    }

    .neo-provider a span {
        font-size: 18px;
        line-height: 36px;
    }

    .neo-rich .content .cover {
        width: 100%;
    }

    .neo-rich .content .cover .tips {
        font-size: 14px;
        margin-bottom: 30px;
    }

    .neo-rich .content .intro {
        margin: 0;
        width: 100%;
    }

    .neo-rich .intro ul li {
        font-size: 14px;
        height: auto;
    }

    .neo-media .media-button-prev, .neo-media .media-button-next {
        width: auto;
    }

    .neo-platforms ul {
        margin: 0 auto;
    }

    .neo-support .item:last-child {
        margin-bottom: 90px;
    }

    .neo-rich .display-mobile .tips {
        margin: 10px auto;
    }

    .neo-rich .content {
        padding: 0;
    }

    .neo-benefit .item img {
        display: none;
    }

    .neo-support .container > .row > div:last-child .item:last-child {
        margin-bottom: 90px !important;
    }

    .main-page .container > .title-component.title-nas .nas-title span {
        height: 50px;
        line-height: 24px;
    }

    .neo-real-time-replication-supported .item {
        width: 262px;
        margin: 20px auto;
    }

    .neo-real-time-replication-supported .col-md-3:last-child {
        margin: 0 !important;
    }

    .neo-tpology .col-lg-9, .neo-tpology .col-lg-3 {
        width: 100% !important;
    }

    .neo-tpology img {
        width: 100%;
    }

    .neo-file-backup-supported .item {
        width: 262px;
        margin: 20px auto;
    }

    .hidden-sm {
        display: none !important;
    }

    .ransomware-scenario.display-mobile h4 {
        background-image: linear-gradient(to right, #4ad1cd 30%, transparent 100%);
        color: white;
        height: 60px;
        font-size: 20px;
        font-weight: bolder;
        border-radius: 30px;
        margin-bottom: 10px;
        padding-left: 5%;
        padding-right: 30%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .ransomware-scenario.display-mobile h4::after {
        content: '▶';
    }

    .ransomware-scenario.display-mobile .intro {
        background-color: white;
        border: 2px solid #0d7a7e;
        border-radius: 40px;
        overflow: hidden;
    }

    .neo-customer .item p {
        margin: 0 10px;
    }

    .neo-customer .swiper-button-next, .neo-customer .swiper-button-prev {
        font-size: 30px;
    }

    .neo-rich .content {
        display: block;
    }

    .neo-work img {
        margin-bottom: 30px;
    }

    .neo-platforms-supported .item {
        margin-bottom: 30px !important;
    }

    .gdpr-rule img {
        margin-bottom: 30px;
    }

    .gdpr-rule .name {
        font-size: 24px;
    }

    .gdpr-feature div > img {
        display: none;
    }

    .gdpr-helper .helper-div {
        margin-bottom: 30px;
    }

    .neo-scenarios .col-lg-4 {
        margin-bottom: 30px;
    }

    .vin-download > .container > .row img {
        position: relative;
        right: 5%;
    }

    .file-download .guide-tr .guide-td {
        font-size: 14px;
    }

    .file-download .guide-tr .guide-td:first-child {
        padding-left: 10px;
    }

    .file-download .guide-tr .guide-td:last-child {
        width: 100px;
    }

    .enter-KB .col-md-6:first-child p:last-child {
        margin-bottom: 30px !important;
    }

    .file-download .guide-tr.long-text {
        line-height: 30px;
    }

    .file-download .guide-tr.long-text a {
        line-height: 60px;
    }

    .file-download .guide-tr.long-text .guide-td {
        max-width: 190px;
    }

    .customer-overview {
        width: 100%;
    }

    .page-title p {
        margin-bottom: 50px !important;
    }

    .sales-contact .item {
        margin-bottom: 50px;
    }

    .neo-half-content .padding-rt {
        text-align: center;
    }

    .neo-half-content .padding-lt {
        width: 95%;
        margin: 0 auto;
    }

    .neo-half-content img {
        width: 80%;
        margin-bottom: 30px;
    }

    .neo-page ._htools-select {
        width: 100% !important;
    }

    .cookie-notice .notice-text {
        width: 100%;
    }

    .neo-feature .container {
        padding-top: 30px !important;
    }

    .neo-feature-banner h1 {
        font-size: 18px !important;
    }

    .neo-feature-banner .neo-search .input {
        width: 100%;
    }

    .neo-feature .feature-list {
        overflow: hidden;
    }

    .neo-feature .title {
        width: 100%;
        margin: 30px auto;
    }

    .neo-feature .feature-list .feature-list-div {
        width: 100%;
        margin: 10px 0;
        height: auto;
    }

    .neo-feature .feature-list .feature-list-div .block-title {
        padding-right: 20px;
    }

    .neo-feature .feature-list .feature-list-div .block-title .icon {
    }

    .neo-feature .feature-list .feature-list-div .block-describe {
        font-size: 12px !important;
    }

    .neo-platforms li {
        font-size: 14px;
        text-align: center;
    }

    .neo-partner .col-lg-4 {
        margin-bottom: 30px;
    }

    .recognition-div-left {
        width: 100%;
        height: auto;
        margin-top: 30px;
        margin-left: 0;
    }

    .recognition-div-left img {
        margin: 50px auto 10px;
    }

    .recognition-div-right {
        width: 100%;
        padding: 0 10px 30px;
        height: auto;
        border: none;
    }

    .recognition-div-right h3 {
        font-size: 18px;
    }

    .recognition-div-left img {
        margin: 10px auto 10px;
    }

    .recognition-div-left-image {
        margin: 0 auto;
    }

    .recognition-div-left p {
        width: 100%;
        padding: 0 5%;
        margin: 30px auto;
    }

    .recognition-div-right a {
        float: unset;
        position: unset;
        text-align: center;
        width: 100%;
        display: block;
    }

    .neo-tpology table th {
        background: #4AD1CD;
        color: #fff;
        text-align: center;
        padding: 2px;
        font-size: 16px;
        line-height: 27px;
        width: 26%;
    }

    .neo-tpology table td {
        font-size: 14px;
        font-weight: normal;
        line-height: 20px;
        color: #171717;
        padding: 2px;
        text-align: center;
    }

    .neo-tpology table th:first-child {
        width: 18%;
    }

    .neo-banner.thing-banner .item .item-container {
        margin-top: 20px;
        margin-bottom: 30px;
    }

    .white-papers-view-content .content-div {
        width: 100%;
        float: left;
    }

    .white-papers-view-content .content-div-left {
        margin-right: 0%;
    }

    .white-papers-view-content .white-papers-cover {
        width: 100%;
        height: auto;
    }

    .white-papers-view-content .author-card .title {
        margin-bottom: 20px;
    }

    .white-papers-view-content .author-card .avatar-content {
        width: 100%;
        margin: 10px auto 30px;
    }

    .white-papers-view-content .content-div-right {
        margin-left: 0%;
    }

    .white-papers-view-content .register-group {
        padding: 20px;
        margin-bottom: 50px;
    }

    .white-papers-view-content .register-group .title {
        margin-bottom: 20px;
    }

    .white-papers-view-content .register-button {
        margin-top: 30px;
        margin-bottom: 30px;
        width: 100%;
    }

    .white-papers-view-content .register-button a {
        width: 100%;
    }

    .neo-banner.white-papers-view-banner .item h1 {
        font-size: 24px !important;
        line-height: 36px;
    }

    .white-papers-content, .white-papers-view-content {
        margin-top: 50px;
    }

    .neo-banner.thing-banner.white-papers-view-banner .item .item-container {
        display: block;
    }

    .neo-banner.white-papers-view-banner .item .download-btn {
        width: auto;
        text-align: center;
        margin-top: 0;
        font-size: 16px;
    }

    .white-papers-view-content .pdf-view {
        margin-top: 0;
    }

    .real-time-replication-sketch img {
        width: 100%;
    }

    .neo-feature .item img, .neo-feature .item h3 {
        padding: 0 15px;
    }

    .neo-feature p {
        padding: 0 15px;
    }

    .neo-real-time-replication-supported .row .col-md-3:first-child {
        margin-left: 0;
    }

    .neo-database .col-xs-6 {
        width: 100%;
    }

    .neo-database .col-xs-6:nth-child(2) {
        margin-top: 20px;
    }

    .neo-database .item {
        text-align: center;
    }

    .neo-database .item .info {
        width: 262px;
        height: 100px;
        border-radius: 24px 5px 5px 5px;
        margin: 0 auto;
    }

    .supported-platforms .title-component {
        margin-bottom: 30px !important;
    }

    .supported-platforms .supported-platforms-type-group {
        display: block;
        overflow: hidden;
    }

    .supported-platforms .supported-platforms-type {
        width: 40%;
        margin: 0px 5% 20px;
    }

    .supported-platforms .supported-platforms-type:last-child {
        margin: 0 30% 30px;
    }

    .supported-platforms-icon-group tr > td {
        display: table-cell;
        width: 40%;
        height: 30px;
    }

    .supported-platforms-icon-group .icon-type-group-hidden {
        display: none;
    }

    .neo-submit-neo-style .neo-submit.gary {
        width: 100%;
        margin-top: 0;
        background-color: #fff;
    }

    .supported-platforms .supported-platforms-type:first-child {
        margin: 0 5% 20px;
    }

    .main-page .container > .title-component > h2 {
        font-size: 20px;
    }

    .neo-carousel .item h3.name {
        font-size: 20px;
    }
}

.neo-flow {
    --flow-card-w: 152px;
    --flow-card-h: 220px;
    --flow-env-w: 140px;
    --flow-branch-h: 220px;
    --flow-arrow: 30px;
    --flow-gap: 12px;
    background-color: #FFFFFF;
}

.neo-flow .container {
    width: 96% !important;
    max-width: unset !important;
}

.neo-flow .neo-flow__scroll {
    overflow-x: auto;
    overflow-y: hidden;
}

.neo-flow .neo-flow__track {
    display: flex;
    align-items: center;
    justify-content: center;
    width: max-content;
    min-width: 100%;
    padding: 10px;
}

.neo-flow .neo-flow__node {
    flex: 0 0 auto;
    perspective: 1000px;
    -webkit-perspective: 1000px;
}

.neo-flow .neo-flow__card {
    position: relative;
    width: var(--flow-card-w);
    height: var(--flow-card-h);
    border-radius: 18px;
    transition: transform 0.6s ease;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
}

.neo-flow .neo-flow__node:hover .neo-flow__card {
    transform: rotateY(180deg);
}

.neo-flow .card-front,
.neo-flow .card-back {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 18px;
    background-color: #FFFFFF;
    box-shadow: 0 4px 10px 0 rgba(26, 83, 85, 0.2);
    box-sizing: border-box;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.neo-flow .card-front {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px 4px;
    text-align: center;
}

.neo-flow .card-back {
    transform: rotateY(180deg);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 20px 22px;
    text-align: left;
}

.neo-flow .card-back__title {
    font-family: var(--default-font-family);
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0.01em;
    color: #3D3D3D;
    margin: 0 0 8px 0;
}

.neo-flow .card-back__title .card-back__num {
    color: #4AD1CD;
}

.neo-flow .card-back__desc {
    font-family: var(--default-font-family);
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #3D3D3D;
    margin: 0 0 8px 0;
}

.neo-flow .card-back__list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 12px;
    font-family: var(--default-font-family);
    font-size: 13px;
    line-height: 20px;
    color: #6B7280;
}

.neo-flow .card-back__list span {
    display: inline-flex;
    align-items: baseline;
}

.neo-flow .card-back__list span::before {
    content: "";
    display: inline-block;
    flex: 0 0 auto;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #4AD1CD;
    margin-right: 6px;
}

.neo-flow .neo-flow__icon {
    margin-bottom: 16px;
    line-height: 0;
}

.neo-flow .neo-flow__icon img {
    display: inline-block;
    width: 64px;
    height: 64px;
    object-fit: contain;
}

.neo-flow .neo-flow__text {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: #3D3D3D;
}

.neo-flow .neo-flow__num {
    font-family: var(--default-font-family-bold);
    font-size: 20px;
    line-height: 24px;
    color: #4AD1CD;
}

.neo-flow .neo-flow__branch {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
}

.neo-flow .neo-flow__branch .neo-flow__card {
    height: var(--flow-branch-h);
}

.neo-flow .neo-flow__arrow {
    flex: 0 0 auto;
    margin: 0 var(--flow-gap);
    line-height: 0;
}

.neo-flow .neo-flow__arrow img {
    display: inline-block;
    width: var(--flow-arrow);
    height: var(--flow-arrow);
}

@media (max-width: 1497px) {
    .neo-flow .neo-flow__card {
        width: var(--flow-env-w);
    }
}

.resource-section {
    background-color: #FFFFFF;
}

.resource-grid {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
    gap: 24px;
    align-items: stretch;
}

.featured-card,
.resource-card {
    background-color: #FFFFFF;
    border-radius: 20px;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
    overflow: hidden;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.featured-card:hover,
.resource-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px 0 rgba(26, 83, 85, 0.18);
}

.featured-card__link,
.resource-card__link {
    display: flex;
    height: 100%;
    color: inherit;
    text-decoration: none;
}

.featured-card__link:hover,
.featured-card__link:focus,
.resource-card__link:hover,
.resource-card__link:focus {
    text-decoration: none;
    color: inherit;
}

.featured-card__link {
    flex-direction: column;
}

.featured-card__image {
    flex: 0 0 auto;
    height: 294px;
    overflow: hidden;
}

.featured-card__image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
    border-radius: 20px;
}

.featured-card__content {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 28px 32px 32px;
    text-align: left;
    gap: 30px;
}

.resource-card__content {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0;
    padding: 28px 32px;
    text-align: left;
    justify-content: space-between;
}

.resource-card__category {
    font-family: var(--default-font-family-bold);
    font-size: 24px;
    font-weight: bolder;
    line-height: 28px;
    letter-spacing: 0.02em;
    color: #3D3D3D;
    margin: 0;
}

.resource-card__title {
    font-family: var(--default-font-family-bold);
    font-size: 19px;
    line-height: 22px;
    letter-spacing: 0.02em;
    color: #3D3D3D;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.resource-card__description {
    font-family: var(--default-font-family);
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0.02em;
    color: #3D3D3D;
    margin: 0 0 20px 0;
}

.resource-card__read-more {
    margin: 0;
    align-self: flex-end;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: var(--default-font-family);
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.01em;
    color: #23ABB3;
}

.resource-card__read-more i {
    transition: transform 0.3s ease;
}

.featured-card:hover .resource-card__read-more i,
.resource-card:hover .resource-card__read-more i {
    transform: translateX(5px);
}

.resource-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.resource-list .resource-card {
    flex: 1;
}

.resource-card__link {
    flex-direction: row;
}

.resource-card__image {
    flex: 0 0 376px;
    overflow: hidden;
}

.resource-card__image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
    object-position: left;
}

@media (max-width: 991px) {
    .resource-grid {
        grid-template-columns: 1fr;
    }

    .featured-card__image {
        height: 340px;
    }

    .resource-card__image {
        flex-basis: 260px;
    }
}

@media (max-width: 767px) {
    .resource-card__link {
        flex-direction: column;
    }

    .resource-card__image {
        flex-basis: auto;
        width: 100%;
        height: 200px;
    }

    .featured-card__image {
        height: 220px;
    }
}

.solution-cta {
    background-image: url("/res/img/solution/waist-background.webp");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.solution-cdp {
    background-image: url('/res/img/solution/continuous-data-protection/waist-background.webp');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.solution-cta .container {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 80px 0 !important;
}

.solution-cta h2 {
    font-family: var(--default-font-family-bold);
    font-size: 36px;
    font-weight: bolder;
    line-height: 40px;
    text-align: center;
    letter-spacing: 0.02em;
    color: #3D3D3D;
    margin: 0 0 30px;
}

.solution-cta p {
    font-size: 19px;
    font-weight: normal;
    line-height: 22px;
    text-align: center;
    letter-spacing: 0.02em;
    color: #3D3D3D;
    max-width: 960px;
    margin: 0 0 40px;
}

.solution-cta__actions {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 56px;
}

.solution-cta__action {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}

.solution-cta__action a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 44px;
    padding: 0 32px;
    border-radius: 22px;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
    font-size: 19px;
    font-weight: normal;
    text-decoration: none;
    background-color: #FFFFFF;
    color: #3D3D3D;
    transition: all 0.25s ease;
}

.solution-cta__action a:hover {
    background-color: #36BCB8;
    color: #FFFFFF;
}

.solution-cta__action a i {
    margin-top: 2px;
}

.solution-cta__note {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0.02em;
    color: #36A4A6;
    text-align: center;
}

.solution-cta--dark h2, .solution-cta--dark p {
    color: #FFFFFF;
}

.solution-cta--dark .solution-cta__note {
    color: #60FFFC;
}

/* 浅色底图：深色标题，注释用青绿，避免 --dark 的亮青字压在浅底上 */
.solution-cta.solution-cta--on-light h2,
.solution-cta.solution-cta--on-light p {
    color: #3D3D3D;
}

.solution-cta.solution-cta--on-light .solution-cta__note {
    color: #1A5355;
}

@media (max-width: 767px) {
    .solution-cta h2 {
        font-size: 28px;
        line-height: 34px;
    }

    .solution-cta p {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 32px;
    }

    .solution-cta__actions {
        flex-direction: column;
        align-items: center;
        gap: 24px;
    }
}

.hv-mech {
    background-color: #FFFFFF;
}

.hv-mech .title-component {
    margin-bottom: 40px;
}

.hv-mech__tabs {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    width: 100%;
    margin: 0 0 50px;
    padding: 0 40px;
    overflow: hidden;
    border-radius: 48px;
    background-color: #FFFFFF;
    box-shadow: 0 8px 24px 0 rgba(26, 83, 85, 0.08);
    height: 80px;
    gap: 30px;
}

.hv-mech__tab {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 16px;
    font-weight: bolder;
    line-height: 24px;
    color: #3D3D3D;
    text-align: center;
}

.hv-mech__tab span {
    display: inline-block;
}

.hv-mech__tab.active {
    color: #36BCB8;
}

.hv-mech__tab.active::after,
.hv-mech__tab:hover::after,
.hv-mech__tab:focus::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 145px;
    height: 5px;
    transform: translateX(-50%);
    background-color: #36BCB8;
}

.hv-mech__tab:hover,
.hv-mech__tab:focus {
    color: #36BCB8;
    outline: none;
}

.hv-mech__body {
    min-height: 230px;
    max-width: 1366px;
    margin: 0 auto;
}

.hv-mech__media {
    flex: 0 0 310px;
    width: 310px;
    max-width: 310px;
    display: flex;
    align-items: center;
    justify-content: right;
}

.hv-mech__img {
    display: block;
    max-height: 200px;
    max-width: 100%;
    margin: 0 auto;
}

.hv-mech__copy {
    flex: 1 1 52%;
}

.hv-mech__panel {
    display: none;
}

.hv-mech__panel.active {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 40px;
}

.hv-mech__item {
    margin-bottom: 20px;
}

.hv-mech__item:last-child {
    margin-bottom: 0;
}

.hv-mech__item h3 {
    margin: 0 0 10px;
    font-size: 24px;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: 0.01em;
    color: #3D3D3D;
    text-align: left;
}

.hv-mech__item h3::before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-right: 8px;
    border-radius: 50%;
    background-color: #3D3D3D;
    vertical-align: middle;
}

.hv-mech__item p {
    margin: 0 0 26px;
    font-size: 19px;
    font-weight: normal;
    line-height: 26px;
    letter-spacing: 0.02em;
    color: #3D3D3D;
    text-align: left;
    padding-left: 14px;
}

.hv-mech__lead {
    margin: 0 0 20px;
    font-size: 19px;
    font-weight: normal;
    line-height: 26px;
    letter-spacing: 0.02em;
    color: #3D3D3D;
    text-align: left;
}

.hv-mech__desc {
    margin: 0 0 16px;
    font-size: 19px;
    font-weight: normal;
    line-height: 26px;
    letter-spacing: 0.02em;
    color: #3D3D3D;
    text-align: left;
}

.hv-mech__desc:last-child {
    margin-bottom: 0;
}

.hv-mech__desc strong {
    font-weight: bolder;
}

.hv-mech__list {
    margin: 0;
    padding: 0 0 0 14px;
    list-style: none;
}

.hv-mech__list li {
    position: relative;
    margin-bottom: 10px;
    font-size: 19px;
    font-weight: normal;
    line-height: 26px;
    letter-spacing: 0.02em;
    color: #3D3D3D;
    text-align: left;
}

.hv-mech__list li:last-child {
    margin-bottom: 0;
}

.hv-mech__list li::before {
    content: "";
    position: absolute;
    left: -14px;
    top: 10px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #3D3D3D;
}

@media (max-width: 991px) {
    .hv-mech__tabs {
        flex-wrap: wrap;
        border-radius: 24px;
        padding: 8px 8px 0;
        height: auto;
    }

    .hv-mech__tab {
        flex: 1 1 50%;
        max-width: none;
        min-height: 56px;
        font-size: 15px;
        line-height: 20px;
        padding: 8px 12px;
    }

    .hv-mech__panel.active {
        flex-direction: column;
        align-items: center;
        gap: 32px;
    }

    .hv-mech__media {
        flex: 0 0 190px;
        width: 190px;
        max-width: 190px;
    }

    .hv-mech__copy {
        flex: 1 1 auto;
        width: 100%;
    }
}

@media (max-width: 767px) {
    .hv-mech .title-component {
        margin-bottom: 28px;
    }

    .hv-mech__tabs {
        margin-bottom: 32px;
        border-radius: 20px;
    }

    .hv-mech__tab {
        flex: 1 1 100%;
        min-height: 48px;
        font-size: 15px;
        padding: 10px 14px;
    }

    .hv-mech__panel.active {
        gap: 24px;
    }
}

.neo-flip .title-component {
    margin-bottom: 40px;
}

.neo-flip__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
}

.neo-flip__inner {
    display: grid;
}

.neo-flip__face {
    grid-area: 1 / 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 320px;
    border-radius: 20px;
    background-color: #FFFFFF;
    box-shadow: 0 4px 10px 0 rgba(26, 83, 85, 0.2);
    padding: 80px 10px;
    transition: background-color 0.3s ease, opacity 0.3s ease;
}

.neo-flip__front {
    opacity: 1;
}

.neo-flip__back {
    opacity: 0;
}

.neo-flip__card:hover .neo-flip__face {
    background-color: #5DB8C1;
}

.neo-flip__card:hover .neo-flip__front {
    opacity: 0;
}

.neo-flip__card:hover .neo-flip__back {
    opacity: 1;
}

.neo-flip__title {
    font-size: 36px;
    font-weight: bolder;
    line-height: 52px;
    text-align: center;
    letter-spacing: 0.01em;
    color: #3D3D3D;
    margin-bottom: 40px
}

.neo-flip__subtitle {
    margin-top: 8px;
    font-size: 24px;
    font-weight: normal;
    line-height: 24px;
    text-align: center;
    letter-spacing: 0.01em;
    color: #3D3D3D;
}

.neo-flip__desc {
    margin: 0;
    font-size: 24px;
    font-weight: normal;
    line-height: 28px;
    text-align: center;
    letter-spacing: 0.01em;
    color: #FCFEFF;
}

@media (max-width: 1200px) {
    .neo-flip__face {
        height: 280px;
        padding: 40px 10px;
    }

    .neo-flip__title {
        font-size: 36px;
    }

    .neo-flip__desc {
        font-size: 20px;
    }
}

@media (max-width: 991px) {
    .neo-flip__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .neo-flip__grid {
        grid-template-columns: 1fr;
    }

    .neo-flip__face {
        min-height: 280px;
    }
}

@media (min-width: 768px) {
    @supports (grid-template-rows: subgrid) {
        .neo-flip__card {
            display: grid;
            grid-template-columns: minmax(0, 1fr);
            grid-template-rows: subgrid;
        }

        .neo-flip__card::before {
            content: '';
            grid-row: 1 / 5;
            height: 320px;
        }

        .neo-flip__inner {
            grid-row: 1 / -1;
            grid-column: 1 / -1;
            position: relative;
            display: grid;
            grid-template-rows: subgrid;
        }

        .neo-flip__face {
            height: auto;
        }

        .neo-flip__front {
            grid-area: 1 / 1 / -1 / -1;
            display: grid;
            grid-template-columns: minmax(0, 1fr);
            grid-template-rows: subgrid;
            padding-top: 0;
            padding-bottom: 0;
        }

        .neo-flip__back {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
        }

        .neo-flip__title {
            grid-row: 2;
            align-self: start;
            margin-bottom: 16px;
        }

        .neo-flip__subtitle {
            grid-row: 3;
            align-self: start;
        }

        @media (min-width: 992px) {
            .neo-flip__grid > .neo-flip__card:nth-child(-n+3) {
                grid-row: 1 / 5;
            }

            .neo-flip__grid > .neo-flip__card:nth-child(n+4) {
                grid-row: 5 / 9;
            }
        }

        @media (max-width: 991px) {
            .neo-flip__grid > .neo-flip__card:nth-child(-n+2) {
                grid-row: 1 / 5;
            }

            .neo-flip__grid > .neo-flip__card:nth-child(n+3):nth-child(-n+4) {
                grid-row: 5 / 9;
            }

            .neo-flip__grid > .neo-flip__card:nth-child(n+5) {
                grid-row: 9 / 13;
            }
        }

        @media (max-width: 1200px) {
            .neo-flip__card::before {
                height: 280px;
            }
        }
    }
}

@media (min-width: 992px) {
    .hv-mech--arcfra .hv-mech__tab {
        font-size: 17px;
        line-height: 24px;
    }
}

@media (min-width: 992px) and (max-width: 1365px) {
    .hv-mech--arcfra .hv-mech__tab {
        font-size: 16px;
        line-height: 22px;
    }
}

.neo-consolidate {
    background-color: #FFFFFF;
}

.neo-consolidate .title-component {
    margin-bottom: 40px;
}

.neo-consolidate__item h3 {
    margin: 0 0 30px;
    font-size: 24px;
    font-weight: bolder;
    line-height: 28px;
    letter-spacing: 0.02em;
    color: #3D3D3D;
}

.neo-consolidate__item ul {
    padding: 0 0 0 12px;
    margin-bottom: 0;
    border-left: 3px solid #00D8D9;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.neo-consolidate__item li {
    color: #3D3D3D;
    font-size: 19px;
    line-height: 18px;
    display: flex;
    align-items: center;
}

.neo-consolidate__item li::before {
    content: "";
    width: 6px;
    height: 6px;
    margin-right: 10px;
    border-radius: 50%;
    background-color: #3D3D3D;
    flex-shrink: 0;
}

.neo-consolidate__item .neo-consolidate__sub {
    margin: 0 0 25px;
    font-size: 19px;
    font-weight: bolder;
    line-height: 24px;
    letter-spacing: 0.02em;
    color: #3D3D3D;
}

.neo-consolidate__item .cert-row {
    display: flex;
    align-items: center;
    gap: 30px;
}

.neo-consolidate__item .cert-row .pic img {
    display: block;
    width: 93px;
    height: auto;
}

.neo-consolidate__item .cert-row p {
    margin: 0;
    font-size: 19px;
    line-height: 30px;
    letter-spacing: 0.02em;
    color: #3D3D3D;
}

@media (max-width: 991px) {
    .neo-consolidate__item .cert-row {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }
}

.neo-consolidate__item ul + .neo-consolidate__sub {
    margin-top: 25px;
}

.neo-consolidate__item .cert-row + .cert-row {
    margin-top: 30px;
}

@media (max-width: 767px) {
    .neo-consolidate .row > div + div {
        margin-top: 50px;
    }
}

.neo-platforms.neo-ics-consolidate .neo-platforms__title .ics-tabs-title {
    font-size: 19px;
    color: #3D3D3D;
    line-height: 80px;
    cursor: pointer;
}

.neo-platforms.neo-ics-consolidate .neo-platforms__title .ics-tabs-title.active {
    color: #4AD1CD;
    border-bottom: 5px solid #4AD1CD;
}

.neo-platforms.neo-ics-consolidate .ics-tabs-panel {
    display: none;
}

.neo-platforms.neo-ics-consolidate .ics-tabs-panel.active {
    display: block;
}

.neo-platforms.neo-ics-consolidate .ics-tabs-panel#IcsAuthorized .neo-platforms__list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: start;
    gap: 40px;
}

.neo-platforms.neo-ics-consolidate .ics-tabs-panel#IcsAuthorized .neo-platforms__list .item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.neo-platforms.neo-ics-consolidate .ics-tabs-panel#IcsAuthorized .neo-platforms__list .item img {
    height: 132px;
    max-width: 100%;
    object-fit: contain;
    margin-bottom: 10px;
}

.neo-platforms.neo-ics-consolidate .ics-tabs-panel#IcsAuthorized .neo-platforms__list .item p {
    font-size: 18px;
    margin: 25px 0 0;
}

@media (max-width: 767px) {
    .neo-platforms.neo-ics-consolidate .ics-tabs-panel#IcsAuthorized .neo-platforms__list {
        grid-template-columns: 1fr;
        gap: 32px;
    }
}

.neo-vbr-hero {
    padding: 70px 0 0;
    height: 690px;
    display: flex;
    align-items: center;
    position: relative;
    top: -70px;
    margin-bottom: -70px;
    z-index: 100;
    text-align: center;
    background-color: #EAF6F6;
    background-image: url(/res/img/index/banner/01.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.neo-vbr-hero > .container {
    padding-top: 0;
    padding-bottom: 0;
}

.neo-vbr-hero__intro {
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
}

.neo-vbr-hero__label {
    margin: 0 0 40px;
    font-size: 24px;
    line-height: 28px;
    font-weight: 600;
    letter-spacing: 0.02em;
    color: #1A5355;
}

.neo-vbr-hero__title {
    margin: 0 0 40px;
    font-family: var(--default-font-family-bold);
    font-size: 44px;
    line-height: 48px;
    font-weight: bolder;
    text-align: center;
    letter-spacing: 0.02em;
    color: #1A5355;
}

.neo-vbr-hero__desc {
    max-width: 900px;
    margin: 0 auto;
    font-size: 24px;
    line-height: 28px;
    font-weight: normal;
    text-align: center;
    letter-spacing: 0.02em;
    color: #3D3D3D;
}

.neo-vbr-hero .btn-group {
    align-items: center;
    gap: 56px;
    margin-top: 60px;
}

.main-page .neo-vbr-product {
    background-color: #FFF;
}

.main-page .neo-vbr-product__intro {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 64px;
}

.neo-vbr-product__intro::before,
.main-page .neo-vbr-product__intro::after {
    content: none;
}

.main-page .neo-vbr-product__shot {
    position: relative;
}

.main-page .neo-vbr-product__shot img {
    display: block;
    width: 100%;
    height: auto;
}

.main-page .neo-vbr-product__play {
    display: block;
    cursor: pointer;
}

.main-page .neo-vbr-product__text {
    margin: 0;
    font-size: 19px;
    line-height: 32px;
    color: #3D3D3D;
}

.main-page .neo-vbr-product .neo-button {
    text-align: left;
}

.main-page .neo-vbr-product .neo-button a {
    margin: 42px 0 0;
}

.main-page .neo-vbr-product__cards {
    margin-top: 70px;
}

.main-page .neo-vbr-product__cards .item .icon img {
    display: block;
}

.main-page .neo-vbr-product__cards .item:hover .icon img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

.main-page .neo-vbr-protect {
    overflow: hidden;
    background-image: linear-gradient(180deg, #FFFFFF 0%, #F2FAFA 42%, #E3F6F6 60%);
}

.main-page .neo-vbr-protect .title-component {
    margin-bottom: 30px;
}

.main-page .neo-vbr-protect__stage {
    position: relative;
    overflow: hidden;
    width: 1140px;
    max-width: 100%;
    height: 700px;
    margin: 0 auto;
}

.main-page .neo-vbr-protect__arc {
    position: absolute;
    border-radius: 50%;
    -webkit-mask-image: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0) 50%);
    mask-image: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0) 50%);
}

.main-page .neo-vbr-protect__arc--outer {
    left: 160px;
    top: 199px;
    width: 820px;
    height: 820px;
    border: 1px solid rgba(0, 216, 215, .4);
}

.main-page .neo-vbr-protect__arc--inner {
    left: 182px;
    top: 227px;
    width: 775px;
    height: 775px;
    border: 3px solid rgba(0, 216, 215, .8);
}

.main-page .neo-vbr-protect__cloud {
    position: absolute;
    left: 267.5px;
    top: 342px;
    width: 598px;
    height: 315px;
}

.main-page .neo-vbr-protect__cloud img {
    display: block;
    width: 100%;
    height: auto;
}

.main-page .neo-vbr-protect__badge {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 118px;
    height: 118px;
    margin: -59px 0 0 -59px;
    border-radius: 50%;
    background-color: #FFF;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
    line-height: 1;
}

.main-page .neo-vbr-protect__badge img {
    display: block;
}

.main-page .neo-vbr-protect__badge--vm {
    left: 303.5px;
    top: 182px;
}

.main-page .neo-vbr-protect__badge--db {
    left: 999px;
    top: 342.5px;
}

.main-page .neo-vbr-protect__badge--cloud {
    left: 848.5px;
    top: 182px;
}

.main-page .neo-vbr-protect__badge--file {
    left: 71px;
    top: 546px;
}

.main-page .neo-vbr-protect__badge--server {
    left: 147.5px;
    top: 343.5px;
}

.main-page .neo-vbr-protect__badge--windows {
    left: 1072px;
    top: 550.5px;
}

.main-page .neo-vbr-protect__badge--container {
    left: 573.5px;
    top: 107px;
}

@keyframes neo-vbr-protect-in {
    from {
        opacity: 0;
        -webkit-transform: translate(var(--in-x, 0px), var(--in-y, 0px));
        transform: translate(var(--in-x, 0px), var(--in-y, 0px));
    }
    to {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

.main-page .neo-vbr-protect__stage.is-enter .neo-vbr-protect__badge,
.main-page .neo-vbr-protect__stage.is-enter .neo-vbr-protect__dot {
    opacity: 0;
}

.main-page .neo-vbr-protect__stage.is-in .neo-vbr-protect__badge,
.main-page .neo-vbr-protect__stage.is-in .neo-vbr-protect__dot {
    -webkit-animation-name: neo-vbr-protect-in;
    animation-name: neo-vbr-protect-in;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-timing-function: cubic-bezier(.22, .68, .32, 1);
    animation-timing-function: cubic-bezier(.22, .68, .32, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.main-page .neo-vbr-protect__badge--container {
    --in-x: 0px;
    --in-y: 220px;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

.main-page .neo-vbr-protect__badge--vm {
    --in-x: 0px;
    --in-y: 220px;
    -webkit-animation-delay: .09s;
    animation-delay: .09s;
}

.main-page .neo-vbr-protect__badge--cloud {
    --in-x: 0px;
    --in-y: 220px;
    -webkit-animation-delay: .09s;
    animation-delay: .09s;
}

.main-page .neo-vbr-protect__badge--server {
    --in-x: 0px;
    --in-y: 220px;
    -webkit-animation-delay: .18s;
    animation-delay: .18s;
}

.main-page .neo-vbr-protect__badge--db {
    --in-x: 0px;
    --in-y: 220px;
    -webkit-animation-delay: .18s;
    animation-delay: .18s;
}

.main-page .neo-vbr-protect__badge--file {
    --in-x: 0px;
    --in-y: 220px;
    -webkit-animation-delay: .27s;
    animation-delay: .27s;
}

.main-page .neo-vbr-protect__badge--windows {
    --in-x: 0px;
    --in-y: 220px;
    -webkit-animation-delay: .27s;
    animation-delay: .27s;
}

.main-page .neo-vbr-protect__dot {
    position: absolute;
    width: 20px;
    height: 20px;
    margin: -10px 0 0 -10px;
    border-radius: 50%;
    background-color: #00D8D7;
}

.main-page .neo-vbr-protect__dot--1 {
    left: 571px;
    top: 230.5px;
    --in-x: 0px;
    --in-y: 220px;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

.main-page .neo-vbr-protect__dot--2 {
    left: 375.5px;
    top: 284.5px;
    --in-x: 0px;
    --in-y: 220px;
    -webkit-animation-delay: .09s;
    animation-delay: .09s;
}

.main-page .neo-vbr-protect__dot--3 {
    left: 771px;
    top: 288.5px;
    --in-x: 0px;
    --in-y: 220px;
    -webkit-animation-delay: .09s;
    animation-delay: .09s;
}

.main-page .neo-vbr-protect__dot--4 {
    left: 242px;
    top: 409.5px;
    --in-x: 0px;
    --in-y: 220px;
    -webkit-animation-delay: .18s;
    animation-delay: .18s;
}

.main-page .neo-vbr-protect__dot--5 {
    left: 894.5px;
    top: 409.5px;
    --in-x: 0px;
    --in-y: 220px;
    -webkit-animation-delay: .18s;
    animation-delay: .18s;
}

.main-page .neo-vbr-protect__dot--6 {
    left: 187px;
    top: 561px;
    --in-x: 0px;
    --in-y: 220px;
    -webkit-animation-delay: .27s;
    animation-delay: .27s;
}

.main-page .neo-vbr-protect__dot--7 {
    left: 952.5px;
    top: 560.5px;
    --in-x: 0px;
    --in-y: 220px;
    -webkit-animation-delay: .27s;
    animation-delay: .27s;
}

.main-page .neo-vbr-protect__icon {
    width: 90px;
    height: 90px;
    margin: 0 auto 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.main-page .neo-vbr-protect__pillars .item h3 {
    font-size: 19px;
    font-weight: bolder;
    line-height: 21px;
    text-align: center;
    letter-spacing: 0.01em;
    margin: 0 auto 30px;
    color: #3D3D3D;
}

.main-page .neo-vbr-protect__pillars .item p {
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    letter-spacing: 0.01em;
}

.hp-platforms .container .title-component {
    margin-bottom: 40px;
}

.hp-platforms .container .title-component > p {
    margin-top: 40px
}

.hp-platforms .neo-button a {
    margin-top: 40px
}

.hp-platforms__tabs {
    margin-bottom: 40px;
    text-align: center;
    font-size: 0;
}

.hp-platforms__tab {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 6px 12px;
    padding: 0 22px;
    height: 62px;
    line-height: 22px;
    border-radius: 12px;
    background-color: #FFFFFF;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
    text-align: center;
    font-size: 19px;
    font-weight: 500;
    letter-spacing: 0.02em;
    color: #3D3D3D;
    cursor: pointer;
    transition: all 0.3s;
    -webkit-user-select: none;
    user-select: none;
}

.hp-platforms__tab:hover,
.hp-platforms__tab.active {
    background-color: #36BCB8;
    color: #FFF !important;
}

.hp-platforms__marquee {
    overflow: hidden;
    padding: 30px 0;
}

.hp-platforms__group {
    display: none;
}

.hp-platforms__group.active {
    display: block;
}

.hp-platforms__track {
    display: flex;
    align-items: center;
    width: max-content;
    animation: hp-marquee 40s linear infinite;
}

.hp-platforms__track + .hp-platforms__track {
    margin-top: 50px;
}

.hp-platforms__marquee:hover .hp-platforms__track {
    animation-play-state: paused;
}

.hp-platforms__logo {
    flex: 0 0 auto;
    padding: 0 34px;
}

.hp-platforms__logo img {
    display: block;
    max-height: 40px;
    transform: scale(1.1);
}

.hp-platforms__track--static {
    width: auto;
    margin: 0 auto;
    flex-wrap: wrap;
    row-gap: 50px;
    justify-content: center;
    animation: none;
    -webkit-animation: none;
}

@keyframes hp-marquee {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }
}

@-webkit-keyframes hp-marquee {
    from {
        -webkit-transform: translateX(0);
    }

    to {
        -webkit-transform: translateX(-50%);
    }
}

@media (max-width: 767px) {
    .hp-platforms__marquee {
        padding: 20px 0;
    }

    .hp-platforms__track {
        animation-duration: 26s;
    }

    .hp-platforms__track + .hp-platforms__track {
        margin-top: 30px;
    }

    .hp-platforms__track--static {
        row-gap: 30px;
    }
}

@media (max-width: 575px) {
    .hp-platforms__tab {
        margin: 0 3px 8px;
        padding: 0 14px;
        height: 36px;
        line-height: 36px;
        font-size: 12px;
    }
}

.main-page .neo-vbr-compare > .container {
    padding-top: 84px;
}

.main-page .neo-vbr-compare .title-component {
    margin-bottom: 54px;
}

.main-page .neo-vbr-compare .neo-button a {
    margin-top: 55px;
}

.main-page .neo-vbr-compare__list {
    text-align: center;
}

.main-page .neo-vbr-compare__item {
    display: block;
}

.main-page .neo-vbr-compare__logo {
    display: block;
    height: 56px;
    margin: 0 auto 44px;
}

.main-page .neo-vbr-compare__logo img {
    display: block;
    height: 56px;
    width: auto;
    max-width: 100%;
    margin: 0 auto;
    object-fit: contain;
}

.main-page .neo-vbr-compare__logo-name {
    display: block;
    font-size: 26px;
    line-height: 56px;
    font-weight: bolder;
    color: #3D3D3D;
    white-space: nowrap;
}

.main-page .neo-vbr-compare__logo.has-img .neo-vbr-compare__logo-name {
    display: none;
}

.main-page .neo-vbr-compare__link {
    display: inline-block;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.01em;
    color: #23ABB3;
}

.main-page .neo-vbr-compare__item:hover .neo-vbr-compare__link {
    color: #36BCB8;
}

.main-page .neo-vbr-compare__link i {
    margin-left: 8px;
}

.main-page .neo-vbr-case__nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 70px;
    margin-bottom: 34px;
}

.main-page .neo-vbr-case__logos {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    flex: 1;
}

.main-page .neo-vbr-case__logo {
    position: relative;
    display: block;
    min-width: 130px;
    text-align: center;
    opacity: .35;
    cursor: pointer;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

.main-page .neo-vbr-case__logo.active {
    opacity: 1;
    -webkit-filter: none;
    filter: none;
}

.main-page .neo-vbr-case__logo img {
    display: block;
    width: auto;
    height: auto;
    margin: 0 auto;
}

.main-page .neo-vbr-case__logo-name {
    display: block;
    font-size: 24px;
    line-height: 40px;
    font-weight: bolder;
    color: #3D3D3D;
    white-space: nowrap;
}

.main-page .neo-vbr-case__logo.has-img .neo-vbr-case__logo-name {
    display: none;
}

.main-page .neo-vbr-case__arrow {
    width: 44px;
    height: 44px;
    border: 1px solid #CFDCDD;
    border-radius: 50%;
    color: #1A5355;
    font-size: 22px;
    line-height: 42px;
    text-align: center;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
}

.main-page .neo-vbr-case__arrow:hover {
    border-color: #36BCB8;
    color: #36BCB8;
}

.main-page .neo-vbr-case__cards {
    position: relative;
}

.main-page .neo-vbr-case__card {
    display: none;
    position: relative;
    min-height: 490px;
    overflow: hidden;
    border-radius: 16px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: cover;
}

.main-page .neo-vbr-case__card.active {
    display: flex;
    align-items: center;
}

.main-page .neo-vbr-case__body {
    position: relative;
    max-width: 740px;
    padding: 0 30px 0 44px;
    color: #FFF;
}

.main-page .neo-vbr-case__quot {
    display: block;
    width: auto;
    max-height: 33px;
    margin: 0 0 26px;
}

.main-page .neo-vbr-case__name {
    margin: 0 0 20px;
    font-family: var(--default-font-family-bold);
    font-size: 32px;
    line-height: 34px;
    font-weight: bold;
    letter-spacing: 0.01em;
    color: #FFFFFF;
}

.main-page .neo-vbr-case__meta {
    margin: 0 0 28px;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.01em;
    color: #FFFFFF;
}

.main-page .neo-vbr-case__meta i {
    margin-right: 8px;
}

.main-page .neo-vbr-case__text {
    margin: 0 0 16px;
    font-size: 19px;
    line-height: 20px;
    letter-spacing: 0.01em;
    color: #FFFFFF;
}

.main-page .neo-vbr-case__more {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.01em;
    color: #4AD1CD;
}

.main-page .neo-vbr-case__more:hover {
    color: #7FE3E6;
}

.main-page .neo-vbr-case__more i {
    margin-left: 8px;
}

.main-page .neo-vbr-reviews__swiper {
    overflow: hidden;
    padding-bottom: 14px;
}

.main-page .neo-vbr-reviews__item {
    height: 100%;
    padding: 26px 26px 22px;
    border-radius: 12px;
    background-color: #FFF;
    box-shadow: 0 4px 14px 0 rgba(26, 83, 85, .10);
}

.main-page .neo-vbr-reviews__head {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.main-page .neo-vbr-reviews__score {
    margin-right: 10px;
    font-size: 14px;
    font-weight: bolder;
    line-height: 20px;
    letter-spacing: 0.01em;
    color: #3D3D3D;
}

.main-page .neo-vbr-reviews__stars i {
    margin-right: 2px;
    font-size: 12px;
    color: #FFAA12;
}

.main-page .neo-vbr-reviews__date {
    margin-left: 12px;
    font-size: 8px;
    line-height: 12px;
    letter-spacing: 0.01em;
    color: rgba(61, 61, 61, .5);
    white-space: nowrap;
}

.main-page .neo-vbr-reviews__title {
    height: 20px;
    margin: 0 0 16px;
    overflow: hidden;
    font-size: 19px;
    line-height: 20px;
    font-weight: bolder;
    letter-spacing: 0.01em;
    color: #3D3D3D;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.main-page .neo-vbr-reviews__text {
    height: 40px;
    margin: 0 0 22px;
    overflow: hidden;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.01em;
    color: #3D3D3D;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.main-page .neo-vbr-reviews__more {
    display: block;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.01em;
    color: #4AD1CD;
    text-align: right;
}

.main-page .neo-vbr-reviews__more:hover {
    color: #36BCB8;
}

.main-page .neo-vbr-reviews__more i {
    margin-left: 8px;
}

.main-page .neo-vbr-learn__grid {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -30px;
}

.neo-vbr-learn__grid::before,
.main-page .neo-vbr-learn__grid::after {
    content: none;
}

.main-page .neo-vbr-learn__grid > [class*="col-"] {
    display: flex;
    margin-bottom: 30px;
}

.main-page .neo-vbr-learn__item {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 300px;
    overflow: hidden;
    border-radius: 16px;
    background-color: #FFF;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
}

.main-page .neo-vbr-learn__body {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-items: flex-start;
    min-width: 0;
    padding: 38px 34px 34px;
}

.main-page .neo-vbr-learn__body h3 {
    margin: 0 0 18px;
    font-size: 24px;
    line-height: 28px;
    font-weight: bolder;
    letter-spacing: 0.02em;
    color: #3D3D3D;
}

.main-page .neo-vbr-learn__body p {
    margin: 0 0 24px;
    font-size: 19px;
    line-height: 22px;
    letter-spacing: 0.02em;
    color: #3D3D3D;
}

.main-page .neo-vbr-learn__media {
    position: relative;
    flex: 1 1 auto;
    min-height: 200px;
    background-color: #EAF6F6;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.main-page .neo-vbr-learn__tag {
    display: inline-block;
    margin-top: auto;
    padding: 0 22px;
    height: 38px;
    line-height: 38px;
    border-radius: 19px;
    background-color: #4AD1CD;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
    color: #FFF;
    font-size: 16px;
    white-space: nowrap;
}

.main-page .neo-vbr-learn__item:hover .neo-vbr-learn__tag {
    background-color: #36BCB8;
}

.main-page .neo-vbr-learn__tag i {
    margin-left: 8px;
}

.main-page .neo-vbr-learn__item--wide {
    flex-direction: row;
}

.main-page .neo-vbr-learn__item--wide .neo-vbr-learn__media {
    flex: 0 0 40%;
    min-height: 0;
    border-radius: 16px 0 0 16px;
}

.main-page .neo-vbr-learn__item--photo .neo-vbr-learn__tag {
    margin: 24px auto;
}

.main-page .neo-vbr-learn__media--1 {
    background-image: url(/res/img/software/vinchin-backup-and-recovery/learn-white-paper.webp);
}

.main-page .neo-vbr-learn__media--2 {
    background-image: url(/res/img/software/vinchin-backup-and-recovery/learn-kb.webp);
}

.main-page .neo-vbr-learn__media--3 {
    background-image: url(/res/img/software/vinchin-backup-and-recovery/learn-blog.webp);
}

.main-page .neo-vbr-learn__media--4 {
    background-image: url(/res/img/software/vinchin-backup-and-recovery/learn-video.webp);
}

.main-page .neo-vbr-start__row {
    display: flex;
    flex-wrap: wrap;
}

.neo-vbr-start__row::before,
.main-page .neo-vbr-start__row::after {
    content: none;
}

.main-page .neo-vbr-start__card {
    height: 100%;
    padding: 40px 34px 44px;
    border-radius: 16px;
    background-color: #FFF;
    box-shadow: 0 4px 14px 0 rgba(26, 83, 85, .10);
    text-align: center;
}

.main-page .neo-vbr-start__icon {
    margin-bottom: 22px;
    line-height: 0;
}

.main-page .neo-vbr-start__icon img {
    display: block;
    margin: 0 auto;
}

.main-page .neo-vbr-start__card h3 {
    margin: 0 0 16px;
    font-size: 22px;
    line-height: 30px;
    font-weight: bolder;
    color: #3D3D3D;
}

.main-page .neo-vbr-start__card p {
    margin: 0;
    font-size: 16px;
    line-height: 24px;
    color: #3D3D3D;
}

.main-page .neo-vbr-start .neo-button a {
    margin: 28px auto 0;
    height: 44px;
    line-height: 44px;
    padding: 0 30px;
    font-size: 17px;
}

@media (max-width: 1199px) {

    .main-page .neo-vbr-protect__stage {
        width: auto;
        height: auto;
    }

    .neo-vbr-protect__arc,
    .main-page .neo-vbr-protect__dot {
        display: none;
    }

    .main-page .neo-vbr-protect__cloud {
        position: relative;
        left: auto;
        top: auto;
        width: 320px;
        height: auto;
        margin: 0 auto 40px;
    }

    .main-page .neo-vbr-protect__badge {
        position: static;
        display: inline-block;
        width: 96px;
        height: 96px;
        margin: 0 8px 16px;
        vertical-align: top;
        --in-x: 0px;
        --in-y: 40px;
        -webkit-animation-delay: 0s;
        animation-delay: 0s;
    }
}

@media (max-width: 991px) {
    .neo-vbr-hero {
        padding: 70px 0 76px;
        height: auto;
    }

    .neo-vbr-hero__title {
        font-size: 32px;
        line-height: 42px;
    }

    .neo-vbr-hero__label,
    .neo-vbr-hero__desc {
        font-size: 18px;
        line-height: 28px;
    }

    .main-page .neo-vbr-case__body {
        max-width: none;
        padding: 40px 30px;
    }

    .main-page .neo-vbr-case__card {
        background-position: left center;
    }

    .main-page .neo-vbr-case__card::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background-image: linear-gradient(90deg, rgba(9, 40, 48, .72) 0%, rgba(9, 40, 48, .48) 100%);
    }

    .main-page .neo-vbr-case__logos {
        margin: 0 16px;
    }

    .main-page .neo-vbr-case__logo {
        min-width: 0;
        margin: 0 14px;
    }

    .main-page .neo-vbr-case__logo img {
        max-height: 30px;
    }

    .main-page .neo-vbr-case__logo-name {
        font-size: 17px;
    }

    .main-page .neo-vbr-learn__item {
        min-height: 0;
    }

    .main-page .neo-vbr-learn__media {
        min-height: 200px;
    }
}

@media (max-width: 767px) {
    .neo-vbr-hero .neo-button a {
        margin: 0 0 12px;
    }

    .main-page .neo-vbr-protect__pillars .item {
        margin-bottom: 15px;
    }

    .main-page .neo-vbr-protect__pillars .item:last-child {
        margin-bottom: 0;
    }

    .main-page .neo-vbr-product__intro {
        margin-bottom: 40px;
    }

    .main-page .neo-vbr-product .neo-button {
        text-align: center;
    }

    .main-page .neo-vbr-product__cards {
        margin-top: 40px;
    }
}

.why-banner {
    width: 100%;
    height: 640px;
    text-align: -webkit-center;
    top: -70px;
    padding-top: 70px;
    box-sizing: border-box;
    position: relative;
    margin-bottom: -70px;
}

.why-banner .container {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
}

.why-banner .title {
    font-size: 40px;
    font-weight: bolder;
    font-stretch: normal;
    font-family: var(--default-font-family-bold);
    line-height: 62px;
    letter-spacing: 0;
    color: #1A5355;
    margin-top: 0;
    margin-bottom: 0;
}

.why-banner p {
    font-size: 24px;
    font-stretch: normal;
    line-height: 28px;
    letter-spacing: 0;
    color: #3d3d3d;
    margin-top: 24px;
    margin-bottom: 0;
    max-width: 960px;
}

.why-banner .btn-group {
    display: flex;
    align-items: center;
    gap: 56px;
    margin-top: 60px;
}

.why-banner .btn-group a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 44px;
    padding: 0 32px;
    border-radius: 22px;
    background-color: #FFFFFF;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
    font-size: 19px;
    line-height: 20px;
    letter-spacing: 0.01em;
    color: #3D3D3D;
    font-weight: normal;
    text-decoration: none;
    transition: all 0.25s ease;
}

.why-banner .btn-group a.btn-free-trial {
    background-color: #FFFFFF;
    color: #3D3D3D;
}

.why-banner .btn-group a.btn-contact-sales {
    background-color: #FFFFFF;
    color: #3D3D3D;
}

.why-banner .btn-group a.btn-free-trial:hover {
    background-color: #36BCB8;
    color: #FFFFFF;
}

.why-banner .btn-group a.btn-contact-sales:hover {
    background-color: #36BCB8;
    color: #FFFFFF;
}

@media (max-width: 767px) {
    .why-banner {
        height: 600px;
    }

    .why-banner .title {
        font-size: 28px;
        line-height: 36px;
    }

    .why-banner p {
        font-size: 16px;
        line-height: 24px;
        margin-top: 16px;
    }

    .why-banner .btn-group {
        flex-direction: column;
        gap: 16px;
        margin-top: 32px;
    }

    .why-banner .btn-group a {
        height: 46px;
        padding: 0 30px;
        font-size: 17px;
    }
}

.cmp-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    font-size: 15px;
}

.cmp-icon.cmp-yes {
    background-color: #00D8D9;
    color: #FFFFFF;
}

.cmp-icon.cmp-no {
    background-color: #878989;
    color: #FFFFFF;
}

.cmp-icon.cmp-no i {
    margin-left: 1px;
}

.neo-os-list .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.neo-os-list .row:before,
.neo-os-list .row:after {
    display: none;
}

.neo-os-list .neo-os-list__card {
    height: 100%;
    padding: 40px 30px 44px;
    background-color: #FFFFFF;
    border-radius: 16px;
    box-shadow: 0 6px 24px 0 rgba(26, 83, 85, 0.12);
    text-align: center;
}

.neo-os-list .neo-os-list__logo {
    display: block;
    width: auto;
    height: 112px;
    margin: 0 auto 30px;
}

.neo-os-list .neo-os-list__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 16px;
    line-height: 34px;
    color: #3D3D3D;
}

.neo-os-list .neo-os-list__items ul {
    margin-bottom: 0;
}

.neo-os-list .neo-os-list__items--cols ul li,
.neo-os-list .neo-os-list__items ul li {
    font-size: 24px;
    line-height: 40px;
    letter-spacing: 0.01em;
    color: #3D3D3D;
}

.neo-os-list .neo-os-list__items--cols {
    gap: 70px;
}

.neo-os-list .neo-os-list__items--cols ul {
    text-align: left;
}

@media (max-width: 991px) {
    .neo-os-list .neo-os-list__items--cols {
        gap: 40px;
    }
}

.neo-brand-logos .neo-brand-logos__card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 180px;
    margin-bottom: 30px;
    padding: 20px;
    background-color: #FFFFFF;
    border-radius: 20px;
    box-shadow: 0 6px 24px 0 rgba(26, 83, 85, 0.12);
    -webkit-transition: box-shadow 0.3s ease;
    transition: box-shadow 0.3s ease;
}

.neo-brand-logos .neo-brand-logos__card {
    transition: transform 0.3s ease;
}

.neo-brand-logos .neo-brand-logos__card:hover {
    box-shadow: 0 10px 30px 0 rgba(26, 83, 85, 0.2);
    transform: scale(1.05);
}

.neo-brand-logos .neo-brand-logos__card img {
    width: auto;
    height: auto;
    max-width: 70%;
    max-height: 100px;
}

.neo-brand-logos .neo-brand-logos__more {
    margin-top: 16px;
    text-align: center;
    font-size: 19px;
}

.neo-brand-logos .neo-brand-logos__more a {
    color: #00D8D9;
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
}

.neo-brand-logos .neo-brand-logos__more a:hover {
    color: #23ABB3;
}

.neo-brand-logos .neo-brand-logos__more a i {
    margin-left: 8px;
    -webkit-transition: transform 0.3s ease;
    transition: transform 0.3s ease;
}

.neo-brand-logos .neo-brand-logos__more a:hover i {
    -webkit-transform: translateX(5px);
    -ms-transform: translateX(5px);
    transform: translateX(5px);
}

@media (max-width: 991px) {
    .neo-brand-logos .neo-brand-logos__card {
        height: 150px;
    }

    .neo-brand-logos .neo-brand-logos__card img {
        max-height: 80px;
    }
}

@media (max-width: 575px) {
    .neo-brand-logos .neo-brand-logos__card {
        height: 140px;
    }
}

@media (max-width: 575px) {
    .neo-os-list .neo-os-list__card {
        padding: 30px 16px 34px;
    }

    .neo-os-list .neo-os-list__logo {
        height: 90px;
        margin-bottom: 24px;
    }

    .neo-os-list .neo-os-list__items,
    .neo-os-list .neo-os-list__items ul li {
        font-size: 15px;
        line-height: 28px;
    }

    .neo-os-list .neo-os-list__items--cols {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 0;
    }

    .neo-os-list .neo-os-list__items--cols ul {
        text-align: center;
    }
}

.neo-os-supported {
    background-image: url('/res/img/solution/support-background.webp');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.neo-os-supported .neo-os-supported__card {
    padding: 28px 8px 25px;
    background-color: #FFFFFF;
    border-radius: 16px;
    box-shadow: 0 6px 24px 0 rgba(26, 83, 85, 0.12);
}

.neo-os-supported .neo-os-supported__brands {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    row-gap: 42px;
}

.neo-os-supported .neo-os-supported__brand {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
    padding: 0 8px;
    text-align: center;
}

.neo-os-supported .neo-os-supported__brand img {
    display: inline-block;
    width: auto;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
}

.neo-os-supported .neo-os-supported__brand img:hover {
    -webkit-transform: scale(1.08);
    -ms-transform: scale(1.08);
    transform: scale(1.08);
}

@media (max-width: 991px) {
    .neo-os-supported .neo-os-supported__card {
        padding: 30px 20px;
    }

    .neo-os-supported .neo-os-supported__brands {
        row-gap: 30px;
    }

    .neo-os-supported .neo-os-supported__brand {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333%;
        flex: 0 0 33.3333%;
        max-width: 33.3333%;
        padding: 0 12px;
    }
}

@media (max-width: 575px) {
    .neo-os-supported .neo-os-supported__card {
        padding: 24px 12px;
    }

    .neo-os-supported .neo-os-supported__brands {
        row-gap: 20px;
    }

    .neo-os-supported .neo-os-supported__brand {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding: 0 8px;
    }
}

.neo-advantage .row {
    display: flex;
    flex-wrap: wrap;
}

.neo-advantage .row > [class*="col-"] {
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
}

.neo-advantage__card {
    flex: 1 0 auto;
    display: flex;
    align-items: center;
    gap: 45px;
    border-radius: 20px;
    background-color: #FFFFFF;
    box-shadow: 0 4px 10px 0 rgba(26, 83, 85, 0.1);
    padding: 40px 30px 40px 40px;
}

.neo-advantage__media img {
    width: 100px;
    max-width: 100px;
    height: auto;
    display: block;
    flex: 0 0 auto;
}

.neo-advantage__body h3 {
    font-family: var(--default-font-family);
    font-size: 19px;
    font-weight: 600;
    line-height: 21px;
    letter-spacing: 0.01em;
    color: #3D3D3D;
    margin: 0 0 16px;
}

.neo-advantage__body p {
    margin: 0;
    font-size: 19px;
    font-weight: normal;
    line-height: 22px;
    letter-spacing: 0.02em;
    color: #3D3D3D;
}

@media (max-width: 991px) {
    .neo-advantage__card {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }
}

@media (max-width: 767px) {
    .neo-advantage__media img {
        width: 80px;
        max-width: 80px;
    }
}

@media (min-width: 768px) {
    @supports (grid-template-rows: subgrid) and selector(:has(*)

    ) {

        .neo-solution.ns-quad .row:not(:has(> [class*="col-sm-6"]))::before,
        .neo-solution.ns-quad .row:not(:has(> [class*="col-sm-6"]))::after {
            content: none;
        }

        .neo-solution.ns-quad .row:not(:has(> [class*="col-sm-6"])) {
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            row-gap: 30px;
        }

        .neo-solution.ns-quad .row:not(:has(> [class*="col-sm-6"])) > :nth-child(-n+4) {
            grid-row: 1 / 4;
        }

        .neo-solution.ns-quad .row:not(:has(> [class*="col-sm-6"])) > [class*="col-"] {
            width: auto;
            float: none;
            min-width: 0;
            display: grid;
            grid-template-rows: subgrid;
        }

        .neo-solution.ns-quad .row:not(:has(> [class*="col-sm-6"])) > [class*="col-"] > .item {
            grid-row: 1 / -1;
            display: grid;
            grid-template-rows: subgrid;
            row-gap: 12px;
        }

        .neo-solution.ns-quad .row:not(:has(> [class*="col-sm-6"])) .item > .icon {
            grid-row: 1;
        }

        .neo-solution.ns-quad .row:not(:has(> [class*="col-sm-6"])) .item > h3 {
            grid-row: 2;
        }

        .neo-solution.ns-quad .row:not(:has(> [class*="col-sm-6"])) .item > p {
            grid-row: 3;
        }
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    @supports (grid-template-rows: subgrid) and selector(:has(*)

    ) {
        .neo-solution.ns-quad .row:not(:has(> [class*="col-sm-6"])) {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .neo-solution.ns-quad .row:not(:has(> [class*="col-sm-6"])) > :nth-child(-n+2) {
            grid-row: 1 / 4;
        }

        .neo-solution.ns-quad .row:not(:has(> [class*="col-sm-6"])) > :nth-child(n+3) {
            grid-row: 4 / 7;
        }
    }
}

.ransom-stats .row:not(.ransom-stats__intro) {
    display: flex;
    flex-wrap: wrap;
}

.ransom-stats .row:not(.ransom-stats__intro) > [class*="col-"] {
    display: flex;
    flex-direction: column;
}

.ransom-stats__card {
    flex: 1 0 auto;
    background-color: #FFFFFF;
    border-radius: 20px;
    box-shadow: 0 4px 10px 0 rgba(26, 83, 85, 0.1);
    padding: 40px 24px;
    text-align: center;
}

.ransom-stats__card h3 {
    font-size: 48px;
    font-weight: bolder;
    line-height: 52px;
    text-align: center;
    letter-spacing: 0.01em;
    color: #3D3D3D;
    margin: 0 0 20px;
}

.ransom-stats__card p {
    font-size: 24px;
    line-height: 28px;
    text-align: center;
    letter-spacing: 0.01em;
    color: #3D3D3D;
    margin: 0;
}

.ransom-stats__intro {
    margin-top: 60px;
}

.ransom-stats__intro img {
    display: block;
    width: 100%;
    max-width: 300px;
    height: auto;
}

.ransom-stats__intro p {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.01em;
    color: #3D3D3D;
    margin: 0;
}

@media (max-width: 991px) {
    .ransom-stats__card {
        padding: 30px 20px;
    }

    .ransom-stats__card h3 {
        font-size: 36px;
        line-height: 40px;
    }

    .ransom-stats__card p {
        font-size: 19px;
        line-height: 24px;
    }
}

@media (max-width: 767px) {
    .ransom-stats .row:not(.ransom-stats__intro) > [class*="col-"] {
        margin-bottom: 20px;
    }

    .ransom-stats .row:not(.ransom-stats__intro) > [class*="col-"]:last-child {
        margin-bottom: 0;
    }

    .ransom-stats__intro {
        margin-top: 40px;
    }

    .ransom-stats__intro img {
        max-width: 240px;
        margin: 0 auto 24px;
    }
}

.endpoint-how__sketch,
.neo-sketch {
    background-color: #FFFFFF;
    border-radius: 20px;
    box-shadow: 0 4px 10px 0 rgba(26, 83, 85, 0.2);
    padding: 40px;
    text-align: center;
    overflow: hidden;
}

.endpoint-how__sketch img,
.neo-sketch img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
}

@media (max-width: 991px) {
    .endpoint-how__sketch,
    .neo-sketch {
        border-radius: 16px;
        padding: 24px;
    }
}

@media (max-width: 767px) {
    .endpoint-how__sketch,
    .neo-sketch {
        border-radius: 12px;
        padding: 14px;
    }
}

.sol-banner .sol-banner__desc {
    font-family: var(--default-font-family);
    max-width: 790px;
    margin: 0 0 40px;
    font-size: 24px;
    font-weight: normal;
    line-height: 28px;
    letter-spacing: 0.02em;
    color: #3D3D3D;
}

.sol-banner .sol-banner__points {
    display: grid;
    grid-template-columns: repeat(2, auto);
    justify-content: start;
    column-gap: 50px;
    margin-bottom: 50px;
}

.sol-banner .sol-banner__points li {
    font-size: 19px;
    font-weight: normal;
    line-height: 22px;
    letter-spacing: 0.02em;
    color: #3D3D3D;
}

@media (max-width: 767px) {

    .sol-banner .sol-banner__desc {
        font-size: 17px;
        line-height: 26px;
    }

    .sol-banner .sol-banner__points {
        max-width: none;
    }

    .sol-banner .sol-banner__points {
        grid-template-columns: auto;
    }

    .sol-banner .sol-banner__points li {
        font-size: 16px;
        line-height: 26px;
    }
}

.neo-offsite-arch {
    text-align: center;
}

.main-page.ultra-page div.neo-offsite-arch > div.container {
    width: auto;
    max-width: 1130px;
}

@media (min-width: 768px) {
    .main-page.ultra-page div.neo-offsite-arch > div.container {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .main-page.ultra-page div.neo-offsite-arch > div.container {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .main-page.ultra-page div.neo-offsite-arch > div.container {
        width: 1170px;
    }
}

.neo-offsite-arch .item {
    height: 100%;
    text-align: center;
    display: block;
    padding: 0;
    color: #3D3D3D;
    border: unset;
}

.neo-offsite-arch .neo-offsite-arch__card {
    display: grid;
    height: 100%;
    border-radius: 20px;
    transition: transform 0.6s ease;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
}

.neo-offsite-arch__flow > .item:hover .neo-offsite-arch__card {
    transform: rotateY(180deg);
}

.neo-offsite-arch .card-front,
.neo-offsite-arch .card-back {
    grid-area: 1 / 1;
    border-radius: 20px;
    background-color: #FFFFFF;
    box-shadow: 0 4px 10px 0 rgba(26, 83, 85, 0.2);
    box-sizing: border-box;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.neo-offsite-arch .card-front {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
    justify-content: flex-start;
    padding: 30px 16px;
    text-align: center;
}

.neo-offsite-arch .card-back {
    transform: rotateY(180deg);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 20px 18px;
    text-align: left;
}

.neo-offsite-arch .card-back__title {
    font-family: var(--default-font-family);
    font-weight: bolder;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0.01em;
    color: #3D3D3D;
    margin: 0 0 8px 0;
}

.neo-offsite-arch .card-back__list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 12px;
    font-family: var(--default-font-family);
    font-size: 13px;
    line-height: 20px;
    color: #6B7280;
}

.neo-offsite-arch .card-back__list span {
    display: inline-flex;
    align-items: baseline;
    font-size: 16px;
    font-weight: normal;
    line-height: 20px;
    letter-spacing: 0.01em;
    color: #3D3D3D;
    width: 100%;
}

.neo-offsite-arch .card-back__list span::before {
    content: "";
    display: inline-block;
    flex: 0 0 auto;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #4AD1CD;
    margin-right: 6px;
}

.neo-offsite-arch .card-front h3 {
    line-height: 24px;
    font-size: 16px;
    font-weight: bolder;
    margin-top: 0;
    margin-bottom: 0;
    min-height: 48px;
    display: flex;
    align-items: center;
}

.neo-offsite-arch .card-front .icon {
    width: 90px;
    height: 70px;
    background-position: center center;
    background-repeat: no-repeat;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.neo-offsite-arch .card-front .icon img {
    width: fit-content;
    height: fit-content;
}

.neo-offsite-arch__flow {
    display: flex;
    align-items: stretch;
    max-width: 1147px;
    margin: 0 auto;
}

.neo-offsite-arch__flow > .item {
    flex: 1 1 0;
    min-width: 0;
    height: auto;
    perspective: 1000px;
    -webkit-perspective: 1000px;
}

.neo-offsite-arch__flow > .item .icon img {
    max-width: 100%;
    max-height: 100%;
}

.neo-offsite-arch__arrow {
    flex: 0 0 78px;
    align-self: center;
    font-size: 34px;
    line-height: 1;
    color: #36BCB8;
}


@media (max-width: 991px) {
    .neo-offsite-arch__flow {
        flex-wrap: wrap;
        justify-content: center;
        gap: 20px;
    }

    .neo-offsite-arch__flow > .item {
        flex: 0 0 30%;
        min-height: 0;
        padding: 0;
    }

    .neo-offsite-arch__flow > .item .icon {
        height: 60px;
    }

    .neo-offsite-arch__arrow {
        display: none;
    }

}


@media (max-width: 767px) {
    .neo-offsite-arch__flow > .item {
        flex: 0 0 46%;
    }

}

.neo-dr-arch__body {
    display: flex;
    align-items: flex-start;
    gap: 60px;
    max-width: 1131px;
    margin: 0 auto;
}

.neo-dr-arch__flow {
    flex: 0 0 464px;
}

.neo-dr-arch__node {
    display: flex;
    align-items: center;
}

.neo-dr-arch__icon {
    flex: 0 0 172px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.neo-dr-arch__icon img {
    display: block;
    max-width: 172px;
    max-height: 122px;
    width: auto;
    height: auto;
}

.neo-dr-arch .neo-dr-arch__badge {
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    margin-left: 11px;
    border-radius: 50%;
    background-color: #FFFFFF;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08);
    font-family: var(--default-font-family-bold);
    font-size: 15px;
    font-weight: bolder;
    line-height: 30px;
    text-align: center;
    color: #8B8B8B;
    transition: all 0.25s ease;
}

.neo-dr-arch .neo-dr-arch__label {
    margin-left: 10px;
    font-size: 16px;
    font-weight: normal;
    line-height: 20px;
    letter-spacing: 0.01em;
    color: #3D3D3D;
    transition: color 0.25s ease;
}

.neo-dr-arch__arrow {
    box-sizing: border-box;
    width: 172px;
    padding-left: 72px;
    margin: 11px 0;
    font-size: 34px;
    line-height: 1;
    text-align: center;
    color: #4AD1CD;
}

.neo-dr-arch__box {
    display: flex;
    justify-content: space-between;
    gap: 40px;
    padding: 20px;
    border: 1px dashed #36A4A6;
    border-radius: 12px;
}

.neo-dr-arch__repo {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 0;
}

.neo-dr-arch__repo .neo-dr-arch__icon {
    flex: 0 0 auto;
    justify-content: center;
}

.neo-dr-arch__repo .neo-dr-arch__icon img {
    max-width: none;
    max-height: none;
}

.neo-dr-arch__repo-foot {
    display: flex;
    align-items: center;
    margin-top: 5px;
    white-space: nowrap;
}

.neo-dr-arch__repo-foot .neo-dr-arch__badge {
    margin-left: 0;
    margin-right: 12px;
}

.neo-dr-arch__repo-foot .neo-dr-arch__label {
    margin-left: 0;
    font-size: 16px;
    line-height: 28px;
}

.neo-dr-arch__node[data-pair="7"] {
    margin-top: 54px;
}

.neo-dr-arch__pills {
    flex: 1 1 auto;
    min-width: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

.neo-dr-arch__pill {
    display: flex;
    align-items: center;
    min-height: 80px;
    border-radius: 40px;
    background-color: #FFFFFF;
    box-shadow: 0 6px 22px 0 rgba(0, 0, 0, 0.06);
    font-family: var(--default-font-family-bold);
    font-size: 19px;
    font-weight: bolder;
    line-height: 24px;
    letter-spacing: 0.02em;
    color: #3D3D3D;
    transition: background-color 0.25s ease, color 0.25s ease, box-shadow 0.25s ease;
}

.neo-dr-arch__pill + .neo-dr-arch__pill {
    margin-top: 54px;
    padding-right: 20px;
}

.neo-dr-arch__pill .neo-dr-arch__no {
    flex: 0 0 80px;
    width: 80px;
    height: 80px;
    margin-right: 32px;
    border-radius: 50%;
    background-color: #F8F8F8;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
    font-family: var(--default-font-family-bold);
    font-size: 24px;
    font-weight: bolder;
    line-height: 90px;
    letter-spacing: 0.02em;
    text-align: center;
    color: #3D3D3D;
    transition: all 0.25s ease;
}

.neo-dr-arch__pill.active {
    background-color: #4AD1CD;
    box-shadow: 0 8px 24px 0 rgba(74, 209, 205, 0.35);
    color: #FFFFFF;
}

.neo-dr-arch__pill.active .neo-dr-arch__no {
    background-color: rgba(255, 255, 255, 0.28);
    color: #FFFFFF;
}

.neo-dr-arch__node.active .neo-dr-arch__badge,
.neo-dr-arch__repo.active .neo-dr-arch__badge {
    background-color: #4AD1CD;
    box-shadow: 0 4px 12px 0 rgba(74, 209, 205, 0.35);
    color: #FFFFFF;
}

.neo-dr-arch__node.active .neo-dr-arch__label,
.neo-dr-arch__repo.active .neo-dr-arch__label {
    color: #4AD1CD;
}

@media (max-width: 1199px) {
    .neo-dr-arch__body {
        gap: 36px;
    }

    .neo-dr-arch__flow {
        flex: 0 0 380px;
    }

    .neo-dr-arch__icon {
        flex: 0 0 120px;
    }

    .neo-dr-arch__icon img {
        max-width: 120px;
    }

    .neo-dr-arch__arrow {
        width: 120px;
        padding-left: 40px;
    }

    .neo-dr-arch__pill {
        font-size: 18px;
        line-height: 26px;
    }

    .neo-dr-arch__pill .neo-dr-arch__no {
        flex: 0 0 48px;
        width: 48px;
        height: 48px;
        margin-right: 24px;
        font-size: 17px;
        line-height: 48px;
    }
}

@media (max-width: 991px) {
    .neo-dr-arch__body {
        flex-direction: column;
        gap: 44px;
        max-width: 560px;
    }

    .neo-dr-arch__flow {
        flex: 0 0 auto;
        width: 100%;
    }

    .neo-dr-arch__pills {
        flex: 0 0 auto;
        width: 100%;
    }
}

@media (max-width: 767px) {
    .neo-dr-arch__icon {
        flex: 0 0 90px;
    }

    .neo-dr-arch__icon img {
        max-width: 90px;
        max-height: 80px;
    }

    .neo-dr-arch__arrow {
        width: 90px;
        padding-left: 0;
        margin: 8px 0;
        font-size: 28px;
    }

    .neo-dr-arch .neo-dr-arch__label {
        margin-left: 8px;
        font-size: 16px;
        line-height: 24px;
    }

    .neo-dr-arch .neo-dr-arch__badge {
        flex: 0 0 24px;
        width: 24px;
        height: 24px;
        margin-left: 8px;
        font-size: 13px;
        line-height: 24px;
    }

    .neo-dr-arch__box {
        gap: 20px;
        padding: 16px;
    }

    .neo-dr-arch__repo .neo-dr-arch__icon img {
        max-width: 70px;
        max-height: 56px;
    }

    .neo-dr-arch__repo-foot .neo-dr-arch__badge {
        margin-left: 0;
        margin-right: 6px;
    }

    .neo-dr-arch__repo-foot .neo-dr-arch__label {
        margin-left: 0;
        font-size: 13px;
        line-height: 20px;
    }

    .neo-dr-arch__node[data-pair="7"] {
        margin-top: 30px;
    }

    .neo-dr-arch__pill {
        min-height: 0;
        padding: 12px 18px 12px 12px;
        border-radius: 30px;
        font-size: 16px;
        line-height: 24px;
    }

    .neo-dr-arch__pill + .neo-dr-arch__pill {
        margin-top: 14px;
    }

    .neo-dr-arch__pill .neo-dr-arch__no {
        flex: 0 0 40px;
        width: 40px;
        height: 40px;
        margin-right: 14px;
        font-size: 15px;
        line-height: 40px;
    }
}

.neo-dr-cap__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 100px;
    max-width: 1147px;
    margin: 0 auto;
}

.neo-dr-cap__row + .neo-dr-cap__row {
    margin-top: 60px;
}

.neo-dr-cap__row.reverse .neo-dr-cap__copy {
    order: 2;
}

.neo-dr-cap__copy {
    flex: 1 1 auto;
    max-width: 765px;
}

.neo-dr-cap__copy h3 {
    font-family: var(--default-font-family-bold);
    font-size: 24px;
    font-weight: bolder;
    line-height: 34px;
    letter-spacing: 0.02em;
    color: #3D3D3D;
    margin: 0 0 28px;
}

.neo-dr-cap__bar {
    padding-left: 33px;
    border-left: 3px solid #4AD1CD;
}

.neo-dr-cap__item + .neo-dr-cap__item {
    margin-top: 20px;
}

.neo-dr-cap__item h4 {
    position: relative;
    font-family: var(--default-font-family-bold);
    font-size: 19px;
    font-weight: bolder;
    line-height: 26px;
    letter-spacing: 0.02em;
    color: #3D3D3D;
    margin: 0 0 4px;
}

.neo-dr-cap__item h4::before {
    content: "";
    position: absolute;
    left: -18px;
    top: 10px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #3D3D3D;
}

.neo-dr-cap .neo-dr-cap__item p {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0.02em;
    color: #3D3D3D;
    margin: 0;
}

.neo-dr-cap__media {
    flex: 0 0 auto;
    width: 220px;
    text-align: center;
}

.neo-dr-cap__media img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

#dr-capabilities .title-component h2 {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 991px) {
    .neo-dr-cap__row {
        gap: 40px;
    }

    .neo-dr-cap__copy h3 {
        font-size: 22px;
        line-height: 30px;
    }

    .neo-dr-cap__media {
        width: 180px;
    }
}

@media (max-width: 767px) {
    #dr-capabilities .title-component h2 {
        max-width: none;
    }

    .neo-dr-cap__row,
    .neo-dr-cap__row.reverse {
        flex-direction: column;
        gap: 26px;
    }

    .neo-dr-cap__row.reverse .neo-dr-cap__copy {
        order: 0;
    }

    .neo-dr-cap__copy {
        max-width: none;
    }

    .neo-dr-cap__bar {
        padding-left: 22px;
    }

    .neo-dr-cap__media {
        width: 200px;
    }

    .neo-dr-cap__row + .neo-dr-cap__row {
        margin-top: 50px;
    }
}

.neo-dr-scene__card {
    display: flex;
    align-items: stretch;
    gap: 30px;
    max-width: 1149px;
    margin: 0 auto;
    padding: 60px 30px;
    border-radius: 14px;
    background-color: #FFFFFF;
    box-shadow: 0 6px 22px 0 rgba(0, 0, 0, 0.06);
}

.neo-dr-scene__tabs {
    margin: 0;
    padding: 0 0 0 20px;
    list-style: none;
}

.neo-dr-scene__tab {
    position: relative;
    font-size: 24px;
    font-weight: bolder;
    line-height: 30px;
    letter-spacing: 0.02em;
    color: #3D3D3D;
    cursor: pointer;
    transition: color 0.25s ease;
    white-space: nowrap;
}

.neo-dr-scene__tab + .neo-dr-scene__tab {
    margin-top: 37px;
}

.neo-dr-scene__tab:hover,
.neo-dr-scene__tab.active {
    color: #4AD1CD;
}

.neo-dr-scene__tab::before {
    content: "";
    position: absolute;
    left: -20px;
    top: 5px;
    width: 3px;
    height: 20px;
    background-color: #D8D8D8;
}

.neo-dr-scene__tab.active::before {
    background-color: #4AD1CD;
}

.neo-dr-scene__body {
    position: relative;
    flex: 1 1 auto;
    min-width: 0;
    padding: 0 0 0 78px;
}

.neo-dr-scene__body::after {
    content: "";
    position: absolute;
    left: 3px;
    top: 0;
    bottom: 0;
    width: 48px;
    background-image: linear-gradient(90deg, #4ad1cd4d 0%, #eafdf84d 87%, #eafdf800 100%);
    pointer-events: none;
}

.neo-dr-scene__panel {
    position: relative;
    display: none;
    z-index: 1;
}

.neo-dr-scene__panel.active {
    display: block;
}

.neo-dr-scene__panel h3 {
    font-family: var(--default-font-family-bold);
    font-size: 24px;
    font-weight: bolder;
    line-height: 30px;
    letter-spacing: 0.02em;
    color: #3D3D3D;
    margin: 0 0 30px;
}

.neo-dr-scene__item + .neo-dr-scene__item {
    margin-top: 22px;
}

.neo-dr-scene__item h4 {
    font-family: var(--default-font-family-bold);
    font-size: 19px;
    font-weight: bolder;
    line-height: 26px;
    letter-spacing: 0.02em;
    color: #3D3D3D;
    margin: 0 0 4px;
}

.neo-dr-scene .neo-dr-scene__item p {
    font-size: 19px;
    line-height: 22px;
    letter-spacing: 0.02em;
    color: #3D3D3D;
    margin: 0;
}

@media (max-width: 991px) {
    .neo-dr-scene__card {
        padding: 40px 0;
    }

    .neo-dr-scene__tabs {
        flex: 0 0 240px;
        padding-left: 26px;
    }

    .neo-dr-scene__tab {
        font-size: 19px;
        line-height: 26px;
    }

    .neo-dr-scene__tab + .neo-dr-scene__tab {
        margin-top: 26px;
    }

    .neo-dr-scene__body {
        padding: 0 26px 0 34px;
    }

    .neo-dr-scene__panel h3 {
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 20px;
    }

    .neo-dr-scene .neo-dr-scene__item p {
        font-size: 16px;
        line-height: 22px;
    }
}

@media (max-width: 767px) {
    .neo-dr-scene__card {
        flex-direction: column;
        padding: 26px 0 30px;
    }

    .neo-dr-scene__tabs {
        flex: 0 0 auto;
        display: flex;
        flex-wrap: wrap;
        gap: 8px 10px;
        padding: 0 22px;
    }

    .neo-dr-scene__tab {
        padding: 6px 14px;
        border: 1px solid #E5E5E5;
        border-radius: 16px;
        font-size: 15px;
        line-height: 20px;
    }

    .neo-dr-scene__tab + .neo-dr-scene__tab {
        margin-top: 0;
    }

    .neo-dr-scene__tab.active {
        border-color: #4AD1CD;
    }

    .neo-dr-scene__tab::before {
        display: none;
    }

    .neo-dr-scene__body {
        margin-top: 24px;
        padding: 24px 22px 0;
    }

    .neo-dr-scene__body::after {
        display: none;
    }

    .neo-dr-scene .neo-dr-scene__item p {
        line-height: 24px;
    }
}

.neo-dr-layer__body {
    display: flex;
    align-items: center;
    gap: 36px;
    max-width: 1147px;
    margin: 0 auto;
}

.neo-dr-layer__steps {
    flex: 0 0 428px;
}

.neo-dr-layer__head {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 14px;
    text-align: left;
}

.neo-dr-layer .neo-dr-layer__no {
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #FFFFFF;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08);
    font-family: var(--default-font-family-bold);
    font-size: 16px;
    font-weight: bolder;
    line-height: 30px;
    text-align: center;
    color: #8B8B8B;
    transition: all 0.25s ease;
}

.neo-dr-layer__name h3 {
    font-family: var(--default-font-family-bold);
    font-size: 19px;
    font-weight: bolder;
    line-height: 30px;
    letter-spacing: 0.02em;
    color: #3D3D3D;
    margin: 0;
    transition: color 0.25s ease;
}

.neo-dr-layer .neo-dr-layer__name p {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.02em;
    color: #8B8B8B;
    margin: 0;
    transition: color 0.25s ease;
}

.neo-dr-layer__step.active .neo-dr-layer__no {
    background-color: #4AD1CD;
    box-shadow: 0 4px 12px 0 rgba(74, 209, 205, 0.35);
    color: #FFFFFF;
}

.neo-dr-layer__step.active .neo-dr-layer__name h3,
.neo-dr-layer__step.active .neo-dr-layer__name p {
    color: #4AD1CD;
}

.neo-dr-layer__down {
    font-size: 26px;
    line-height: 1;
    color: #4AD1CD;
    margin: 40px 0;
    text-align: center;
}

.neo-dr-layer__cards {
    flex: 1 1 auto;
    min-width: 0;
}

.neo-dr-layer__card {
    display: flex;
    align-items: center;
    gap: 30px;
    padding: 20px 26px;
    border-radius: 12px;
    transition: all 0.3s ease;
}

.neo-dr-layer__card + .neo-dr-layer__card {
    margin-top: 10px;
}

.neo-dr-layer .neo-dr-layer__badge {
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #FFFFFF;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08);
    font-family: var(--default-font-family-bold);
    font-size: 16px;
    font-weight: bolder;
    line-height: 30px;
    text-align: center;
    color: #8B8B8B;
    transition: all 0.25s ease;
}

.neo-dr-layer__icon {
    flex: 0 0 100px;
    height: 100px;
    text-align: center;
}

.neo-dr-layer__icon img {
    display: block;
    max-height: 100%;
    max-width: 100%;
    width: auto;
    margin: 0 auto;
}

.neo-dr-layer__copy {
    flex: 1 1 auto;
    min-width: 0;
}

.neo-dr-layer__copy h4 {
    font-family: var(--default-font-family-bold);
    font-size: 19px;
    font-weight: bolder;
    line-height: 30px;
    letter-spacing: 0.02em;
    color: #3D3D3D;
    margin: 0 0 6px;
    transition: color 0.25s ease;
}

.neo-dr-layer .neo-dr-layer__copy > p {
    font-size: 16px;
    font-weight: normal;
    line-height: 22px;
    letter-spacing: 0.02em;
    color: #3D3D3D;
    margin: 0 0 10px;
}

.neo-dr-layer__copy ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.neo-dr-layer__copy ul li {
    position: relative;
    padding-left: 16px;
    font-size: 14px;
    font-weight: normal;
    line-height: 22px;
    letter-spacing: 0.02em;
    color: #3D3D3D;
}

.neo-dr-layer__copy ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #3D3D3D;
    transition: background-color 0.25s ease;
}

.neo-dr-layer__card.active {
    background-color: #FFFFFF;
    box-shadow: 0 8px 26px 0 rgba(0, 0, 0, 0.08);
}

.neo-dr-layer__card.active .neo-dr-layer__badge {
    background-color: #4AD1CD;
    box-shadow: 0 4px 10px 0 rgba(26, 83, 85, 0.2);
    color: #FFFFFF;
}

.neo-dr-layer__card.active .neo-dr-layer__copy h4 {
    color: #4AD1CD;
}

.neo-dr-layer__card.active .neo-dr-layer__copy ul li::before {
    background-color: #4AD1CD;
}

@media (max-width: 1199px) {
    .neo-dr-layer__body {
        gap: 30px;
    }

    .neo-dr-layer__steps {
        flex: 0 0 320px;
    }

    .neo-dr-layer__icon {
        flex: 0 0 80px;
        height: 80px;
    }

    .neo-dr-layer__copy h4 {
        font-size: 20px;
    }
}

@media (max-width: 991px) {
    .neo-dr-layer__body {
        flex-direction: column;
        gap: 40px;
    }

    .neo-dr-layer__steps {
        flex: 0 0 auto;
        width: 100%;
        max-width: 420px;
        margin: 0 auto;
        padding-top: 0;
    }

    .neo-dr-layer__cards {
        width: 100%;
    }

    .neo-dr-layer__card {
        padding: 16px 18px;
        gap: 16px;
    }
}

@media (max-width: 767px) {
    .neo-dr-layer__icon {
        display: none;
    }

    .neo-dr-layer__down {
        margin: 12px 0;
    }
}

.neo-dr-case__card {
    display: flex;
    align-items: center;
    gap: 36px;
    max-width: 1366px;
    margin: 0 auto;
    padding: 18px 0 18px 45px;
    border-radius: 14px;
    background-color: #FFFFFF;
    box-shadow: 0 6px 22px 0 rgba(0, 0, 0, 0.06);
    overflow: hidden;
}

.neo-dr-case__intro {
    flex: 0 0 332px;
}

.neo-dr-case__eyebrow {
    font-size: 24px;
    line-height: 28px;
    letter-spacing: 0.02em;
    color: #3D3D3D;
    margin: 0 0 24px;
}

.neo-dr-case__intro h2 {
    font-family: var(--default-font-family-bold);
    font-size: 36px;
    font-weight: bolder;
    line-height: 44px;
    letter-spacing: 0.02em;
    color: #3D3D3D;
    margin: 0 0 36px;
}

.neo-dr-case__btn {
    display: inline-block;
    height: 50px;
    padding: 0 32px;
    border-radius: 25px;
    background-color: #4AD1CD;
    box-shadow: 0 4px 12px 0 rgba(74, 209, 205, 0.3);
    font-size: 19px;
    line-height: 50px;
    letter-spacing: 0.02em;
    color: #FFFFFF;
    text-decoration: none;
    transition: background-color 0.25s ease;
}

.neo-dr-case__btn:hover,
.neo-dr-case__btn:focus {
    background-color: #36BCB8;
    color: #FFFFFF;
    text-decoration: none;
}

.neo-dr-case__quote {
    flex: 1 1 0;
    min-width: 0;
}

.neo-dr-case .neo-dr-case__quote p {
    font-size: 19px;
    font-weight: normal;
    line-height: 22px;
    letter-spacing: 0.02em;
    color: #3D3D3D;
    margin: 0;
}

.neo-dr-case__media {
    flex: 0 1 417px;
    min-width: 0;
    margin-left: auto;
}

@media (max-width: 1500px) {
    .neo-dr-case__intro {
        flex: 0 0 300px;
    }

    .neo-dr-case__media {
        flex-basis: 310px;
    }
}

.neo-dr-case__media img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 12px 0 0 12px;
}

@media (max-width: 1199px) {
    .neo-dr-case__card {
        flex-direction: column;
        align-items: stretch;
        padding: 40px 34px;
        gap: 26px;
    }

    .neo-dr-case__intro,
    .neo-dr-case__quote,
    .neo-dr-case__media {
        flex: 0 0 auto;
        min-width: 0;
    }

    .neo-dr-case__intro h2 {
        font-size: 28px;
        line-height: 36px;
        margin-bottom: 26px;
    }

    .neo-dr-case__media {
        width: 100%;
        max-width: 480px;
    }

    .neo-dr-case__media img {
        border-radius: 12px;
    }
}

@media (max-width: 767px) {
    .neo-dr-case__card {
        padding: 30px 22px;
    }

    .neo-dr-case__intro h2 {
        font-size: 24px;
        line-height: 32px;
    }

    .neo-dr-case__eyebrow {
        font-size: 16px;
        margin-bottom: 14px;
    }

    .neo-dr-case .neo-dr-case__quote p {
        font-size: 15px;
        line-height: 24px;
    }
}

.solution-cta.dr-cta,
.solution-cta.offsite-cta {
    background-image: url('/res/img/solution/waist-2-background.webp');
}

.neo-scenarios .row p {
    font-size: 19px;
    line-height: 22px;
    text-align: center;
    letter-spacing: 0.01em;
}

#cb-scenarios img {
    height: 180px;
}

.neo-db-flow {
    --flow-pic-h: 80px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    margin: 20px auto 0;
    width: fit-content;
    max-width: 100%;
}

.neo-db-flow__row {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 16px;
}

.neo-db-flow__row--rev {
    align-self: flex-end;
}

.neo-db-flow__row > .neo-db-flow__arrow {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: var(--flow-pic-h);
}

.neo-db-flow__node {
    width: 180px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

.neo-db-flow__node img {
    height: var(--flow-pic-h);
    width: auto;
    object-fit: contain;
}

.neo-db-flow .neo-db-flow__node span {
    font-size: 16px;
    line-height: 24px;
    color: #3D3D3D;
    text-align: center;
    min-height: 48px;
}

.neo-db-flow__arrow {
    font-size: 26px;
    color: #4AD1CD;
}

.neo-db-flow__arrow--down {
    display: block;
    width: 100%;
    box-sizing: border-box;
    text-align: right;
    padding-right: calc(90px - 13px);
    margin: 4px 0;
}

#db-architecture > .container > .row {
    margin-top: 70px;
}

.neo-db-steps__list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: repeat(3, auto);
    grid-auto-flow: column;
    column-gap: 152px;
    max-width: 1172px;
    margin: 0 auto;
    padding: 0;
    list-style: none;
}

.neo-db-steps__list > li {
    padding: 0 0 35px;
    border-bottom: unset;
}

.neo-db-steps__list > li:nth-child(3),
.neo-db-steps__list > li:nth-child(5) {
    padding-bottom: 0;
}

.neo-db-steps__head {
    margin: 0 0 15px;
    font-size: 24px;
    font-weight: normal;
    line-height: 30px;
    letter-spacing: 0.01em;
    color: #0FB2C6;
}

.neo-db-steps__list .neo-db-steps__desc {
    margin: 0;
    font-size: 19px;
    font-weight: normal;
    line-height: 20px;
    letter-spacing: 0.01em;
    color: #3D3D3D;
}

.main-page .neo-database.white .container > .title-component > h2 {
    color: #FFFFFF;
}

.neo-v2v-case {
    padding: 39px 0 29px;
    background-color: #F8F8F8;
}

.neo-v2v-case__card {
    display: flex;
    align-items: center;
    gap: 120px;
    padding: 0 11px;
}

.neo-v2v-case__media {
    flex: 0 0 552px;
    max-width: 552px;
}

.neo-v2v-case__media img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 12px;
}

.neo-v2v-case__content {
    flex: 1 1 0;
    min-width: 0;
}

.neo-v2v-case__eyebrow {
    font-size: 19px;
    line-height: 28px;
    color: #3D3D3D;
    margin: 0 0 8px;
}

.neo-v2v-case__content h2 {
    font-family: var(--default-font-family-bold);
    font-size: 36px;
    font-weight: bolder;
    line-height: 40px;
    color: #3D3D3D;
    max-width: 360px;
    margin: 0 0 48px;
}

.neo-v2v-case .neo-v2v-case__quote {
    font-size: 19px;
    line-height: 22px;
    color: #3D3D3D;
    margin: 0 0 38px;
}

.neo-v2v-case__btn {
    display: inline-block;
    font-size: 19px;
    line-height: 22px;
    color: #23ABB3;
    text-decoration: none;
    transition: color 0.25s ease;
}

.neo-v2v-case__btn:hover,
.neo-v2v-case__btn:focus {
    color: #17838A;
    text-decoration: none;
}

.neo-v2v-case__btn i {
    margin-left: 6px;
    transition: transform 0.3s ease;
}

.neo-v2v-case__btn:hover i,
.neo-v2v-case__btn:focus i {
    transform: translateX(5px);
}

@media (max-width: 1500px) {
    .neo-v2v-case__card {
        gap: 60px;
    }

    .neo-v2v-case__media {
        flex: 0 0 420px;
        max-width: 420px;
    }
}

@media (max-width: 991px) {
    .neo-v2v-case {
        padding: 70px 0;
    }

    .neo-v2v-case__card {
        flex-direction: column;
        align-items: stretch;
        gap: 30px;
        padding: 0;
    }

    .neo-v2v-case__media {
        flex: 0 0 auto;
        max-width: 100%;
    }

    .neo-v2v-case__content h2 {
        max-width: none;
        font-size: 28px;
        line-height: 36px;
        margin-bottom: 26px;
    }

    .neo-v2v-case .neo-v2v-case__quote {
        margin-bottom: 26px;
    }
}

@media (max-width: 767px) {
    .neo-v2v-case__eyebrow {
        font-size: 16px;
        margin-bottom: 14px;
    }

    .neo-v2v-case__content h2 {
        font-size: 24px;
        line-height: 32px;
    }

    .neo-v2v-case .neo-v2v-case__quote {
        font-size: 15px;
        line-height: 24px;
    }

    .neo-v2v-case__btn {
        font-size: 16px;
    }
}

.sol-banner.vmbr-banner .sol-banner__text {
    flex: 13;
}

.sol-banner.vmbr-banner .sol-banner__media {
    flex: 7;
}

.neo-vmbr-platforms .row {
    display: flex;
    flex-wrap: wrap;
    row-gap: 24px;
}

.neo-vmbr-platforms .row::before,
.neo-vmbr-platforms .row::after {
    content: none;
    display: none;
}

.neo-vmbr-platforms .item .info {
    height: 80px;
    padding: 0 16px;
    border-radius: 10px;
    background-color: #FFFFFF;
    border: 1px solid #EDF1F2;
    box-shadow: 0 4px 10px 0 rgba(26, 83, 85, 0.08);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
}

.neo-vmbr-platforms .item .info:hover {
    background-color: #F2FBFC;
    background-image: linear-gradient(180deg, #4AD1CD4D 0%, #E2FCF500 89%);
}

.neo-vmbr-platforms .item .info img {
    max-width: 100%;
    max-height: 38px;
    width: auto;
    height: auto;
}

@media (max-width: 767px) {
    .neo-vmbr-platforms .row {
        row-gap: 16px;
    }

    .neo-vmbr-platforms .item .info {
        height: 66px;
        padding: 0 10px;
    }

    .neo-vmbr-platforms .item .info img {
        max-height: 30px;
    }
}

@media (max-width: 1199px) {

    .db-tabs .tabs-panel .item {
        gap: 36px;
    }
}

@media (max-width: 991px) {
    .neo-db-flow {
        --flow-pic-h: 64px;
    }

    .neo-db-flow__row {
        gap: 10px;
    }

    .neo-db-flow__node {
        width: 140px;
    }

    .neo-db-flow .neo-db-flow__node span {
        min-height: 72px;
    }

    .neo-db-flow__arrow--down {
        padding-right: calc(70px - 13px);
    }

}

@media (max-width: 767px) {
    .neo-db-flow {
        flex-direction: column;
    }

    .neo-db-flow__row {
        flex-direction: column;
        align-items: center;
        gap: 16px;
    }

    .neo-db-flow__row > .neo-db-flow__arrow {
        height: auto;
    }

    .neo-db-flow__arrow {
        transform: rotate(90deg);
    }

    .neo-db-flow__arrow--down {
        transform: none;
    }

    .neo-db-flow__row .neo-db-flow__arrow.fa-long-arrow-left {
        transform: rotate(-90deg);
    }

    .neo-db-flow__arrow--down {
        width: auto;
        text-align: center;
        padding-right: 0;
    }

    .neo-db-steps__list {
        grid-template-columns: 1fr;
        grid-template-rows: none;
        grid-auto-flow: row;
    }

    .neo-db-steps__list > li,
    .neo-db-steps__list > li:nth-child(3),
    .neo-db-steps__list > li:nth-child(5) {
        padding-bottom: 30px;
    }

    .neo-db-steps__list > li:last-child {
        padding-bottom: 0;
    }

    .db-tabs .tabs-panel .item {
        flex-direction: column;
        gap: 24px;
        text-align: center;
    }

    .db-tabs .tabs-panel .item > img {
        flex: none;
        max-width: 100%;
        max-height: 200px;
    }

    .db-tabs .tabs-panel .item .slip h3,
    .db-tabs .tabs-panel .item .slip p {
        text-align: center;
    }

}

.neo-banner,
.neo-sol-hero,
.neo-sol-bar,
.neo-sol-page {
    --u: min(calc(100vw / 1920), 1px);
}

.neo-sol-page {
    position: relative;
    z-index: 2;
}

.neo-banner.neo-sol-hero {
    height: calc(var(--u) * 640);
    margin-bottom: -70px;
    padding-top: 0;
    top: -70px;
    z-index: 1;
    display: block;
    background-image: url('../img/solution/index/hero-bg.webp');
    background-position: center top;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.neo-sol-hero .neo-sol-hero__inner {
    width: 80%;
    max-width: 1366px;
    margin: 0 auto;
    height: 100%;
    position: relative;
    text-align: center;
}

.neo-sol-hero h1 {
    font-family: var(--default-font-family-bold);
    font-size: calc(var(--u) * 36);
    line-height: calc(var(--u) * 44);
    letter-spacing: 0.015em;
    font-weight: 600;
    color: #1A5355;
    margin: 0;
    padding-top: calc(var(--u) * 235);
}

.neo-sol-hero__desc {
    font-family: var(--default-font-family);
    font-size: calc(var(--u) * 25);
    line-height: calc(var(--u) * 28);
    color: #3D3D3D;
    margin: calc(var(--u) * 27) auto 0;
    max-width: calc(var(--u) * 830);
}

.neo-sol-hero .btn-group {
    justify-content: center;
    gap: calc(var(--u) * 75);
    margin-top: calc(var(--u) * 79);
}

.neo-banner.neo-sol-hero .btn-group a {
    height: calc(var(--u) * 44);
    padding: 0 calc(var(--u) * 32);
    border-radius: calc(var(--u) * 22);
    font-size: calc(var(--u) * 22);
    gap: calc(var(--u) * 8);
}

.neo-sol-hero__crumbs {
    height: 26px;
    position: relative;
    top: -50px;
    z-index: 100;
    margin-bottom: -26px;
}

.neo-sol-hero__crumbs .crumbs-container {
    display: flex;
    align-items: center;
    gap: 18px;
    margin: 0 auto;
}

.neo-sol-hero__crumbs a,
.neo-sol-hero__crumbs i,
.neo-sol-hero__crumbs span {
    font-size: calc(var(--u) * 21);
    line-height: 1;
    font-size: 19px;
}

.neo-sol-hero__crumbs a img {
    display: block;
    width: calc(var(--u) * 30);
    height: calc(var(--u) * 26);
}

.neo-sol-hero__crumbs a:hover img {
    filter: brightness(0) invert(1) sepia(1) saturate(11.1) hue-rotate(106.5deg) brightness(0.81);
}

.neo-sol-hero__crumbs a,
.neo-sol-hero__crumbs i.fa-angle-right {
    color: #3D3D3D;
}

.neo-sol-hero__crumbs a:hover {
    color: var(--default-hover-color);
}

.neo-sol-hero__crumbs i.fa-angle-right {
    font-size: calc(var(--u) * 16);
}

.neo-sol-hero__crumbs span {
    color: #3D3D3D;
}

/* Banner 两侧线条上滑动的 LOGO：骑手沿线条滑行、末端淡出（几何配置见 solutions/index.php 的 $solHeroLines） */
.neo-sol-hero__deco {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: calc(var(--u) * 640);
    pointer-events: none;
}

.neo-sol-hero__deco svg {
    display: block;
    width: 100%;
    height: 100%;
}

.neo-sol-hero__deco svg image {
    offset-rotate: 0deg;
    animation-name: neo-sol-hero-ride-3;
    animation-duration: 24s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    transition: none;
}

/* 同一侧的 LOGO 一个接一个出场：整侧共用同一个周期（animation-duration = 一圈的时长），
   N = 这一侧一圈里一共出场几个 LOGO，每个 LOGO 只占前面 1/N（在那儿滑完全程并淡出），
   其余时间停在末端不可见 —— 所以同一侧任何时刻最多只有一个 LOGO 在线，永远不会叠住。
   出场时刻写在各 <image> 行内的 animation-delay 上；N 由 solutions/index.php 按 LOGO 总数挑（支持 3~36）。 */
@keyframes neo-sol-hero-ride-3 {
    0% {
        offset-distance: 0%;
        opacity: 0
    }
    2% {
        opacity: 1
    }
    30% {
        opacity: 1
    }
    33.333% {
        offset-distance: 100%;
        opacity: 0
    }
    100% {
        offset-distance: 100%;
        opacity: 0
    }
}

@keyframes neo-sol-hero-ride-4 {
    0% {
        offset-distance: 0%;
        opacity: 0
    }
    1.5% {
        opacity: 1
    }
    22.5% {
        opacity: 1
    }
    25% {
        offset-distance: 100%;
        opacity: 0
    }
    100% {
        offset-distance: 100%;
        opacity: 0
    }
}

@keyframes neo-sol-hero-ride-5 {
    0% {
        offset-distance: 0%;
        opacity: 0
    }
    1.2% {
        opacity: 1
    }
    18% {
        opacity: 1
    }
    20% {
        offset-distance: 100%;
        opacity: 0
    }
    100% {
        offset-distance: 100%;
        opacity: 0
    }
}

@keyframes neo-sol-hero-ride-6 {
    0% {
        offset-distance: 0%;
        opacity: 0
    }
    1% {
        opacity: 1
    }
    15% {
        opacity: 1
    }
    16.667% {
        offset-distance: 100%;
        opacity: 0
    }
    100% {
        offset-distance: 100%;
        opacity: 0
    }
}

@keyframes neo-sol-hero-ride-7 {
    0% {
        offset-distance: 0%;
        opacity: 0
    }
    0.857% {
        opacity: 1
    }
    12.857% {
        opacity: 1
    }
    14.286% {
        offset-distance: 100%;
        opacity: 0
    }
    100% {
        offset-distance: 100%;
        opacity: 0
    }
}

@keyframes neo-sol-hero-ride-8 {
    0% {
        offset-distance: 0%;
        opacity: 0
    }
    0.75% {
        opacity: 1
    }
    11.25% {
        opacity: 1
    }
    12.5% {
        offset-distance: 100%;
        opacity: 0
    }
    100% {
        offset-distance: 100%;
        opacity: 0
    }
}

@keyframes neo-sol-hero-ride-9 {
    0% {
        offset-distance: 0%;
        opacity: 0
    }
    0.667% {
        opacity: 1
    }
    10% {
        opacity: 1
    }
    11.111% {
        offset-distance: 100%;
        opacity: 0
    }
    100% {
        offset-distance: 100%;
        opacity: 0
    }
}

@keyframes neo-sol-hero-ride-10 {
    0% {
        offset-distance: 0%;
        opacity: 0
    }
    0.6% {
        opacity: 1
    }
    9% {
        opacity: 1
    }
    10% {
        offset-distance: 100%;
        opacity: 0
    }
    100% {
        offset-distance: 100%;
        opacity: 0
    }
}

@keyframes neo-sol-hero-ride-11 {
    0% {
        offset-distance: 0%;
        opacity: 0
    }
    0.545% {
        opacity: 1
    }
    8.182% {
        opacity: 1
    }
    9.091% {
        offset-distance: 100%;
        opacity: 0
    }
    100% {
        offset-distance: 100%;
        opacity: 0
    }
}

@keyframes neo-sol-hero-ride-12 {
    0% {
        offset-distance: 0%;
        opacity: 0
    }
    0.5% {
        opacity: 1
    }
    7.5% {
        opacity: 1
    }
    8.333% {
        offset-distance: 100%;
        opacity: 0
    }
    100% {
        offset-distance: 100%;
        opacity: 0
    }
}

@keyframes neo-sol-hero-ride-13 {
    0% {
        offset-distance: 0%;
        opacity: 0
    }
    0.462% {
        opacity: 1
    }
    6.923% {
        opacity: 1
    }
    7.692% {
        offset-distance: 100%;
        opacity: 0
    }
    100% {
        offset-distance: 100%;
        opacity: 0
    }
}

@keyframes neo-sol-hero-ride-14 {
    0% {
        offset-distance: 0%;
        opacity: 0
    }
    0.429% {
        opacity: 1
    }
    6.429% {
        opacity: 1
    }
    7.143% {
        offset-distance: 100%;
        opacity: 0
    }
    100% {
        offset-distance: 100%;
        opacity: 0
    }
}

@keyframes neo-sol-hero-ride-15 {
    0% {
        offset-distance: 0%;
        opacity: 0
    }
    0.4% {
        opacity: 1
    }
    6% {
        opacity: 1
    }
    6.667% {
        offset-distance: 100%;
        opacity: 0
    }
    100% {
        offset-distance: 100%;
        opacity: 0
    }
}

@keyframes neo-sol-hero-ride-16 {
    0% {
        offset-distance: 0%;
        opacity: 0
    }
    0.375% {
        opacity: 1
    }
    5.625% {
        opacity: 1
    }
    6.25% {
        offset-distance: 100%;
        opacity: 0
    }
    100% {
        offset-distance: 100%;
        opacity: 0
    }
}

@keyframes neo-sol-hero-ride-17 {
    0% {
        offset-distance: 0%;
        opacity: 0
    }
    0.353% {
        opacity: 1
    }
    5.294% {
        opacity: 1
    }
    5.882% {
        offset-distance: 100%;
        opacity: 0
    }
    100% {
        offset-distance: 100%;
        opacity: 0
    }
}

@keyframes neo-sol-hero-ride-18 {
    0% {
        offset-distance: 0%;
        opacity: 0
    }
    0.333% {
        opacity: 1
    }
    5% {
        opacity: 1
    }
    5.556% {
        offset-distance: 100%;
        opacity: 0
    }
    100% {
        offset-distance: 100%;
        opacity: 0
    }
}

@keyframes neo-sol-hero-ride-19 {
    0% {
        offset-distance: 0%;
        opacity: 0
    }
    0.316% {
        opacity: 1
    }
    4.737% {
        opacity: 1
    }
    5.263% {
        offset-distance: 100%;
        opacity: 0
    }
    100% {
        offset-distance: 100%;
        opacity: 0
    }
}

@keyframes neo-sol-hero-ride-20 {
    0% {
        offset-distance: 0%;
        opacity: 0
    }
    0.3% {
        opacity: 1
    }
    4.5% {
        opacity: 1
    }
    5% {
        offset-distance: 100%;
        opacity: 0
    }
    100% {
        offset-distance: 100%;
        opacity: 0
    }
}

@keyframes neo-sol-hero-ride-21 {
    0% {
        offset-distance: 0%;
        opacity: 0
    }
    0.286% {
        opacity: 1
    }
    4.286% {
        opacity: 1
    }
    4.762% {
        offset-distance: 100%;
        opacity: 0
    }
    100% {
        offset-distance: 100%;
        opacity: 0
    }
}

@keyframes neo-sol-hero-ride-22 {
    0% {
        offset-distance: 0%;
        opacity: 0
    }
    0.273% {
        opacity: 1
    }
    4.091% {
        opacity: 1
    }
    4.545% {
        offset-distance: 100%;
        opacity: 0
    }
    100% {
        offset-distance: 100%;
        opacity: 0
    }
}

@keyframes neo-sol-hero-ride-23 {
    0% {
        offset-distance: 0%;
        opacity: 0
    }
    0.261% {
        opacity: 1
    }
    3.913% {
        opacity: 1
    }
    4.348% {
        offset-distance: 100%;
        opacity: 0
    }
    100% {
        offset-distance: 100%;
        opacity: 0
    }
}

@keyframes neo-sol-hero-ride-24 {
    0% {
        offset-distance: 0%;
        opacity: 0
    }
    0.25% {
        opacity: 1
    }
    3.75% {
        opacity: 1
    }
    4.167% {
        offset-distance: 100%;
        opacity: 0
    }
    100% {
        offset-distance: 100%;
        opacity: 0
    }
}

@keyframes neo-sol-hero-ride-25 {
    0% {
        offset-distance: 0%;
        opacity: 0
    }
    0.24% {
        opacity: 1
    }
    3.6% {
        opacity: 1
    }
    4% {
        offset-distance: 100%;
        opacity: 0
    }
    100% {
        offset-distance: 100%;
        opacity: 0
    }
}

@keyframes neo-sol-hero-ride-26 {
    0% {
        offset-distance: 0%;
        opacity: 0
    }
    0.231% {
        opacity: 1
    }
    3.462% {
        opacity: 1
    }
    3.846% {
        offset-distance: 100%;
        opacity: 0
    }
    100% {
        offset-distance: 100%;
        opacity: 0
    }
}

@keyframes neo-sol-hero-ride-27 {
    0% {
        offset-distance: 0%;
        opacity: 0
    }
    0.222% {
        opacity: 1
    }
    3.333% {
        opacity: 1
    }
    3.704% {
        offset-distance: 100%;
        opacity: 0
    }
    100% {
        offset-distance: 100%;
        opacity: 0
    }
}

@keyframes neo-sol-hero-ride-28 {
    0% {
        offset-distance: 0%;
        opacity: 0
    }
    0.214% {
        opacity: 1
    }
    3.214% {
        opacity: 1
    }
    3.571% {
        offset-distance: 100%;
        opacity: 0
    }
    100% {
        offset-distance: 100%;
        opacity: 0
    }
}

@keyframes neo-sol-hero-ride-29 {
    0% {
        offset-distance: 0%;
        opacity: 0
    }
    0.207% {
        opacity: 1
    }
    3.103% {
        opacity: 1
    }
    3.448% {
        offset-distance: 100%;
        opacity: 0
    }
    100% {
        offset-distance: 100%;
        opacity: 0
    }
}

@keyframes neo-sol-hero-ride-30 {
    0% {
        offset-distance: 0%;
        opacity: 0
    }
    0.2% {
        opacity: 1
    }
    3% {
        opacity: 1
    }
    3.333% {
        offset-distance: 100%;
        opacity: 0
    }
    100% {
        offset-distance: 100%;
        opacity: 0
    }
}

@keyframes neo-sol-hero-ride-31 {
    0% {
        offset-distance: 0%;
        opacity: 0
    }
    0.194% {
        opacity: 1
    }
    2.903% {
        opacity: 1
    }
    3.226% {
        offset-distance: 100%;
        opacity: 0
    }
    100% {
        offset-distance: 100%;
        opacity: 0
    }
}

@keyframes neo-sol-hero-ride-32 {
    0% {
        offset-distance: 0%;
        opacity: 0
    }
    0.188% {
        opacity: 1
    }
    2.812% {
        opacity: 1
    }
    3.125% {
        offset-distance: 100%;
        opacity: 0
    }
    100% {
        offset-distance: 100%;
        opacity: 0
    }
}

@keyframes neo-sol-hero-ride-33 {
    0% {
        offset-distance: 0%;
        opacity: 0
    }
    0.182% {
        opacity: 1
    }
    2.727% {
        opacity: 1
    }
    3.03% {
        offset-distance: 100%;
        opacity: 0
    }
    100% {
        offset-distance: 100%;
        opacity: 0
    }
}

@keyframes neo-sol-hero-ride-34 {
    0% {
        offset-distance: 0%;
        opacity: 0
    }
    0.176% {
        opacity: 1
    }
    2.647% {
        opacity: 1
    }
    2.941% {
        offset-distance: 100%;
        opacity: 0
    }
    100% {
        offset-distance: 100%;
        opacity: 0
    }
}

@keyframes neo-sol-hero-ride-35 {
    0% {
        offset-distance: 0%;
        opacity: 0
    }
    0.171% {
        opacity: 1
    }
    2.571% {
        opacity: 1
    }
    2.857% {
        offset-distance: 100%;
        opacity: 0
    }
    100% {
        offset-distance: 100%;
        opacity: 0
    }
}

@keyframes neo-sol-hero-ride-36 {
    0% {
        offset-distance: 0%;
        opacity: 0
    }
    0.167% {
        opacity: 1
    }
    2.5% {
        opacity: 1
    }
    2.778% {
        offset-distance: 100%;
        opacity: 0
    }
    100% {
        offset-distance: 100%;
        opacity: 0
    }
}


@media (max-width: 991px) {
    .neo-sol-hero__deco {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .neo-sol-hero__deco {
        display: none;
    }
}

@supports not (offset-path: path('M0 0')) {
    .neo-sol-hero__deco {
        display: none;
    }
}

.neo-sol-page .neo-sol-tab > .container {
    padding-top: calc(var(--u) * 58);
    padding-bottom: calc(var(--u) * 151);
}

.neo-sol-tab {
    display: none;
}

.neo-sol-tab.active {
    display: block;
}

.neo-sol-pills {
    display: flex;
    justify-content: space-between;
    gap: calc(var(--u) * 18);
    margin-top: calc(var(--u) * 37);
}

.neo-sol-pills--need {
    gap: calc(var(--u) * 38);
}

.neo-sol-pills--industry {
    gap: calc(var(--u) * 15);
}

@media (min-width: 992px) {
    .neo-sol-pills--products .neo-sol-pill,
    .neo-sol-pills--industry .neo-sol-pill {
        flex: 1 1 0;
    }

    .neo-sol-pills--need {
        justify-content: center;
        gap: calc(var(--u) * 30);
    }
}

.neo-sol-pill {
    flex: 0 0 calc(var(--u) * 177);
    min-width: 0;
    height: calc(var(--u) * 148);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: calc(var(--u) * 20);
    background-color: #FFFFFF;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
    cursor: pointer;
    transition: all 0.25s ease;
}

.neo-sol-pill.is-static {
    cursor: default;
}

.neo-sol-pill img {
    height: calc(var(--u) * 52);
    max-width: calc(var(--u) * 60);
    object-fit: contain;
    transition: all 0.25s ease;
}

.neo-sol-pill span {
    margin-top: calc(var(--u) * 25);
    padding: 0 calc(var(--u) * 6);
    font-size: calc(var(--u) * 19);
    line-height: calc(var(--u) * 22);
    color: #3D3D3D;
    text-align: center;
}

.neo-sol-pill.active {
    background-color: #4AD1CD;
}

.neo-sol-pill.active img {
    filter: brightness(0) invert(1);
}

.neo-sol-pill.active span {
    color: #FFFFFF;
}

.neo-sol-group {
    display: none;
}

.neo-sol-group.active {
    display: block;
}

.neo-sol-panel {
    margin-top: calc(var(--u) * 37);
    padding: calc(var(--u) * 30) calc(var(--u) * 23) calc(var(--u) * 49);
    border-radius: calc(var(--u) * 26);
    background-color: #FFFFFF;
    box-shadow: 0 4px 10px 0 rgba(26, 83, 85, 0.2);
}

.neo-sol-cards {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    column-gap: calc(var(--u) * 18);
    row-gap: calc(var(--u) * 34);
}

.neo-sol-card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: calc(var(--u) * 15);
    border-radius: calc(var(--u) * 16);
    background-image: linear-gradient(180deg, rgba(74, 209, 205, 0) 0%, rgba(226, 252, 245, 0) 89%);
}

.main-page.neo-sol-page .neo-sol-card {
    transition: background-color 0.25s, box-shadow 0.3s ease, border-radius 0.25s, opacity 0.25s,
    transform 0.34s cubic-bezier(0.22, 0.9, 0.32, 1.12), left 0.25s, background-image 0.3s ease;
}

.main-page.neo-sol-page .neo-sol-card__head img,
.main-page.neo-sol-page .neo-sol-card__more i {
    transition: transform 0.34s cubic-bezier(0.22, 0.9, 0.32, 1.12);
}

.main-page.neo-sol-page .neo-sol-card__body {
    transition: max-height 0.5s cubic-bezier(0.22, 0.68, 0.32, 1);
}

.neo-sol-cards .neo-sol-card:hover {
    z-index: 3;
    box-shadow: 0 calc(var(--u) * 14) calc(var(--u) * 28) 0 rgba(26, 83, 85, 0.16);
    background-image: linear-gradient(180deg, #4ad1cd4d 0%, #e2fcf500 89%);
}

.neo-sol-cards .neo-sol-card.is-open .neo-sol-card__desc {
    display: block;
    -webkit-line-clamp: none;
}

.neo-sol-card__body {
    display: flex;
    flex-direction: column;
    margin-bottom: calc(var(--u) * 20);
}

.neo-sol-card__body > .neo-sol-card__desc {
    margin-bottom: 0;
}

.neo-sol-card__body > * {
    flex-shrink: 0;
}

.main-page .neo-sol-cards .neo-sol-card.is-open .neo-sol-card__body {
    position: absolute;
    left: calc(var(--u) * 15);
    right: calc(var(--u) * 15);
    bottom: calc(var(--u) * 37);
    z-index: 2;
    overflow: hidden;
}

.neo-sol-cards--industry .neo-sol-card:hover .neo-sol-card__head img {
    transform: scale(1.06);
}

.neo-sol-card__head {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    overflow: hidden;
}

.neo-sol-card__head img {
    max-width: 100%;
    object-fit: contain;
}

.neo-sol-card__name {
    color: #3D3D3D;
    margin: 0 0 calc(var(--u) * 20);
    overflow: hidden;
}

.neo-sol-card__desc {
    color: #3D3D3D;
    margin: 0 0 calc(var(--u) * 20);
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.neo-sol-card__more {
    margin-top: auto;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: calc(var(--u) * 8);
    font-size: calc(var(--u) * 19);
    line-height: calc(var(--u) * 22);
    text-align: center;
    letter-spacing: 0.02em;
    color: #00D8D9;
    text-decoration: none;
}

.neo-sol-card__more.more {
    color: #00D8D9;
}

.neo-sol-card__more:hover,
.neo-sol-card__more:focus {
    color: #36BCB8;
    text-decoration: none;
}

.neo-sol-cards--products .neo-sol-card {
    min-height: calc(var(--u) * 336);
}

.neo-sol-cards--products .neo-sol-card__head {
    height: calc(var(--u) * 54);
    margin-bottom: calc(var(--u) * 80);
    overflow: visible;
}

.neo-sol-cards--products .neo-sol-card__head img {
    max-height: calc(var(--u) * 60);
    transform: scale(1.09);
    transform-origin: left center;
}

.neo-sol-cards--products .neo-sol-card__name {
    height: calc(var(--u) * 41);
    display: flex;
    align-items: center;
    font-size: calc(var(--u) * 19);
    line-height: calc(var(--u) * 24);
}

.neo-sol-cards--products .neo-sol-card__desc {
    margin-top: calc(var(--u) * 9);
    min-height: calc(var(--u) * 60);
    font-size: calc(var(--u) * 14);
    line-height: calc(var(--u) * 20);
}

.neo-sol-cards--products .neo-sol-card__more {
    font-size: calc(var(--u) * 19);
    line-height: calc(var(--u) * 22);
    letter-spacing: 0.02em;
}

.neo-sol-cards--needs {
    row-gap: calc(var(--u) * 23);
}

.neo-sol-cards--needs .neo-sol-card__head {
    height: calc(var(--u) * 86);
    margin-bottom: calc(var(--u) * 100);
    overflow: visible;
}

.neo-sol-cards--needs .neo-sol-card__head img {
    height: 100%;
}

.neo-sol-cards--needs .neo-sol-card__name,
.neo-sol-cards--industry .neo-sol-card__name {
    font-size: calc(var(--u) * 19);
    line-height: calc(var(--u) * 22);
    min-height: calc(var(--u) * 44);
    display: flex;
    align-items: flex-start;
}

.neo-sol-cards--needs .neo-sol-card__desc,
.neo-sol-cards--industry .neo-sol-card__desc {
    min-height: calc(var(--u) * 60);
    font-size: calc(var(--u) * 14);
    line-height: calc(var(--u) * 20);
}

.neo-sol-cards--needs .neo-sol-card__more {
    font-size: calc(var(--u) * 19);
    line-height: calc(var(--u) * 22);
    letter-spacing: 0.02em;
}

.neo-sol-cards--industry {
    row-gap: calc(var(--u) * 15);
}

.neo-sol-cards--industry .neo-sol-card__head {
    height: calc(var(--u) * 86);
    margin-bottom: calc(var(--u) * 80);
}

.neo-sol-cards--industry .neo-sol-card__head img {
    height: calc(var(--u) * 86);
    border-radius: calc(var(--u) * 8);
}

.neo-sol-cards--industry .neo-sol-card__more {
    font-size: calc(var(--u) * 19);
    line-height: calc(var(--u) * 22);
    letter-spacing: 0.02em;
}

@media (hover: none) {
    .neo-sol-card__desc {
        display: block;
        -webkit-line-clamp: none;
    }
}

.neo-sol-cov {
    background-image: linear-gradient(180deg, #E4FDF6 0%, #EDFDF9 18%, #F7FEFC 34%, #FCFEFF 45%, #FFFFFF 58%);
    --cov-fs-cap: 1px;
    --cov-fs: min(var(--u), var(--cov-fs-cap));
}

.main-page.neo-sol-page .neo-sol-cov > .container {
    padding-top: calc(var(--u) * 116);
    padding-bottom: calc(var(--u) * 72);
}

.neo-sol-cov__stage {
    width: calc(var(--u) * 1344);
    height: calc(var(--u) * 645);
    box-sizing: content-box;
    margin: 0 auto;
    padding-top: calc(var(--u) * 145);
}

.neo-sol-cov__stage-inner {
    position: relative;
}

.neo-sol-cov__arc {
    position: absolute;
    border-radius: 50%;
    -webkit-clip-path: inset(50% 0 0 0);
    clip-path: inset(50% 0 0 0);
    -webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.28) 3%, rgba(0, 0, 0, 0.62) 7%, rgba(0, 0, 0, 0.88) 12%, #000 19%, #000 81%, rgba(0, 0, 0, 0.88) 88%, rgba(0, 0, 0, 0.62) 93%, rgba(0, 0, 0, 0.28) 97%, rgba(0, 0, 0, 0) 100%);
    mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.28) 3%, rgba(0, 0, 0, 0.62) 7%, rgba(0, 0, 0, 0.88) 12%, #000 19%, #000 81%, rgba(0, 0, 0, 0.88) 88%, rgba(0, 0, 0, 0.62) 93%, rgba(0, 0, 0, 0.28) 97%, rgba(0, 0, 0, 0) 100%);
}

.neo-sol-cov__arc.is-a {
    left: calc(var(--u) * 355);
    top: calc(var(--u) * -317);
    width: calc(var(--u) * 634);
    height: calc(var(--u) * 634);
    border: calc(var(--u) * 2.4) solid #65E7E6;
}

.neo-sol-cov__arc.is-d {
    left: calc(var(--u) * 330.75);
    top: calc(var(--u) * -341.25);
    width: calc(var(--u) * 682.5);
    height: calc(var(--u) * 682.5);
    border: calc(var(--u) * 1.5) solid #A9EDEC;
}

.neo-sol-cov__arc.is-b {
    left: calc(var(--u) * 177);
    top: calc(var(--u) * -495);
    width: calc(var(--u) * 990);
    height: calc(var(--u) * 990);
    border: calc(var(--u) * 2) solid #85ECED;
}

.neo-sol-cov__arc.is-c {
    left: calc(var(--u) * 29);
    top: calc(var(--u) * -643);
    width: calc(var(--u) * 1286);
    height: calc(var(--u) * 1286);
    border: calc(var(--u) * 2) solid #85ECED;
}

.neo-sol-cov__core {
    position: absolute;
    left: calc(var(--u) * 541);
    top: calc(var(--u) * -108);
    width: calc(var(--u) * 262);
    height: calc(var(--u) * 262);
    gap: calc(var(--u) * 20);
    border-radius: 50%;
    background-color: #FFFFFF;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.neo-sol-cov__core img {
    width: calc(var(--u) * 176);
}

.neo-sol-cov__core span {
    font-size: min(calc(var(--cov-fs) * 20), 16px);
    line-height: calc(var(--cov-fs) * 22);
    color: #3D3D3D;
    font-weight: bolder;
}

.neo-sol-cov__bubble {
    position: absolute;
    width: calc(var(--u) * 96);
    height: calc(var(--u) * 96);
    margin-left: calc(var(--u) * -48);
    margin-top: calc(var(--u) * -48);
    border-radius: 50%;
    background-image: linear-gradient(180deg, #e2fcf5 0%, #00d8d944 50%, #e2fcf5 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: calc(var(--u) * 4);
    font-size: min(calc(var(--cov-fs) * 17), 16px);
    line-height: calc(var(--cov-fs) * 21);
    color: #3D3D3D;
}

.neo-sol-cov__bubble.is-1 {
    left: calc(var(--u) * 257);
    top: calc(var(--u) * 48);
}

.neo-sol-cov__bubble.is-2 {
    left: calc(var(--u) * 312.6);
    top: calc(var(--u) * 207.5);
}

.neo-sol-cov__bubble.is-3 {
    left: calc(var(--u) * 464.5);
    top: calc(var(--u) * 359.4);
}

.neo-sol-cov__bubble.is-4 {
    left: calc(var(--u) * 672);
    top: calc(var(--u) * 415);
}

.neo-sol-cov__bubble.is-5 {
    left: calc(var(--u) * 879.5);
    top: calc(var(--u) * 359.4);
}

.neo-sol-cov__bubble.is-6 {
    left: calc(var(--u) * 1031.4);
    top: calc(var(--u) * 207.5);
}

.neo-sol-cov__bubble.is-7 {
    left: calc(var(--u) * 1087);
    top: calc(var(--u) * 48);
}

.neo-sol-cov__dot {
    position: absolute;
    width: calc(var(--u) * 16);
    height: calc(var(--u) * 16);
    margin-left: calc(var(--u) * -8);
    margin-top: calc(var(--u) * -8);
    border-radius: 50%;
    background-color: #12D3D4;
}

.neo-sol-cov__dot.is-1 {
    left: calc(var(--u) * 356.2);
    top: calc(var(--u) * 8);
}

.neo-sol-cov__dot.is-2 {
    left: calc(var(--u) * 398.5);
    top: calc(var(--u) * 157.9);
}

.neo-sol-cov__dot.is-3 {
    left: calc(var(--u) * 514.1);
    top: calc(var(--u) * 273.5);
}

.neo-sol-cov__dot.is-4 {
    left: calc(var(--u) * 672);
    top: calc(var(--u) * 315.8);
}

.neo-sol-cov__dot.is-5 {
    left: calc(var(--u) * 829.9);
    top: calc(var(--u) * 273.5);
}

.neo-sol-cov__dot.is-6 {
    left: calc(var(--u) * 945.5);
    top: calc(var(--u) * 157.9);
}

.neo-sol-cov__dot.is-7 {
    left: calc(var(--u) * 987.8);
    top: calc(var(--u) * 8);
}

.neo-sol-cov__mark {
    position: absolute;
    width: calc(var(--u) * 16);
    height: calc(var(--u) * 16);
    margin-left: calc(var(--u) * -8);
    margin-top: calc(var(--u) * -8);
    border-radius: 50%;
    background-color: #8EE4E2;
}

.neo-sol-cov__mark.is-1 {
    left: calc(var(--u) * 178.4);
    top: calc(var(--u) * 8);
}

.neo-sol-cov__mark.is-2 {
    left: calc(var(--u) * 244.5);
    top: calc(var(--u) * 246.8);
}

.neo-sol-cov__mark.is-3 {
    left: calc(var(--u) * 425.2);
    top: calc(var(--u) * 427.5);
}

.neo-sol-cov__mark.is-4 {
    left: calc(var(--u) * 672);
    top: calc(var(--u) * 493.6);
}

.neo-sol-cov__mark.is-5 {
    left: calc(var(--u) * 918.8);
    top: calc(var(--u) * 427.5);
}

.neo-sol-cov__mark.is-6 {
    left: calc(var(--u) * 1099.5);
    top: calc(var(--u) * 246.8);
}

.neo-sol-cov__mark.is-7 {
    left: calc(var(--u) * 1165.6);
    top: calc(var(--u) * 8);
}

.neo-sol-cov__tag {
    position: absolute;
    width: calc(var(--u) * 150);
    font-size: calc(var(--cov-fs) * 15);
    line-height: calc(var(--cov-fs) * 20);
    color: #3D3D3D;
    white-space: normal;
}

.neo-sol-cov__tag.is-1 {
    left: calc(var(--u) * 385);
    top: calc(var(--u) * 0);
    text-align: left;
}

.neo-sol-cov__tag.is-2 {
    left: calc(var(--u) * 432.5);
    top: calc(var(--u) * 132.2);
    width: calc(var(--u) * 170);
    text-align: left;
}

.neo-sol-cov__tag.is-3 {
    left: calc(var(--u) * 503.5);
    top: calc(var(--u) * 228.2);
    text-align: left;
}

.neo-sol-cov__tag.is-4 {
    left: calc(var(--u) * 597);
    top: calc(var(--u) * 264);
    text-align: center;
}

.neo-sol-cov__tag.is-5 {
    left: calc(var(--u) * 674.5);
    top: calc(var(--u) * 227.2);
    text-align: right;
}

.neo-sol-cov__tag.is-6 {
    left: calc(var(--u) * 739.5);
    top: calc(var(--u) * 143.2);
    width: calc(var(--u) * 170);
    text-align: right;
}

.neo-sol-cov__tag.is-7 {
    left: calc(var(--u) * 809);
    top: calc(var(--u) * 0);
    text-align: right;
}

.neo-sol-cov__item {
    position: absolute;
    width: calc(var(--u) * 135);
    margin-left: calc(var(--u) * -67.5);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.neo-sol-cov__item img {
    height: calc(var(--u) * 44);
    object-fit: contain;
}

.neo-sol-cov__item span {
    margin-top: calc(var(--u) * 8);
    font-size: min(calc(var(--cov-fs) * 16.5), 16px);
    line-height: calc(var(--cov-fs) * 22);
    color: #3D3D3D;
}

.neo-sol-cov__item.is-1 {
    left: calc(var(--u) * 97);
    top: calc(var(--u) * 0);
}

.neo-sol-cov__item.is-2 {
    left: calc(var(--u) * 200);
    top: calc(var(--u) * 272.5);
}

.neo-sol-cov__item.is-3 {
    left: calc(var(--u) * 409.5);
    top: calc(var(--u) * 454.7);
}

.neo-sol-cov__item.is-4 {
    left: calc(var(--u) * 672);
    top: calc(var(--u) * 516);
}

.neo-sol-cov__item.is-5 {
    left: calc(var(--u) * 934.5);
    top: calc(var(--u) * 454.7);
}

.neo-sol-cov__item.is-6 {
    left: calc(var(--u) * 1144);
    top: calc(var(--u) * 272.5);
}

.neo-sol-cov__item.is-7 {
    left: calc(var(--u) * 1247);
    top: calc(var(--u) * 0);
}

.main-page.neo-sol-page .neo-sol-cov.is-armed .neo-sol-cov__bubble,
.main-page.neo-sol-page .neo-sol-cov.is-armed .neo-sol-cov__tag,
.main-page.neo-sol-page .neo-sol-cov.is-armed .neo-sol-cov__dot,
.main-page.neo-sol-page .neo-sol-cov.is-armed .neo-sol-cov__mark,
.main-page.neo-sol-page .neo-sol-cov.is-armed .neo-sol-cov__item,
.main-page.neo-sol-page .neo-sol-cov.is-armed .neo-sol-cov__core {
    opacity: 0;
    scale: 0.86;
    translate: var(--fly-x, 0) var(--fly-y, 0);
    transition: none;
}

.main-page.neo-sol-page .neo-sol-cov.is-armed.is-in .neo-sol-cov__bubble,
.main-page.neo-sol-page .neo-sol-cov.is-armed.is-in .neo-sol-cov__tag,
.main-page.neo-sol-page .neo-sol-cov.is-armed.is-in .neo-sol-cov__dot,
.main-page.neo-sol-page .neo-sol-cov.is-armed.is-in .neo-sol-cov__mark,
.main-page.neo-sol-page .neo-sol-cov.is-armed.is-in .neo-sol-cov__item,
.main-page.neo-sol-page .neo-sol-cov.is-armed.is-in .neo-sol-cov__core {
    opacity: 1;
    scale: 1;
    translate: 0 0;
    transition: background-color 0.25s, box-shadow 0.25s, border-radius 0.25s, opacity 0.5s ease,
    transform 0.25s, left 0.25s, translate 0.85s cubic-bezier(0.2, 0.75, 0.3, 1),
    scale 0.85s cubic-bezier(0.2, 0.75, 0.3, 1);
    transition-delay: var(--fly-d, 0s);
}

@media (max-width: 991px) {
    .neo-sol-cov {
        display: none;
    }
}

.main-page.neo-sol-page #faq > .container {
    padding-top: calc(var(--u) * 78);
    padding-bottom: calc(var(--u) * 41);
}

.main-page.neo-sol-page .neo-sol-faq > .container > .title-component {
    margin-bottom: calc(var(--u) * 40);
}

.neo-sol-faq .item .panel-body:empty {
    padding-bottom: 0;
}

.neo-sol-faq > .container > .row > .neo-button {
    text-align: center;
    margin-top: calc(var(--u) * 62);
}

.neo-sol-faq > .container > .row > .neo-button a {
    margin-top: calc(var(--u) * 72);
}

.main-page.neo-sol-page .neo-sol-res > .container {
    padding-top: calc(var(--u) * 61);
    padding-bottom: calc(var(--u) * 112);
}

.main-page.neo-sol-page .neo-sol-res > .container > .title-component {
    margin-bottom: calc(var(--u) * 55);
}

.neo-sol-res__grid {
    display: flex;
    gap: calc(var(--u) * 15);
}

.neo-sol-res__card {
    background-color: #FFFFFF;
    border-radius: calc(var(--u) * 14);
    box-shadow: 0 6px 22px 0 rgba(0, 0, 0, 0.08);
    overflow: hidden;
}

.neo-sol-res__card--large {
    flex: 0 0 calc(var(--u) * 652);
    display: flex;
    flex-direction: column;
}

.neo-sol-res__col {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: calc(var(--u) * 18);
}

.neo-sol-res__col .neo-sol-res__card {
    flex: 1 1 0;
    min-height: calc(var(--u) * 325);
    display: flex;
}

.neo-sol-res__media {
    overflow: hidden;
}

.neo-sol-res__card--large .neo-sol-res__media {
    flex: 0 0 calc(var(--u) * 337);
}

.neo-sol-res__card--large .neo-sol-res__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.neo-sol-res__col .neo-sol-res__media {
    flex: 0 0 calc(var(--u) * 289);
}

.neo-sol-res__col .neo-sol-res__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.neo-sol-res__body {
    flex: 1 1 auto;
    min-width: 0;
    padding: calc(var(--u) * 28) calc(var(--u) * 30) calc(var(--u) * 30);
    display: flex;
    flex-direction: column;
}

.neo-sol-res__body h3 {
    font-weight: bolder;
    font-size: calc(var(--u) * 24);
    line-height: calc(var(--u) * 28);
    letter-spacing: 0.02em;
    color: #3D3D3D;
    margin: 0;
}

.neo-sol-res__body p {
    font-size: calc(var(--u) * 19);
    line-height: calc(var(--u) * 22);
    color: #3D3D3D;
    margin: calc(var(--u) * 14) 0 0;
}

.neo-sol-res__body a.btn-normal {
    align-self: flex-start;
    /* auto 吃掉正文与卡片底部之间的剩余高度，把按钮压到底；
       卡片底边往上 30u = .neo-sol-res__body 的 padding-bottom */
    margin-top: auto;
    height: calc(var(--u) * 52);
    line-height: calc(var(--u) * 52);
    padding: 0 calc(var(--u) * 24);
    border-radius: calc(var(--u) * 26);
    font-size: calc(var(--u) * 19);
    text-align: center;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
}

.neo-sol-res__body a.btn-normal:hover {
    text-decoration: none;
}

.neo-sol-cta {
    height: calc(var(--u) * 360);
    background-image: url('../img/solution/index/cta-bg.webp');
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
}

.main-page.neo-sol-page .neo-sol-cta > .container {
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
}

.neo-sol-cta__panel h2 {
    font-family: var(--default-font-family-bold);
    font-weight: 700;
    font-size: calc(var(--u) * 36);
    line-height: calc(var(--u) * 44);
    color: #1A5355;
    margin: 0;
}

.neo-sol-cta__panel p {
    font-size: calc(var(--u) * 19);
    line-height: calc(var(--u) * 28);
    color: #3D3D3D;
    margin: calc(var(--u) * 18) auto 0;
    max-width: calc(var(--u) * 900);
}

.neo-sol-cta__btns {
    display: flex;
    justify-content: center;
    gap: calc(var(--u) * 69);
    margin-top: calc(var(--u) * 40);
}

.neo-sol-cta__btns .neo-sol-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: calc(var(--u) * 46);
    height: calc(var(--u) * 46);
    padding: 0 calc(var(--u) * 22);
    border-radius: calc(var(--u) * 23);
    background-color: #FFFFFF;
    color: #3D3D3D;
    font-size: calc(var(--u) * 19);
    text-decoration: none;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
    transition: all 0.25s ease;
}

.neo-sol-cta__btns .neo-sol-btn:hover {
    background-color: #36BCB8;
    color: #FFFFFF;
    text-decoration: none;
}

@media (max-width: 1400px) {

    .neo-sol-hero h1 {
        font-size: 34px;
        line-height: 42px;
    }

    .neo-sol-hero__desc {
        font-size: 18px;
        line-height: 26px;
    }

    .neo-banner.neo-sol-hero .btn-group a {
        height: 44px;
        padding: 0 28px;
        border-radius: 22px;
        font-size: 18px;
    }

    .neo-sol-hero__crumbs a,
    .neo-sol-hero__crumbs i,
    .neo-sol-hero__crumbs span {
        font-size: 16px;
    }

    .neo-sol-hero__crumbs i.fa-angle-right {
        font-size: 13px;
    }

    .neo-sol-page .title-component > h2,
    .neo-sol-cov .title-component > h2,
    .neo-sol-cta__panel h2 {
        font-size: 32px;
        line-height: 42px;
    }

    .neo-sol-page .title-component > p,
    .neo-sol-cta__panel p {
        font-size: 17px;
        line-height: 27px;
    }

    .neo-sol-pill span {
        font-size: 14px;
    }

    .neo-sol-cards--products .neo-sol-card__name,
    .neo-sol-cards--needs .neo-sol-card__name,
    .neo-sol-cards--industry .neo-sol-card__name {
        font-size: 18px;
        line-height: 22px;
    }

    .neo-sol-cards--products .neo-sol-card__name {
        height: 41px;
    }

    .neo-sol-cards--needs .neo-sol-card__name,
    .neo-sol-cards--industry .neo-sol-card__name {
        min-height: 44px;
    }

    .neo-sol-cards--products .neo-sol-card__desc,
    .neo-sol-cards--needs .neo-sol-card__desc,
    .neo-sol-cards--industry .neo-sol-card__desc {
        font-size: 14px;
        line-height: 19px;
    }

    .neo-sol-res__body h3 {
        font-size: 20px;
        line-height: 26px;
    }

    .neo-sol-res__body p {
        font-size: 15px;
        line-height: 21px;
    }

    .neo-sol-cta__btns .neo-sol-btn {
        font-size: 17px;
    }
}

@media (max-width: 1400px) {

    .neo-banner.neo-sol-hero {
        height: auto;
        min-height: calc(var(--u) * 640);
        padding-bottom: calc(var(--u) * 17);
        background-size: 100% auto;
        background-color: #E9FCF7;
    }

    .neo-sol-hero__crumbs {
        position: static;
        margin-top: 24px;
        justify-content: center;
    }
}

@media (max-width: 991px) {

    .neo-banner.neo-sol-hero {
        height: auto;
        padding: 40px 0;
        top: 0;
        margin-bottom: 0;
        background-image: none;
        background-color: #E9FCF7;
    }

    .neo-sol-hero h1 {
        padding-top: 0;
    }

    .neo-sol-hero__crumbs {
        position: static;
        margin-top: 24px;
        justify-content: center;
    }

    .neo-sol-cards {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .neo-sol-card__desc {
        display: block;
        -webkit-line-clamp: none;
    }

    .neo-sol-cards--products .neo-sol-card,
    .neo-sol-cards--needs .neo-sol-card,
    .neo-sol-cards--industry .neo-sol-card {
        min-height: 0;
    }

    .neo-sol-pills {
        flex-wrap: wrap;
    }

    .neo-sol-pill {
        flex: 0 1 calc(33.33% - 12px);
    }

    .neo-sol-res__grid {
        flex-direction: column;
    }

    .neo-sol-res__card--large {
        flex: 1 1 auto;
    }

    .neo-sol-res__col .neo-sol-res__media {
        flex: 0 0 40%;
    }
}

@media (max-width: 767px) {

    .neo-sol-cards {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        row-gap: 20px;
    }

    .neo-sol-card {
        padding: 12px 10px 0;
        border-radius: 12px;
    }

    .neo-sol-cards--products .neo-sol-card,
    .neo-sol-cards--needs .neo-sol-card,
    .neo-sol-cards--industry .neo-sol-card {
        min-height: 0;
        padding-bottom: 12px;
    }

    .neo-sol-cards--products .neo-sol-card__head,
    .neo-sol-cards--needs .neo-sol-card__head,
    .neo-sol-cards--industry .neo-sol-card__head {
        height: auto;
        min-height: 56px;
    }

    .neo-sol-cards--industry .neo-sol-card__head img {
        height: auto;
        max-height: 86px;
    }

    .neo-sol-cards--products .neo-sol-card__name,
    .neo-sol-cards--needs .neo-sol-card__name,
    .neo-sol-cards--industry .neo-sol-card__name {
        height: auto;
        min-height: 44px;
        margin-top: 8px;
    }

    .neo-sol-cards--products .neo-sol-card__desc,
    .neo-sol-cards--needs .neo-sol-card__desc,
    .neo-sol-cards--industry .neo-sol-card__desc {
        min-height: 0;
        margin-top: 6px;
    }

    .neo-sol-card__more {
        margin-top: 14px;
    }

    .neo-sol-pill {
        flex: 0 1 calc(50% - 9px);
        height: 96px;
        padding-top: 12px;
    }

    .neo-sol-pill img {
        height: 32px;
    }

    .neo-sol-pill span {
        margin-top: 10px;
        font-size: 13px;
    }

    .neo-sol-cta {
        height: auto;
        padding: 40px 0;
    }

    .neo-sol-cta__btns {
        flex-wrap: wrap;
        gap: 12px;
        margin-top: 24px;
    }

    .neo-sol-page .neo-sol-tab > .container,
    .neo-sol-cov .container,
    .neo-sol-faq > .container,
    .neo-sol-res > .container {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .neo-sol-res__col .neo-sol-res__media {
        flex: 0 0 45%;
    }
}

.neo-submit .form .button:hover {
    color: white;
    background-color: #36A4A6;
}