/*=======================
        General 
=======================*/
html,
body {
    font-weight: 400;
    font-size: 18px;
    font-family: Roboto;
    margin: 0;
}

/* p {
    font-size: 14px;
    line-height: 1.5;
    margin: 0 0 20px;

} */
/* 
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #1f2a2e;
    font-weight: 900;
} */
/* 
h3,
h4,
h5,
h6 {
    line-height: 1.3;
}

h1 {
    font-size: 54px;
}

h2 {
    font-size: 36px;
}

h3 {
    font-size: 36px;
}

h4 {
    font-size: 18px;
}

h5 {
    font-size: 16px;
}

h6 {
    font-size: 14px;
} */

a:hover {
    text-decoration: none;
}

a {
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    text-decoration: none;
}

:focus {
    outline: none;
}

img {
    max-width: 100%;
}

ul {
    padding: 0;
    margin: 0;
}

/*=======================
       Page Layout
=======================*/
.header-top {
    padding: 15px 0 10px;
}

.header-top .container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.search-header {
    width: 470px;
    position: relative;

}

.search-header form {
    width: 100%;
}

.search-header form input {
    height: 46px;
    padding: 0 20px 0 39px;
    width: 100%;
    display: flex;
    align-items: center;
    background-image: url('../../assets/image/search.svg');
    background-position: center left 13px;
    background-repeat: no-repeat;
    background-color: rgba(184, 198, 165, 0.3);
    border-radius: 5px;
    border: none;
}


/* .search-header::after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 13px;
    width: 14px;
    height: 14px;
    background-image: url('../../assets/image/icon-search.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    content: '';
} */
.wrap-cart-header,
.l-cart-header {
    display: flex;
    gap: 16px;
    align-items: center;
}

.hg-mini-cart {
    /* max-height: 250px; */
    overflow-y: auto;
    padding-right: 10px;
}

.hg-cart{
  max-height: 250px;
}

.hg-notify{
  max-height: 400px;
}

/* input, textarea {
  font-size: 16px;
} */

.mini-cart {
    position: relative;
}

.mini-cart span {
    position: absolute;
    font-family: Roboto;
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    text-align: left;
    /* width: 18px;
    height: 18px; */
    color: #fff;
    padding: 1px 5px 2px 6px;
    background: rgba(224, 27, 27, 1);
    border-radius: 50%;
    display: flex;
    align-content: center;
    right: -12px;
    top: -4px;
    justify-content: center;
}

.r-cart-header {
    padding: 0 18px;
    background: rgba(244, 121, 32, 1);
    font-family: Roboto;
    font-size: 14px;
    font-weight: 600;
    line-height: 17.5px;
    color: #fff;
    transition: all 0.3s ease-in-out 0s;
    border-radius: 23px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.r-cart-header a {
    padding: 13px 0;

}

.r-cart-header:hover {
    background: #00A651;

}

a {
    transition: all 0.3s ease-in-out 0s;

}

.r-cart-header a:hover {
    color: #000;
}

.r-cart-header a {
    font-family: Roboto;
    font-size: 14px;
    font-weight: 600;
    line-height: 17.5px;
    color: #fff;
}

.header-bottom {
    background: #00A651;


}

.category-header {
    width: 269px;
    position: relative;
}

/* .menu-cate {
    width: calc(100% - 269px);
    padding: 12px 0;
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
} */
.menu-cate {
    width: calc(100% - 269px);
    padding: 12px 0 12px 38px;
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
}

.menu-cate ul {
    display: flex;
    overflow-x: auto;
    padding: 0;
    margin: 0;
    list-style: none;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.menu-cate ul li {
    padding-right: 38px;
    flex: 0 0 auto;
}

.menu-cate ul li:first-child {
    padding-left: 0;
}

.menu-cate::-webkit-scrollbar {
    display: none;
    /* For Chrome, Safari, and Opera */
}

.header-bottom .container {
    display: flex;
    align-items: end;
    position: relative;

}

.btn-aaa {
    position: absolute;
    background: linear-gradient(90deg, rgba(0, 166, 81, 0) 0%, #00A651 100%);
    width: 130px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: end;
    top: 0;
    right: 0;
    z-index: 1;
    cursor: pointer;
}

.close-sidebar {
    display: none;
}

.btn-pre-header {
    position: absolute;
    background: linear-gradient(90deg, rgba(0, 166, 81, 0) 0%, #00A651 100%);
    width: 80px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: start;
    top: 0;
    left: 290px;
    z-index: 1;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
}

.btn-pre-header.active {
    opacity: 1;
    visibility: visible;
}

.mini-cart {
    position: relative;
}

/* 
.menu-cate ul {
    display: flex;
    overflow-x: auto;

}

.menu-cate ul li {
    padding-left: 38px; flex: 0 0 auto;
    
} */

.menu-cate ul li a {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 600;
    line-height: 26px;
    color: #fff;
    display: block;
}

.menu-cate ul li a:hover {
    color: rgba(244, 121, 32, 1);
}

.category-header {
    /* position: absolute;
    left: 15px;
    bottom: 0; */
}

.menu-cate ul {
    list-style: none;
}

.btn-category {
    padding: 10px 29px 11px 14px;
    background: rgba(244, 121, 32, 1);
    border-radius: 5px 5px 0px 0px;
    display: inline-flex;
    gap: 18px;
    align-items: center;
}

.nav-category {
    display: none;
    position: absolute;
    top: 42px;
    left: 0;
    width: 100%;
    z-index: 2;
    border-radius: 0 0 5px 5px;

}

.nav-category ul {
    list-style: none;
    max-height: 500px;
    overflow-y: scroll;
}

.nav-category::-webkit-scrollbar {
    height: 2px;
    width: 2px;
}

.nav-category::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: rgba(244, 121, 32, 1);
}

.nav-category::-webkit-scrollbar-track {
    background-color: #00A651;
    height: 5px;
}

.nav-category ul li {
    background: #00A651;

    padding: 10px;
    border-bottom: 1px solid #fff;

}

.nav-category ul li:last-child {
    border: none;
}

.nav-category ul li a {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    line-height: normal
}

.nav-category ul li a:hover {
    color: rgba(244, 121, 32, 1);
}

.btn-category a {
    text-transform: uppercase;
    color: #fff;

    font-family: Roboto;
    font-size: 18px;
    font-weight: 500;
    line-height: 21.09px;
    text-align: left;

    display: block;
}

.menu ul {
    display: flex;
    align-items: center;
    list-style: none;
    gap: 30px;
}

.menu ul li a {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 500;
    line-height: 22.5px;
    color: rgba(17, 17, 17, 1);
    display: block;
    text-transform: uppercase;
}

.menu ul li a:hover {
    color: #fff;
}

.menu ul li a.active {
    color: #fff;
}

.inner-footer-top {
    display: flex;
    align-items: center;
    gap: 15px;
    align-items: center;
}

.title-footer-top h2 {
    font-family: Roboto;
    font-size: 20px;
    font-weight: 700;
    line-height: 34px;
    color: #00A651;
}

.title-footer-top p {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 27.2px;
    text-align: left;
    color: #3A3A3A;
    margin-bottom: 0;
}

.footer-top {
    background: #EBF8ED;
    padding: 19px 0 27px;
}

.copyright {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    color: #3A3A3A;
}

.copyright {
    padding: 24px 0 22px;

}

.info-footer ul li svg {
    width: 14px;
    fill: #3A3A3A;
}

.wrap-footer-bottom {
    border-bottom: 1px solid #E4EAF1;
}

.l-footer-bottom {
    padding: 38px 20px 45px 30px;
    width: 470px;

}

.logo-footer a {
    display: block;
}

.logo-footer a img {
    display: block;
    margin-bottom: 12px;
}

.info-footer h2 {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 700;
    line-height: 27.2px;
    margin-bottom: 5px;
    color: #3A3A3A;
}

.info-footer ul {
    list-style: none;
}

.info-footer li {
    display: flex;
    align-items: center;
    gap: 12px;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    line-height: 23.8px;
    color: #3A3A3A;
    margin-bottom: 5px;
}

.info-footer li i {
    font-size: 20px
}

.wrap-footer-bottom {
    display: flex;
    flex-wrap: wrap;
    gap: 60px;
}

.r-footer-bottom {
    padding-top: 30px;
    width: calc(100% - 470px - 60px);
}

.rst-widget h2 {
    font-family: Roboto;
    font-size: 20px;
    font-weight: 700;
    line-height: 34px;
    color: #3A3A3A;
    margin-bottom: 6px;
}

.rst-widget ul {
    list-style: none;
}

.rst-widget ul li {
    display: block;
}

.rst-widget ul li img {
    /* margin-right: 6px; */
    /* width: 7px; */
}

.rst-widget ul li a {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 27.2px;
    display: flex;
    gap: 5px;
    align-items: center;
    color: #3A3A3A;

}

.rst-height-fixed {
    height: 145px;
    display: none;
}

.site-header {
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    background-color: #fff;
}



.main-header.rst_sticky {
    padding-bottom: 5px;
    padding-top: 5px;
}

.icon-user-medicine img {
    display: block;
}

.header-fixed {
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
}

.rst_sticky {
    position: fixed !important;
    top: -100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    opacity: 0;
    z-index: 9;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
}

.header-fixed-show {
    top: 0;
    opacity: 1;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
}

.rst-widget ul li a:hover {
    color: #AAD272;
}

.mg-30 {
    margin-bottom: 36px;
}

.widget2 ul li img {
    width: auto;
}

.slider-home {
    border-radius: 10px;
}

.slider .owl-nav button,
.swiper-slide-button-next,
.swiper-slide-button-prev {
    border: 1px solid #EDEDED !important;
    height: 54px;
    width: 54px;
    box-shadow: 4px 4px 4px 0px #0000000D;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: -27px;
    background-color: #fff !important;
    transform: translateY(-50%);
    font-size: 29px !important;
}

.slider .owl-nav button.owl-next,
.swiper-slide-button-next {
    left: auto;
    right: -27px;
}

.slider .owl-nav button:hover,
.swiper-slide-button-next:hover,
.swiper-slide-button-prev:hover {
    background: #00A651 !important;
}

.slider .owl-nav button:hover img,
.swiper-slide-button-next:hover img,
.swiper-slide-button-prev:hover img {
    filter: invert(1) brightness(2);

}

.banner-home {
    margin-top: 20px;
    margin-bottom: 60px;
}

.item-banner {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.item-banner img {
    display: block;
    border-radius: 10px;

}

.banner-home .row {
    margin-left: -10px;
    margin-right: -10px;
}

.banner-home .col-12 {
    padding-left: 10px;
    padding-right: 10px;
}

.title-product-home {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 27px;
    padding: 7px 8px 7px 80px;
    background: #DCF1DF;
    position: relative;

}



.title-product-home::after {
    position: absolute;
    top: 0;
    left: 6px;
    width: 62px;
    content: '';
    background-image: url('../../assets/image/Group\ 3368.png');
    background-size: contain;
    background-repeat: no-repeat;
    height: 100%;
}

.title-product-home h2 {
    font-family: Roboto;
    font-size: 28px;
    font-weight: 500;
    line-height: 32.81px;
    text-transform: uppercase;
    color: #3D7500;
}

.title-product-home-2 h2 {
    font-size: 34px;
}

.title-product-home-2 {
    padding: 0;
    background: none;
}

.title-product-home-2::after {
    display: none;
}

.title-product-home a {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #3D7500;
    font-family: Roboto;
    font-size: 22px;
    font-weight: 500;
    line-height: 25.78px;

}

.title-product-home a:hover {
    margin-right: -10px;
}

.item-product {
    border: 1px solid #EBEBEB;
    /* box-shadow: 3px 4px 5px 0px #0000000D; */
    border-radius: 5px;
    padding: 5px 10px 12px 8px;
    min-height: 313px;
}

.item-product:hover {
    border: 1px solid #F47920
}

.product-thumb {
    margin-bottom: 10px;
}

.product-thumb a {
    display: flex;
    height: 170px;
    overflow: hidden;
    align-items: center;
    justify-content: center;
}

.product-thumb a img {
    display: block;
    margin: 0 auto;
    object-fit: cover;
    width: auto !important;
    transition: all 0.3s ease-in-out 0s;
    max-height: 100%;
}

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

.category-product {
    padding: 2px 7px 3px;
    background: #EAEEE4;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 400;
    display: inline-block;
    margin-bottom: 12px;
    color: #3A3A3A;
    font-family: Roboto;
    line-height: 14.06px;

}

.product-title {
  font-family: Roboto;
  line-height: 21.09px;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  margin-bottom: 10px;
  color: #3A3A3A;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  min-height: 38px;
}

.sidebar-single .product-title {
    max-width: 200px;

}

.product-title:hover,
.category-product:hover {
    color: #3D7500;
}

.wrap-product-title {
  display: flex;
  flex-direction: column;
  min-height: 80px;
}

.product-desc {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.product-desc p {
    margin-bottom: 0;
    font-family: Roboto;
    font-size: 22px;
    font-weight: 600;
    line-height: normal;
    color: #F47920;
}

@media (min-width:1024px) {
    .sidebar-single .product-desc p {
        font-size: 18px;
    }
}

.product-desc a {
    display: block;
}

.item-product {
    position: relative;
    /* margin-left: 2px; */
}

.product-desc {
    position: absolute;
    bottom: 14px;
    left: 12px;
    width: calc(100% - 24px);
}

.list-product-home {
    margin-bottom: 60px;
    min-height: 372px;
}

.new-home {
    background: #F7FAF3;
    padding: 60px 0 80px;
    margin-bottom: 80px;
}

.wrap-new-home {
    display: flex;
    flex-wrap: wrap;
    align-items: start;
    gap: 30px;
}

.l-new-home {
    width: 370px;
}

.l-thumbnail-post a {
    display: block;
    overflow: hidden;
    margin-bottom: 16px;
    border-radius: 20px;
}

.l-thumbnail-post a img {
    display: block;
    transition: all 0.3s ease-in-out 0s;
}

.l-thumbnail-post a:hover img {
    transform: scale(1.1);
}

.l-info-post h3 a {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #000;
    margin-bottom: 14px
}

.l-inner-info {
    display: flex;
    align-items: start;
}

.l-inner-info span {
    font-family: Roboto;
    font-size: 13px;
    font-style: italic;
    font-weight: 400;
    line-height: 19.5px;
    text-align: justify;
    color: #555;
    margin-right: 13px;
}

.l-inner-info p {
    margin-bottom: 0;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    text-align: justify;
    color: #444;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 14px;
    border-left: 2px solid #3D7500;
}

.r-new-home {
    width: calc(100% - 400px);
    display: flex;
    flex-wrap: wrap;
    gap: 25px 30px;
}

.r-inner-post {
    width: calc(50% - 15px);
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.r-inner-post a {
    display: block;
    overflow: hidden;
    border-radius: 10px;

}

.r-inner-post a img {
    display: block;
    transition: all 0.3s ease-in-out 0s;
}

.r-inner-post a:hover img {
    transform: scale(1.1);
}

.r-thumbnail-post {
    width: 150px;
}

.r-info-post {
    width: calc(100% - 168px);
}

.r-info-post h3 a {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 19.2px;
    color: #000;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 7px;
}

.r-info-post p {
    font-family: Roboto;
    font-size: 13px;
    font-weight: 400;
    line-height: 19.5px;
    text-align: justify;
    margin: 0;
    color: #333;
}

.l-info-post h3 a:hover {
    color: #AAD272;
}

.r-info-post h3 a:hover {
    color: #AAD272;

}

.wrap-info-about {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
}

.l-info-about, .r-info-about {
    width: calc(50% - 20px);
}

.l-info-about img, .r-info-about img {
    display: block;
}

.r-info-about {
    width: calc(50% - 20px);
}

.r-info-about h2 {
    font-family: Roboto;
    font-size: 34px;
    font-weight: 500;
    line-height: normal;
    color: #3D7500;
    margin-bottom: 24px;
}

.r-info-about h3 {
    font-family: Roboto;
    font-size: 30px;
    font-weight: 500;
    line-height: 37.5px;
    text-transform: uppercase;
    margin-bottom: 20px;
    color: #3D7500;
}

.r-info-about p {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 16px;
    color: #525252;
}

.r-info-about p span {
    font-weight: 700;
    color: #3D7500;
}

.r-info-about ul {
    list-style: none;
    margin-bottom: 31px;
}

.r-info-about ul li {
    border-radius: 17px;
    background-color: #EEEEEE;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    font-family: Roboto;
    color: #3A3A3A;
    display: inline-block;
    text-transform: uppercase;
    padding: 5px 29px;
    transition: all 0.3s;
    margin-right: 16px;
    margin-bottom: 8px;
}

.r-info-about ul li:hover {
    background-color: #F47920;
    color: #fff;

}

.r-info-about a {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    color: #F47920;

}

.r-info-about a:hover {
    margin-left: 10px;
}

.info-about {
    margin-bottom: 80px;
}

.breadcrumbs {}

.breadcrumbs li {
    display: inline-block;
    vertical-align: middle;
}

.breadcrumbs li:after {
    display: inline-block;
    vertical-align: middle;
    margin: 0 7px;
    content: "\f101";
    font-family: FontAwesome;
}

.breadcrumbs li:last-child:after {
    display: none;
}

.wrap-breadcrumbs {
    background: #F2F2F2;
    padding: 11px 0;
    margin-bottom: 60px;
}

.breadcrumbs li,
.breadcrumbs li a {
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
    line-height: 17.5px;
    color: #3A3A3A;
}

.vision {
    margin-bottom: 80px;
}

.wrap-vision {
    max-width: 940px;
    margin: 0 auto;
}

.wrap-vision h2 {
    font-family: Roboto;
    font-size: 30px;
    font-weight: 600;
    line-height: 37.5px;
    color: #3D7500;
    text-align: center;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.wrap-vision p {
    font-family: Roboto;
    font-size: 24px;
    font-weight: 400;
    line-height: 36px;
    text-align: center;
    color: #3A3A3A;
    margin-bottom: 0;
}

.wrap-mission {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
}

.l-mission {
    width: calc(50% - 20px);
}

.l-mission img {
    display: block;
}

.r-mission {
    width: calc(50% - 20px);
    margin-top: 37px;
}

.r-mission h2 {
    font-family: Roboto;
    font-size: 30px;
    font-weight: 500;
    line-height: 37.5px;
    color: #3D7500;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.r-mission ul {
    padding-left: 25px;
}

.r-mission ul li {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    color: #525252;
    list-style-type: disc;
}

.mission {
    margin-bottom: 70px;
}

.content-about .container {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
}

.r-content-about {
    width: 330px;
}

.r-content-about img {
    display: block;
}

.l-content-about {
    width: calc(100% - 330px - 40px);
}

.l-content-about h2 {
    font-family: Roboto;
    font-size: 30px;
    font-weight: 600;
    line-height: 37.5px;
    color: #3D7500;
    margin-bottom: 20px;
}

.l-content-about p {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 30px;
    color: #525252;
}

.l-content-about span {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    display: block;
    color: #525252;
}

.l-content-about-top {
    margin-bottom: 60px;
}

.l-content-about ul {
    padding-left: 20px;
    margin-bottom: 30px;
}

.l-content-about ul li {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    color: #525252;
    list-style-type: disc;
}

.content-about {
    margin-bottom: 50px;
}

.title-new h2 {
    font-family: Roboto;
    font-size: 34px;
    font-weight: 500;
    line-height: 42.5px;
    margin-bottom: 20px;
    color: #3D7500;
    text-transform: uppercase;
}

.category-new {
    margin-bottom: 40px;

}

.category-new ul {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    list-style: none;
}

.category-new ul li a {
    padding: 5px 14px;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    background: #D9D9D9;
    border-radius: 17px;
    display: block;
    color: #3A3A3A;
}

.category-new ul li a:hover {
    background: #F47920;
    color: #fff;
}

.category-new ul li.active a {
    background: #F47920;
    color: #fff;
}

.info-cate a {
    padding: 5px 14px;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    border-radius: 17px;
    background: #F47920;
    color: #fff;
    display: block;
}

.post-thumb a {
    display: block;
    overflow: hidden;
    border-radius: 20px;
    margin-bottom: 16px;
}

.post-thumb a img {
    display: block;
    transition: all 0.3s ease-in-out 0s;
}

.post-thumb a:hover img {
    transform: scale(1.1);
}

.post-info .post-title a {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 5px;
    color: #000000;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.post-info .post-title a:hover {
    color: #AAD272;
}

.post-info p {
    font-family: Roboto;

    font-size: 12px;
    font-style: italic;
    font-weight: 400;
    line-height: 18px;
    text-align: justify;
    color: #555;
    margin-bottom: 10px;
}

.post-desc {
    font-family: Roboto;

    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    color: #444;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.row-new {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    margin-bottom: 50px;
}

.wrap-post {
    width: calc(25% - 22.5px);
}

.pagination {
    width: 100%;
    display: flex;
    gap: 20px;
    justify-content: center;
    margin-bottom: 80px;
}

.page-numbers {
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Roboto;
    font-size: 18px;
    font-weight: 500;
    line-height: 22.5px;
    text-align: center;
    color: #666666;
    border-radius: 50%;
    background: #EEEEEE;
}

.page-numbers.current {
    background: #F47920;

    color: #fff;
}

.page-numbers:hover {
    background: #F47920;

    color: #fff;
}

.single-title {
    font-family: Roboto;
    font-size: 34px;
    font-weight: 500;
    line-height: 42.5px;
    margin-bottom: 30px;
    text-transform: uppercase;
    color: #AAD272;
}

.search-header-sp {
    display: none;
}

.btn-search-header {
    display: none;
}

.title-h2 {
    font-family: Roboto;
    font-size: 34px;
    font-weight: 500;
    line-height: 42.5px;
    margin-bottom: 30px;
    color: #3D7500;
    text-transform: uppercase;
}

.sidebar-single .wrap-post {

    width: 100%;
}

.sidebar-single {
    width: 270px;
}

.single-content {
    width: calc(100% - 270px - 80px);
}

.info-single {
    display: flex;
    gap: 20px;
    align-items: end;
    margin-bottom: 22px;
    align-items: center;
}

.info-author,
.info-date {
    display: flex;
    align-items: center;
    gap: 7px;
}

.info-author img {
    display: block;
}

.info-author p {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    line-height: 24px;
    color: #4687BE;
}

.info-date p {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin: 0;
    color: #555;
}

.wrap-single {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

.single-excerpt p {
    font-family: Roboto;
    font-size: 22px;
    font-weight: 600;
    line-height: 33px;
    text-align: left;
    color: #3A3A3A;
    margin-bottom: 10px;
}

.inner-single-content p {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    color: #3A3A3A;
    margin-bottom: 22px;
}

.inner-single-content h2 {
    font-family: Roboto;
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
    color: #3A3A3A;
    margin-bottom: 11px;
}

.inner-single-content {
    padding-bottom: 44px;
    border-bottom: 1px solid #EBEBEB
}

.social-single {
    margin-top: 15px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 80px;
    justify-content: space-between;
    gap: 15px;
}

.tag-social-single {
    display: flex;
    gap: 15px;
    align-items: center;
}

.tag-social-single span {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    color: #3A3A3A;
}

.tag-social-single p {
    margin-bottom: 0;
}

.share-social ul {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    list-style: none;
}

.share-social ul li {

    color: #3A3A3A;

    font-family: Roboto;
    font-size: 16px;
    font-weight: 600;
    line-height: 30px;

}

.share-social ul li a {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    align-items: center;
    padding: 5px 16px;
    color: #fff;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    line-height: 17.5px;
    text-align: left;

}

.share-social ul .fb {
    background: #0080FF;
    border-radius: 14px;
}

.share-social ul .fb img {}

.share-social ul .tw {
    background: #0F1419;
    border-radius: 14px;


}

.share-social ul li a img {
    object-fit: cover;
}

.tag-social-single p a {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: #3A3A3A;
    text-decoration: underline;
}

.tag-social-single p a:hover {
    color: #F47920;
}

.title-qa {
    border: 1px solid #3D7500;
    padding: 14px 55px 10px 30px;
    border-left: 8px solid #3D7500;
    display: flex;
    align-items: start;
    gap: 18px;
}

.title-qa span {
    width: 28px;
    font-family: Roboto;
    font-size: 22px;
    font-weight: 600;
    line-height: 27.5px;
    color: #3D7500;
    display: block;
}

.title-qa h2 {
    width: calc(100% - 28px - 18px);
    font-family: Roboto;
    font-size: 22px;
    font-weight: 600;
    line-height: 27.5px;
    color: #333;
}

.desc-qa {
    padding: 20px 55px 40px 30px;
    display: flex;
    align-items: start;
    gap: 18px;
}

.desc-qa span {
    width: 28px;
    font-family: Roboto;
    font-size: 22px;
    font-weight: 600;
    line-height: 27.5px;
    color: #F47920;
    display: block;
}

.desc-qa p {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    color: #333;
    margin-bottom: 0;
}

.container-qa {
    margin-bottom: 80px;
}

.wrap-privacy p {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    color: #3A3A3A;
    margin-bottom: 30px;
}

.wrap-privacy span {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    color: #3A3A3A;
    display: block;
}

.wrap-privacy ul {
    padding-left: 25px;
    margin-bottom: 30px;
}

.wrap-privacy ul li {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    color: #3A3A3A;
}

.wrap-privacy h2 {
    font-family: Roboto;
    font-size: 22px;
    font-weight: 700;
    line-height: 27.5px;
    color: #3A3A3A;
    background: #EBEBEB;
    margin-bottom: 20px;
    padding: 8px 26px 9px;
    border-left: 4px solid #3D7500;
}

.title-wrap-product {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}

.title-wrap-product h2 {
    font-family: Roboto;
    font-size: 34px;
    font-weight: 500;
    line-height: 42.5px;
    text-transform: uppercase;
    color: #3D7500;
}

.filter-form label {
    margin-right: 25px;
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    line-height: 22.5px;
    color: #3A3A3A;
}

.filter-form select {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 600;
    line-height: 22.5px;
    color: #3A3A3A;
    border: none;

}

.box-sidebar-product h2 {
    font-family: Roboto;
    font-size: 20px;
    font-weight: 700;
    line-height: 34px;
    margin-bottom: 6px;
    color: #3A3A3A;
}

.categoryForm label {
    width: calc(100% - 20px - 8px);
    cursor: pointer;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 27.2px;

}

.categoryForm input {
    width: 20px;
    height: 20px;
    border: 1px solid #EBEBEB;
    background: #FFFFFF;
    margin: 0;
    cursor: pointer;
    border-radius: 50%;
    margin-top: 5px;
}

.categoryForm p {
    display: flex;
    align-items: start;
    margin-bottom: 5px;
    gap: 8px;
}

.categoryForm input[type=checkbox]:checked+label:after {
    content: '';
    border: none;
    height: 10px;
    width: 10px;
    top: 10px;
    background: #3D7500;
    margin-right: 0px;
    position: absolute;
    left: -23px;
    border-radius: 50%;
}

.categoryForm input[type=checkbox]:checked {
    border: 1px solid #3D7500
}

.categoryForm input[type=checkbox]:checked+label {
    color: #000;
    font-weight: 500;
    position: relative;
}

.box-sidebar-product {
    padding-bottom: 30px;
}

.SliderRange {
    height: 2px;
    width: 100%;
    background: #3A3A3A;
    margin-top: 18px;
    margin-bottom: 17px;
}

.slider-handle {
    position: absolute;
    top: -8px;
    left: 0;
    width: 18px;
    height: 18px;
    background: #3A3A3A;
    border-radius: 50%;
}

.slider-handle2 {
    left: auto;
    right: 0;
}

.range-form {
    position: relative;
}

.price-form {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.price-form p {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 27.2px;
    text-align: left;
    color: #3A3A3A;
    margin-bottom: 0;
}

.row-product {
    display: flex;
    gap: 20px 10px;
    flex-wrap: wrap;
    margin-bottom: 40px;

}

.row-product .item-conten-product {
    width: calc(25% - 10px);
}

/* .group {

    position: relative;
    width: 100%;
    background: #EBEBEB;
    margin-top: 18px;
    margin-bottom: 17px;
    height: 2px;
} */

.range-input input {
    -webkit-appearance: none;
    position: absolute;
    width: 100%;
    height: 0;
    margin: 0;
    background-color: transparent;
    transform: translateY(2px);
    pointer-events: none;
}

.range-input input::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 18px;
    height: 18px;
    border: 3px solid #3A3A3A;
    background: #3A3A3A;
    border-radius: 50%;
    pointer-events: auto;
}

.progress {
    position: absolute;
    height: 2px;

    left: 0;
    right: 0;
    background: #3A3A3A;
    border-radius: 5px;
    background-attachment: fixed;
}

.price-form {
    padding-top: 5px;
}

.widget-sidebar-single {
    width: 100%;
    margin-bottom: 50px;
}

.title-widget {
    font-family: Roboto;
    font-size: 24px;
    font-weight: 500;
    line-height: 30px;
    text-align: left;
    color: #3A3A3A;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #D9D9D9;
}

.wrap-post-single {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 20px;
}

.post-thumb-single {
    width: 78px;
}

.post-thumb-single a {
    display: block;
    overflow: hidden;
}

.post-thumb-single a img {
    display: block;
    transition: all 0.3s ease-in-out 0s;
}

.post-thumb-single a:hover img {
    transform: scale(1.1);
}

.info-post-single {
    width: calc(100% - 90px);
}

.info-post-single a {
    margin-bottom: 6px;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 700;
    line-height: 16.8px;
    text-align: left;
    color: #252525;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.info-post-single p {
    margin-bottom: 0;
    font-family: Roboto;
    font-size: 12px;
    font-weight: 400;
    line-height: 14.4px;
    color: #333;
}

.list-cate-single ul {
    list-style: none;
}

.realac {
    position: relative;
}

.list-cate-single ul li a {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
    line-height: 30px;
    color: #3A3A3A;
}

.list-cate-single ul li a i {
    font-size: 23px;
}

.list-cate-single ul li a:hover {
    color: #F47920;

}

.list-cate-single ul li a img {
    width: 8px;
}

.info-post-single a:hover {
    color: #AAD272;
}

.content-tag-single a {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
    line-height: 30px;
    color: #3A3A3A;
}

.content-tag-single a:hover {
    color: #F47920;
    text-decoration: underline;
}

.related-news {
    margin-bottom: 80px;
}

.navigation-accout h2 {
    font-family: Roboto;
    font-size: 32px;
    font-weight: 400;
    line-height: 40px;
    color: #333333;
    padding-bottom: 10px;
    margin-bottom: 25px;
    border-bottom: 1px solid #D9D9D9;
}

.navigation-accout ul {
    list-style: none;
}

.navigation-accout ul li {
    margin-bottom: 12px;
}

.navigation-accout ul li a {
    padding: 18px;
    gap: 18px;
    display: flex;
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    line-height: 21.6px;
    color: #333333;
    flex-wrap: wrap;
    border: 1px solid #E8E8E8;
    border-radius: 6px;
    align-items: center;
    position: relative;
    background-image: url('../../assets/image/icon-r.svg');
    background-repeat: no-repeat;
    background-position: center right 10px;
}

.navigation-accout ul li a.active,
.navigation-accout ul li a:hover {
    background-color: rgba(244, 121, 32, 1);
    color: #fff;
    background-image: url('../../assets/image/icon-r-light.svg');
    background-repeat: no-repeat;
    background-position: center right 10px;
}

.navigation-accout ul li a.active img,
.navigation-accout ul li a:hover img {
    filter: invert(1) brightness(2);
}

.page-accout .wrap-order h2,
.page-accout .form-accout h2 {
    font-family: Roboto;
    font-size: 22px;
    font-weight: 500;
    line-height: 33px;
    padding: 13px 30px 12px;
    color: #333;
    margin-bottom: 20px;
    border-radius: 6px;
    background: #F2F2F2;

}

.form-accout form {
    padding: 33px 57px 70px 50px;
    box-shadow: 0px 0px 20px 0px #0000000D;

    border-radius: 6px;
}

.form-accout form label {
    display: block;
    margin-bottom: 11px;
    font-family: Roboto;
    font-size: 18px;
    font-weight: 600;
    line-height: 22.5px;
    color: #333;
}

.form-accout form {
    display: flex;
    flex-wrap: wrap;
    gap: 22px;
}

.form-accout form input {
    border: 1px solid #E1E1E1;
    border-radius: 5px;
    height: 50px;
    padding: 13px 16px 14px;
    width: 100%;
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    line-height: 22.5px;
    color: #3A3A3A;
}

.form-control {
    width: 100%;
}

.form-control-2 {
    width: calc(50% - 11px);
}

.btn-form-accout {
    margin-top: 30px;
    display: block;
    width: 100%;
    text-align: center;
}

.btn-form-accout button {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 600;
    line-height: 22.5px;
    color: #fff;
    padding: 14px 47px 13px;
    background: rgba(244, 121, 32, 1);
    text-transform: uppercase;
    border-radius: 30px;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease-in-out 0s;
}

.btn-form-accout button.disabled {
  font-family: Roboto;
  font-size: 18px;
  font-weight: 600;
  line-height: 22.5px;
  color: #fff;
  padding: 14px 47px 13px;
  background: #8d8d94;
  text-transform: uppercase;
  border-radius: 30px;
  border: none;
  transition: all 0.3s ease-in-out 0s;
}

.btn-form-accout button:not(.disabled):hover {
    background: #00A651;
    color: #fff;
}

.page-accout {
    margin-bottom: 80px;
}

.wrap-product-top {
    display: flex;
    flex-wrap: wrap;
    gap: 50px;
}

.gallery-detail-product {
    width: calc(50% - 25px);
    display: flex;
    flex-wrap: wrap;
}

#sync1 {
    width: calc(100% - 100px - 20px);
}

.info-detail-product {
    width: calc(50% - 25px);
}

.wrap-slider-pro {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
}

#sync2 {
    width: 100px;
}

#sync1 {
    width: calc(100% - 100px - 25px);
}

#sync1 .slick-slide img {
    margin: 0 auto;
    cursor: pointer;
}

#sync1.slick-initialized .slick-slide {
    border: 1px solid #EEEEEE
}

#sync2 {
    /* margin: 35px 0 !important; */
    margin-top: 35px !important;
    margin-bottom: 70px !important;
}

#sync2.slick-vertical .slick-current .wrap-sync-2 {
  border: 2px solid orange;
}

.wrap-sync-2 {
    height: 100px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #cecdcd;
    border-radius: 5px;
    margin: 5px 0;
}

#sync2.slick-vertical .slick-slide img {
    object-fit: cover;
    max-height: 98px;
    cursor: pointer;
}

#sync1 .slick-list {
    height: 100%;
    /* display: flex;
    align-items: center;
    justify-content: center; */
}

#sync1 .slick-track {
    height: 100%;

}

.wrap-sync-1 {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* #sync2 .slick-slide{
    display: none;
}
#sync2 .slick-slide.slick-active{
    display: block;
} */
#sync2 .slick-prev:before {

    display: none;
    content: '';
    /* width: 34px;
    display: block;
    background-repeat: no-repeat;
    height: 34px;
    background-image: url('../../assets/image/icon-ar-top.svg'); */
}

#sync2 .slick-next:before {
    display: none;

}

#sync2 .slick-prev {
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    width: 34px;
    height: 34px;
    background-image: url('../../assets/image/icon-top.svg');
    background-repeat: no-repeat;
}

#sync2 .slick-next {
    bottom: -35px;
    left: 50%;
    transform: translateX(-50%);
    width: 34px;
    top: auto;
    height: 34px;
    background-image: url('../../assets/image/icon-ar-bottom.svg');

    background-repeat: no-repeat;
}

.title-detai-product h1 {
    font-family: Roboto;
    font-size: 26px;
    font-weight: 600;
    line-height: 32.5px;
    margin-bottom: 11px;
    color: #3D7500;
    text-transform: uppercase;
}

.title-detai-product p span {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    color: #3A3A3A;
}

.title-detai-product p {
    color: #F47920;
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 10px;

}

.title-detai-product {
    padding-bottom: 10px;
    margin-bottom: 16px;
    border-bottom: 1px solid #EBEBEB;
}

.desc-detail-product p {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    text-align: justify;
    margin-bottom: 16px;
    color: #3A3A3A;
}

.product-variable {
    margin-bottom: 33px;
}

.product-variable ul {
    list-style: none;
}

.product-variable ul li {
    display: flex;
    gap: 30px;
    align-items: center;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    text-align: justify;
    color: #3A3A3A;
}

.product-variable ul li span {
    font-weight: 600;
    min-width: 107px;
}

.quantity input {
    border: 1px solid #EBEBEB !important;
    border-radius: 5px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 30px;
    width: 140px;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 700;
    line-height: 30px;
    text-align: justify;
    color: #3A3A3A;
    text-align: center;
}

.quantity input[type="number"] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
}

.wrap-input-quantity {
    position: relative;
    display: inline-block;
}

.wrap-input-quantity .rst-step {
    position: absolute;
    top: 7px;
    height: calc(100% - 14px);
    background: none;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wrap-input-quantity .rst-step img {
    width: 20px;
    object-fit: scale-down;
}

.wrap-input-quantity .rst-step svg path {
    fill: #3A3A3A;
}

.wrap-input-quantity .rst-step.stepdown {
    border-right: 1px solid #EBEBEB;
    left: 0;
    padding: 0 6px;
}

.wrap-input-quantity .rst-step.stepup {
    border-left: 1px solid #EBEBEB;
    right: 0;
    padding: 0 6px;
}

.single_add_to_cart_button a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 5px 17px;
    gap: 13px;
    background: #F47920;
    color: #fff;
    border-radius: 5px;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 700;
    line-height: 30px;
    text-align: justify;
    border-radius: 25px;

}

.single_add_to_cart_button a:hover {
    background-color: rgba(170, 210, 114, 1);
}

.add-to-cart-product {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
    margin-bottom: 25px;
}

.wrap-product-top {
    margin-bottom: 50px;
}

.inner-content-product {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    color: #3A3A3A;
    line-height: 24px;

}

.inner-content-product p {
    margin-bottom: 30px;
}

.content-product {
    margin-bottom: 60px;
    display: flex;
    flex-wrap: wrap;
    gap: 50px 80px;
}

.click-mobile {
    display: none;
}

.wrap-row-product {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

.l-col-product {
    width: 270px;
}

.r-col-product {
    width: calc(100% - 300px);
}

.scroll-footer {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #00A651;
    border-radius: 50%;
    position: fixed;
    bottom: 15px;
    right: 19.5vw;
    width: 50px;
    height: 50px;
    cursor: pointer;
    transition: all 0.3s ease-in-out 0s;
    z-index: 9;
}

.scroll-footer:hover {
    background: rgba(244, 121, 32, 1);
}

.scroll-footer img {
    display: block;
}

.row-cart {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    margin-bottom: 80px;
}

.cart-form {
    width: calc(100% - 400px);
}

.cart_totals {
    width: 370px;
}

.wrap-cart_totals {
    margin-bottom: 20px;

}

.shop_table {
    width: 100%;
    background: rgba(242, 242, 242, 1);
    border-radius: 10px;
    padding: 20px 20px 15px!important;
}

.shop_table thead tr th {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    text-align: left;
    color: #3A3A3A;
    /* padding-bottom: 10px; */
    padding: 15px !important;
    white-space: nowrap;
}

.wrap-td {
    display: flex;
    gap: 13px;
    padding-left: 10px;
    flex-wrap: wrap;
    align-items: center;

}

.wrap-td .thumb-product-cart {
    width: 60px;
}

.wrap-td .thumb-product-cart a {
    display: block;
    overflow: hidden;
}

.wrap-td .thumb-product-cart a img {
    display: block;
    transition: all 0.3s ease-in-out 0s;
}

.wrap-td .thumb-product-cart a:hover img {
    transform: scale(1.1);
}

.shop_table tbody tr th {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    color: #3A3A3A;
    /* padding-bottom: 15px; */
    border-top: 1px solid #D9D9D9;
    /* padding-top: 15px; */
    vertical-align: middle;
    padding: 15px !important;
}

.shop_table,
.wrap-cart_totals table {
    border-spacing: 0;
}

.shop_table thead tr th.product-name {
    padding-left: 10px;
    width: calc(100% - 430px);
}

.shop_table thead tr th.product-quantity {
    width: 180px;
}

.shop_table thead tr th.product-price {
    width: 120px;
}

.shop_table thead tr th.product-subtotal {
    width: 130px;
}

.shop_table thead tr th.product-promotion {
  width: 220px;
  min-width: 220px;
}

.wrap-cart_totals {
    background: rgba(242, 242, 242, 1);
    border-radius: 10px;
    width: 100%;
    padding: 13px 20px 10px;
}

.wrap-cart_totals h3 {
    font-family: Roboto;
    font-size: 22px;
    font-weight: 500;
    line-height: 27.5px;
    text-align: left;
    color: #3A3A3A;
    margin-bottom: 9px;
}

.wrap-cart_totals table {

    width: 100%;
}

.wrap-cart_totals table tr {}

.wrap-cart_totals table tr th {
    border-top: 1px solid #D9D9D9;
    padding: 25px 22px 25px 0;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    text-align: left;
    color: #3A3A3A;
}

.wrap-cart_totals table tr td {
    border-top: 1px solid #D9D9D9;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    text-align: left;
    color: #3A3A3A;
}

.wrap-cart_totals table tr.total td {
    font-family: Roboto;
    font-size: 22px;
    font-weight: 600;
    line-height: 27.5px;
    text-align: left;
    color: #F47920;
}

.wrap-cart_totals table tr td .wrap-ship {
    display: flex;
    gap: 5px 15px;
    flex-wrap: wrap;
}

.wrap-cart_totals table tr td.ship a {
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
    line-height: 17.5px;
    color: #F47920;
    text-decoration: underline;
}

.proceed-to-checkout a {
    font-family: Roboto;
    font-weight: 700;
    background: #F47920;
    border-radius: 5px;
    display: block;
    padding: 10px 20px;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    border-radius: 25px;
    text-transform: uppercase;
    line-height: 30px;
    text-align: center;

}

.checkout-totals .wrap-cart_totals table tr th {
    padding: 12px 0;
}

.checkout-totals .wrap-cart_totals table tr:first-child th {
    border-top: none;
}

.checkout-totals .wrap-cart_totals table tr:first-child td {
    border-top: none;
}

.wrap-checkout_totals {
    margin-bottom: 20px;
    background: rgba(242, 242, 242, 1);
    border-radius: 10px;
    width: 100%;
    padding: 20px 20px 10px;

}

.wrap-checkout_totals table {
    border-spacing: 0;
}

.wrap-checkout_totals table thead tr th {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    text-align: left;
    color: #3A3A3A;
    padding-bottom: 10px;
}

.wrap-checkout_totals table thead tr th.pro-total {
    width: 113px;
}

.wrap-checkout_totals table thead tr th.pro-name {
    padding-right: 40px;
    padding-left: 10px;
}

.wrap-checkout_totals table tbody tr td {
    padding: 15px 0;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    border-top: 1px solid #D9D9D9;
    text-align: left;
    color: #3A3A3A;
}

.wrap-checkout_totals table tbody tr td:first-child {
    padding-right: 40px;
    padding-left: 10px;
}

.title-cart .title-h2 {
    margin-bottom: 20px;
}

.form-checkout .title-form-checkout {
    display: block;
    font-family: Roboto;
    font-size: 22px;
    font-weight: 500;
    line-height: 27.5px;
    text-align: left;
    color: #3A3A3A;
    margin-bottom: 13px;
}

.form-checkout {
    width: calc(100% - 400px);
}

.form-checkout p {
    margin-bottom: 20px;
    width: 100%;
    position: relative;
}

.form-checkout p input {
    width: 100%;
    padding: 13px 15px 14px;
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    line-height: 22.5px;
    height: 50px;
    color: #3A3A3A;
    border: 1px solid #E1E1E1 !important;
    border-radius: 5px;
    background-color: #fff !important;
}

.form-checkout p label {
    position: absolute;
    top: 50%;
    left: 13px;
    z-index: 0;
    transform: translateY(-50%);
    transition: all 0.3s ease-in-out 0s;
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    line-height: 22.5px;

}

.form-checkout p label.active {
    top: 0;
    z-index: 1;
    font-weight: 600;
}

.form-checkout p label span {
    color: #F31717;
}

.form-checkout p textarea {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    line-height: 22.5px;
    text-align: left;
    color: #3A3A3A;
    padding: 10px 15px;
    height: 100px;
    resize: none;
    width: 100%;
    border: 1px solid #E1E1E1 !important;
    border-radius: 5px;
}

.form-checkout div.lb-address label {
    transition: all 0.3s ease-in-out 0s;
    top: 17px;
    z-index: 0;
}

.form-checkout div.lb-address label.active {
    top: 0;
    z-index: 1;
}

.checkout_place_order button {
    font-family: Roboto;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    padding: 10px 30px;
    width: 100%;
    background: #F47920;
    border-radius: 5px;
    color: #fff;
    border: none;
    text-transform: uppercase;
    outline: none;
    cursor: pointer;
    transition: all 0.3s ease-in-out 0s;
    border-radius: 25px;
}

.checkout_place_order button.disabled {
    font-family: Roboto;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    padding: 10px 30px;
    width: 100%;
    background: #8d8d94;
    border-radius: 5px;
    color: #fff;
    border: none;
    text-transform: uppercase;
    outline: none;
    cursor: not-allowed;
    transition: all 0.3s ease-in-out 0s;
    border-radius: 25px;
}

.checkout_place_order button:not(.disabled):hover {
    background: rgba(170, 210, 114, 1);
}

.row-product-search {
    margin-bottom: 50px;
}

.row-product-search {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.row-product-search .item-product-search {
    margin-left: 0;

    width: calc(20% - 16px);
}

.sidebar-single .item-product {
    min-width: 200px
}

.list-post-type {
  margin-bottom: 12px;
}

.list-post-type ul {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    list-style: none;
}

.list-post-type ul li button {
    padding: 5px 14px;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    background: #D9D9D9;
    border-radius: 17px;
    display: block;
    color: #3A3A3A;
}

.list-post-type ul li button:hover,
.list-post-type ul li button.active {
    color: #fff;
    background: #F47920;
}

.number-search {
    text-align: right;
    color: #3A3A3A;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 30px;

}

.tap {
    display: none;
}

/* #tap1 {
    display: block;
} */

.wrap-login {
    max-width: 570px;
    margin: 0 auto 80px;
    padding: 40px 30px 50px;
    background: #F2F2F2;
    border-radius: 10px;
}

.wrap-login .title-h2 {
    margin-bottom: 20px;
    text-align: center;
}

.form-login p {
    margin-bottom: 29px;
    width: 100%;
}

.form-login p label {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 500;
    line-height: 22.5px;
    text-align: left;
    color: #3A3A3A;
    display: block;
    margin-bottom: 7px;
}

.form-login p label span {
    color: #F31717;
}

.form-login p input {
    width: 100%;
    height: 50px;
    border: 1px solid #E1E1E1;
    border-radius: 5px;
    background: #FFFFFF;
    font-family: Roboto;
    font-size: 18px;
    font-weight: 500;
    line-height: 22.5px;
    color: #3A3A3A;
    box-sizing: border-box;
}

.form-login p.remember {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
}

.form-login p.remember input {
    width: 20px;
    margin: 0;
    height: 20px;
    cursor: pointer;

}

.form-login p.remember label::after {
    display: none;
}

.form-login p.remember input[type=checkbox]:checked+label::after {
    content: '';
    border: none;
    height: 10px;
    width: 10px;
    display: block;
    top: 6px;
    background: #AAD272;
    margin-right: 0px;
    position: absolute;
    left: 5px;
    z-index: 0;
}

.form-login p.remember label {
    margin-bottom: 0;
    cursor: pointer;
}

.btn-login button {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 600;
    line-height: 22.5px;
    background: #F47920;
    border-radius: 25px;
    text-align: center;
    padding: 13px 0 14px;
    color: #fff;

    width: 100%;
    border: none;
    outline: none;
    cursor: pointer;

}

.btn-login button.disabled {
  font-family: Roboto;
  font-size: 18px;
  font-weight: 600;
  line-height: 22.5px;
  background: #8d8d94;
  border-radius: 25px;
  text-align: center;
  padding: 13px 0 14px;
  color: #fff;

  width: 100%;
  border: none;
  outline: none;
  cursor: not-allowed;

}

.form-login p.btn-login {
    margin-bottom: 16px;
}

.btn-login button:not(.disabled):hover {
    background: #AAD272;
}

.lg-regis {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    text-align: center;
    color: #3A3A3A;
    margin-bottom: 40px;
}

.lg-regis a {
    color: #F47920;
    text-decoration: underline;
}

.or-register {
    position: relative;
    color: #3A3A3A;
    font-family: Roboto;
    font-size: 18px;
    font-weight: 500;
    line-height: 22.5px;

    margin-bottom: 16px !important;
    text-align: center;
}

.or-register::before,
.or-register::after {
    position: absolute;
    top: 50%;
    left: 0;
    background-color: #D9D9D9;
    height: 1px;
    content: '';
    width: 150px;
}

.or-register::after {
    left: auto;
    right: 0;
}

.login-social {
    display: flex;
    flex-wrap: nowrap;
    gap: 20px;

}

.login-social a {
    width: calc(50% - 10px);
    height: 50px;
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
    font-family: Roboto;
    font-size: 18px;
    font-weight: 600;
    line-height: 22.5px;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 25px;
}

.social-gg {
    background: #F31717;

}

.social-fb {
    background: #0080FF;

}

.remember a {
    color: #F47920;
    text-decoration: underline;
}

.lg-regis a:hover {
    color: #AAD272;
}

.remember a:hover {
    color: #AAD272;

}

.login-social a:hover {
    background: #F47920;
}

.wrap-footer-top {
    display: flex;
    flex-wrap: wrap;
    gap: 14px 73px;
}

.thumb-footer-top {
    position: absolute;
    right: 0;
    bottom: -27px;
}

.thumb-footer-top img {
    display: block;
}

.inner-footer-top {
    width: auto;
}

.inner-footer-top:last-child {
    width: 100%;
}

.footer-top .container {
    position: relative;

}

.info-about-page .r-info-about {
    padding-top: 29px;

}

.info-about-page .r-info-about h2 {
    font-size: 20px;
    color: #3A3A3A;
    margin-bottom: 10px;
}

.row-product .item-conten-product {
    padding: 5px 5px 5px 12px;
    box-shadow: 3px 4px 5px 0px #0000000D;

}

.row-product .product-title {
    text-align: left;
    font-size: 15px;
    line-height: normal;
}

.sidebar-single .product-title {
    font-size: 15px;
    line-height: normal;
}

.tap-single-product {
    padding-bottom: 10px;
    margin-bottom: 22px;
    border-bottom: 1px solid #D9D9D9;
}

.tap-single-product ul {
    list-style: none;
    align-items: center;
    display: flex;
    width: 100%;
    overflow-x: auto;
    gap: 10px;
    white-space: nowrap;
}

.tap-single-product ul li a {
    color: #3A3A3A;
    line-height: 1.5;
    font-size: 16px;
    font-family: Roboto;
    padding: 5px 22px;
    background: #EEEEEE;
    border-radius: 25px;
    display: block;
}

.tap-single-product ul li a:hover,
.tap-single-product ul li a.active {
    background-color: #F47920;
    color: #fff;
}

.inner-content-product {
    display: none;
}

#cont1 {
    display: block;
}

.wrap-r-cart-hrader {
    display: flex;
    align-items: center;
    gap: 10px;
}

.wrap-btn-attr-pro {
    display: flex;
    justify-content: space-between;
    column-gap: 5px;
}

.wrap-btn-attr-pro .category-product {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: calc(100% - 82px);
    padding: 2px 7px 2px;
    word-break: break-all;
    line-height: 22px;
}

.navigation-disabled {
  transition: none;
  cursor: not-allowed!important;
  opacity: 0.5;
}

.owl-stage-outer, .owl-stage, .owl-item {
  height: inherit;
}

.owl-stage {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: box;
}

.owl-item {
  display: inline !important;
}

.site-main, .main-website {
  min-height: 900px;
  height: 100%;
}

.navigation-disabled:hover {
  background: #EEEEEE;
}

.navigation-disabled:hover i {
  color: #666666;
}

.number-attr-pro {
    width: 82px;
}

.info-user-header .rst-sicon-user {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 7px;
    cursor: pointer;

}

.info-user-header span {
    display: block;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 18.75px;
    color: #3A3A3A;
}

.info-user-header img {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    object-fit: cover;

}

.wrap-r-cart-hrader.is-login {
    gap: 6px;
}

.popup-inner {
    max-width: 633px;
    display: block;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.popup-inner img {
    display: block;
}

.popup-inner .popup-close {
    position: absolute;
    cursor: pointer;
    top: -15px;
    right: -15px;
    display: flex;
    width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #fff;
    z-index: 2;
}

.main-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999;
    transition: all 0.3s ease-in-out 0s;
    opacity: 0;
    visibility: hidden;
}

.main-popup.active {
    opacity: 1;
    visibility: visible;
}

.search-header-mobile {
    display: none;
}

.l-cart-header {
    position: relative;
}

.icon-user-medicine,
.icon-user {
    padding: 0 !important;
}

.wrap-mini-cart {
    position: absolute;
    top: 50px;
    right: -10px;
    width: 412px;
    box-shadow: 0px 0px 30px 0px #00000012;
    border: 1px solid #EBEBEB;
    background-color: #fff;
    z-index: 2;
    padding: 30px 25px 36px;
    opacity: 0;
    visibility: hidden;
    border-radius: 10px;
    transition: all 0.5s ease-in-out 0s;
    z-index: 15;
}

.hg-mini-cart::-webkit-scrollbar {
  height: 5px;
  width: 5px;
}

.hg-mini-cart::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: rgba(244, 121, 32, 1);
}

.hg-mini-cart::-webkit-scrollbar-track {
  background-color: #00A651;
  border-radius: 10px;
  height: 5px;
}

.hg-mini-cart {
  overflow-y: scroll;
  padding-right: 10px;
}


#wrapper {
    overflow-x: hidden;
}

.mini-cart {
    cursor: pointer;
}

.info-mini-cart img {
    width: 100% !important;
}

@media (min-width:769px) {
    .mini-cart:hover .wrap-mini-cart {
        opacity: 1;
        visibility: visible;
    }
}


.wrap-mini-cart.active {
    opacity: 1;
    visibility: visible;
}

.wrap-mini-cart::after {
    width: 27px;
    height: 13px;
    z-index: 2;
    background-image: url(../../assets/image/ic-minica.png);
    background-size: contain;
    top: -12px;
    right: 7px;
    content: '';
    position: absolute;

}

.item-mini-cart {
    padding-bottom: 12px;
    border-bottom: 1px solid #EDEDED;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 26px;
}

.info-mini-cart {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 22px;
    flex-wrap: wrap;
    width: calc(100% - 72px - 26px);
}

.price-mini-cart {
    width: 72px;
}

.price-mini-cart p {
    margin-bottom: 0;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    color: #3A3A3A;
}

.info-mini-cart a {
    display: block;
    width: 74px;
}

.info-mini-cart p {
    width: calc(100% - 74px - 22px);
    margin-bottom: 0;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    color: #3A3A3A;
    line-height: 20px;

}

.count-mini-cart {
    margin-top: 26px;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
    line-height: 17.5px;
    color: #3A3A3A;
    text-align: left;
    margin-bottom: 14px;

}

.btn-mini-cart {
    text-align: right;

}

.btn-mini-cart a {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 600;
    line-height: 18.75px;
    text-align: center;
    color: #fff;
    padding: 11px 19px;
    background: #F47920;
    border-radius: 30px;
    text-transform: uppercase;
    display: inline-block;
}

.btn-mini-cart a:hover {
    background: #00A651;
}

.wrap-breadcrumbs.breadcrumbs-contact {
    margin-bottom: 26px;
}

.wrap-contact-form {
    box-shadow: 0px 0px 40px 0px #00000012;
    border-radius: 22px;
    padding: 47px 118px 158px;
    margin-bottom: 77px;
    box-sizing: border-box;
}

.title-contact-form h2 {
    font-family: Roboto;
    font-size: 30px;
    font-weight: 600;
    line-height: 35.16px;
    text-align: center;
    color: #00A651;
    margin-bottom: 10px;
}

.title-contact-form p {
    margin-bottom: 40px;
    color: #525252;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    text-align: center;

}

.content-contact-form {
    display: flex;
    flex-wrap: wrap;
    gap: 0 16px;
}

.content-contact-form p {
    margin-bottom: 30px;

}

.content-contact-form .contact-col-2 {
    width: calc(50% - 8px);
}

.content-contact-form .contact-col-1 {
    width: 100%;
}

.content-contact-form label {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 4px;
    color: #525252;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.content-contact-form label span {
    color: #FB4F4F;
}

.content-contact-form input,
.content-contact-form select {
    width: 100%;
    height: 46px;
    border: 1px solid #ABABAB;
    background: #EBF8ED;
    border-radius: 5px;
    padding: 5px 15px;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    color: #525252;
    line-height: 26px;
}

.content-contact-form select {
    background-image: url('../../assets/image/icon-bottom.png');
    background-position: center right 17px;
    background-repeat: no-repeat;
    /* for Firefox */
    -moz-appearance: none;
    /* for Chrome */
    -webkit-appearance: none;
}

.content-contact-form select::-ms-expand {
    display: none;
}

.content-contact-form textarea {
    resize: none;
    width: 100%;
    min-height: 157px;
    border: 1px solid #ABABAB;
    background: #EBF8ED;
    border-radius: 5px;
    padding: 10px 15px;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    color: #525252;
    line-height: 26px;
}

.btn-contact-form {
    margin-top: 20px;

}

.btn-contact-form button {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 600;
    line-height: 21.09px;
    padding: 14px 57px 15px;
    background: #F47920;
    border-radius: 30px;
    color: #fff;
    border: none;
    outline: none;
    text-transform: uppercase;
    cursor: pointer;
}

.btn-contact-form button.disabled {
  font-family: Roboto;
  font-size: 18px;
  font-weight: 600;
  line-height: 21.09px;
  padding: 14px 57px 15px;
  background: #8d8d94;
  border-radius: 30px;
  color: #fff;
  border: none;
  outline: none;
  text-transform: uppercase;
}

.btn-contact-form button:not(.disabled):hover {
    background: #00A651;
}

.contact-medicine .wrap-contact-form {
    margin-bottom: 100px;
}

.cont-file {
    position: relative;
}

.cont-file input {
    position: absolute;
    bottom: 0;
    opacity: 0;
    left: 0;
}

.cont-file span {
    width: 100%;
    min-height: 46px;
    border: 1px solid #ABABAB;
    background: #EBF8ED;
    border-radius: 5px;
    padding: 5px 15px;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    color: #525252;
    line-height: 26px;
    display: flex;
    align-items: center;
    overflow: hidden;
}

.contact-medicine .content-contact-form textarea {
    min-height: 87px;
}

.rst-widget ul li a i {
    font-size: 23px;
}

.btn-aaa i {
    font-size: 23px;
    color: rgba(244, 121, 32, 1);
}

.btn-pre-header i {
    font-size: 23px;
    color: rgba(244, 121, 32, 1);
}

.rst-widget.widget2 ul li a i {
    font-size: 23px;
    color: #0866FF;
}

.rst-widget.widget2 ul li a i.fa-facebook-f {
    width: 17px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.rst-widget.widget2 ul li a i.icofont-youtube {
    font-size: 23px;
    color: rgb(255, 0, 0);
}

.l-cart-header img {
    display: block;
}

.filter-sidebar {
    display: none;
}

.form-order,
.wrap-order-top {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.list-order {
    margin-top: 20px;
    padding: 30px 55px 35px 50px;
    box-shadow: 0px 0px 20px 0px #0000000D;

    background: #fff;
    border-radius: 6px;
}

.wrap-order-top {
    width: calc(100% - 140px);
}

.wrrap-order-bottom {
    width: 120px;
}

.inner-order-top {
    width: calc(33.33% - 13.33px);
    display: flex;
    align-items: center;
    gap: 10px;
}

.form-order label {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 600;
    line-height: 18.75px;
    text-align: left;
    color: #3A3A3A;

}

.form-order input {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    color: #3A3A3A;
    border: 1px solid #E1E1E1;
    border-radius: 5px;

}

.sku-order input {
    height: 35px;
    padding: 0 16px;
    width: 80px;
}

.to-date input,
.last-date input {
    width: 150px;
    position: relative;
    z-index: 1;
    background: none;
    height: 35px;
    padding: 0 5px 0 16px;

}

.wrap-ip-date {
    position: relative;
}

.wrap-ip-date img {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    background-image: url('../../assets/image/calendar.svg');
    width: 16px;
    height: 16px;
    z-index: 0;
}

.inner-order-top input[type="date"]::-webkit-inner-spin-button,
.inner-order-top input[type="date"]::-webkit-calendar-picker-indicator {
    opacity: 0;
}

.btn-order button {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 600;
    line-height: 18.75px;
    background: #F47920;
    border-radius: 18px;
    padding: 10px 0;
    width: 100%;
    color: #fff;
    border: none;
    outline: none;
    cursor: pointer;
    transition: all 0.3s;
}

.btn-order button:hover {
    background: #00A651;
}

.list-content-order {
    margin-top: 45px;
}

.list-content-order table {
    width: 100%;
}

.list-content-order table {
    border-spacing: 0;
    /* padding-bottom: 30px; */

}

.list-content-order table thead td {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 600;
    line-height: 21.09px;
    text-align: left;
    color: #3A3A3A;
    padding-bottom: 13px;
    border-bottom: 1px solid #E1E1E1;

}

.list-content-order table tbody td {
    border-bottom: 1px solid #E1E1E1;
    padding: 15px 0;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 18.75px;
    color: #3A3A3A;
    vertical-align: middle;
}

.list-content-order table tbody td a {
    color: #F47920;
    text-decoration: underline;
}

.list-content-order table tbody td a:hover {
    color: #3A3A3A;
}

.wrap-order .pagination {
    margin-bottom: 0;
    margin-top: 30px;
}

.wrap-content-order-popup {
    /* padding: 26px 30px 35px 28px !important; */
    border-radius: 10px;
    display: none;
}

.title-cont-order h2 {
    font-family: Roboto;
    font-size: 34px;
    font-weight: 500;
    line-height: 42.5px;
    text-align: left;
    color: #3D7500;
    margin-bottom: 19px;
}

.status-order {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 20px;
    align-items: center;
    justify-content: start;
    margin-bottom: 32px;
}

.status-order p {
    margin-bottom: 0;
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    line-height: 22.5px;
    text-align: left;
    color: #3A3A3A;

}

.row-order {
    display: flex;
    justify-content: space-between;
    gap: 30px 50px;
}

.info-order h3 {
    font-family: Roboto;
    font-size: 22px;
    font-weight: 500;
    line-height: 27.5px;
    text-align: left;
    margin-bottom: 13px;
    color: #3A3A3A;
}

.info-order p {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    line-height: 22.5px;
    margin-bottom: 15px;
}

.wrap-content-order-popup .fancybox-button {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #EAEEE4;
    padding: 0 !important;
    right: -11px !important;
    top: -12px !important;
    opacity: 1;
}

.fancybox-bg {
    background: #000 !important;
}

.fancybox-is-open .fancybox-bg {
    opacity: 0.5 !important;
}

.fancybox-is-open .fancybox-stage {
    overflow: auto !important;
}

.fancybox-content {
    overflow: visible !important;
}

.text-success {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 600;
    line-height: 22.5px;
    color: #00A651;
}

.form-forgot-pass .form-control {
    position: relative;
}

.btn-eye {
    position: absolute;
    z-index: 1;
    bottom: 13px;
    right: 20px;
    cursor: pointer;
}

.btn-eye i {
    font-size: 22px;
}

.btn-eye .icofont-eye {
    display: none;
}

.btn-eye.active .icofont-eye {
    display: block;
}

.btn-eye.active .icofont-eye-blocked {
    display: none;
}

.btn-eye:hover i {
    color: rgba(244, 121, 32, 1);
}

.info-user-header {
    position: relative;
}

.navigation-header {
    position: absolute;
    top: 50px;
    right: 0;
    width: 270px;
    background: #fff;
    z-index: 2;
    padding: 20px 15px;
    border: 1px solid #E7E8E9;
    border-radius: 6px;
    box-shadow: 0px 0px 20px 0px #0000000D;
    opacity: 0;
    visibility: hidden;
    margin-top: 10px;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}
.navigation-header .navigation-accout h2{
    font-size: 22px;
    line-height: 1.5;
    margin-bottom: 5px;
}
.navigation-header .navigation-accout img{
    width: auto !important;
    height: auto !important;
}
.navigation-header .navigation-accout ul li a{
    justify-content: start;
    padding: 10px 5px 10px 10px;
    font-size: 16px;
}
.info-user-header.nav-open .navigation-header {
    opacity: 1;
    visibility: visible;
    margin-top: 0;
}

.notification{
  animation-name: shake;
  animation-timing-function: ease-in-out;
  animation-duration: .5s;
  animation-iteration-count: 2;
  animation-delay: .5s;
}

@keyframes shake {
  0%,
  100% {
    transform: rotate(0deg);
  }
  20%,
  60% {
    transform: rotate(6deg);
  }
  40%,
  80% {
    transform: rotate(-6deg);
  }
}