.product-box .product-thumbnail.flexbox-grid > a{
    height: auto !important;
}
.product-box .product-thumbnail.flexbox-grid a img{
  width: 95%;
  padding-top: 5px !important;
  border-radius: 15px;
}
/*content blog*/
.ai-blog-content {
  font-size: 18px;
  line-height: 1.8;
  color: #222;
}

.ai-blog-content p {
  margin: 0 0 18px;
}

.ai-blog-content h2 {
  font-size: 36px;
  line-height: 1.25;
  margin: 42px 0 16px;
  font-weight: 700;
  color: #111;
}

.ai-blog-content h3 {
  font-size: 28px;
  line-height: 1.35;
  margin: 28px 0 12px;
  font-weight: 700;
  color: #111;
}

.ai-blog-content ul,
.ai-blog-content ol {
  margin: 0 0 22px 24px;
  padding: 0;
}

.ai-blog-content li {
  margin-bottom: 8px;
  line-height: 1.75;
}

.ai-blog-content strong {
  font-weight: 700;
  color: #111;
}

.ai-blog-content a {
  color: #0a7a5a;
  text-decoration: underline;
}

.ai-blog-content blockquote {
  margin: 24px 0;
  padding: 16px 20px;
  border-left: 4px solid #0a7a5a;
  background: #f7faf8;
  font-style: italic;
}

.ai-blog-content table {
  width: 100%;
  border-collapse: collapse;
  margin: 24px 0;
  font-size: 16px;
}

.ai-blog-content table th,
.ai-blog-content table td {
  border: 1px solid #ddd;
  padding: 12px 14px;
  text-align: left;
}

.ai-blog-content table th {
  background: #f4f4f4;
  font-weight: 700;
}

.ai-blog-content img {
  max-width: 100%;
  height: auto;
  border-radius: 12px;
  margin: 20px 0;
}

.ai-blog-content hr {
  border: 0;
  border-top: 1px solid #e5e5e5;
  margin: 32px 0;
}

/* FAQ đẹp hơn */
.ai-blog-content h2:last-of-type {
  margin-top: 48px;
}

/* Mobile */
@media (max-width: 767px) {
  .ai-blog-content {
    font-size: 16px;
    line-height: 1.75;
  }

  .ai-blog-content h2 {
    font-size: 28px;
    margin: 32px 0 14px;
  }

  .ai-blog-content h3 {
    font-size: 22px;
    margin: 24px 0 10px;
  }

  .ai-blog-content p,
  .ai-blog-content ul,
  .ai-blog-content ol,
  .ai-blog-content table {
    margin-bottom: 16px;
  }
}
.ai-blog-content h2 {
  letter-spacing: -0.5px;
}

.ai-blog-content table {
  box-shadow: 0 6px 18px rgba(0,0,0,0.04);
}

.ai-blog-content blockquote {
  box-shadow: 0 6px 18px rgba(0,0,0,0.03);
}
i.fas.fa-home {
	padding-right:10px;
}
i.fas.fa-shopping-basket{
	padding-right:10px;
}
/*end css blog content*/

._menu_item_content_wrapper_vektn_216{
  display: none !important;
}

/* Popup overlay */
        .popup-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.6);
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 1000;
        }

        /* Popup container */
        .popup {
            background: #fff;
            border-radius: 10px;
            max-width: 500px;
            width: 90%;
            text-align: center;
            position: relative;
        }

        /* Close button */
        .popup-close {
            position: absolute;
            top: 10px;
            right: 15px;
            font-size: 30px;
            color: #333;
            cursor: pointer;
        }
        .popup-close:hover {
            position: absolute;
            top: 10px;
            right: 15px;
            font-size: 35px;
            color: #d32f2f;
            cursor: pointer;
        }

        /* Popup content styling */
        .popup h2 {
            font-size: 24px;
            color: #555;
        }
        .popup h1 b{
            color: #d32f2f;
        }
        .popup p {
            font-size: 18px;
            color: #555;
        }
        .popup .cta-button {
            display: inline-block;
            margin-top: 10px;
            padding: 10px 20px;
            background-color: #d32f2f;
            color: #fff;
            border: none;
            border-radius: 5px;
            font-size: 18px;
            cursor: pointer;
            text-decoration: none;
        }
        .cta-button:hover {
            background-color: #b71c1c;
        }

        /* Responsive adjustments */
        @media (max-width: 768px) {
            .popup h2 {
                font-size: 20px;
            }
            .popup p {
                font-size: 16px;
            }
            .cta-button {
                font-size: 16px;
                padding: 8px 16px;
            }
        }

/* Blog sub menu */
header nav .nav-item .dropdown-menu{
  max-height: 400px; 
  overflow-y: auto;
}
/* Hiệu ứng phóng to 1.1 khi rê chuột */
.my-div {
  height: auto;
  transition: transform 0.4s ease-in-out; 
}

.my-div:hover {
  transform: scale(1.05);
}
.my-div1 {
  height: auto;
  transition: transform 0.4s ease-in-out; 
}

.my-div1:hover {
  transform: scale(1.02);
}
.my-div2 {
  height: auto;
  transition: transform 0.4s ease-in-out; 
}

.my-div2:hover {
  transform: scale(0.9);
}
/* Hiệu ứng ánh sáng khi rê chuột */

/* Màu font và link trong bài viết */
.rte {
	color:black;
}
.rte a{
	color:#0ba1d4;
}
.rte a:hover{
	color:#80bb35;
}
/* Footer */
.youhf{
	background-color:white;
	padding:5px;
	border-radius: 5px;
}
.ecomhf{
padding-top:20px;}
.facebook-inbox-tab{
	margin-right:50px;
}
/*Homepage*/

/* Products Footer */
.section-brand .brand-item img{
border-radius:20px;
}
/* Hỉnh ảnh khuyến mãi */
.hinhkm1 {
	display:none;
}
.hinhkm2 {
	display:none;
}
.hinhkm3 {
	display:none;
}
.quakm1:hover {
	background-color:beige;
	padding:5px;
}
.quakm2:hover {
	background-color:beige;
	padding:5px;
}
.quakm3:hover {
	background-color:beige;
	padding:5px;
}
/*Product Page*/
.tabs {
	display:none;
}
.product-box .price-box {
	font-size:16px;
}
.product-box:hover > .product-info .price-box{
	color:#0ba1d4;
	font-size:18px;
}
.product-box{
	transition: transform 0.7s ease;
}
.product-box:hover{
	transform: scale(1.05);
	background-color:aliceblue;
}
/*Detail Button Blog*/
.section_blog .blog-item .blog-item-info .btn:hover{
	background:#80bb35;
}
/*Homepage title*/
.section-title:hover p {
	color:red;
}
header nav .nav-item .dropdown-menu{
    height:auto;
}
.menu-text:hover{
  color:#0ba1d4;
}
.section_testimonial .testimonial-item .image-avata {
  width:100px;
}
/*SVG LOGO*/
/***************************************************
 * Generated by SVG Artista on 8/24/2023, 4:44:50 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

svg .svg-elem-1 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
}

svg.active .svg-elem-1 {
  fill: rgb(120, 170, 66);
}

svg .svg-elem-2 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s;
}

svg.active .svg-elem-2 {
  fill: rgb(120, 170, 66);
}

svg .svg-elem-3 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
}

svg.active .svg-elem-3 {
  fill: rgb(120, 170, 66);
}

svg .svg-elem-4 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s;
}

svg.active .svg-elem-4 {
  fill: rgb(120, 170, 66);
}

svg .svg-elem-5 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s;
}

svg.active .svg-elem-5 {
  fill: rgb(120, 170, 66);
}

svg .svg-elem-6 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s;
}

svg.active .svg-elem-6 {
  fill: rgb(120, 170, 66);
}

svg .svg-elem-7 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s;
}

svg.active .svg-elem-7 {
  fill: rgb(40, 169, 225);
}

svg .svg-elem-8 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
}

svg.active .svg-elem-8 {
  fill: rgb(40, 169, 225);
}

svg .svg-elem-9 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s;
}

svg.active .svg-elem-9 {
  fill: rgb(0, 109, 65);
}

svg .svg-elem-10 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s;
}

svg.active .svg-elem-10 {
  fill: rgb(120, 170, 66);
}

svg .svg-elem-11 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s;
}

svg.active .svg-elem-11 {
  fill: rgb(40, 169, 225);
}

svg .svg-elem-12 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s;
}

svg.active .svg-elem-12 {
  fill: rgb(40, 169, 225);
}

svg .svg-elem-13 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2s;
}

svg.active .svg-elem-13 {
  fill: rgb(40, 169, 225);
}

svg .svg-elem-14 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s;
}

svg.active .svg-elem-14 {
  fill: rgb(40, 169, 225);
}

svg .svg-elem-15 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s;
}

svg.active .svg-elem-15 {
  fill: rgb(120, 170, 66);
}

svg .svg-elem-16 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s;
}

svg.active .svg-elem-16 {
  fill: rgb(120, 170, 66);
}

svg .svg-elem-17 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4000000000000004s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4000000000000004s;
}

svg.active .svg-elem-17 {
  fill: rgb(120, 170, 66);
}

svg .svg-elem-18 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s;
}

svg.active .svg-elem-18 {
  fill: rgb(120, 170, 66);
}

svg .svg-elem-19 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s;
}

svg.active .svg-elem-19 {
  fill: rgb(120, 170, 66);
}

svg .svg-elem-20 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.7s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.7s;
}

svg.active .svg-elem-20 {
  fill: rgb(0, 109, 65);
}

svg .svg-elem-21 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.8s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.8s;
}

svg.active .svg-elem-21 {
  fill: rgb(0, 109, 65);
}

svg .svg-elem-22 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.9000000000000004s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.9000000000000004s;
}

svg.active .svg-elem-22 {
  fill: rgb(0, 109, 65);
}

svg .svg-elem-23 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3s;
}

svg.active .svg-elem-23 {
  fill: rgb(0, 109, 65);
}

svg .svg-elem-24 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.1000000000000005s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.1000000000000005s;
}

svg.active .svg-elem-24 {
  fill: rgb(0, 109, 65);
}

svg .svg-elem-25 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.2s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.2s;
}

svg.active .svg-elem-25 {
  fill: rgb(0, 109, 65);
}

svg .svg-elem-26 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.3s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.3s;
}

svg.active .svg-elem-26 {
  fill: rgb(0, 109, 65);
}

svg .svg-elem-27 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.4000000000000004s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.4000000000000004s;
}

svg.active .svg-elem-27 {
  fill: rgb(0, 109, 65);
}

svg .svg-elem-28 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.5s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.5s;
}

svg.active .svg-elem-28 {
  fill: rgb(0, 109, 65);
}

svg .svg-elem-29 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.6000000000000005s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.6000000000000005s;
}

svg.active .svg-elem-29 {
  fill: rgb(0, 109, 65);
}

svg .svg-elem-30 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.7s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.7s;
}

svg.active .svg-elem-30 {
  fill: rgb(0, 109, 65);
}

svg .svg-elem-31 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.8s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.8s;
}

svg.active .svg-elem-31 {
  fill: rgb(0, 109, 65);
}

svg .svg-elem-32 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.9000000000000004s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.9000000000000004s;
}

svg.active .svg-elem-32 {
  fill: rgb(0, 109, 65);
}

svg .svg-elem-33 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4s;
}

svg.active .svg-elem-33 {
  fill: rgb(0, 109, 65);
}

svg .svg-elem-34 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.1000000000000005s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.1000000000000005s;
}

svg.active .svg-elem-34 {
  fill: rgb(0, 109, 65);
}

svg .svg-elem-35 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.2s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.2s;
}

svg.active .svg-elem-35 {
  fill: rgb(0, 109, 65);
}

svg .svg-elem-36 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.3s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.3s;
}

svg.active .svg-elem-36 {
  fill: rgb(0, 109, 65);
}

svg .svg-elem-37 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.4s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.4s;
}

svg.active .svg-elem-37 {
  fill: rgb(0, 109, 65);
}

svg .svg-elem-38 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.5s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.5s;
}

svg.active .svg-elem-38 {
  fill: rgb(0, 109, 65);
}

svg .svg-elem-39 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.6000000000000005s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.6000000000000005s;
}

svg.active .svg-elem-39 {
  fill: rgb(0, 109, 65);
}

svg .svg-elem-40 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.7s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.7s;
}

svg.active .svg-elem-40 {
  fill: rgb(0, 109, 65);
}

svg .svg-elem-41 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.8s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.8s;
}

svg.active .svg-elem-41 {
  fill: rgb(0, 109, 65);
}

svg .svg-elem-42 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.9s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.9s;
}

svg.active .svg-elem-42 {
  fill: rgb(0, 109, 65);
}

svg .svg-elem-43 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 5s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 5s;
}

svg.active .svg-elem-43 {
  fill: rgb(0, 109, 65);
}