a {
    color: inherit;
}

a:hover {
    color: inherit;
}

.b-title {
    /* font-size: 44px; */
    font-size: clamp(28px, calc((100vw / 1920) * 44), 44px);
    line-height: 1.2;
}

.application-description {
    /* padding: calc((100vw / 1920) * 90) calc((100vw / 1920) * 250); */
    padding: calc((100vw / 1920) * 90) calc((100vw / 1920) * 280);
    background-color: #F3F4F8;
    font-size: 20px;
    line-height: 1.8;
}

.application-description p {
    font-size: 20px;
    line-height: 1.8;
    text-align: justify;
}

.application-description a {
    color: #2FA4E7;
}

.logo-wall {
    /* padding: 0 calc((100vw / 1920) * 460); */
    padding: 0 calc((100vw / 1920) * 310);
    padding-top: calc((100vw / 1920) * 90);
    padding-bottom: calc((100vw / 1920) * 150);
    background: url('../images/new-product-description-bg.svg') no-repeat center/cover;
}

.logo-wall .b-title {
    text-align: center;
    line-height: 1.3;
}

.logo-wall .logo-list {
    display: flex;
    flex-wrap: wrap;
    gap: 50px;
    margin-top: 50px;
}

.logo-wall .logo-list .item {
    width: calc((100% - 100px) / 3);
    border-radius: 6px;
    overflow: hidden;
    background-color: #F3F4F8;
}

.logo-wall .logo-list .item img {
    width: 100%;
    transition: all .5s;
}

.logo-wall .logo-list .item:hover img {
    transform: scale(1.1);
}

.logo-wall .logo-list.reset {
    --gap: 100;
    display: grid;
    gap: clamp(10px, calc((100vw / 1920)* var(--gap)), calc(var(--gap) * 1px));
    grid-template-columns: repeat(3, 1fr);
    margin-top: clamp(50px, calc((100vw / 1920)* 126), 126px);
}

.logo-wall .logo-list.reset .logo {
    min-height: clamp(240px, calc((100vw / 1920)* 350), 350px);
    color: #333;
    text-align: center;
    border-radius: 6px;
    background: #F3F4F8;
    padding-bottom: calc(clamp(80px, calc((100vw / 1920)* var(--l)), calc(var(--l) * 1px)) / 2);
    cursor: default;
}

.logo-wall .logo-list.reset .logo h5 {
    font-size: clamp(20px, calc((100vw / 1920)* 28), 28px);
    margin-top: clamp(20px, calc((100vw / 1920)* 30), 30px);
    margin-bottom: clamp(12px, calc((100vw / 1920)* 20), 20px);
}

.logo-wall .logo-list.reset .logo .inner-text p {
    line-height: 1.3;
}

.logo-wall .logo-list.reset .icon {
    --l: 115;
    width: clamp(60px, calc((100vw / 1920)* var(--l)), calc(var(--l) * 1px));
    height: clamp(60px, calc((100vw / 1920)* var(--l)), calc(var(--l) * 1px));
    padding: 5px;
    background-color: #F3F4F8;
    border-radius: 50%;
    margin: calc(clamp(60px, calc((100vw / 1920)* var(--l)), calc(var(--l) * 1px)) / 2 * -1) auto 0;
}

.logo-wall .logo-list.reset .icon .icon-content {
    height: 100%;
    background-color: #2FA4E7;
    border-radius: inherit;
    display: flex;
    justify-content: center;
    align-items: center;
}

.logo-wall .logo-list.reset .icon .icon-content img {
    max-width: 60%;
    max-height: 60%;
}

/* .logo-wall .logo-list .item:nth-child(3n + 1),
.logo-wall .logo-list .item:nth-child(3n + 2) {
    margin-right: 30px;
} */

.scene {
    position: relative;
}

.scene .top {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.scene .top .b-title {
    margin-top: calc((100vw / 1920) * 77);
    text-align: center;
    color: #fff;
}

.scene .item {
    position: absolute;
    display: flex;
    align-items: center;
    padding: calc((100vw / 1920) * 22);
    padding-right: calc((100vw / 1920) * 25);
    background-color: rgba(0, 0, 0, .5);
    font-size: 24px;
    border-radius: 10000px;
    color: #fff;
    transition: all .5s;
}

.scene .item:hover {
    background-color: #fff;
}

.scene .item .icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc((100vw / 1920) * 60);
    height: calc((100vw / 1920) * 60);
    margin-right: calc((100vw / 1920) * 20);
    border-radius: 50%;
    background-color: #00B3AC;
}

.scene .item .icon img {
    max-width: 65%;
    max-height: 65%;
}

.scene .item p {
    font-size: calc((100vw / 1920) * 24);
    transition: all .5s;
}

.scene .item:hover p {
    color: #000;
}

.scene .item .arrow {
    position: relative;
    margin-left: calc((100vw / 1920) * 10);
}

.scene .item .arrow img {
    display: block;
}

.scene .item .arrow .hide {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    transition: all .5s;
}

.scene .item .arrow .show {
    transition: all .5s;
}

.scene .item:hover .arrow .hide {
    opacity: 1;
}

.scene .item:hover .arrow .show {
    opacity: 0;
}

.scene .item:nth-of-type(1) {
    top: 61%;
    left: 21.4%;
}

.scene .item:nth-of-type(2) {
    top: 63.8%;
    left: 38%;
}

.scene .item:nth-of-type(3) {
    top: 36.6%;
    left: 44%;
}

.scene .item:nth-of-type(4) {
    top: 57.5%;
    left: 54%;
}

.scene .item:nth-of-type(5) {
    top: 44%;
    left: 81%;
}

.scene.reset {
    background-color: #F3F4F8;
}

.scene.reset .top {
    position: relative;
}

.scene.reset .top .b-title {
    color: #000;
    margin-top: 0;
    font-size: clamp(20px, calc((100vw / 1920)* 44), 44px);
    padding: clamp(20px, calc((100vw / 1920)* 60), 60px);
}

.scene.reset .content {
    position: relative;
}

.new-applications-page .scene.reset .content .bg {
    position: relative;
}

.scene.reset .content .products {
    height: 100%;
    /* padding-right: clamp(4px, calc((100vw / 1920)* 10), 10px); */
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    background-color: transparent;
}

.scene.reset .content .products::before {
    content: '';
    /* width: calc(100% - clamp(6px, calc((100vw / 1920)* 8), 8px)); */
    width: 100%;
    height: 100%;
    position: absolute;
    backdrop-filter: blur(10px);
    /* background-color: rgba(0, 0, 0, .3); */
    top: 0;
    left: 0;
}

.scene.reset .content .products .products-content {
    color: #fff;
    height: 100%;
    position: relative;
    overflow: auto;
}

.scene.reset .content .products .products-content::-webkit-scrollbar {
    width: clamp(6px, calc((100vw / 1920)* 8), 8px);
    height: 0;
}

.scene.reset .content .products .products-content::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, 1);
    border-radius: 0px;
}

.scene.reset .content .products .products-content::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, .6);
    border-radius: 0px;
}

.scene.reset .content .products .products-content::-webkit-scrollbar-button {
    display: none;
}

.scene.reset .content .products .products-content::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0, 0, 0, .2);
}

.scene.reset .content .products .products-content .product-item {
    height: 25%;
    cursor: pointer;
    background-color: rgba(0, 0, 0, .3);
    transition: background .5s linear;
    position: relative;
}
.scene.reset .content .products .products-content .product-item-content {
    height: 100%;
    padding: 0 clamp(20px, calc((100vw / 1920)* 78), 78px);
    display: flex;
    align-items: center;
    position: relative;
}
.scene.reset .content .products .products-content .product-item:hover {
    background-color: rgba(0, 0, 0, 0);
}
.scene.reset .content .products .products-content .product-item::after {
    content: '';
    width: 70%;
    height: 2px;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, .2), rgba(255, 255, 255, 0));
}

.scene.reset .content .products .product-item .icon {
    --l: 60;
    display: flex;
    justify-content: center;
    align-items: center;
    width: clamp(40px, calc((100vw / 1920)* var(--l)), calc(var(--l) * 1px));
    height: clamp(40px, calc((100vw / 1920)* var(--l)), calc(var(--l) * 1px));
    border-radius: 50%;
    background-color: #00B3AC;
    position: relative;
}

.scene.reset .content .products .product-item .icon::before,
.scene.reset .content .products .product-item .icon::after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    border-radius: 50%;
    opacity: -1;
}

.scene.reset .content .products .product-item .icon::before {
    --l: 70;
    content: '';
    width: clamp(45px, calc((100vw / 1920)* var(--l)), calc(var(--l) * 1px));
    height: clamp(45px, calc((100vw / 1920)* var(--l)), calc(var(--l) * 1px));
    border: 1px solid rgba(255, 255, 255, .6);
    transition: transform .5s linear,
        opacity .3s linear;
    z-index: 2;
}

.scene.reset .content .products .product-item .icon::after {
    --l: 80;
    content: '';
    width: clamp(50px, calc((100vw / 1920)* var(--l)), calc(var(--l) * 1px));
    height: clamp(50px, calc((100vw / 1920)* var(--l)), calc(var(--l) * 1px));
    border: 1px solid rgba(255, 255, 255, .2);
    transition: transform .5s linear,
        opacity .3s linear;
    z-index: 1;
}

.scene.reset .content .products .product-item:hover .icon::before,
.scene.reset .content .products .product-item:hover .icon::after {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
}

.scene.reset .content .products .product-item .icon img {
    max-width: 60%;
    max-height: 65%;
    position: relative;
    z-index: 3;
}

.scene.reset .content .products .product-item .inner-text {
    font-size: clamp(14px, calc((100vw / 1920)* 24), 24px);
    margin-left: clamp(10px, calc((100vw / 1920)* 19), 19px);
    margin-right: clamp(25px, calc((100vw / 1920)* 34), 34px);
}

.scene.reset .content .products .product-item .icon-right {
    width: clamp(12px, calc((100vw / 1920)* 21), 21px);
    height: clamp(12px, calc((100vw / 1920)* 21), 21px);
    transition: transform .5s ease-in-out;
}
.scene.reset .content .products .product-item:hover .icon-right {
    transform: translateX(5px);
}

.chip-solution {
    padding: 0 60px;
    padding-top: calc((100vw / 1920) * 110);
    padding-bottom: calc((100vw / 1920) * 120);
}

.chip-solution .b-title {
    text-align: center;
}

.chip-solution .chip-list {
    display: flex;
    flex-wrap: wrap;
    margin-top: calc((100vw / 1920) * 50);
}

.chip-solution .chip-list .item {
    position: relative;
    width: calc((100% - 90px) / 4);
    margin-right: 30px;
    background-image: linear-gradient(to bottom, #E7EAF1, #F3F4F8);
    border-radius: 6px;
    overflow: hidden;
    transition: all .5s;
}

.chip-solution .chip-list .item::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to bottom, #92F0A1, #b2f8be);
    opacity: 0;
    transition: all .5s;
}

.chip-solution .chip-list .item:hover::after {
    opacity: 1;
}

.chip-solution .chip-list .item:nth-child(4n + 4) {
    margin-right: 0;
}

.chip-solution .chip-list .item a {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: calc((100vw / 1920) * 30);
}

.chip-solution .chip-list .item .image {
    display: flex;
    justify-content: center;
    align-items: center;
    /* width: 130px; */
    width: 100%;
    height: calc((100vw / 1920) * 200);
    margin: 0 auto;
}

.chip-solution .chip-list .item .image img {
    display: block;
    max-width: 70%;
    max-height: 55%;
}

.chip-solution .chip-list .item .text {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /* padding-top: calc((100vw / 1920) * 40); */
    /* border-top: 1px solid rgba(0, 0, 0, .1); */
    flex: 1;
}

.chip-solution .chip-list .item .title {
    font-size: 24px;
}

.chip-solution .chip-list .item .description {
    border-top: 1px solid rgba(0, 0, 0, .1);
    padding-top: calc((100vw / 1920) * 20);
    margin-top: calc((100vw / 1920) * 20);
    text-align: justify;
    font-size: 16px;
    line-height: 1.8;
}

.chip-solution .chip-list .item .description p {
    font-size: 16px;
    line-height: 1.8;
}

.chip-solution .chip-list .item .learn-more {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top: calc((100vw / 1920) * 60);
}

.chip-solution .chip-list .item .learn-more img {
    display: block;
    margin-left: 8px;
}

.industry-trends {
    padding: 0 60px;
    padding-top: calc((100vw / 1920) * 100);
    padding-bottom: calc((100vw / 1920) * 110);
    background-color: #F3F4F8;
}

.industry-trends .b-title {
    text-align: center;
}

.industry-trends .industry-list {
    display: flex;
    flex-wrap: wrap;
    margin-top: calc((100vw / 1920) * 50);
}

.industry-trends .industry-list .item {
    width: calc((100% - 60px) / 3);
    border-radius: 6px;
    overflow: hidden;
    background-color: #fff;
    margin-right: 30px;
    transition: all .5s;
}

.industry-trends .industry-list .item:nth-child(3n + 3) {
    margin-right: 0;
}

.industry-trends .industry-list .item .image {
    height: calc((100vw / 1920) * 320);
    overflow: hidden;
}

.industry-trends .industry-list .item:hover {
    background-color: #92F0A1;
}

.industry-trends .industry-list .item:hover .image img {
    transform: scale(1.1);
}

.industry-trends .industry-list .item .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .5s;
}

.industry-trends .industry-list .item .text {
    padding: calc((100vw / 1920) * 30);
    padding-bottom: calc((100vw / 1920) * 25);
}

.industry-trends .industry-list .item .title {
    font-size: 24px;
    line-height: 1.25;
}

.industry-trends .industry-list .item .time {
    margin-top: calc((100vw / 1920) * 55);
}

.industry-trends .industry-list .item .time span {
    position: relative;
    padding: 0 10px;
}

.industry-trends .industry-list .item .time span:first-child {
    padding-left: 0;
}

.industry-trends .industry-list .item .time span:not(:first-child)::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 1px;
    background-color: rgba(0, 0, 0, .2);
}