[data-bs-theme=light] {
    --color-carousel-indicator: white;
    --color-product-title: #003366;
    --color-product-model: black;
    --color-product-description: #999;
    --color-product-link-more: #b79134;
    --color-product-link-more-des: #999;
    --bg-card-solution: linear-gradient(to bottom,#e5f1ff,white, white);
    --color-card-icon: #16275d;
    --color-card-title: #16275d;
}

main #divBannerAndNews {
}

    main #divBannerAndNews #divBanner {
        height: 348px;
    }

@media (max-width: 440px) {
    main #divBannerAndNews #divBanner {
        height: 200px;
    }
}

main #divBannerAndNews #divBanner .carousel-item {
    background-color: gray;
}

    main #divBannerAndNews #divBanner .carousel-item a.Image {
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100% 100%;
    }

main #divBannerAndNews #divBanner .carousel-control-prev svg,
main #divBannerAndNews #divBanner .carousel-control-next svg {
    fill: var(--color-carousel-indicator);
}

main #divBannerAndNews #divNews {
    height: 348px;
}

    main #divBannerAndNews #divNews .list-group li {
        background-color: #434e7c;
    }

        main #divBannerAndNews #divNews .list-group li:hover {
            background-color: #313c5c;
        }

        main #divBannerAndNews #divNews .list-group li a {
            color: white;
            text-decoration: none;
        }

        main #divBannerAndNews #divNews .list-group li.title {
            color: #e4d39d;
            background: url(/Images/city-transpatent.png) 60% bottom no-repeat,linear-gradient(to right,#2d3c73, #0f1b4d);
            height: 50px;
        }

            main #divBannerAndNews #divNews .list-group li.title a {
                color: #e4d39d;
                text-decoration: none;
            }

        main #divBannerAndNews #divNews .list-group li p.title {
            color: white;
            font-size: 1em;
        }

        main #divBannerAndNews #divNews .list-group li p.date {
            color: #717da0;
            font-size: 0.7em;
        }

@media (min-width: 0px) {
    main #divProduct {
        --bs-columns: 1;
        --bs-gap: 1rem;
    }

        main #divProduct .grid-mix-product-more {
            --bs-columns: 1;
            --bs-gap: 1rem;
        }

    main #divSolution .grid-solution {
        --bs-rows: 1;
        --bs-columns: 10;
        --bs-gap: 0.5rem;
    }
}

@media (min-width: 576px) {
    main #divProduct {
        --bs-columns: 1;
        --bs-gap: 1rem;
    }

        main #divProduct .grid-mix-product-more {
            --bs-columns: 1;
            --bs-gap: 1rem;
        }

    main #divSolution .grid-solution {
        --bs-rows: 1;
        --bs-columns: 10;
        --bs-gap: 1rem;
    }
}

@media (min-width: 992px) {
    main #divProduct {
        --bs-rows: 2;
        --bs-columns: 5;
        --bs-gap: 1rem;
    }

        main #divProduct .grid-mix-product-more {
            --bs-rows: 2;
            --bs-columns: 1;
            --bs-gap: 1rem;
        }

    main #divSolution .grid-solution {
        --bs-rows: 1;
        --bs-columns: 10;
        --bs-gap: 1rem;
    }
}

main #divProduct h2.PartTitle {
    color: #16275d;
}

main #divProduct .PartSecondarytitle {
    color: #9a9a9a;
}

main #divProduct .CategoryTitle {
    color: #16275d;
    font-weight: 500;
}

main #divProduct .CategoryTitleEng {
    font-weight: 100;
}

main #divProduct .Booth-Special-Large {
    /*min-width: 224px;*/
    min-height: 600px;
}

main #divProduct .Booth-Normal {
    /*max-height: 280px;*/
}

main #divProduct .Booth-Small {
    /*max-height: 140px;*/
}

main #divProduct .grid-product a.Image {
    background-repeat: no-repeat;
    background-position: center;
    /*background-size: 100% 100%;*/
    background-size: contain;
}

    /*main #divProduct .Booth-Small .col::first {
    max-width: 99px;
}
*/
    main #divProduct .grid-product a.Image:hover {
        transform: scale(1.1);
        transition: all .2s linear;
        /*box-shadow: 0px 4px 8px rgba(0,0,0,0.36);*/
        /*       box-reflect: below 2px linear-gradient(transparent 60%,rgba(0,0,0,0.3));
        -webkit-box-reflect: below 2px linear-gradient(transparent 60%,rgba(0,0,0,0.3));*/
    }

main #divProduct .grid-product .g-row-1 a.Image {
    background-size: contain;
}

main #divProduct .grid-product .Card-Product a.Image {
    min-height: 110px;
}

main #divProduct .grid-product .Card-Product .title {
    color: var(--color-product-title);
    text-decoration: none;
    white-space: nowrap;
}

    main #divProduct .grid-product .Card-Product .title:hover {
        text-decoration: underline;
    }

main #divProduct .grid-product .Card-Product .model {
    color: var(--color-product-model);
    text-decoration: none;
    white-space: nowrap;
}

main #divProduct .grid-product .Card-Product .description {
    color: var(--color-product-description);
    overflow: hidden;
}

main #divProduct .grid-product .Card-Product .Link-More a {
    color: var(--color-product-link-more);
    text-decoration: none;
    font-size: 1.2em;
    white-space: nowrap;
}

    main #divProduct .grid-product .Card-Product .Link-More a:hover {
        text-decoration: underline;
    }

main #divProduct .grid-product .Card-Product .Link-More small {
    color: var(--color-product-link-more-des);
}

main #divProduct .grid-product .Card-Product .Link-More svg {
    fill: var(--color-product-link-more);
}

main #divSolution {
    min-height: 600px;
    background-image: url(/Images/bg-home-solution.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

    main #divSolution .Content {
        min-height: 400px;
    }

        /*        main #divSolution .Content::-webkit-scrollbar {
            display: none;
        }

        main #divSolution .Content:hover::-webkit-scrollbar {
            display: unset;
        }*/

        main #divSolution .Content .row {
            min-width: 2000px;
        }

    main #divSolution h2.PartTitle {
        color: white;
    }

    main #divSolution .PartSecondarytitle {
        color: #6f80b5;
    }

    main #divSolution .Card-Solution {
        width: 230px;
        height: 320px !important;
        background: var(--bg-card-solution);
    }

        main #divSolution .Card-Solution:hover {
            margin-left: 1em;
            margin-right: 1em;
            transform: scale(1.2);
            transition: all .2s linear;
        }

        main #divSolution .Card-Solution svg {
            fill: var(--color-card-icon);
        }

        main #divSolution .Card-Solution button svg {
            fill: var(--bs-btn-color);
        }

        main #divSolution .Card-Solution button:hover svg {
            fill: black;
        }

    main #divSolution .card-title {
        color: var(--color-card-title);
    }

    main #divSolution .card-body p.split {
        border-color: var(--color-card-title) !important;
    }

    main #divSolution .card-body p.description {
        height: 100px;
        overflow: hidden;
    }

    main #divSolution .card-body small {
        font-size: 0.75em;
        display: block;
        white-space: nowrap;
        overflow: hidden;
    }

        main #divSolution .card-body small a {
            color: var(--color-solution-title);
            text-decoration: none;
        }

            main #divSolution .card-body small a:hover {
                text-decoration: underline;
            }

.page-item a.page-link {
    cursor: pointer;
}