/*at-melikey-style-end*/

    .at-melikey .item-left{
        width: 100%;
    }

    .at-melikey .item-right{
        width: 100%;
    }

    .at-melikey .title{
        color: #608A53;
    }

    .at-melikey .introduction span{
        font-weight: bold;
    }

    .at-melikey .introduction{
        font-size: 18px;
        color: #666;
        font-weight: 500;
    }

    .at-melikey .nav-item{
        color: #333;
        font-weight: bold;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }

    .at-melikey .nav-item .item-span{
        font-weight: 500;
    }

    .at-melikey .public-btn{
        position: relative;
        font-size: 16px;
        padding: 15px 20px;
        white-space: nowrap;
        transition: padding-right 0.5s ease;
    }

    .at-melikey .public-btn:hover{
        padding-right: 68px;
        background: #608A53 !important;
    }

    .at-melikey .public-btn, .product-cases .public-btn, .options .public-btn, .process .public-btn{
        position: relative;
        font-size: 16px;
        padding: 15px 20px;
        white-space: nowrap;
        transition: padding-right 0.5s ease;
    }

    .at-melikey .public-btn:hover, .product-cases .public-btn:hover, .options .public-btn:hover, .process .public-btn:hover{
        padding-right: 68px;
        background: #608A53 !important;
    }

    .at-melikey .public-btn .btn-img, .product-cases .public-btn .btn-img, .options .public-btn .btn-img, .process .public-btn .btn-img{
        position: absolute;
        top: 4px;
        right: 28px;
        visibility: hidden;
        background: #fff;
        border-radius: 100%;
        padding: 5px 10px;
        font-size: 20px;
        color: #608A53;
        transition: transform 0.5s ease;
    }

    .at-melikey .public-btn:hover .btn-img, .product-cases .public-btn:hover .btn-img, .options .public-btn:hover .btn-img, .process .public-btn:hover .btn-img{
        visibility: visible;
        transform: translateX(50%);
    }

    .at-melikey .ratio{
        border-radius: 30px;
        box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    }

/*at-melikey-style-end*/

/*product-cases-style-end*/

    .product-cases{
        background: #C1BCB8;
    }

    .product-cases .cases-grid {
        display: grid;
        grid-template-columns: 5fr 7fr;
        gap: 1rem;
    }

    .product-cases .left-img .cases-grid-title {
        position: absolute;
        left: 50%;
        bottom: 10px;
        transform: translateX(-50%);
        width: 70%;
        background: rgba(0,0,0,0.38);
        font-family: 'Comfortaa', sans-serif;
        font-size: 28px;
        color: #DBD2CB;
    }

    .product-cases .right-img {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr);
        gap: 0.75rem;
    }

    .product-cases .cases-img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

    .product-cases .cases-img{
         transition: all 0.5s ease;
    }

    .product-cases .cases-img:hover{
        transform: scale(1.1);
    }

    .product-cases .public-btn:hover{
        border-color: #608A53 !important;
    }

/*product-cases-style-end*/

/*options-style-end*/

    .options .options-content{
        background: #fff;
        border: 1px solid #F7F9FA;
        border-radius: 15px;
        box-shadow: 0 10px 6px rgba(0, 0, 0, 0.08);
    }

    .options .tab-list .tab-item{
        width: 20%;
        border-right: 2px solid #F7F9FA;
    }

    .options .tab-list .tab-item .nav-link{
        height: 160px;
    }

    .options .tab-list .tab-item:hover{
        color: #B6DD7A;
        background: #F7F9FA;
    }

    .options .tab-list .tab-item.active .item-img {
        display: none;
    }

    .options .tab-list .item-img {
        width: 59px;
        height: 59px;
    }

    .options .tab-list .tab-item.active .item-hover-img {
        display: inline-block;
    }

    .options .tab-list .tab-item:hover .item-img {
        display: none;
    }

    .options .tab-list .tab-item:hover .item-hover-img {
        display: inline-block;
    }

    .options .tab-list .active{
        background: #F7F9FA;
        color: #B6DD7A;
    }

    .options .tab-list .item-hover-img{
        display: none;
    }

    .options .options-content .tab-content{
        display: none;
        background: #F7F9FA;
    }

    .options .options-content .tab-content.active {
        display: flex;
    }

    .options .tab-content .nav .nav-item{
        font-family: "Adobe Heiti Std","Microsoft YaHei", sans-serif;
        color: #333;
        font-weight: 600;
    }

/*options-style-end*/

/*why-choose-style-end*/

    .why-choose .why-choose-item{
        transition: all 0.5s ease;
    }

    .why-choose .why-choose-item .item-title {
        position: absolute;
        bottom: 0;
        width: 100%;
        background: rgba(0,0,0,0.38);
        color: #DBD2CB;
        font-size: 22px;
    }

    .why-choose .why-choose-item:hover{
        transform: scale(1.1);
    }

    .why-choose .story .story-item {
        border-bottom: 4px solid #B6DD7A;
    }

    .why-choose .story .story-item:hover{
        background: #F0F8E4;
    }

    .why-choose .story .story-number, .custom-time .story-number, .custom-time .story-number span{
        color: #666;
        font-family: 'Oswald', sans-serif;
        font-weight: 500;
    }

    .why-choose .story .story-unit, .custom-time .story-unit{
        color: #666;
        font-family: 'roboto', sans-serif;
        font-weight: bold;
    }

/*why-choose-style-end*/

/*process-style-end*/

    .process{
        background: #EEEEEE;
    }

    .process .process-img{
        border: 6px solid #fff;
    }

    .process .step .step-number{
        position: absolute;
        top: 2px;
        left: 48%;
        transform: translateX(-50%);
        font-family: 'Abril Fatface', serif;
        font-size: 24px;
        color: #666;
    }

    .process .item-title{
        font-family: 'Abril Fatface', serif;
        font-size: 20px;
    }

    .process .process-item:hover {
        box-shadow: #ccc 0 0 10px 2px;
    }

/*process-style-end*/

/*products-design-style-start*/

    .products-design .title, .tooling-prototype .title{
        color: #333;
    }

    .products-design .products-design-link, .tooling-prototype .tooling-prototype-link{
        overflow: hidden;
    }

    .products-design .products-design-link .products-design-img, .tooling-prototype .tooling-prototype-link .tooling-prototype-img{
        cursor: pointer;
        transition: transform 1s ease;
    }

    .products-design .products-design-link .products-design-img:hover, .tooling-prototype .tooling-prototype-link .tooling-prototype-img:hover{
        transform: scale(1.2);
    }

/*products-design-style-end*/

/*custom-time-style-start*/

    .custom-time{
        background: #CAD5CF;
    }

    .custom-time .story-number, .custom-time .story-unit, .custom-time .story-number span{
        color: #48663E;
    }

/*custom-time-style-end*/

/*management-style-start*/

    .management .management-iconv{
        border-radius: 100%;
        display: inline-block;
    }

    .management .row .management-content,.management .row .management-item .item-title{
        border-radius: 25px;
    }

    .management .row .management-item .management-list{
        list-style: none;
    }

    .management .row .management-item .management-list .list-item{
        font-size: 20px;
        color: #666;
    }

    .management .row .management-iconv{
        position: absolute;
        top: -70px;
        left: 50%;
        transform: translateX(-50%);
    }

    .management .row .col:nth-child(1) .management-content{
        border: 4px solid #BD6B54;
    }

    .management .row .col:nth-child(2) .management-content{
        border: 4px solid #8E97AD;
    }

    .management .row .col:nth-child(3) .management-content{
        border: 4px solid #A9AF8B;
    }

    .management .row .col:nth-child(1) .management-content:hover{
        box-shadow: 0 5px 20px 0 #BD6B54;
    }

    .management .row .col:nth-child(2) .management-content:hover{
        box-shadow: 0 5px 20px 0 #8E97AD;
    }

    .management .row .col:nth-child(3) .management-content:hover{
        box-shadow: 0 5px 20px 0 #A9AF8B;
    }

    .management .row .col:nth-child(1) .management-iconv, .management .row .col:nth-child(1) .item-title{
        background: #BD6B54;
    }

    .management .row .col:nth-child(2) .management-iconv, .management .row .col:nth-child(2) .item-title{
        background: #8E97AD;
    }

    .management .row .col:nth-child(3) .management-iconv, .management .row .col:nth-child(3) .item-title{
        background: #A9AF8B;
    }

    .management .item-title{
        font-size: 24px;
    }

/*management-style-end*/

/*oemodm-faq-style-end*/

    .oemodm-faq .btn:active, .oemodm-faq .btn:hover{
        background: #C1BCB8;
    }

    .oemodm-faq .faq-item .btn[aria-expanded="true"] {
        background-color: #C1BCB8;
        border-color: #C1BCB8;
    }

    .oemodm-faq .faq-item .card-body {
        background-color: #C1BCB8;
    }


/*oemodm-faq-style-end*/

@media (min-width:1320px) {

    /*at-melikey-cases-style-end*/

        .at-melikey .item-left{
            width: 66%;
        }

        .at-melikey .item-right{
            width: 44%;
        }

    /*at-melikey-cases-style-end*/
}

@media (max-width:1200px) {

    /*product-cases-style-end*/

        .product-cases .left-img .cases-grid-title {
            font-size: 22px;
        }

    /*product-cases-style-end*/

}

@media (max-width:992px) {

    /*why-choose-style-start*/

        .why-choose .why-choose-item .item-title {
            font-size: 18px;
        }

    /*why-choose-style-end*/

    /*options-cases-style-start*/

        .options .tab-list .tab-item .nav-link{
            height: 140px;
        }

        .options .tab-list .tab-item .item-img{
            width: 49px;
            height: 49px;
        }

    /*options-cases-style-end*/

}

@media (max-width:768px) {

    /*options-cases-style-start*/

        .options .tab-list .tab-item .nav-link{
            font-size: 16px;
            height: 120px;
        }

        .options .tab-list .tab-item .item-img{
            width: 39px;
            height: 39px;
        }

    /*options-cases-style-end*/

}

@media (max-width:571px) {

    /*product-cases-style-end*/

        .product-cases .left-img .cases-grid-title {
            font-size: 18px;
        }

    /*product-cases-style-end*/

    /*options-cases-style-start*/

        .options .tab-list .tab-item .nav-link{
            font-size: 14px;
            height: 100px;
        }

        .options .tab-list .tab-item .item-img{
            width: 29px;
            height: 29px;
        }

    /*options-cases-style-end*/
}