/*
 * CSS Chi tiết sản phẩm
*/

/* Chi tiết sản phẩm khung trên *
.single-product .product-main { padding: 0px;}
.single-product .product-main .product-gallery { padding-bottom: 30px !important;}
.single-product .product-main .product-info { padding-top: 0px;}
.single-product .product-main .product-info .product-title { color: #000; font-size: 30px;}
.single-product .product-main .product-info .product-short-description { margin-top: 0px !important; margin-bottom: 30px; background: #fff2f7; padding: 15px; border-radius: 8px; max-width: 100%; flex-basis: 100%;}
.single-product .product-main .product-info .product-short-description ul { margin: 0px; list-style: none;}
.single-product .product-main .product-info .product-short-description ul li { margin-left: 0px; position: relative;}
.single-product .product-main .product-info .product-short-description ul li:before { content: ""; width: 20px; height: 20px; display: inline-block; margin-right: 10px; background-image: url("data:image/svg+xml,%3Csvg class='w-6 h-6 text-gray-800 dark:text-white' aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath fill='%23b50919' fill-rule='evenodd' d='M12 2c-.791 0-1.55.314-2.11.874l-.893.893a.985.985 0 0 1-.696.288H7.04A2.984 2.984 0 0 0 4.055 7.04v1.262a.986.986 0 0 1-.288.696l-.893.893a2.984 2.984 0 0 0 0 4.22l.893.893a.985.985 0 0 1 .288.696v1.262a2.984 2.984 0 0 0 2.984 2.984h1.262c.261 0 .512.104.696.288l.893.893a2.984 2.984 0 0 0 4.22 0l.893-.893a.985.985 0 0 1 .696-.288h1.262a2.984 2.984 0 0 0 2.984-2.984V15.7c0-.261.104-.512.288-.696l.893-.893a2.984 2.984 0 0 0 0-4.22l-.893-.893a.985.985 0 0 1-.288-.696V7.04a2.984 2.984 0 0 0-2.984-2.984h-1.262a.985.985 0 0 1-.696-.288l-.893-.893A2.984 2.984 0 0 0 12 2Zm3.683 7.73a1 1 0 1 0-1.414-1.413l-4.253 4.253-1.277-1.277a1 1 0 0 0-1.415 1.414l1.985 1.984a1 1 0 0 0 1.414 0l4.96-4.96Z' clip-rule='evenodd'/%3E%3C/svg%3E%0A"); background-size: 20px; background-position: center; background-repeat: no-repeat; position: relative; top: 4px;}

.single-product .product-main form.cart .single_add_to_cart_button, .single-product .product-main form.cart .ux-buy-now-button { background: #fff !important; border-radius: 5px; border: 1px solid #b50919; border-left: 5px solid #b50919; color: #b50919; opacity: 1; pointer-events: unset !important; }
.single-product .product-main form.cart .ux-quantity { border: 1px solid #b50919; border-radius: 5px; overflow: hidden;}
.single-product .product-main form.cart .ux-quantity .is-form { background: #fff; border: 0px;}
.single-product .product-main form.cart .ux-quantity .input-text { background: #fff; border: 0px; box-shadow: none;}
.single-product .product-main form.cart .button:hover { background: #b50919 !important; color: #fff;}
.product-info .btl-product { width: 48%; margin: 0 auto 20px;}	
	
/* chi tiết sản phẩm nội dung *	
.single-product .product-footer .woocommerce-tabs { border: 0px;}
.single-product ul.product-tabs { width: 100%; margin-top: 0px !important; margin-bottom: 20px; justify-content: center;}
.single-product ul.product-tabs li a { background: #000; padding: 10px 30px; border-radius: 5px; color: #fff; font-size: 16px; text-transform: uppercase; border: 0px;}
.single-product ul.product-tabs li.active a, .single-product ul.product-tabs li a:hover { background: #b50919; color: #fff;}
.single-product .woocommerce-tabs .tab-panels { padding: 15px 0px 0px; border: 0px;}

/*
 * Sản phẩm liên quan
 * */
.related.related-products-wrapper { border: 0px;}
.related .product-section-title { width: 100%; font-size: 30px; font-family: "Black Han Sans", sans-serif; font-weight: 400; padding: 0px 15px 15px; }
.products .product .col-inner { position: relative; background-color: #FFF; padding: 10px 10px 20px; border: 1px solid #e5e5e5; border-radius: 10px;}
.products .product .box-image { border-radius: 10px;}
.products .product .box-text { padding: 15px 0px 0px;}
.products .product .product-title a { color: #000; font-size: 16px; display: block; width: 100%;}

/*
 * Custom sản phẩm
 * */
.template-product { }

/* breadcrumb product */
.product-breadcrumb-container { line-height: 40px; margin-bottom: 20px;}
.product-breadcrumb-container .breadcrumbs { max-width: 1310px; margin: auto; text-transform: unset; line-height: 20px;  padding: 10px 15px; font-size: 14px; font-weight: 400; color: #000; letter-spacing: 0px; text-align: left; }
.product-breadcrumb-container .breadcrumbs a { position: relative; display: inline-block; text-transform: none; font-weight: 400; font-size: 14px; color: #000; }
.product-breadcrumb-container .breadcrumbs a:hover { color: #b50919; }

/* Tiêu đề */
.template-product h1.product-title { color: #000; font-size: 26px;}
.template-product .product-top .hbw-custom-price { margin-bottom: 30px;}

/* Gallery ảnh sản phẩm */
.template-product .product-top .hbw-product-images-wrap { background: #fff; box-shadow: 0 3px 6px -4px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23); border-radius: 10px; grid-template-columns: 1.01fr 1fr; grid-template-rows: auto; gap: 10px; align-items: start; margin: 0px;}
.template-product .product-top .hbw-product-images-wrap .hbw-main-image { grid-column: 1 / 2; grid-row: 1 / 2; position: relative; overflow: hidden; border-radius: 10px; aspect-ratio: 16 / 10;}
.template-product .product-top .hbw-product-images-wrap a { display: block; position: relative; overflow: hidden; border-radius: 10px; height: 100%; width: 100%;}
.template-product .product-top .hbw-product-images-wrap img { width: 100%; height: 100%; object-fit: cover;}
.template-product .product-top .hbw-product-images-wrap .hbw-gallery-images { grid-column: 2 / 3; grid-row: 1 / 2; display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, 1fr); gap: 10px; height: 100%; min-height: 0;}
.template-product .product-top .hbw-product-images-wrap .hbw-gallery-images a { aspect-ratio: 16 / 10;}
.template-product .product-top .hbw-product-images-wrap a span.absolute { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; font-size: 1.5em; color: white; background-color: rgba(0, 0, 0, 0.55); font-weight: bold; border-radius: inherit; pointer-events: none; z-index: 1;}

@media only screen and (min-width: 960px) { 
  .template-product .product-top .hbw-product-images-wrap { padding: 25px; }
  .template-product .product-top .hbw-product-images-wrap { display: grid; }
}
@media only screen and (max-width: 959px) { 
  .template-product .product-top .hbw-product-images-wrap { padding: 15px; }
}

/* Tiêu đề phụ*/
.template-product .product-left .tieude { font-size: 25px; margin-bottom: 1rem; font-family: "Black Han Sans", sans-serif; font-weight: 400;}

/* Khung giá tiền và thông tin tour *
.custom-info-box { padding: 1.5rem; background: #fff; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1); border-radius: 10px; border: 1px solid #e0e0e0;}
.custom-info-box .custom-price { font-size: 16px; margin-bottom: 10px;}
.custom-info-box .thong-tin { font-size: 16px;}
.custom-info-box .thong-tin div~div { margin-top: 10px;}
.custom-info-box .thong-tin div { padding-left: 25px; position: relative;}
.custom-info-box .thong-tin div:before { content: ""; width: 16px; height: 16px; position: absolute; left: 0px; top: 3px; filter: brightness(0) saturate(100%) invert(13%) sepia(74%) saturate(5093%) hue-rotate(347deg) brightness(85%) contrast(104%);}
.custom-info-box .thong-tin .thoi-gian:before { background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.99984 14.6667C10.9454 14.6667 13.3332 12.2789 13.3332 9.33333C13.3332 6.38781 10.9454 4 7.99984 4C5.05432 4 2.6665 6.38781 2.6665 9.33333C2.6665 12.2789 5.05432 14.6667 7.99984 14.6667Z' stroke='%231F50EA' stroke-width='1.5'%3E%3C/path%3E%3Cpath d='M9.33317 1.33334H6.6665' stroke='%231F50EA' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M8 1.33334V4.00001' stroke='%231F50EA' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M11.6665 5.33334L12.6665 4.33334' stroke='%231F50EA' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M8 9.33334V7.33334' stroke='%231F50EA' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M8 9.33334H6' stroke='%231F50EA' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat;}
.custom-info-box .thong-tin .diem-kh:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16' stroke='currentColor' class='size-4 text-primary-v2 flex-shrink-0'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M13.333 6.788c0 2.432-1.752 4.664-3.248 6.127-.847.828-1.27 1.242-2.085 1.242-.816 0-1.239-.414-2.085-1.242-1.496-1.463-3.248-3.695-3.248-6.127 0-1.447.561-2.834 1.562-3.857a5.274 5.274 0 0 1 3.77-1.598c1.415 0 2.772.575 3.772 1.598a5.518 5.518 0 0 1 1.562 3.857Z'%3E%3C/path%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M8 8.606c.982 0 1.778-.814 1.778-1.818S8.982 4.97 8 4.97s-1.778.814-1.778 1.818S7.018 8.606 8 8.606Z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; }
.custom-info-box .thong-tin .lich-kh:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' class='text-primary-v2 items-end'%3E%3Cg fill='currentColor' fill-rule='evenodd' clip-path='url(%23a)' clip-rule='evenodd'%3E%3Cpath d='M.666 3.333C.666 2.597 1.263 2 1.999 2h12c.737 0 1.334.597 1.334 1.333V14c0 .736-.597 1.333-1.334 1.333H2A1.333 1.333 0 0 1 .666 14V3.333Zm13.333 0H2V14h12V3.333Z'%3E%3C/path%3E%3Cpath d='M.666 6.667c0-.369.298-.667.667-.667h13.333a.667.667 0 1 1 0 1.333H1.333a.667.667 0 0 1-.667-.666ZM.666 10.667c0-.368.298-.667.667-.667h13.333a.667.667 0 0 1 0 1.333H1.333a.667.667 0 0 1-.667-.666ZM5.667.667c.368 0 .666.298.666.666V4A.667.667 0 1 1 5 4V1.333c0-.368.298-.666.667-.666ZM10.333.667c.368 0 .666.298.666.666V4a.667.667 0 1 1-1.333 0V1.333c0-.368.298-.666.667-.666Z'%3E%3C/path%3E%3Cpath d='M5.667 6c.368 0 .666.298.666.667v8a.667.667 0 1 1-1.333 0v-8C5 6.298 5.298 6 5.667 6ZM10.333 6c.368 0 .666.298.666.667v8a.667.667 0 1 1-1.333 0v-8c0-.369.298-.667.667-.667ZM14.667 3.667c.368 0 .666.298.666.666V13A.667.667 0 0 1 14 13V4.333c0-.368.299-.666.667-.666ZM1.333 3.667c.368 0 .666.298.666.666V13a.667.667 0 0 1-1.333 0V4.333c0-.368.298-.666.667-.666Z'%3E%3C/path%3E%3Cpath d='M4 14.667c0-.368.298-.667.667-.667h6.666a.667.667 0 0 1 0 1.333H4.667A.667.667 0 0 1 4 14.667Z'%3E%3C/path%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h16v16H0z'%3E%3C/path%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); background-repeat: no-repeat; }
.custom-info-box .thong-tin .lich-kh ul { margin: 0px;}
.custom-info-box .thong-tin .lich-kh ul li { margin-bottom: 0px;}
.custom-info-box a.dat-tour { display: block; margin-top: 20px; text-align: center; font-size: 16px; font-weight: 600; background: #b50919; color: #fff; border-radius: 5px; padding: 10px 15px;}


@media only screen and (min-width: 960px) { 
  .template-product .product-left .custom-info-box { display: none;}
}
@media only screen and (max-width: 959px) { 

}

/* Gallery Ảnh sp *
.template-product .product-images .woocommerce-product-gallery__image { border-radius: 10px; overflow: hidden;}
.template-product .product-images .woocommerce-product-gallery__image a { display: block; padding-top: 67%; position: relative;}
.template-product .product-images .woocommerce-product-gallery__image img, .template-product .product-thumbnails .col a img { bottom: 0; font-family: "object-fit: cover;"; height: 100%; left: 0; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; position: absolute; right: 0; top: 0; width: 100%;}
.template-product .product-thumbnails .col a { display: block; padding-top: 55%; position: relative; border-radius: 10px; border-width: 3px; }
.template-product .product-thumbnails .col a img { margin: 0px; transform: unset;}
.template-product .product-thumbnails .col.is-selected a { border-color: #b50919;}

@media only screen and (min-width: 960px) { 

}
@media only screen and (max-width: 959px) { 
  .template-product .product-thumbnails { margin-bottom: 30px !important; }
}

/* Nút chạy */
.template-product .stack { margin-bottom: 30px; margin-top: 10px; border-bottom: 1px solid #828282;}
.template-product .stack a.button { padding: .625rem; border: 0px; font-size: 16px; color: #000; line-height: normal;}

/* BOOK WITH CONFIDENCE */
.template-product .book-confidence { background: #f8f2f2; border-radius: 15px;}
.template-product .book-confidence .section-content { display: flex; flex-flow: row wrap; width: 100%;}
.template-product .book-confidence .section-title-container { max-width: 100%; flex-basis: 100%;}
.template-product .book-confidence .section-title-container .section-title { margin: 0px;}
.template-product .book-confidence .section-title-container .section-title b { visibility: hidden;}
.template-product .book-confidence .section-title-container .section-title .section-title-main { font-family: "Black Han Sans", sans-serif; font-weight: 400; font-size: 25px;}
.template-product .book-confidence .featured-box { max-width: 50%; flex-basis: 100%; padding: 15px;}
.template-product .book-confidence .featured-box .icon-box-img img { padding: 0px;}
.template-product .book-confidence .featured-box .icon-box-text { font-size: 16px;}
.template-product .book-confidence .featured-box .uppercase { font-family: "Black Han Sans", sans-serif; font-size: 20px; font-weight: 400;}

@media only screen and (min-width: 960px) { 

}
@media only screen and (max-width: 959px) { 
  .template-product .book-confidence { padding: 30px 0px !important;}
  .template-product .book-confidence .section-title-container { padding: 0 15px;}
}

/* Custom field  trong tab nội dung */
.woocommerce-tabs .hbw-info-tour { margin-bottom: 20px; display: flex; gap: 10px;}
.woocommerce-tabs .hbw-info-tour .field-item { background-color: #e9f2ff; padding: 8px 16px; border-radius: 10px;}

@media only screen and (min-width: 960px) { 
  .woocommerce-tabs .hbw-info-tour { flex-direction: row; }
}
@media only screen and (max-width: 959px) { 
  .woocommerce-tabs .hbw-info-tour { flex-flow: row wrap; }
}

/* Tab nội dung */
.woocommerce-tabs { margin-top: 30px; padding: 25px !important; background: #fff; box-shadow: 0 3px 6px -4px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23); border-radius: 10px;}
.template-product .woocommerce-tabs ul.tabs li a { padding: 0px; font-size: 25px; font-family: "Black Han Sans", sans-serif; font-weight: 400; color: #0b6aff; }
.template-product .woocommerce-tabs ul.tabs li a:before { display: none; }

/* South Asia Travel Promises */
.product-khuyen-mai { background: #0b6aff; border-radius: 10px; margin-top: 30px; font-size: 16px; text-align: center;}
.product-khuyen-mai h2 { color: #fff; font-family: "Black Han Sans", sans-serif; font-weight: 400; }
.product-khuyen-mai ul { margin: 0px; list-style: none; display: flex; flex-direction: row; justify-content: center; gap: 15px; flex-wrap: wrap; }
.product-khuyen-mai ul li { margin: 0px !important; padding: 10px; border-radius: 15px; background: #fff; font-size: 16px; font-weight: bold;}
.product-khuyen-mai ul li:before { content: ""; display: inline-block; width: 16px; height: 16px; background-image: url("data:image/svg+xml,%3Csvg class='w-6 h-6 text-gray-800 dark:text-white' aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12Zm9.408-5.5a1 1 0 1 0 0 2h.01a1 1 0 1 0 0-2h-.01ZM10 10a1 1 0 1 0 0 2h1v3h-1a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2h-1v-4a1 1 0 0 0-1-1h-2Z' clip-rule='evenodd'/%3E%3C/svg%3E%0A");  background-size: 16px; background-repeat: no-repeat; background-position: center; margin-right: 5px; position: relative; top: 2px;}

@media only screen and (min-width: 960px) { 
  .product-khuyen-mai h2 { font-size: 30px; line-height: 90px;}
  .product-khuyen-mai { padding: 25px; }
}
@media only screen and (max-width: 959px) { 
  .product-khuyen-mai h2 { font-size: 25px; margin-bottom: 30px; }
  .product-khuyen-mai { padding: 25px 15px; }
}

/* Lịch trình */
.lich-trinh { padding-bottom: 50px; border-bottom: 1px solid #e5e7eb;}
.lich-trinh .accordion .accordion-item { position: relative;}
.lich-trinh .accordion .accordion-item:not(:last-child) { padding-bottom: 1.25rem;}
.lich-trinh .accordion .accordion-item:not(:last-child):before { content: ""; height: 100%; position: absolute; left: 12px; top: 5px; border-left: 1px dashed #b50919;}
.lich-trinh .accordion .accordion-item .accordion-title { border: 0px; padding: 0px 0px 0px 2.3em; background: transparent;}
.lich-trinh .accordion .accordion-item .accordion-title span { font-weight: 600; font-size: 16px;}
.lich-trinh .accordion .accordion-item .accordion-title button.toggle i.icon-angle-down { display: none;}
.lich-trinh .accordion .accordion-item .accordion-title button.toggle { margin: 0px; width: 24px; height: 24px; line-height: normal; min-height: auto; background: #b50919; top: 50%; transform: translate(0%, -50%); color: #fff; font-weight: 400; opacity: 1;}
.lich-trinh .accordion .accordion-item .accordion-title button.toggle:before { content: "+";}
.lich-trinh .accordion .accordion-item .accordion-title.active button.toggle:before { content: "-";}
.lich-trinh .accordion .accordion-item .accordion-inner { padding: 1.5rem 0px 0px 2.5rem; position: relative;}
.lich-trinh .accordion .accordion-item:last-child .accordion-inner:before { content: ""; height: 100%; position: absolute; left: 12px; top: 0px; border-left: 1px dashed #b50919;}

/* Additional Information */
.dieu-khoan { background: #fff; box-shadow: 0 3px 6px -4px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23); border-radius: 10px; margin-top: 30px; }
.dieu-khoan .accordion .accordion-item {  border: 1px solid #e0e0e0; border-radius: 10px; padding: 15px;}
.dieu-khoan .accordion .accordion-item~.accordion-item { margin-top: 20px;}

.dieu-khoan .accordion .accordion-item .accordion-title { border: 0px; background: transparent; padding: 0px 0px 0px 2.3em;}
.dieu-khoan .accordion .accordion-item .accordion-title span { font-weight: 600; font-size: 16px; color: #000;}
.dieu-khoan .accordion .accordion-item .accordion-title button.toggle i.icon-angle-down { display: none;}
.dieu-khoan .accordion .accordion-item .accordion-title button.toggle { margin: 0px; width: 24px; height: 24px; line-height: normal; min-height: auto; background: #0b6aff; top: 50%; transform: translate(0%, -50%); color: #fff; font-weight: 400; opacity: 1;}
.dieu-khoan .accordion .accordion-item .accordion-title button.toggle:before { content: "+";}
.dieu-khoan .accordion .accordion-item .accordion-title.active button.toggle:before { content: "-";}
.dieu-khoan .accordion .accordion-item .accordion-inner { padding: 15px 0px 0px;}

@media only screen and (min-width: 960px) { 
  .dieu-khoan { padding: 25px !important; }
}
@media only screen and (max-width: 959px) { 
  .dieu-khoan { padding: 25px 15px !important; }
}

/* Need Help */
.template-product .product-bottom >.col-inner { display: flex; flex-flow: row wrap; width: 100%; justify-content: space-between;}
.template-product .product-bottom .section-title-container { max-width: 100%; flex-basis: 100%; margin-top: 30px;}
.template-product .product-bottom .section-title-container .section-title { margin: 0px; font-weight: 400;}
.template-product .product-bottom .section-title-container .section-title b { visibility: hidden;}
.template-product .product-bottom .section-title-container .section-title .section-title-main { margin: 0px; text-transform: unset; font-size: 40px; font-family: "Black Han Sans", sans-serif;}
.template-product .product-bottom a.button { border: 0px; line-height: normal; min-height: auto; box-shadow: 0 3px 6px -4px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23); margin: 0px 0px 30px; max-width: 48%; flex-basis: 100%; text-align: left; color: #000 !important; display: flex; gap: 10px;}
.template-product .product-bottom a.button i.icon-angle-right { margin-right: 0px; margin-left: auto; font-size: 25px; font-weight: 600 !important;}
.template-product .product-bottom a.button span { position: relative; }
.template-product .product-bottom a.button span:before { content: ""; width: 45px; height: 45px; background-color: #e9f2ff; border-radius: 100%; position: absolute; }
.template-product .product-bottom a.button span:after { content: ""; width: 45px; height: 45px; position: absolute; filter: brightness(0) saturate(100%) invert(30%) sepia(49%) saturate(5064%) hue-rotate(211deg) brightness(99%) contrast(103%); }
.template-product .product-bottom a.btl-whatsapp span:after { background-image: url("data:image/svg+xml,%3Csvg class='w-6 h-6 text-gray-800 dark:text-white' aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M12 4a8 8 0 0 0-6.895 12.06l.569.718-.697 2.359 2.32-.648.379.243A8 8 0 1 0 12 4ZM2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10a9.96 9.96 0 0 1-5.016-1.347l-4.948 1.382 1.426-4.829-.006-.007-.033-.055A9.958 9.958 0 0 1 2 12Z' clip-rule='evenodd'/%3E%3Cpath fill='currentColor' d='M16.735 13.492c-.038-.018-1.497-.736-1.756-.83a1.008 1.008 0 0 0-.34-.075c-.196 0-.362.098-.49.291-.146.217-.587.732-.723.886-.018.02-.042.045-.057.045-.013 0-.239-.093-.307-.123-1.564-.68-2.751-2.313-2.914-2.589-.023-.04-.024-.057-.024-.057.005-.021.058-.074.085-.101.08-.079.166-.182.249-.283l.117-.14c.121-.14.175-.25.237-.375l.033-.066a.68.68 0 0 0-.02-.64c-.034-.069-.65-1.555-.715-1.711-.158-.377-.366-.552-.655-.552-.027 0 0 0-.112.005-.137.005-.883.104-1.213.311-.35.22-.94.924-.94 2.16 0 1.112.705 2.162 1.008 2.561l.041.06c1.161 1.695 2.608 2.951 4.074 3.537 1.412.564 2.081.63 2.461.63.16 0 .288-.013.4-.024l.072-.007c.488-.043 1.56-.599 1.804-1.276.192-.534.243-1.117.115-1.329-.088-.144-.239-.216-.43-.308Z'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: center; background-size: 22px; }
.template-product .product-bottom a.btl-tel span:after { background-image: url("data:image/svg+xml,%3Csvg class='w-6 h-6 text-gray-800 dark:text-white' aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M16 10.5h.01m-4.01 0h.01M8 10.5h.01M5 5h14a1 1 0 0 1 1 1v9a1 1 0 0 1-1 1h-6.6a1 1 0 0 0-.69.275l-2.866 2.723A.5.5 0 0 1 8 18.635V17a1 1 0 0 0-1-1H5a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1Z'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: center; background-size: 22px; }
.template-product .product-bottom a.btl-mail span:after { background-image: url("data:image/svg+xml,%3Csvg class='w-6 h-6 text-gray-800 dark:text-white' aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='currentColor' stroke-linecap='round' stroke-width='2' d='m3.5 5.5 7.893 6.036a1 1 0 0 0 1.214 0L20.5 5.5M4 19h16a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1Z'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: center; background-size: 22px; }
.template-product .product-bottom a.btl-chat span:after { background-image: url("data:image/svg+xml,%3Csvg class='w-6 h-6 text-gray-800 dark:text-white' aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M16 10.5h.01m-4.01 0h.01M8 10.5h.01M5 5h14a1 1 0 0 1 1 1v9a1 1 0 0 1-1 1h-6.6a1 1 0 0 0-.69.275l-2.866 2.723A.5.5 0 0 1 8 18.635V17a1 1 0 0 0-1-1H5a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1Z'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: center; background-size: 22px; }

@media only screen and (min-width: 960px) {
  .template-product .product-bottom a.button { padding: 20px; font-size: 18px; }
  .template-product .product-bottom a.button span { padding-left: 55px; line-height: 45px;}
  .template-product .product-bottom a.button span:before { left: 0px; top: 50%; transform: translate(0, -50%); }
  .template-product .product-bottom a.button span:after { left: 0px; top: 50%; transform: translate(0, -50%); }
}
@media only screen and (max-width: 959px) { 
  .template-product .product-bottom a.button { padding: 15px; font-size: 16px; }
  .template-product .product-bottom a.button span { padding-top: 55px; padding-left: 0px; text-align: center; }
  .template-product .product-bottom a.button span:before { left: 50%; top: 0%; transform: translate(-50%, 0%); }
  .template-product .product-bottom a.button span:after { left: 50%; top: 0%; transform: translate(-50%, 0%); }
  .template-product .product-bottom a.button i.icon-angle-right { position: absolute; right: 0px; top: 50%; transform: translate(-50%, 0%);}
}

/* Sản phẩm liên quan */
.related .product .product-small, .related .product .box-image, .related .product .box-text { display: block !important;}
.related .product .hbw-info-khuyen-mai { display: none;}

/* Thông tin tour */
.products .product .col-inner { position: relative; background-color: #FFF; padding: 0px; border: 1px solid #e5e5e5; border-radius: 10px; overflow: hidden; }
/* .products .product .product-small { display: flex; flex-flow: row wrap; width: 100%; } */
.products .product .box-image { border-radius: 10px; /* max-width: 35%; flex-basis: 100%; */ }
.products .product .box-text { /* padding: 0px 0px 0px 20px; max-width: 65%; flex-basis: 100%; */ padding: 15px; display: flex !important; flex-direction: column;  }
.products .product .box-text .title-wrapper { order: 1;}
.products .product .product-title { margin: 0px; font-weight: 600;}
.products .product .product-title a { color: #000; font-size: 16px; width: 100%; margin: 0px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.products .product .price-wrapper { margin-top: 10px; padding-top: 10px; border-top: 1px solid #e5e5e5; order: 3; display: flex; flex-direction: row; justify-content: space-between; align-items: center; gap: 10px;}
.products .product .price-wrapper .hbw-view-more-btn { color: #000; text-decoration: underline; font-size: 16px; margin: 0px;}
.products .product .hbw-info-tour { text-align: left; color: #000; display: flex; flex-flow: row wrap; justify-content: space-between; order: 2; margin-top: 10px; gap: 5px; font-size: 13px; }

.products .product .price-wrapper span.price { text-align: left; line-height: normal; }
.products .product .price-wrapper span.price:before { content: "From"; margin-right: 5px;}
.products .product .price-wrapper span.price del { }
.products .product .price-wrapper span.price ins { }
.products .product .price-wrapper span.price ins .woocommerce-Price-amount {  }

/* form Book tour */
.template-product .product-right .col-inner { border-radius: 10px;}
.template-product .product-right .section-title-container { margin-bottom: 15px;}
.template-product .product-right .section-title-container .section-title { margin: 0px; border: 0px;}
.template-product .product-right .section-title-container .section-title .section-title-main { padding: 0px; border: 0px; margin: 0px auto; line-height: normal; font-size: 25px; font-family: "Black Han Sans", sans-serif; font-weight: 400;}

.template-product .product-right .wpcf7 .wpcf7-form { margin: 0px; }
.template-product .product-right .wpcf7 .row-form { display: flex; flex-flow: row wrap; width: 100%; justify-content: space-between;}
.template-product .product-right .wpcf7 .col-right { flex-basis: 100%; padding-bottom: 15px;}
.template-product .product-right .wpcf7 .col-left { flex-basis: 100%; padding-bottom: 15px;}
.template-product .product-right .wpcf7 .col-full { flex-basis: 100%; padding-bottom: 15px;}
.template-product .product-right .wpcf7 .col-full .row { margin: 0px; justify-content: space-between;}
.template-product .product-right .wpcf7 .col-full .row:after { display: none; }
.template-product .product-right .wpcf7 .col-full .row div { max-width: 30%; flex-basis: 100%;}
.template-product .product-right .wpcf7 .col-full .row div span { font-size: 12px; }
.template-product .product-right .wpcf7 .wpcf7-date, .template-product .product-right .wpcf7 .wpcf7-number, .template-product .product-right .wpcf7 .wpcf7-text, .template-product .product-right .wpcf7 textarea, .template-product .product-right .wpcf7 .wpcf7-quiz { box-shadow: none; margin: 0px; border-radius: 5px; background: #f2f2f2; border: 0px;}

.template-product .product-right .wpcf7 span.wpcf7-spinner { display: none;}
.template-product .product-right .wpcf7 .wpcf7-submit { margin-right: 0px; margin-top: 15px; width: 100%; border-radius: 5px; text-transform: unset;}
.template-product .product-right .wpcf7 .text-luuy { text-align: center;}

@media only screen and (min-width: 960px) { 
  .template-product .product-right .wpcf7 .col-right { max-width: 48%;}
  .template-product .product-right .wpcf7 .col-left { max-width: 48%;}
  .template-product .product-right .wpcf7 .col-full { max-width: 100%;}
}
@media only screen and (max-width: 959px) { 
  .template-product .product-right .wpcf7 .col-right { max-width: 100%;}
  .template-product .product-right .wpcf7 .col-left { max-width: 100%;}
  .template-product .product-right .wpcf7 .col-full { max-width: 100%;}
  .template-product .product-right .wpcf7 .col-full .row div { font-size: 12px; }
}

/* Template Product 2 */
.template-product2:before { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 250px; background: url(../image/why-diff.png) no-repeat center top; background-size: cover;}
.template-product2:after { content: ""; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 250px; background: url(../image/why-diff.png) no-repeat center top; background-size: cover; transform: rotate(180deg);}
.template-product2 .section-content { display: flex; flex-flow: row wrap; width: 100%; justify-content: center; }
.template-product2 .section-title-container { margin-bottom: 50px; max-width: 100%; flex-basis: 100%;}
.template-product2 .section-title-container .section-title { font-weight: 400; margin: 0px;}
.template-product2 .section-title-container .section-title b { visibility: hidden;}
.template-product2 .section-title-container .section-title .section-title-main { margin: 0px; font-family: "Black Han Sans", sans-serif; }
.template-product2 .img { flex-basis: 100%; padding: 0 15px 30px;}
.template-product2 .img img { border-radius: 10px;}
.template-product2 .stack { flex-basis: 100%; padding: 0 15px 30px; display: block;}
.template-product2 .featured-box { padding-left: 45px; margin-bottom: 20px !important; position: relative;}
.template-product2 .featured-box:before { content: ""; width: 30px; height: 30px; position: absolute; left: 0px; top: 0px; background: #fff; border-radius: 100%;}
.template-product2 .featured-box:after { content: ""; width: 30px; height: 30px; position: absolute; left: 0px; top: 0px; background-image: url("data:image/svg+xml,%3Csvg class='w-6 h-6 text-gray-800 dark:text-white' aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath d='m12.75 20.66 6.184-7.098c2.677-2.884 2.559-6.506.754-8.705-.898-1.095-2.206-1.816-3.72-1.855-1.293-.034-2.652.43-3.963 1.442-1.315-1.012-2.678-1.476-3.973-1.442-1.515.04-2.825.76-3.724 1.855-1.806 2.201-1.915 5.823.772 8.706l6.183 7.097c.19.216.46.34.743.34a.985.985 0 0 0 .743-.34Z'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: center; background-size: 20px; filter: brightness(0) saturate(100%) invert(30%) sepia(49%) saturate(5064%) hue-rotate(211deg) brightness(99%) contrast(103%);}
.template-product2 .featured-box .icon-box-text:before { content: ""; position: absolute; left: 12px; top: 40px; border-left: 4px dotted #fff; height: calc(100% - 50px);}
.template-product2 .featured-box .uppercase { font-size: 19px; margin-bottom: 8px;}

.template-product2 .row { justify-content: center;}
.template-product2 .gallery-col .box-text { display: none;}
.template-product2 a.button { margin: 30px 0px 0px; color: #fff; font-size: 20px;}
.template-product2 a.button:hover { background: #fff; color: #000;}

@media only screen and (min-width: 960px) { 
  .template-product2 .section-title-container .section-title .section-title-main { font-size: 50px;}
  .template-product2 .img { max-width: 40%; }
  .template-product2 .stack { max-width: 60%; }
}
@media only screen and (max-width: 959px) { 
  .template-product2 { padding-top: 200px !important; padding-bottom: 200px !important;}
  .template-product2 .section-title-container .section-title .section-title-main { font-size: 25px;}
  .template-product2 .img { max-width: 100%; }
  .template-product2 .stack { max-width: 100%; }
}