.index-application {}
.index-application .index-application-item {cursor: pointer;}
.index-application .index-application-item .application-img {overflow: hidden; border:1px rgba(255,255,255,.1) solid;}
.index-application .index-application-item .application-img img {transition: all 2s ease;}
.index-application .index-application-item:hover .application-img img {transform: scale(1.06);}
.index-application .index-application-item .application-details {background-color: #fff; transition: all 0.3s ease-in-out;}
.index-application .index-application-item:hover .application-details {background-color: #eee;}
.index-application .index-application-item:hover .application-details h4{color: var(--brand-color);}

.section-products {margin: 4rem 0; background-color: #f8f8f8;}
.section-products .swiper-autoheight .swiper-wrapper {align-items: stretch;}
.section-products .product-item {min-height: 180px; height: 100%; width: 100%;}
.section-products .product-item .ratio-5x6 {--bs-aspect-ratio: calc(6 / 8.5 * 100%);}
.section-products .product-item .product-item-img {background-color: #fff;}
.section-products .product-item .product-item-img a {transition: all 2s ease;}
.section-products .product-item:hover .product-item-img a {transform: scale(1.06);}
.section-products .product-item .product-item-details {position: relative; flex-grow: 1; overflow: hidden; color: #444; background-color: #fff;}
.section-products .product-item .product-item-details h4 {color: #444;}
.section-products .product-item .product-item-details li {margin: 5px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.section-products .product-item .product-item-details li a:hover span {color: var(--brand-color)}
.section-products .product-item .product-item-details .btn {padding: .25rem; color: #444; border: 1px solid #eee;}
.section-products .product-item .product-item-details .btn:hover {color: var(--brand-color-1); background-color: #fff;}
.section-products .product-item:hover .product-item-details,
.section-products .product-item:hover .product-item-details h4 {color: #fff !important;}
.section-products .product-item:hover .product-item-details .btn {color: var(--brand-color-1)}
.section-products .product-item .product-item-details::before {content: ""; position: absolute; top: 0; left: 0; right: 100%; bottom: 0; z-index: 0; transition: all 0.5s ease-in-out;}
.section-products .product-item:hover .product-item-details::before {right: 0; background: rgba(var(--brand-color-1-rgb), 0.8);}

.index-product { padding-top: 1.2rem; }
.index-product .title{ text-align: center; color: #000; font-weight: bold; }
.index-product .tab{ padding-top: 0.5rem; text-align: center;}
.index-product .tab li{ display: inline-block; margin: 0 1rem; padding: .6rem 1.5rem; border: 1px #f0f0f0 solid; border-radius: 1rem; cursor: pointer; transition:All 0.5s ease;}
/*.index-product .tab li:after{ content: ''; position: absolute; left: 50%; bottom: 0; height: 2px; width: 0; background: #2e3092; transition:All 0.5s ease; }*/
.index-product .tab li:hover {color: #fff; background-color: rgba(var(--brand-color-1-rgb), .8);}
/*.index-product .tab li:hover:after{width: 100%; left: 0;}*/
.index-product .tab .liNow{ color: #fff; background-color: var(--brand-color-1); border-color: var(--brand-color-1);}
/*.index-product .tab .liNow:after{ width: 100%; left: 0;}*/
.index-product .tabContent {display: none;}
.index-product .tabContentDiv{ background: #f8f8f8 url(../images/bg-product.png) center no-repeat; background-size: cover; }
.index-product .leftCon{ padding-top: 5rem; width: 100%; animation: am_left 0.8s ease-out 0.1s backwards; -webkit-animation: am_left 0.8s ease-out 0.1s backwards; }
.index-product .name{ font-size: var(--heading-two); color: #000; font-weight: bold; }
.index-product .midmid{ overflow: hidden; }
.index-product .msg{ margin-bottom: 0.5rem;}
.index-product .links ul {display: flex; flex-wrap: wrap; margin:0; padding: 0;}
.index-product .links li{ display: flex; align-items: center; margin: .5rem 0; height: 2.5rem; width: 50%; line-height: 1; box-sizing: border-box; padding-right: 20px; border-bottom: 1px transparent solid;}
.index-product .links li i {transition: all 0.3s ease-in-out; color: var(--brand-color);}
.index-product .links li:hover i {transform: rotate(180deg); color: var(--brand-color);}
.index-product .links li a{ display: block; padding-left: 4px; line-height: 1; text-overflow: ellipsis; white-space: nowrap;}
.index-product .links li a:hover {color: var(--brand-color);}
.index-product .more {margin-top: 5rem; display: inline-flex; padding: 0 2rem; height: 3rem; align-items: center; line-height: 1; background-color: #eee; border-radius: .65rem;}
.index-product .more:hover{ background: var(--brand-color); color: #fff; }
.index-product .more:hover i {color: #fff;}
.index-product .more span {margin-right: 0.9rem; line-height: 1}
.index-product .more i {margin-bottom: 2px; font-size: 1.2rem; line-height: 1; color: var(--brand-color)}
.index-product .rightImg{ display: flex; justify-content: flex-end; animation: am_right 0.8s ease-out 0.1s backwards; -webkit-animation: am_right 0.8s ease-out 0.1s backwards;  }
.index-product .rightImg img{ margin-left: auto; width: 100%; height: 100%; max-width: 30rem; object-fit: cover; }

.section-news {}
.section-news .news-item .ratio-5x6 {--bs-aspect-ratio: calc(6 / 8.5 * 100%);}
.section-news .news-item .news-item-img img {transition: all 2s ease;}
.section-news .news-item:hover .news-item-img img {transform: scale(1.06);}
.section-news .news-item .link-arrow {transition: all 0.3s ease-in-out;}
.section-news .news-item:hover .link{color: var(--brand-color);}
.section-news .news-item:hover .link-arrow{transform: translateX(0.5rem);}

.fun-facts-section { background: url('../images/footer-bg.jpg'); background-repeat: no-repeat; background-size: cover; }

@media (max-width: 991.98px) {
    .section-news .news-item .link {font-size: 1rem;}
    .section-news .news-item .link-arrow {display: none;}
}
@media (max-width: 767.98px) {
    .index-product .tab {width: 100%; overflow-x: auto;}
    .index-product .tab ul {display: inline-flex; padding: 0 1rem; min-width: 100%;}
    .index-product .tab li {flex: 1; font-size: .9rem; white-space: nowrap;}
}
@media (max-width: 575.98px) {
    .index-product .tab li {margin: 0 .8rem;}
}