/**
 * Theme Name: HD Child
 * Template: hd
 * Author: Gaudev
 * Author URI: https://webhd.vn
 * Requires PHP: 8.2
 * Version: 0.25.3
 * Text Domain: hdchild
 * Domain Path: /languages
 */


.home-about-us .btn-main:hover{
    background-color: #f8f8f8 !important;
    border: 1px solid #e5e7eb !important;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.0509803922) !important;
}

.home-about-us .btn-main:hover .text{
    color: #1f2937 !important;
}

.home-about-us .btn-main:hover .ic {
    border: 1px solid #e8e8e8 !important;
    color: #9ca3af !important;
}

.home-about-us .btn-main.bg-white:hover {
    background-color: #04935f !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 14px rgba(0, 162, 103, 0.55) !important;
}
.home-about-us .btn-main.bg-white:hover .text{
    color: #ffffff !important;
}

.item-product .product-inner .thumb{
    aspect-ratio: 3 / 2;
}

.home-commitments .wrapper .cell.cell-content .lists-content{
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}
.home-commitments .wrapper .cell.cell-content .lists-content .item{
    width: 100%;
    transition: .4s;
    cursor: pointer;
    background: rgba(255, 255, 255, 0.8);
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 50px;
    padding: 12px 100px 12px 12px !important;
    transition: all 0.3s ease;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.07);
    position: relative;
}
.home-commitments .wrapper .cell.cell-content .lists-content .item .icon{
    background-color: #e9f7ef !important;
    background: linear-gradient(145deg,#00a267,#00a267);
    border: 3px solid #fff !important;
    box-shadow: 0 2px 10px rgb(0 0 0 / 15%), inset 0 2px 5px rgb(0 0 0 / 10%) !important;
    width: 60px !important;
    height: 60px !important;
}
.home-commitments .wrapper .cell.cell-content .lists-content .item .icon svg{
    fill: #fff !important;
}
.home-commitments .wrapper .cell.cell-content .lists-content .item .title{
   width: calc(100% - 60px) !important;
}
.home-commitments .wrapper .cell.cell-content .lists-content .item:hover{
    transform: translateY(-3px);
}
.home-commitments .wrapper .cell.cell-content .lists-content .item ._line{
    width: 114px;
    height: 1px;
    border-radius: 999px;
    background: linear-gradient(to right, rgba(213, 171, 106, 0.1), #00a267, rgba(213, 171, 106, 0.1));
    /*background: url('https://kt20.hdweb24h.com/vse/wp-content/uploads/2026/05/line-ran.png') no-repeat center;*/
    background-size: contain;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
}

.off-canvas ul.vertical.menu .sub-menu li {
    background: #00a267 !important;
}
.off-canvas ul.vertical.menu .sub-menu li a{
    color: #fff !important;
}
.off-canvas ul.vertical.menu .sub-menu li:hover{
    background: transparent !important;
}
.off-canvas ul.vertical.menu .sub-menu li a:hover{
    color: #00a267 !important;
}

@media only screen and (max-width: 47.9988rem) {
    .home-commitments .wrapper .cell.cell-content .lists-content .item ._line{
        display: none;
    }
    .home-commitments .wrapper .cell.cell-content .lists-content .item{
        padding: 12px !important;
    }
    .home-commitments .wrapper .cell.cell-content .lists-content .item .icon{
        width: 48px !important;
        height: 48px !important;
    }
    .home-commitments .wrapper .cell.cell-content .lists-content .item .title {
        padding-left: 10px !important;
        font-size: 15px !important;
    }
}

@media only screen and (max-width: 63.9988rem) {
    .archive-product .main-taxonomy-product .grid-products {
        flex-direction: unset !important;
    }
    .archive-product .main-taxonomy-product .grid-products .col-products .product-toolbar-wrapper .toolbar-ordering {
        margin-left: 0 !important;
        flex: 1 1 auto !important;
    }
    .archive-product .main-taxonomy-product .grid-products .col-products .product-toolbar-wrapper .toolbar-search {
        flex: 1 1 auto !important;
    }
    .dgwt-wcas-style-pirx.dgwt-wcas-style-pirx-compact .dgwt-wcas-sf-wrapp {
        padding: 0 0 10px !important;
    }
    .archive-product .main-taxonomy-product .grid-products .col-products ul.products {
        margin: 20px 0 0 !important;
    }
}