.hvr-underline-from-left::before {
    height: 1px;
    background-color: var(--background-color);
}

/* header start */
.dp-header-content-top {
    background-color: var(--second-background-color);
    position: relative;
    z-index: 1;
}

.dp-header-content-top::before {
    position: absolute;
    content: "";
    width: 50%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background-color: var(--main-color);
    clip-path: polygon(0 0, 100% 0%, 95% 100%, 0% 100%);

}

.dp-header-content-top-item {
    color: var(--background-color);
    font-size: clamp(0.85rem, 0.391rem + 0.7164vw, 1rem);
}

.dp-header-content-top-item a {
    color: var(--background-color);
}

.dp-header-content-top-item-right {
    text-align: right;
}

.dp-search-form-box {
    background: transparent;
    border-bottom: 1px solid var(--background-color);
}

.dp-search-form-box .form-control {
    background-color: transparent;
    border: none;
    color: var(--background-color);
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    /* max-width: 150px; */
}

.dp-search-form-box .form-control::placeholder {
    color: var(--background-color);
}

.dp-search-form-box input:-internal-autofill-selected {
    background-color: transparent;
}

.dp-search-form-box button {
    color: var(--background-color);
    font-size: 1.2rem;
}

.dp-search-form-box button:hover {
    color: var(--background-color);
}

.dp-header-flag-group-item {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    overflow: hidden;
    border: 2px solid var(--background-color);
}

.dp-header-flag-group-item a,
.dp-header-flag-group-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;

}

.dp-header-flag-group-item:hover img {
    filter: grayscale(70%);
    -webkit-filter: grayscale(70%);
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}

.dp-header-content .container {
    padding-left: 0;
    padding-right: 0;
}

.dp-header-content-bottom {
    background-color: var(--background-color);
}

.dp-header-logo-img {
    height: 60px;
    width: auto;
    object-fit: contain;
}

.dp-btn-request {
    background-color: var(--second-main-color);
    color: var(--background-color);
    font-family: Inter-Medium;
    font-size: clamp(0.8rem, 0.1881rem + 0.9552vw, 1rem);
    text-transform: uppercase;
    border: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    box-shadow: rgba(14, 63, 126, 0.04) 0px 0px 0px 1px, rgba(42, 51, 69, 0.04) 0px 1px 1px -0.5px, rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px, rgba(42, 51, 70, 0.04) 0px 6px 6px -3px, rgba(14, 63, 126, 0.04) 0px 12px 12px -6px, rgba(14, 63, 126, 0.04) 0px 24px 24px -12px;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}

.dp-btn-request:hover {
    background-color: var(--main-color);
    color: var(--background-color);
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}

.menu_a_level_1 {
    font-family: Inter-Medium;
    color: var(--text-color);
    font-size: clamp(0.8rem, 0.1881rem + 0.9552vw, 1rem);
    text-transform: uppercase;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    font-weight: 600;
}

.menu_a_level_1:hover {
    color: var(--second-main-color);
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}

.menu_li_level_1 {
    position: relative;
}

.menu_level_1_line {
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0%;
    height: 3px;
    background: var(--second-main-color);
    z-index: 1;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}

.menu_level_1_line::before {
    position: absolute;
    content: "";
    z-index: -1;
    width: 50%;
    height: 100%;
    background-color: var(--main-color);
    clip-path: polygon(0 0, 100% 0%, 95% 100%, 0% 100%);
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}

.menu_li_level_1.active .menu_a_level_1 {
    color: var(--second-main-color);
    font-weight: 800;
}

.menu_li_level_1.active .menu_a_level_1 .menu_level_1_line {
    width: 100%;
}

.menu_li_level_1:hover .menu_a_level_1 {
    color: var(--second-main-color);
}

.sub-menu {
    position: absolute;
    top: 60px;
    left: 0;
    width: max-content;
    list-style: none;
    padding: 0;
    margin: 0;
    border: none;
    box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.menu_li_level_2 {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.menu_li_level_2:last-of-type {
    border-bottom: none;
}

.menu_a_level_2 {
    display: flex;
    padding: 8px 15px;
    color: var(--text-color);
    font-family: 'Open Sans';
    font-weight: 600;
    font-size: clamp(0.8rem, 0.1881rem + 0.9552vw, 1rem);
    font-weight: 600;
    text-transform: uppercase;

}

.menu_li_level_2:hover .menu_a_level_2 {
    color: var(--second-main-color);
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}

.dp-header {
    position: relative;
    z-index: 1000;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}

.dp-header.active {
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    box-shadow: rgba(0, 101, 179, 0.7) 0px 20px 30px -10px;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}

.dp-header.active .dp-header-content-top {
    display: none;
}

/* header end */

/* slider start */
.dp-slider {
    background: rgba(76, 184, 72, 0.17);
}

.dp-slider-bg {
    overflow: hidden;
}

.dp-slider-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.4;
}

.dp-slider-content-box {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 2;
}

.dp-slide-doctor-img {
    position: absolute;
    z-index: 5;
    bottom: -10px;
    right: 0;
    width: auto;
    height: 100%;
    object-fit: contain;
    max-width: 100%;
}

.blue-bg {
    position: absolute;
    z-index: 3;
    bottom: 0;
    right: 0;
    height: 80%;
    background: rgba(0, 101, 179, 0.28);
}

.dp-slider-content-box-item-title {
    font-family: BarlowCondensed-Bold;
    font-size: clamp(1.5rem, 0.1154rem + 6.9231vw, 6rem);
    color: var(--second-main-color);
    display: inline-flex;
    width: max-content;
}

.dp-slider-content-box-item-des {
    font-family: BarlowCondensed-Bold;
    font-size: clamp(1.5rem, 0.1154rem + 6.9231vw, 6rem);
    color: var(--second-text-color);
    margin-top: -10px;

}

.dp-slider-rotate-img {
    position: absolute;
    top: -15%;
    right: -27%;
    width: 140px;
    height: 140px;
    object-fit: contain;
    opacity: 0.95;
}

.dp-slider-content-box-item-view-more-a {
    background-color: var(--second-main-color);
    background-image: linear-gradient(135deg, var(--second-main-color) 0%, var(--main-color) 100%);
    color: var(--background-color);
    text-transform: uppercase;
    font-family: Inter-Medium;
    font-size: clamp(0.61rem, 0.3977rem + 1.0615vw, 1.3rem);
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}

.dp-slider-content-box-item-view-more-a:hover {
    color: var(--background-color);
    background-color: var(--second-main-color);
    background-image: linear-gradient(19deg, var(--main-color) 0%, var(--second-main-color) 100%);

    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}

.dp-slider-content-box-item-view-more-icon {
    width: 20px;
    height: 23px;
}

.dp-slider-view-more-text {
    font-size: clamp(0.61rem, 0.3977rem + 1.0615vw, 1.3rem) !important;
}

.dp-slider-content-box-item-des {
    opacity: 0;
    transform: translateY(100px);
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    -o-transform: translateY(100px);
}

.dp-slider-content-box-item-title-span,
.dp-slider-content-box-item-view-more {
    opacity: 0;
    transform: translateY(100px);
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    -o-transform: translateY(100px);
}

.dp-slider-rotate-img {
    opacity: 0;
    transform: translate(0, 0) scale(0);
    rotate: 45deg;
    -webkit-transform: translate(0, 0) scale(0);
    -moz-transform: translate(0, 0) scale(0);
    -ms-transform: translate(0, 0) scale(0);
    -o-transform: translate(0, 0) scale(0);
}

.dp-slide-doctor-img {
    opacity: 0;
    transform: translateX(200px);
    -webkit-transform: translateX(200px);
    -moz-transform: translateX(200px);
    -ms-transform: translateX(200px);
    -o-transform: translateX(200px);
}

.blue-bg {
    opacity: 0;
    transform: translate(200px, 300px) scale(0);
    -webkit-transform: translate(200px, 300px) scale(0);
    -moz-transform: translate(200px, 300px) scale(0);
    -ms-transform: translate(200px, 300px) scale(0);
    -o-transform: translate(200px, 300px) scale(0);
}

/* slider end */

/* menu mobile start */
.pnvn-menu-mobile-logo-mobile-img {
    height: 50px;
    width: auto;
    object-fit: contain;
}

.pnvn-menu-mobile-content-logo {
    position: relative;
    filter: drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.3));
    -webkit-filter: drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.3));
}

.pnvn-menu-mobile-content-logo-line {
    position: absolute;
    content: "";
    bottom: -49px;
    left: 0;
    width: 100%;
    height: 50px;
    background-color: var(--background-color);
    clip-path: polygon(50% 50%, 0 0, 100% 0);

}

.pnvn-menu-mobile {
    background-color: var(--main-color);
    position: relative;
    z-index: 1000;
}

.pnvn-menu-mobile-content-logo {
    background-color: var(--background-color);
}

.pnvn-menu-mobile-content-button,
.pnvn-menu-mobile-find {
    font-size: 1.5rem;
    color: var(--background-color);
    cursor: pointer;
}

.pnvn-menu-mobile.active {
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    animation: menu-mobile-visible .7s ease-in-out forwards;
    -webkit-animation: menu-mobile-visible .7s ease-in-out forwards;
    background-color: var(--background-color);
    box-shadow: rgba(0, 101, 179, 0.7) 0px 20px 30px -10px;
}

@keyframes menu-mobile-visible {
    from {
        top: -100px;
        opacity: 0;
    }

    to {
        top: 0;
        opacity: 1;
    }
}

.pnvn-menu-mobile.active .pnvn-menu-mobile-content-button,
.pnvn-menu-mobile.active .pnvn-menu-mobile-find {
    color: var(--text-color);
}

.pnvn-menu-mobile.active .dp-header-flag-group-item {
    border: none;
}

.pnvn-menu-mobile.active .pnvn-menu-mobile-content-logo-line {
    display: none;
}

.pnvn-menu-mobile.active .pnvn-menu-mobile-content-logo {
    filter: initial;
    -webkit-filter: initial;
}

/* menu mobile end */

/* trang chủ start */

/* về chúng tôi start */
.dp-about-us-box-item-title {
    font-size: clamp(1.5rem, 1.3462rem + 0.7692vw, 2rem);
    font-family: Inter-Bold;
    text-transform: uppercase;
}

.dp-about-us-box-item-des {
    font-size: 1rem;
    font-family: Inter-Regular;
    line-height: 1.7;
}

.dp-about-us-box-item-image {
    overflow: hidden;
    position: relative;
    z-index: 3;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}

.dp-about-us-box-item-image a,
.dp-about-us-box-item-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.dp-about-us-box-item-image-box-line {
    position: absolute;
    top: 0;
    width: 60%;
    height: 100%;
}

.dp-about-us-box-item-image-box-line-left {
    left: 0;
    background-color: var(--second-main-color);
    z-index: 1;
    border-bottom-left-radius: 70px;
    transform: translateY(5%);
    -webkit-transform: translateY(5%);
    -moz-transform: translateY(5%);
    -ms-transform: translateY(5%);
    -o-transform: translateY(5%);
}

.dp-about-us-box-item-image-box-line-right {
    right: 0;
    background-color: var(--main-color);
    z-index: 1;
    border-top-right-radius: 70px;
    transform: translateY(-5%);
    -webkit-transform: translateY(-5%);
    -moz-transform: translateY(-5%);
    -ms-transform: translateY(-5%);
    -o-transform: translateY(-5%);
}

.dp-btn-view-more-a {
    min-width: 200px;
    box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
}

/* về chúng tôi end */

/* sản phẩm top start */
.dp-top-products-box-title-label {
    font-size: clamp(1.5rem, 1.3462rem + 0.7692vw, 2rem);
    font-family: Inter-Bold;
    text-transform: uppercase;
}

/* sản phẩm item start */
.dp-product-item {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    background-color: var(--background-color);
    box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
}

.dp-product-item-image {
    overflow: hidden;
}

.dp-product-item-image a,
.dp-product-item-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.dp-product-item-image img {
    mix-blend-mode: darken;
}

.dp-product-item-name a {
    font-family: var(--title-font);
    color: var(--text-color);
    font-size: clamp(1rem, 0.9385rem + 0.3077vw, 1.2rem);
    transition: color .3s ease-in-out;
    -webkit-transition: color .3s ease-in-out;
    -moz-transition: color .3s ease-in-out;
    -ms-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
}

.dp-product-item-name a:hover {
    color: var(--second-main-color);
    transition: color .3s ease-in-out;
    -webkit-transition: color .3s ease-in-out;
    -moz-transition: color .3s ease-in-out;
    -ms-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
}

.dp-product-item-bottom-button-icon {
    background-color: var(--second-main-color);
    background-image: linear-gradient(62deg, var(--second-main-color) 0%, var(--main-color) 100%);
    color: var(--background-color);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    font-size: clamp(1rem, 0.25rem + 1vw, 1.1rem);
}

.dp-product-item-bottom-button {
    position: relative;
    background-color: var(--second-main-color);
    background-image: linear-gradient(62deg, var(--second-main-color) 0%, var(--main-color) 100%);
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    z-index: 1;
    color: var(--text-color);
    /* min-width: 165px; */
    font-size: clamp(0.78rem, -0.87rem + 2.2vw, 1rem);
}

.dp-product-item-bottom-button:hover {
    color: var(--text-color);
}

.dp-product-item-bottom-button::before {
    position: absolute;
    content: "";
    z-index: -1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    background-color: var(--background-color);
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}

.dp-product-item-bottom-button:hover {
    background-color: var(--second-main-color)
    background-image: linear-gradient(19deg, var(--main-color) 0%, var(--second-main-color) 100%);

}

.dp-product-item-bottom-button:hover .dp-product-item-bottom-button-icon {
    background-color: var(--second-main-color)
    background-image: linear-gradient(19deg, var(--main-color) 0%, var(--second-main-color) 100%);
}

.dp-product-item-bottom-contact {
    font-family: var(--title-font);
    color: var(--text-color);
    font-size: clamp(0.78rem, -0.87rem + 2.2vw, 1rem);
    pointer-events: none;
}

/* sản phẩm item end */
.dp-top-prodict-view-all-icon {
    width: 35px;
    height: 35px;
    font-size: 1rem;
    background-color: var(--background-color);
    color: var(--text-color);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}

/* sản phẩm top end */

/* đối tác start */
.dp-partners {
    background-color: rgba(76, 184, 72, 0.17);
}

.dp-partners-content-title-label {
    color: var(--main-color);
    text-transform: uppercase;
    font-size: clamp(1.3rem, 1.0846rem + 1.0769vw, 2rem);
    font-family: Inter-Bold;
    width: max-content;
}

.dp-partners-content-title-label-text {
    z-index: 3;
}

.vong-xoay-xanh-la-svg {
    width: 123px;
    height: 123px;
    position: absolute;
    top: -80%;
    right: -22%;
    z-index: 1;
}

.dp-partners-swiper-item-image {
    overflow: hidden;
    background-color: var(--background-color);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
}

.dp-partners-swiper-item-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    mix-blend-mode: darken;
}

.dp-swiper-btn-prev {
    position: absolute;
    top: 50%;
    left: -30px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    cursor: pointer;
}

.dp-swiper-btn-next {
    position: absolute;
    top: 50%;
    right: -30px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    cursor: pointer;
}

.dp-swiper-btn-prev.swiper-button-disabled,
.dp-swiper-btn-next.swiper-button-disabled {
    opacity: 0.5;
}

/* đối tác end */

/* trang chủ end */

/* footer start */
.dp-footer {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    padding-top: 50px;
}

.dp-footer-box-title {
    color: var(--background-color);
    font-size: clamp(1.25rem, 1.1731rem + 0.3846vw, 1.5rem);
    font-family: Inter-Bold;
    text-transform: uppercase;
}

.dp-footer-box-item-content-li-icon {
    width: 35px;
    height: 35px;
    min-width: 35px;
    min-height: 35px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    font-size: 1rem;
    color: var(--main-color);
    background-color: var(--background-color);
    box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}

.dp-footer-box-item-content-li-text {
    font-size: 1rem;
    color: var(--background-color);
}

.dp-footer-box-item-content-li-text:hover {
    color: var(--background-color);
}

.dp-footer-form-control {
    background: transparent;
    border: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    color: var(--background-color);
}

.dp-footer-form-control::placeholder {
    color: var(--background-color);
}

.dp-btn-send-footer-contact {
    border: none;
    background: transparent;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    color: var(--background-color);
    font-size: 1.3rem;
}

.dp-btn-send-footer-contact:hover {
    color: var(--background-color);
}

.dp-footer-input-group {
    border-bottom: 1px solid var(--background-color);
    max-width: 250px;

}

.dp-footer-box-item-map {
    max-height: 250px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 3px 0px;
}

.dp-footer-copyright-label {
    color: var(--background-color);
    font-size: clamp(0.85rem, 0.8038rem + 0.2308vw, 1rem);
}

.dp-footer-copyright-label a {
    color: var(--background-color);
}

.dp-footer-copyright {
    background: rgba(0, 0, 0, 0.5);
}

.dp-footer-copyright-social-a {
    color: var(--background-color);
    font-size: 1.5rem;
}

.dp-footer-copyright-social-a:hover {
    color: var(--background-color);
}

/* footer end */

/* trang sản phẩm start */
.page-item.active .page-link {
    border-color: #dee2e6;
    background-color: var(--second-main-color);
    background-image: linear-gradient(135deg, var(--second-main-color) 0%, var(--main-color) 100%);

}

/* banner start */
.dp-banner-image {
    overflow: hidden;
    max-height: 450px;
}

.dp-banner-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.white-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.0);
}

.dp-banner-content {
    z-index: 5;
    top: 0;
    left: 0;
}

.dp-banner-content-box-title {
    font-family: Inter-Bold;
    color: var(--main-color);
    font-size: clamp(1rem, 0.6923rem + 1.5385vw, 2rem);
    text-transform: uppercase;
}

/* breadcrumb */
.dp-breadcrumb-li {
    position: relative;
}

.dp-breadcrumb-li::before {
    position: absolute;
    content: "";
    top: 50%;
    right: 0;
    transform: translateY(-50%) rotate(20deg);
    -webkit-transform: translateY(-50%) rotate(20deg);
    -moz-transform: translateY(-50%) rotate(20deg);
    -ms-transform: translateY(-50%) rotate(20deg);
    -o-transform: translateY(-50%) rotate(20deg);
    width: 1px;
    height: 60%;
    background-color: var(--text-color);
}

.dp-breadcrumb-li:last-of-type::before {
    display: none;
}

.dp-breadcrumb-a {
    font-size: clamp(0.75rem, 0.6423rem + 0.5385vw, 1.1rem);
    font-family: var(--title-font);
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}

.dp-breadcrumb-a:hover {
    color: var(--second-main-color);
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}

.dp-breadcrumb-a-current {
    font-family: Inter-Bold;
    color: var(--second-main-color);
}

/*  */
/* banner end */
.dp-notification {
    font-family: var(--title-font);
    font-size: clamp(1rem, 0.9692rem + 0.1538vw, 1.1rem);
}



/* trang sản phẩm end */

/* trang sản phẩm detail start */
.dp-btn-contact-detail {
    max-width: 200px;
    height: 45px;
    border: none;
    font-size: 1.2rem;
    font-family: var(--title-font);
    text-transform: uppercase;
}

.dp-product-detail-share-box-li {
    font-family: Inter-Bold;
    font-size: 1.2rem;
}

.dp-product-detail-share-box-a {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-color: var(--second-main-color);
    background-image: linear-gradient(135deg, var(--second-main-color) 0%, var(--main-color) 100%);
    color: var(--background-color);
    font-size: 1rem;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}

.dp-product-detail-share-box-a:hover {
    color: var(--background-color);
    background-color: #21D4FD;
    background-image: linear-gradient(19deg, #21D4FD 0%, #B721FF 100%);
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}

.dp-product-detail-page-box-item-title {
    font-size: clamp(1.5rem, 1.3462rem + 0.7692vw, 2rem);
    color: var(--text-color);
    font-family: Inter-Bold;
}

.dp-product-main-swiper-item-image {
    overflow: hidden;
}

.dp-product-main-swiper-item-image a {
    position: absolute;
    top: 0;
    left: 0;
}

.dp-product-main-swiper-item-image a,
.dp-product-main-swiper-item-image img {

    width: 100%;
    height: 100%;
}

.dp-product-main-swiper-item-image img {
    mix-blend-mode: darken;
    object-fit: contain;

}

figure.mz-figure {
    max-height: 100%;
}


.mz-figure>img {
    max-height: 200px;
}

.dp-product-detail-page-box-item-main {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    box-shadow: rgba(14, 63, 126, 0.04) 0px 0px 0px 1px, rgba(42, 51, 69, 0.04) 0px 1px 1px -0.5px, rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px, rgba(42, 51, 70, 0.04) 0px 6px 6px -3px, rgba(14, 63, 126, 0.04) 0px 12px 12px -6px, rgba(14, 63, 126, 0.04) 0px 24px 24px -12px;
    overflow: hidden;
}

.dp-product-detail-page-box-item-main .swiper-button-next,
.dp-product-detail-page-box-item-main .swiper-button-prev {
    color: var(--second-main-color);
}

.dp-product-extra-swiper-item-image {
    overflow: hidden;
    /* border: 1px solid rgba(0, 0, 0, 0.1); */
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
}

.dp-product-extra-swiper-item-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    mix-blend-mode: darken;
    cursor: pointer;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}

.dp-product-extra-swiper-item-image img:hover {
    filter: grayscale(60%);
    -webkit-filter: grayscale(60%);
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}

.dp-product-detail-page-box-detail {
    background-color: rgba(244, 244, 244, 1);
    color: var(--text-color);
}

.dp-product-detail-page-box-detail-title-box {
    position: relative;
}

.dp-product-detail-page-box-detail-title-box-line {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 100%;
    height: 5px;
    background-color: var(--second-main-color);
    background-image: linear-gradient(135deg, var(--second-main-color) 0%, var(--main-color) 100%);
    z-index: 1;
}

.dp-product-detail-page-box-detail-label {
    background-color: var(--second-main-color);
    background-image: linear-gradient(135deg, var(--second-main-color) 0%, var(--main-color) 100%);
    color: var(--background-color);
    text-transform: uppercase;
    font-size: clamp(1.3rem, 1.0846rem + 1.0769vw, 2rem);
    font-family: Inter-Bold;
    display: inline-flex;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    position: relative;
    z-index: 2;

}

/* trang sản phẩm detail end */

/* modal yêu cầu tư vấn start */
.requestContactModal .modal-header {
    background-color: var(--second-background-color);
    color: var(--background-color);
    text-transform: uppercase;
    font-family: Inter-Bold;
    border: none;
}

.requestContactModal .modal-body {
    background-color: #eff4e8;
}

.requestContactModal .modal-content {
    border: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    background: transparent;
}

.requestContactModal input.form-control {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    height: 45px;
}

.requestContactModal .form-label {
    font-family: Inter-Regular;
    font-size: 0.9rem;

}

.requestContactModal textarea.form-control {
    height: 100px;
    resize: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.dp-btn-send-request-contact {
    font-family: Inter-Regular;
    font-size: 0.9rem;
    color: var(--text-color);
    text-transform: uppercase;
    border: 1px solid var(--second-background-color);
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    width: 100%;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}

.dp-btn-send-request-contact:hover {
    background-color: var(--second-background-color);
    color: var(--background-color);
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}

/* modal yêu cầu tư vấn end */

/* modal liên hệ đặt hàng start */

.product-contact-image {
    overflow: hidden;
    background-color: var(--background-color);
}

.product-contact-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    mix-blend-mode: darken;
}

.product-contact-info-name {
    font-family: Roboto-Bold;
    text-transform: uppercase;
    font-size: 0.9rem;
}

/* modal liên hệ đặt hàng end */

/* tin tức item start */
.dp-new-item-box {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    background-color: var(--background-color);
    box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
    overflow: hidden;
}

.dp-new-item-image {
    overflow: hidden;
    min-height: 100%;
}

.dp-new-item-image a,
.dp-new-item-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.dp-new-item-top-name a {
    font-size: clamp(1rem, 0.9692rem + 0.1538vw, 1.1rem);
    font-family: Inter-Bold;
    color: var(--text-color);
    transition: color .3s ease-in-out;
    -webkit-transition: color .3s ease-in-out;
    -moz-transition: color .3s ease-in-out;
    -ms-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
}

.dp-new-item-top-name a:hover {
    color: var(--second-main-color);
    transition: color .3s ease-in-out;
    -webkit-transition: color .3s ease-in-out;
    -moz-transition: color .3s ease-in-out;
    -ms-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
}

.dp-new-item-top-date {
    font-size: 0.8rem;
    color: #888888;
}

.dp-new-item-top-date i {
    color: var(--main-color);
}

.dp-new-item-bottom a {
    color: var(--main-color);
    font-size: 0.9rem;
    transition: color .3s ease-in-out;
    -webkit-transition: color .3s ease-in-out;
    -moz-transition: color .3s ease-in-out;
    -ms-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
}

.dp-new-item-bottom a:hover {
    color: var(--second-main-color);
    transition: color .3s ease-in-out;
    -webkit-transition: color .3s ease-in-out;
    -moz-transition: color .3s ease-in-out;
    -ms-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
}

/* tin tức item end */

/* trang liên hệ start */
.dp-contact-page-box-title {
    color: var(--main-color);
    font-size: clamp(2.5rem, 2.1923rem + 1.5385vw, 3.5rem);
    text-transform: uppercase;
    font-family: BarlowCondensed-Black;
    line-height: 1.2;
}

.dp-contact-page-box-content-item-image {
    overflow: hidden;
    --bs-aspect-ratio: calc(9 / 35 * 100%);
    min-height: 100%;
}

.dp-contact-page-box-content-item-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.dp-contact-page-box-content-item-icon {
    width: 16px;
    height: 16px;
    min-width: 16px;
    min-height: 16px;
    object-fit: contain;
}

.dp-contact-page-box-content-item {
    background-color: #eff4e8;
}

.dp-contact-page-box-content-item-li-content {
    font-family: Inter-Regular;
    font-size: 1rem;
}

.dp-contact-page-box-content-item-li-content a {
    color: var(--text-color);
    transition: color .3s ease-in-out;
    -webkit-transition: color .3s ease-in-out;
    -moz-transition: color .3s ease-in-out;
    -ms-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;

}

.dp-contact-page-box-content-item-li-content a:hover {
    color: var(--second-main-color);
    text-decoration: underline;
    transition: color .3s ease-in-out;
    -webkit-transition: color .3s ease-in-out;
    -moz-transition: color .3s ease-in-out;
    -ms-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
}

.dp-contact-page-box-content-item-title {
    font-size: 1.1rem;
    font-family: Inter-Bold;
    text-transform: uppercase;
}

.dp-contact-page-content-form-item-box {
    color: #666;
    font-family: var(--normal-font);
    font-size: 1rem;
}

.dp-contact-page-content-form-item-box-content .form-control {
    /* height: 45px; */
    padding: 12px 25px;
}

.dp-contact-page-content-form-item-box-content textarea.dp-form-textarea {
    resize: none;
}

.dp-btn-contact-page-send {
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border: 1px solid var(--second-background-color);
    text-transform: uppercase;
    font-size: 1.1rem;
    min-width: 200px;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}

.dp-btn-contact-page-send:hover {
    background-color: var(--second-background-color);
    color: var(--background-color);
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}

/* trang liên hệ end */

/* trang giới thiệu start */
.dp-page-introduce-content {
    max-width: 1000px;
    margin: 0 auto;
}

/* trang giới thiệu end */

/* sửa web start */
.hc-offcanvas-nav h2 {
    background-color: var(--main-color) !important;
}