section {
    background: #F5F5F5
}

.health-item {
    position: relative;
    width: 95%;
    /* box-shadow: 0px 4px 10px 0px #0000000d; */
    /* margin: auto; */
    text-align: left;
    margin: 10px;
    /* height: 376px; */
    display: inline-grid;
    background-color: transparent;
}

.health-item img {
    margin: auto;
    height: 246px !important;
    /* padding-bottom: 16px; */
    border-radius: 8px;
}

.health-item b {
    font-family: Inter;
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: left;
    margin-left: 0;
    margin-top: 36px;
    color: #252527;
}

.health-item span {
    margin-left: 0;
}


#trendingProducts {
    position: relative;
    width: 100%;
    margin: auto;
    text-align: center;
    color: #4F4F4F;
}


div#trendingProducts h2 {
    font-family: Inter;
    font-size: 30px;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: center;
    margin: 0px 0px 20px 0px;
    color: #333333;
}

.view-all {
    margin: 29px;
    font-family: Inter;
    font-size: 16px;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: 0em;
    text-align: center;
    text-transform: uppercase;
}

#banner {
    position: relative;
}

#banner .banner-img img {
    width: 100%;
    height: 810px;
}

.banner-disabled {
    width: 94%;
    justify-content: space-between;
    display: flex;
    position: absolute;
    top: 54%;
    z-index: 99;
    left: 0;
    right: 0;
    margin: auto;
}

.banner-disabled-prev {
    border: 1px solid #33333311;
    background: #33333311;
    width: 50px;
    height: 50px;
    color: #ffffff;
    border-radius: 50%;
    cursor: pointer;
    align-items: center;
    display: flex;
    text-align: center;
    justify-content: center;
}

.banner-disabled-prev:hover {
    background: #999999;
    color: #ffffff;
}

.banner-disabled-next {
    border: 1px solid #33333311;
    background: #33333311;
    width: 50px;
    height: 50px;
    color: #ffffff;
    border-radius: 50%;
    cursor: pointer;
    align-items: center;
    display: flex;
    text-align: center;
    justify-content: center;
}

.banner-disabled-next:hover {
    background: #999999;
    color: #ffffff;
}

.info-banner {
    position: absolute;
    bottom: 108px;
    left: 96px;
    height: 54px;
    width: 188px;
    border-radius: 100px;
    background: linear-gradient(90deg, #B94A8C 5.59%, #D0569F 100%);
    display: flex;
    justify-content: center;
    align-items: center;
}

.info-banner a {
    font-family: Inter;
    font-size: 18px;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: 0em;
    text-align: left;
    text-decoration: none;
    color: white;
}

.featured-category {
    position: relative;
    /* background-image     : url(https://moc.gov.vn/Images/editor/images/MOC/2021/Thang%207/23_7_4.jpg); */
    background-color: #fff;
    height: 100%;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.featured-background {
    position: relative;
    width: 100%;
    height: 700px;
}

.css-background {
    width: 100%;
    height: 700px;
    background: #333333;
    position: absolute;
    top: 0;
    opacity: 0.9;
}

.featured-background img {
    width: 100%;
    height: 700px;
    object-fit: cover
}


.featured {
    /* text-align: center; */
    /* position  : absolute; */
    /* width     : 100%; */
    /* height    : 700px; */
    /* top       : 0; */
}

.featured h2 {
    font-family: Inter;
    font-size: 42px;
    font-weight: 600;
    color: #252527;
    margin-top: 76px;
}

.featured-product {
    display: flex;
    margin: auto;
    /* width: 100%; */
    justify-content: space-between;
    align-items: center;
    margin-top: 64px;
    background-color: #FAFBFD;
    border: 1px solid #B9DCFE;
    padding: 61px 36px;
    border-radius: 12px;
}

.featured-item {
    position: relative;
    width: 24%;
    transition: 0.1s;
    max-width: 260px;
    padding: 24px;
    transition: background-color 0.5s ease, margin-top 0.8s ease;
}

.featured-item:hover .featured-item-info {
    /* position   : absolute;
    top        : 0;
    left       : 0;
    width      : 90%;
    height     : 90%;
    background : none;
    color      : white;
    border     : 1px solid #FFFFFF;
    right      : 0;
    margin     : auto;
    bottom     : 0;
    text-shadow: 5px 2px 4px grey;
    transition : 0.15s; */
}

.featured-item:hover .featured-item-info button {
    /* display  : block;
    animation: 0.5s; */
}

.featured-item:hover {
    background-color: #0054A6;
    border-radius: 12px;
    margin-top: -20%;
}

.featured-item:hover img {
    filter: invert(5) brightness(500%);
}

.featured-item:hover .featured-item-info b,
.featured-item:hover .featured-item-info p,
.featured-item:hover .featured-item-info button a {
    color: #fff;
}

.featured-item img {
    height: 285px;
    width: 100%;
    border-radius: 0px;
    max-width: 72px;
    max-height: 72px;
}

.featured-item-info {
    /* position       : absolute; */
    /* top            : 0; */
    width: 100%;
    height: 100%;
    /* background     : #00000080; */
    color: #252527;
    /* display        : flex;
    justify-content: center;
    align-items    : center; */
    margin-top: 40px;
}

.featured-item-action {
    /* text-transform: uppercase;
    display       : inline-grid; */

}

.featured-item-action b {
    width: 130px;
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
}

.featured-item-action b {
    font-family: Inter;
    font-size: 32px;
    font-weight: 600;
    line-height: 40px;
    /* letter-spacing: 0.05em; */
    text-align: left;
    color: #252527;
}

.featured-item-action button {
    /* height: 38px; */
    /* width: 128px; */
    /* border-radius: 100px; */
    background: transparent;
    border: none;
    margin-top: 19px;
    text-transform: uppercase;
    color: #0054A6;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    padding: 0;
}

.featured-item-action button a {
    text-decoration: none;
    color: #0054A6;
}

section {
    background: #F5F5F5;
    background: #FFF;
}

.product-item {
    position: relative;
    width: 95%;
    box-shadow: 0px 4px 10px 0px #0000000d;
    /* margin : auto; */
    margin: 10px;
    height: 520px;
    background: #FFFFFF;
}

.product-item:hover {
    box-shadow: 0 3px 6px -4px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);
}

.products-item-info {
    width: 90%;
    margin: auto;
    text-align: center;
}

.product-item a h6 {
    font-family: Nunito;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    margin-top: 10px;
    color: var(--darkest);
}

.product-item b {
    font-family: Inter;
    font-size: 14px;
    font-weight: 600;
    line-height: 33px;
    letter-spacing: 0em;
    margin-top: 10px;
}

.product-item h3 b {
    font-family: Inter;
    font-size: 22px;
    font-weight: 600;
    line-height: 31px;
    letter-spacing: 0em;
    margin-top: 10px;
    color: #2F80ED;

}

.product-item p {
    font-family: Inter;
    font-size: 15px;
    font-weight: 400;
    line-height: 19px;
    margin-top: 10px;
    margin-bottom: 14px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.product-item button {
    justify-content: center;
    height: 50px;
    width: 162px;
    left: 306px;
    top: 1879px;
    border-radius: 100px;
    box-shadow: 0px 4px 20px 0px #005EA333;
    background: #0A5BD6;
    border: none;
    color: white;
    margin-top: 17px;
    margin-bottom: 20px;
    font-family: Inter;
    font-size: 18px;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    margin: auto;
}

.product-item button i {
    font-size: 25px;
    margin-right: 4px;
}

.product-item .addtoc {
    justify-content: center;
    height: 50px;
    width: 162px;
    left: 306px;
    top: 1879px;
    border-radius: 100px;
    box-shadow: 0px 4px 20px 0px #005EA333;
    background: #0A5BD6;
    border: none;
    color: white;
    margin-top: 17px;
    margin-bottom: 20px;
    font-family: Inter;
    font-size: 18px;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    margin: auto;
    text-decoration: inherit;
}

.product-item .addtoc i {
    font-size: 25px;
    margin-right: 4px;
}

/* .product-item a img {
    height: 470px;
    object-fit: cover;
} */
.product-item img {
    /* width: 70% !important;
    margin: auto;
    height: 307px !important;
    padding-top: 34px;
    padding-bottom: 16px; */
    /* width: 90% !important; */
    margin: auto;
    height: 307px !important;
    padding-top: 34px;
    padding-bottom: 16px;
    /* object-fit : none; */
}

.health-item {
    position: relative;
    width: 95%;
    /* box-shadow: 0px 4px 10px 0px #0000000d; */
    /* margin: auto; */
    text-align: left;
    margin: 10px;
    /* height: 376px; */
    display: inline-grid;
    background-color: transparent;
}

.health-item img {
    margin: auto;
    height: 246px !important;
    /* padding-bottom: 16px; */
    border-radius: 8px;
}

.health-item b {
    font-family: Inter;
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: left;
    margin-left: 0;
    margin-top: 36px;
    color: #252527;
}

.health-item span {
    margin-left: 0;
}



#trendingProducts {
    position: relative;
    width: 100%;
    margin: auto;
    text-align: center;
    color: #4F4F4F;
}

.news-home {
    background-color: #F0F7FF;
    padding: 64px 0;
}

div#trendingProducts h2 {
    font-family: Inter;
    font-size: 30px;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: center;
    margin: 0px 0px 20px 0px;
    color: #333333;
}

div.trendingProducts-news h2 {
    width: 100% !important;
    text-align: left !important;
    margin-top: 0px;
}

.view-all {
    margin: 29px;
    font-family: Inter;
    text-align: center;
    text-transform: uppercase;
}

.view-all a {
    color: #2F80ED;
    font-size: 16px;
    font-weight: 400;
}

span.sale {
    position: absolute;
    top: 15px;
    right: 16px;
    background: #EB5757;
    color: white;
    border-radius: 100px;
    padding: 3px 6px;
}

.product-sale {
    text-align: left;
    width: 100%;
    margin: auto;
}

span.price {
    color: #BDBDBD;
    font-size: 16px;
    text-decoration: line-through;
}

span.price-sale {
    color: #333333;
    font-size: 16px;
    font-weight: 700;
    line-height: 33px;
    display: block;
    margin-bottom: 10px;
}

.product-sale p {
    font-family: Inter;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    margin-top: 0px;
    color: #2F80ED;
}

.product-sale button {
    width: 100%;
}

.product-disabled.health {
    width: 98%;
    justify-content: space-between;
    display: flex;
    position: absolute;
    top: 189px;
    z-index: 99;
}

.product-disabled {
    width: 98%;
    justify-content: space-between;
    display: flex;
    position: absolute;
    top: 289px;
    z-index: 99;
}

.product-disabled-prev {
    background: white;
    width: 50px;
    height: 50px;
    color: black;
    border-radius: 50%;
    cursor: pointer;
    align-items: center;
    display: flex;
    text-align: center;
    justify-content: center;
    box-shadow: 0px 4px 10px 0px #0000001A;
    position: relative;
    left: -57px;
}

.product-disabled-prev:hover {
    background: #999999;
    color: #ffffff;
}

.product-disabled-next {
    background: white;
    width: 50px;
    height: 50px;
    color: black;
    border-radius: 50%;
    cursor: pointer;
    align-items: center;
    display: flex;
    text-align: center;
    justify-content: center;
    box-shadow: 0px 4px 10px 0px #0000001A;
    position: relative;
    left: 80px;
}

.product-disabled-next:hover {
    background: #999999;
    color: #ffffff;
}

#banner {
    position: relative;
}

#banner .banner-img img {
    width: 100%;
    height: auto !important;
    max-width: 100%;
    margin-top: 136px;
    max-height: calc(100vh - 200px);
}

.banner-disabled {
    width: 90%;
    justify-content: space-between;
    display: flex;
    position: absolute;
    top: 54%;
    z-index: 99;
    left: 0;
    right: 0;
    margin: auto;
}

.banner-disabled-prev {
    border: 1px solid #33333311;
    background: #33333311;
    width: 50px;
    height: 50px;
    color: #ffffff;
    border-radius: 50%;
    cursor: pointer;
    align-items: center;
    display: flex;
    text-align: center;
    justify-content: center;
}

.banner-disabled-prev:hover {
    background: #999999;
    color: #ffffff;
}

.banner-disabled-next {
    border: 1px solid #33333311;
    background: #33333311;
    width: 50px;
    height: 50px;
    color: #ffffff;
    border-radius: 50%;
    cursor: pointer;
    align-items: center;
    display: flex;
    text-align: center;
    justify-content: center;
}

.banner-disabled-next:hover {
    background: #999999;
    color: #ffffff;
}

.featured-category {
    position: relative;
}

.featured-background {
    position: relative;
    width: 100%;
    height: 510px;
}

.css-background {
    width: 100%;
    height: 510px;
    background: #040D27;
    position: absolute;
    top: 0;
    opacity: 0.9;
}

.featured-background img {
    width: 100%;
    height: 600px;
    object-fit: cover
}


.featured {
    /* text-align: center;
    position  : absolute;
    width     : 100%;
    height    : 700px;
    top       : 0; */

    width: 100%;
    margin: auto;
}

.featured h2 {
    font-family: Inter;
    font-size: 42px;
    font-weight: 600;
    color: #252527;
    margin-top: 64px;
}

.featured-product {
    display: flex;
    margin: auto;
    /* width: 100%; */
    justify-content: space-between;
    align-items: center;
    margin-top: 64px;
    background-color: #FAFBFD;
    border: 1px solid #B9DCFE;
    padding: 61px 36px;
    border-radius: 12px;
}

.featured-item {
    position: relative;
    width: 24%;
    max-width: 260px;
    padding: 24px;
}

.featured-item:hover .featured-item-info {
    /* position  : absolute;
    top       : 0;
    left      : 0;
    width     : 90%;
    height    : 90%;
    background: none;
    color     : white;
    border    : 1px solid #FFFFFF;
    right     : 0;
    margin    : auto;
    bottom    : 0;
    animation : 0.25s; */
}

.featured-item:hover .featured-item-info button {
    /* display  : block;
    animation: 0.5s; */
}

.featured-item img {
    height: 285px;
    width: 100%;
    border-radius: 0px;
    max-width: 72px;
    max-height: 72px;
}

.featured-item-info {
    /* position       : absolute;
    top            : 0; */
    width: 100%;
    height: 100%;
    /* background     : #00000080; */
    color: #252527;
    /* display        : flex;
    justify-content: center;
    align-items    : center; */
    margin-top: 40px;
}

.featured-item-action {
    /* text-transform: uppercase;
    display       : inline-grid; */

}

.featured-item-action b {
    font-family: Inter;
    font-size: 32px;
    font-weight: 600;
    line-height: 40px;
    /* letter-spacing: 0.05em; */
    text-align: left;
    color: #252527;
}

.featured-item-action p {
    margin-top: 16px;
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #000000;
}

.featured-item-action button {
    /* height: 38px; */
    /* width: 128px; */
    /* border-radius: 100px; */
    background: transparent;
    border: none;
    margin-top: 19px;
    text-transform: uppercase;
    color: #0054A6;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    padding: 0;
}

.featured-item-action button a {
    text-decoration: none;
    color: #0054A6;
}

.cooperate {
    width: 100%;
    margin: auto;
    margin-top: 150px;
    position: relative;
}

.cooperate-img {
    width: 100%;
    height: auto;
}

.cooperate-img img {
    width: 100%;
    height: auto;
}

.cooperate-info {
    background: transparent;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.cooperate-info p {
    color: #0054A6;
    font-size: 42px;
    line-height: 64px;
    font-weight: 600;
    margin-bottom: 56px;
}

.cooperate-info ul {
    margin-top: 30px;
}

.cooperate-info h3 {
    font-family: Inter;
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: 0.1em;
    text-align: left;
    color: #2F80ED;
    margin: 71px 0px 30px 0px;
}

.cooperate-info h2 {
    font-family: Inter;
    font-size: 30px;
    font-weight: 600;
    line-height: 38px;
    letter-spacing: 0em;
    text-align: left;
    color: #333333;
    margin-top: 9px;
}

.cooperate-info ul li {
    list-style: none;
    font-family: Inter;
    font-size: 18px;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: 0em;
    text-align: left;
    color: #333333;
    margin-top: 10px;
}


.cooperate button {
    background: #307BED;
    height: 54px;
    width: 225px;
    border: none;
    color: white;
    border-radius: 100px;
    font-family: Inter;
    font-size: 18px;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: 0em;
    text-align: center;
    margin-top: 45px;
}

.cooperate-product {
    position: relative;
}

.cooperate-banner {
    position: relative;
    width: 100%;
    height: 246px;
    background-image: url('../img/image\ 67.png');
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.cooperate-banner img {
    width: 100%;
    height: 300px;
    object-fit: cover;
}

.cooperate-product-info {
    /* position      : absolute; */
    top: 0;
    color: #252527;
    width: calc(100% - 96px);
    /* display    : flex; */
    /* height     : 300px; */
    /* align-items: center; */
    /* bottom     : 0; */
    /* top        : 0; */
    background-color: #ffffff4d;
    border-radius: 12px;
    margin: auto;
    transform: translateY(-60%);
    backdrop-filter: blur(30px);
}

.cooperate-product-info ul {
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin: auto;
    height: 184px;
    align-items: center;
    border: 1px solid #fff;
    border-radius: 12px;
}

.cooperate-product-info ul li {
    width: auto;
    border-right: 1px solid #FFFFFF33;
    list-style: none;
    height: 184px;
    display: flex;
    justify-content: center;
    padding: 24px;
    flex-direction: column;
    align-items: flex-start;
}

.cooperate-product-info ul li b {
    font-family: Inter;
    font-size: 22px;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: 0em;
    text-align: left;
    color: #0054A6;
}

.cooperate-product-info ul li p {
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    margin-top: 0px;
    color: #252527;
}

.cooperate-product-info ul li:last-child {
    border-right: none;
}

.partner {
    width: 100%;
    margin-top: 73px;

}

.partner-logo img {
    width: 70% !important;
    height: 136px !important;
    object-fit: cover;
}

.cooperate .owl-dots {
    position: absolute;
    top: -50px;
    text-align: left;
}

.cooperate .owl-dots button {
    width: 24px;
}

.cooperate button.owl-dot span {
    background: #BDBDBD !important;
}

.cooperate .owl-dot.active {
    margin-right: 10px;
}

.cooperate .owl-dot.active span {
    width: 25px !important;
    background: #2F80ED !important;
}



.cooperate-info ul {
    margin-top: 30px;
}

.cooperate-info h3 {
    font-family: Inter;
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: 0.1em;
    text-align: left;
    color: #2F80ED;
    margin: 71px 0px 30px 0px;
}

.cooperate-info h2 {
    font-family: Inter;
    font-size: 30px;
    font-weight: 600;
    line-height: 38px;
    letter-spacing: 0em;
    text-align: left;
    color: #333333;
    margin-top: 9px;
}

.cooperate-info ul li {
    list-style: none;
    font-family: Inter;
    font-size: 18px;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: 0em;
    text-align: left;
    color: #333333;
    margin-top: 18px;
    display: flex;
    align-items: center;
}

.cooperate-info ul li i {
    font-size: 26px;
    color: #2F80ED;
    margin-right: 15px;
}


.cooperate button,
.cooperate a {
    background: #307BED;
    height: 54px;
    width: 225px;
    border: none;
    color: white;
    border-radius: 100px;
    font-family: Inter;
    font-size: 18px;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: 0em;
    text-align: center;
    margin-top: 45px;
    text-decoration: none;
    padding: 10px 20px;
    display: block;
}

.cooperate a {
    background: #0054A6;
    height: 40px;
    width: 181px;
    border: none;
    color: white;
    border-radius: 100px;
    font-family: Inter;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: center;
    text-decoration: none;
    padding: 8px 16px;
    display: block;
    margin-top: 0;
}

.cooperate a:hover {
    background: #34A2FC;
}

.cooperate-product {
    position: relative;
}


.cooperate-banner img {
    width: 100%;
    height: 300px;
    object-fit: cover;
}

.cooperate-background {
    background: #040D27;
    opacity: 0.9;
    position: absolute;
    top: 0;
    width: 100%;
    height: 246px;
}


.cooperate-product-info {
    /* position      : absolute; */
    top: 0;
    color: #252527;
    width: calc(100% - 96px);
    /* display    : flex; */
    /* height     : 300px; */
    /* align-items: center; */
    /* bottom     : 0; */
    /* top        : 0; */
    background-color: #ffffffb8;
    border-radius: 12px;
    margin: auto;
    transform: translateY(-60%);
    backdrop-filter: blur(30px);
}

.cooperate-product-info ul {
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin: auto;
    height: 184px;
    align-items: center;
    border: 1px solid #fff;
    border-radius: 12px;
}

.cooperate-product-info ul li {
    width: auto;
    border-right: 1px solid #FFFFFF33;
    list-style: none;
    height: 184px;
    display: flex;
    justify-content: center;
    padding: 24px;
    flex-direction: column;
    align-items: flex-start;
}

.cooperate-product-info ul li i,
.cooperate-product-info ul li img {
    font-size: 40px;
    margin-right: 15px;
    margin-bottom: 20px;
}

.cooperate-product-info ul li b {
    font-family: Inter;
    font-size: 22px;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: 0em;
    text-align: left;
    color: #0054A6;
}

.cooperate-product-info ul li p {
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    margin-top: 0px;
    color: #252527;
}

.cooperate-product-info ul li:last-child {
    border-right: none;
}

.cooperate-product-info_line {
    border-right: 1px solid #0054A6;
    height: 60px
}

.partner {
    width: 100%;
    margin-top: 73px;

}

.partner-logo img {
    width: 70% !important;
    height: 136px !important;
    object-fit: cover;
}

.cooperate .owl-dots {
    position: absolute;
    top: -50px;
    text-align: left;
}

.cooperate .owl-dots button {
    width: 24px;
}

.cooperate button.owl-dot span {
    background: #BDBDBD !important;
}

.cooperate .owl-dot.active {
    margin-right: 10px;
}

.cooperate .owl-dot.active span {
    width: 25px !important;
    background: #2F80ED !important;
}

button:hover {
    background: #013179;
    transition: 0.25s;
    transition-delay: 0.25s;
    cursor: pointer;
}

img.css-line {
    margin: 0px 10px 11px;
}

.desktop {
    display: block !important;
}

.mobile {
    display: none !important;
}

.news-home .view-all {
    text-align: left;
}

.news-home .view-all a {
    color: #252527;
}

.new-category {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    margin: 64px 0 100px;
    flex-wrap: wrap;
}

.new-item {
    width: calc(100% / 3);
    padding: 0 16px;
    margin-bottom: 48px;
}

.new-item .health-item {
    height: auto;
}

.new-item .health-item img {
    width: 100%;
    object-fit: cover;
}

.health-item b {
    min-height: 56px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.health-item a {
    text-decoration: none;
}

.health-item .item-detail {
    padding: 4px 12px;
    background-color: #0A87ED;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    border-radius: 100px
}

.health-item .item-detail:hover {
    background-color: #0054A6;
}


.partner {
    text-align: center;
    padding: 30px 0 40px;
    width: 100%;
    /* Đảm bảo phần partner chiếm toàn bộ chiều rộng */
}

.partner_title {
    font-size: 42px;
    line-height: 64px;
    font-weight: 600;
    color: #0054A6;
    margin-bottom: 48px;
}

.partner_img {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.partner_img_top,
.partner_img_bottom {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
}

.partner_img_bottom {
    align-items: flex-start;
}

.partner_img_top-item,
.partner_img_bottom-item {
    flex: 1 1 30%;
    max-width: 30%;
    text-align: center;
    background-color: #F4F4F4;
    border-radius: 12px;
    padding: 64px;
}

.bottom-item-1 {
    max-width: 34%;
}

.bottom-item-2 {
    max-width: 25%;
}

.partner_img_top-item-custom,
.partner_img_bottom-item-custom {
    flex: 1 1 40%;
    max-width: 40%;
    text-align: center;
    border-radius: 12px;
}

.partner_img_top-item img,
.partner_img_bottom-item img {
    width: 100%;
    height: auto;
    object-fit: contain;
}

.partner_img_top-item-custom,
.partner_img_bottom-item-custom {
    background-color: #003b88;
    color: white;
    padding: 128px 20px;
    border-radius: 10px;
    min-width: 200px;
    max-width: 400px;
    display: block;
    height: 100%;
}

.partner_img_bottom-item-custom {
    background-color: #F0F7FF;
    padding: 32px 20px;
    max-width: 300px;
}

.partner_img_top-item-custom p,
.partner_img_bottom-item-custom p {
    font-size: 42px;
    font-weight: 500;
    margin: 0;
    color: #fff;
}

.partner_img_bottom-item-custom p {
    color: #0054A6;
    font-size: 36px;
}

.partner_img_top-item-custom span,
.partner_img_bottom-item-custom span {
    font-size: 20px;
    line-height: 28px;
    color: #fff;
}

.partner_img_bottom-item-custom span {
    color: #252527;
    font-size: 16px;
}



@media (max-width: 1100px) {
    .desktop {
        display: none;
    }

    .mobile {
        display: block;
    }

    #banner .banner-img img {
        width: 100%;
        height: 600px;
        margin-top: 65px;   
    }

    .info-banner {
        position: absolute;
        bottom: 284px;
        left: 47px;
        height: 49px;
        width: 144px;
        border-radius: 100px;
        background: linear-gradient(90deg, #B94A8C 5.59%, #D0569F 100%);
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .banner-disabled {
        width: 90%;
        justify-content: space-between;
        display: flex;
        position: absolute;
        top: 50%;
        z-index: 99;
        left: 0;
        right: 0;
        margin: auto;
    }

    .featured h2 {
        font-family: Inter;
        font-size: 32px;
        font-weight: 600;
        color: #252527;
        margin-top: 51px;
    }

    img.css-line {
        margin: 0px 4px 6px;
    }

    .featured-product {
        display: flex;
        flex-wrap: wrap;
        margin: auto;
        /* width: 100%; */
        justify-content: space-between;
        align-items: center;
        margin-top: 64px;
        background-color: #FAFBFD;
        border: 1px solid #B9DCFE;
        padding: 61px 36px;
        border-radius: 12px;
        align-items: center;
        align-content: stretch;
        justify-content: space-between;
    }

    .featured-item {
        position: relative;
        width: 48%;
        margin-bottom: 11px;
        padding: 16px;
    }

    .featured-item img {
        height: 170px;
        width: 100%;
        border-radius: 0px;
        max-width: 72px;
        max-height: 72px;
    }

    .featured-item-action b {
        font-family: Inter;
        font-size: 24px;
        font-weight: 600;
        line-height: 40px;
        /* letter-spacing: 0.05em; */
        text-align: left;
        color: #252527;
    }

    .featured-item-action button {
        /* height: 38px; */
        /* width: 128px; */
        /* border-radius: 100px; */
        background: transparent;
        border: none;
        margin-top: 19px;
        text-transform: uppercase;
        color: #0054A6;
        font-size: 14px;
        line-height: 20px;
        font-weight: 600;
        padding: 0;
    }

    .featured-background {
        position: relative;
        width: 100%;
        height: 520px;
    }

    .css-background {
        width: 100%;
        height: 520px;
        background: #040D27;
        position: absolute;
        top: 0;
        opacity: 0.9;
    }

    div#trendingProducts h2 {
        font-size: 32px !important;
        font-weight: 600;
        margin-top: 0;
        color: #333333;
    }

    div#trendingProducts {
        width: 90%;
        flex-wrap: wrap;
    }

    /* sản phâm */

    .product-item {
        position: relative;
        width: 95%;
        box-shadow: 0px 4px 10px 0px #0000000d;
        text-align: left;
        margin: 10px;
        height: 450px;
        background: #FFFFFF;
    }

    .product-item img {
        width: 100% !important;
        margin: auto;
        height: 231px !important;
        padding-top: 28px;
        padding-bottom: 16px;
    }

    .products-item-info {
        width: 100%;
        margin: auto;
        text-align: left;
    }

    .product-item button {
        height: 50px;
        width: 100%;
        font-size: 15px;
        margin: 0px;
        padding: 0px 17px;
    }

    .product-disabled {
        top: 224px;
        width: 100%;
    }

    .product-disabled-prev {
        left: -14px;
    }

    .product-disabled-next {
        left: 25px;
    }

    .product-disabled {
        width: 98%;
        justify-content: space-between;
        display: flex;
        position: absolute;
        top: 224px;
        z-index: 99;
    }

    span.sale {
        padding: 7px 12px;
    }

    /* cơ hội hợp tác */
    .cooperate {
        display: flex;
        width: 100%;
        margin-top: 50px;
        flex-wrap: wrap;
    }

    .cooperate-img {
        width: 100%;
        height: 257px;
        display: none;
    }

    .cooperate-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .cooperate-info {
        background: #f4f4f4;
        width: 100%;
        padding-left: 0px;
        margin: auto;
        display: none;
    }

    .cooperate-info h3 {
        margin: 33px 0px 16px 0px;
    }

    .cooperate-info h2 {
        font-size: 27px;
        margin-top: 3px;
    }

    .cooperate button {
        width: 100%;
        margin-top: 35px;
        margin-bottom: 35px;
    }

    .cooperate-product-info {
        transform: translateY(0%);
    }

    .cooperate-product-info_line {
        display: none;
    }

    .news-home {
        margin-top: 64px;
    }

    /* THuốc */
    .cooperate-banner {
        position: relative;
        width: 100%;
        height: 407px;
        background-image: url(https://www.indiaspend.com/h-upload/2022/02/04/647654-third-wave-family-doctors-covid-india-1500.jpg);
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .cooperate-background {
        background: #040D27;
        opacity: 0.9;
        position: absolute;
        top: 0;
        width: 100%;
        height: 407px;
    }

    .cooperate-product-info ul {
        display: flex;
        width: 100%;
        justify-content: left;
        margin: 0px;
        height: auto;
        align-items: center;
        flex-wrap: wrap;
        border: 1px solid #fff;
        border-radius: 12px;
    }

    .cooperate-product-info ul li {
        width: auto;
        border-right: none;
        list-style: none;
        height: auto;
        display: flex;
        align-items: center;
        justify-content: left;
        margin: auto;
        border-bottom: 1px solid #ffffff88;
    }

}


@media (max-width: 992px) {

    .partner_img {
        gap: 24px;
    }

    .partner_img_top,
    .partner_img_bottom {
        flex-direction: column;
        align-items: center;
        gap: 24px;
    }

    .partner_img_top-item,
    .partner_img_top-item-custom,
    .partner_img_bottom-item,
    .partner_img_bottom-item-custom {
        flex: 1 1 100%;
        max-width: 100%;
        padding: 24px;
    }

    .partner_img_top-item-custom,
    .partner_img_bottom-item-custom {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .cooperate-product-info ul li {
        width: auto;
    }

}

@media(max-width: 767px) {
    #banner .banner-img img {
        margin-top: 68px;
    }

    .featured-item {
        position: relative;
        width: 100%;
        margin-bottom: 11px;
        padding: 0;
    }
}