/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

@import "./css/libs.css";

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.small-col-order-4 {
		order: 4;
		text-align: center;
		justify-content: center;
	}

	.small-col-text-center .col-inner.text-right {
		text-align: center;
	}
	li.nav-icon.has-icon {
		border: 1px solid #1B252F;
		padding: 0 6px;
		border-radius: 4px;
		max-height: 34px;
		background-color: #1B252F;
		background: linear-gradient(to bottom, #1B252F 0%, #5A738C 100%);
		color: #fff;
	}
	li.nav-icon.has-icon a {
		line-height: 32px !important;
		padding-top: 1px;
		color: #fff;
	}
}
body.test {
	margin: auto;
}
body.test:before {
    content: ' ';
    position: absolute;
    top: 32px;
    left: 0;
	right: 0;
    background: url('https://sf-static.upanhlaylink.com/img/image_20260209cfdbc262b30662a420de12ef5d3f094f.jpg'); /* home */
	background: url('https://res.cloudinary.com/dycwkcxiu/image/upload/v1776403419/kdsqj2yez8mier0usj4k.jpg'); /* services */
	background: url('https://res.cloudinary.com/dycwkcxiu/image/upload/v1776461751/ucvq3pcf1xkznjjzjrt1.jpg'); /* team_detail */
    background-size: auto;
    background-position: center top;
    height: 20000vh;
	width: 1600px;
    max-width: 100%;
    z-index: 9999999;
    opacity: 0.5;
    pointer-events: none;
    margin: auto;
}
.mx-auto {
	margin-left: auto !important;
	margin-right: auto !important;
}
.header-button .button.primary.is-bevel {
    padding: 8px;
    width: 160px;
}
@media screen and (min-width: 849px)  {
    .logo-left .logo {
        border-right: 1px solid #cecece;
		margin-right: 25px;
    }
	.header-full-width .container {
		padding-left: 0;
	}
}

.border-radius {
    border-radius: 8px;
    overflow: hidden;
}
.bg-white,
.bg-white-col-inner > .col-inner {
    background-color: #fff;
}
.bg-gray-bottomtop .section-bg-overlay{
	background: #020613;
	background: linear-gradient(0deg,rgba(2, 6, 19, 1) 0%, rgba(2, 6, 19, 0) 40%);
}
.bg-lightgray-bottomtop .section-bg-overlay {
    background: #020613;
    background: linear-gradient(0deg, rgb(248 248 248) 0%, rgb(255 255 255 / 0%) 40%);
}
.bg-pinglight-bottomtop .section-bg-overlay {
	background: linear-gradient(0deg, #ffffff63 0%, #fff3f38a 100%);
}
.bg-banner-white-bottom .banner-layers.container {
    background: linear-gradient(180deg, #f8faff00 0%, #f8faff00 60%, #ffffffed 80%);
}
.box-shadow-col-inner > .col-inner {
	box-shadow: 0px 0px 71.7px 0px rgba(0, 0, 0, 0.06);
}
.box-overlay .box-text {
    background: linear-gradient(0deg, #b31e1acf 0%, #00000000 100%);
}
.pl-half {
	padding-left: .5rem !important;
}
.pl-half.ux-menu-link {
	padding-left: 0rem !important;
}
.pl-half.ux-menu-link > a,
.pl-half.ux-menu-link > span {
	padding-left: .5rem !important;
}
.pl-2x {
	padding: 2rem !important;
}
.p-0 {
    padding: 0 !important;
}
.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.mb--375 {
	margin-bottom: -5.3rem;
}
.mt--425 {
    margin-top: -4.25rem;
}
@media (min-width: 768px) {
	.row.h-100-img {
		height: 100%;
		flex-basis: 100%;
	}
	.row.h-100-img > .col {
		height: 100%;
	}
	.row.h-100-img > .col .col-inner,
	.row.h-100-img > .col .img {
		position: static;
	}
	.row.h-100-img > .col .img-inner {
		position: absolute;
		bottom: 0;
		top: 0;
		width: 100%;
		height: 100%;
	}

	.row.h-100-img > .col img {
		position: absolute;
		bottom: 0;
	}
}
.img-icon-half {
    width: 15px !important;
}
.bg-col-1 {
	 background-image: url(/wp-content/uploads/2026/02/bg-people.webp);
	background-size: contain;
}

.slide-padding-2x {
	padding-right: 4rem;
}
.slide-padding-2x .flickity-viewport {
    overflow: visible;
    padding-right: 4rem;
}
.slide-padding-2x .flickity-slider {
	padding-right: 4rem;
}
.slide-padding-2x .flickity-enabled {
    overflow: visible
}
.slide-padding-2x  .flickity-slider>.row:not(.is-selected) {
    opacity: 1;
}

/* icon  */
.icon-btn-zalo i {
    width: 36px;
    height: 36px;
    background: #fff0 url(/wp-content/uploads/2026/04/icon-svg-zalo.svg) no-repeat center;
}
.icon-btn-zalo i:before {
    display: none;
}
.icon-btn-phone i {
    width: 36px;
    height: 36px;
    background: #fff0 url(/wp-content/uploads/2026/04/icon-svg-phone.svg) repeat center;
}
.icon-btn-phone i:before {
    display: none;
}
.icon-btn-map i {
    width: 36px;
    height: 36px;
    background: #fff0 url(/wp-content/uploads/2026/04/icon-svg-map.svg) no-repeat center;
}
.icon-btn-map i:before {
    display: none;
}
.icon-vitam-login  .icon-angle-right  {
    display: inline-block;
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-color: currentColor;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.2507 3.08164C12.9653 3.08164 12.7234 3.18076 12.5252 3.379C12.3269 3.57725 12.2278 3.8191 12.2278 4.10457C12.2278 4.39004 12.3269 4.63189 12.5252 4.83014C12.7234 5.02838 12.9653 5.1275 13.2507 5.1275H18.3178V19.8291H13.2507C12.9653 19.8291 12.7234 19.9283 12.5252 20.1265C12.3269 20.3247 12.2278 20.5666 12.2278 20.8521C12.2278 21.1375 12.3269 21.3794 12.5252 21.5776C12.7234 21.7759 12.9653 21.875 13.2507 21.875H19.3407C19.6262 21.875 19.8681 21.7759 20.0663 21.5776C20.2646 21.3794 20.3637 21.1375 20.3637 20.8521V4.10457C20.3637 3.8191 20.2646 3.57725 20.0663 3.379C19.8681 3.18076 19.6262 3.08164 19.3407 3.08164H13.2507ZM8.73082 7.9584C8.92113 7.75223 9.15902 7.64914 9.44449 7.64914C9.72996 7.64914 9.96785 7.75223 10.1582 7.9584L13.9644 11.7646C14.012 11.8122 14.0556 11.8638 14.0953 11.9193C14.1349 11.9748 14.1627 12.0343 14.1785 12.0977C14.2102 12.1453 14.234 12.2047 14.2499 12.2761C14.2657 12.3475 14.2737 12.4149 14.2737 12.4783C14.2737 12.6211 14.2459 12.7519 14.1904 12.8708C14.1349 12.9898 14.0556 13.0968 13.9644 13.192L10.1582 16.9982C9.96785 17.2044 9.72996 17.3075 9.44449 17.3075C9.15902 17.3075 8.92113 17.2044 8.73082 16.9982C8.52465 16.8079 8.42156 16.57 8.42156 16.2846C8.42156 15.9991 8.52465 15.7612 8.73082 15.5709L10.8005 13.5012H2.59324C2.30777 13.5012 2.06592 13.4021 1.86768 13.2039C1.66943 13.0056 1.57031 12.7638 1.57031 12.4783C1.57031 12.1929 1.66943 11.951 1.86768 11.7528C2.06592 11.5545 2.30777 11.4554 2.59324 11.4554H10.8005L8.73082 9.38574C8.52465 9.19543 8.42156 8.95754 8.42156 8.67207C8.42156 8.3866 8.52465 8.14871 8.73082 7.9584Z' fill='white'/%3E%3C/svg%3E");
	display: inline-block;
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-color: currentColor; /* Màu icon mặc định */
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.2507 3.08164C12.9653 3.08164 12.7234 3.18076 12.5252 3.379C12.3269 3.57725 12.2278 3.8191 12.2278 4.10457C12.2278 4.39004 12.3269 4.63189 12.5252 4.83014C12.7234 5.02838 12.9653 5.1275 13.2507 5.1275H18.3178V19.8291H13.2507C12.9653 19.8291 12.7234 19.9283 12.5252 20.1265C12.3269 20.3247 12.2278 20.5666 12.2278 20.8521C12.2278 21.1375 12.3269 21.3794 12.5252 21.5776C12.7234 21.7759 12.9653 21.875 13.2507 21.875H19.3407C19.6262 21.875 19.8681 21.7759 20.0663 21.5776C20.2646 21.3794 20.3637 21.1375 20.3637 20.8521V4.10457C20.3637 3.8191 20.2646 3.57725 20.0663 3.379C19.8681 3.18076 19.6262 3.08164 19.3407 3.08164H13.2507ZM8.73082 7.9584C8.92113 7.75223 9.15902 7.64914 9.44449 7.64914C9.72996 7.64914 9.96785 7.75223 10.1582 7.9584L13.9644 11.7646C14.012 11.8122 14.0556 11.8638 14.0953 11.9193C14.1349 11.9748 14.1627 12.0343 14.1785 12.0977C14.2102 12.1453 14.234 12.2047 14.2499 12.2761C14.2657 12.3475 14.2737 12.4149 14.2737 12.4783C14.2737 12.6211 14.2459 12.7519 14.1904 12.8708C14.1349 12.9898 14.0556 13.0968 13.9644 13.192L10.1582 16.9982C9.96785 17.2044 9.72996 17.3075 9.44449 17.3075C9.15902 17.3075 8.92113 17.2044 8.73082 16.9982C8.52465 16.8079 8.42156 16.57 8.42156 16.2846C8.42156 15.9991 8.52465 15.7612 8.73082 15.5709L10.8005 13.5012H2.59324C2.30777 13.5012 2.06592 13.4021 1.86768 13.2039C1.66943 13.0056 1.57031 12.7638 1.57031 12.4783C1.57031 12.1929 1.66943 11.951 1.86768 11.7528C2.06592 11.5545 2.30777 11.4554 2.59324 11.4554H10.8005L8.73082 9.38574C8.52465 9.19543 8.42156 8.95754 8.42156 8.67207C8.42156 8.3866 8.52465 8.14871 8.73082 7.9584Z' fill='white'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.2507 3.08164C12.9653 3.08164 12.7234 3.18076 12.5252 3.379C12.3269 3.57725 12.2278 3.8191 12.2278 4.10457C12.2278 4.39004 12.3269 4.63189 12.5252 4.83014C12.7234 5.02838 12.9653 5.1275 13.2507 5.1275H18.3178V19.8291H13.2507C12.9653 19.8291 12.7234 19.9283 12.5252 20.1265C12.3269 20.3247 12.2278 20.5666 12.2278 20.8521C12.2278 21.1375 12.3269 21.3794 12.5252 21.5776C12.7234 21.7759 12.9653 21.875 13.2507 21.875H19.3407C19.6262 21.875 19.8681 21.7759 20.0663 21.5776C20.2646 21.3794 20.3637 21.1375 20.3637 20.8521V4.10457C20.3637 3.8191 20.2646 3.57725 20.0663 3.379C19.8681 3.18076 19.6262 3.08164 19.3407 3.08164H13.2507ZM8.73082 7.9584C8.92113 7.75223 9.15902 7.64914 9.44449 7.64914C9.72996 7.64914 9.96785 7.75223 10.1582 7.9584L13.9644 11.7646C14.012 11.8122 14.0556 11.8638 14.0953 11.9193C14.1349 11.9748 14.1627 12.0343 14.1785 12.0977C14.2102 12.1453 14.234 12.2047 14.2499 12.2761C14.2657 12.3475 14.2737 12.4149 14.2737 12.4783C14.2737 12.6211 14.2459 12.7519 14.1904 12.8708C14.1349 12.9898 14.0556 13.0968 13.9644 13.192L10.1582 16.9982C9.96785 17.2044 9.72996 17.3075 9.44449 17.3075C9.15902 17.3075 8.92113 17.2044 8.73082 16.9982C8.52465 16.8079 8.42156 16.57 8.42156 16.2846C8.42156 15.9991 8.52465 15.7612 8.73082 15.5709L10.8005 13.5012H2.59324C2.30777 13.5012 2.06592 13.4021 1.86768 13.2039C1.66943 13.0056 1.57031 12.7638 1.57031 12.4783C1.57031 12.1929 1.66943 11.951 1.86768 11.7528C2.06592 11.5545 2.30777 11.4554 2.59324 11.4554H10.8005L8.73082 9.38574C8.52465 9.19543 8.42156 8.95754 8.42156 8.67207C8.42156 8.3866 8.52465 8.14871 8.73082 7.9584Z' fill='white'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.icon-vitam-login  .icon-angle-right:before {
    opacity: 0;
}

.icon-vitam-entry {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-color: currentColor !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M11.6797 14.62L14.2397 12.06L11.6797 9.5' stroke='white' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4 12.0625H14.17' stroke='white' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 4C16.42 4 20 7 20 12C20 17 16.42 20 12 20' stroke='white' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M11.6797 14.62L14.2397 12.06L11.6797 9.5' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4 12.0625H14.17' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 4C16.42 4 20 7 20 12C20 17 16.42 20 12 20' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M11.6797 14.62L14.2397 12.06L11.6797 9.5' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4 12.0625H14.17' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 4C16.42 4 20 7 20 12C20 17 16.42 20 12 20' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    transition: background-color 0.3s ease;
}
.icon-btn-download .icon-angle-down,
.icon-vitam-download .icon-angle-down  {
    display: inline-block;
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-color: currentColor;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.2507 3.08164C12.9653 3.08164 12.7234 3.18076 12.5252 3.379C12.3269 3.57725 12.2278 3.8191 12.2278 4.10457C12.2278 4.39004 12.3269 4.63189 12.5252 4.83014C12.7234 5.02838 12.9653 5.1275 13.2507 5.1275H18.3178V19.8291H13.2507C12.9653 19.8291 12.7234 19.9283 12.5252 20.1265C12.3269 20.3247 12.2278 20.5666 12.2278 20.8521C12.2278 21.1375 12.3269 21.3794 12.5252 21.5776C12.7234 21.7759 12.9653 21.875 13.2507 21.875H19.3407C19.6262 21.875 19.8681 21.7759 20.0663 21.5776C20.2646 21.3794 20.3637 21.1375 20.3637 20.8521V4.10457C20.3637 3.8191 20.2646 3.57725 20.0663 3.379C19.8681 3.18076 19.6262 3.08164 19.3407 3.08164H13.2507ZM8.73082 7.9584C8.92113 7.75223 9.15902 7.64914 9.44449 7.64914C9.72996 7.64914 9.96785 7.75223 10.1582 7.9584L13.9644 11.7646C14.012 11.8122 14.0556 11.8638 14.0953 11.9193C14.1349 11.9748 14.1627 12.0343 14.1785 12.0977C14.2102 12.1453 14.234 12.2047 14.2499 12.2761C14.2657 12.3475 14.2737 12.4149 14.2737 12.4783C14.2737 12.6211 14.2459 12.7519 14.1904 12.8708C14.1349 12.9898 14.0556 13.0968 13.9644 13.192L10.1582 16.9982C9.96785 17.2044 9.72996 17.3075 9.44449 17.3075C9.15902 17.3075 8.92113 17.2044 8.73082 16.9982C8.52465 16.8079 8.42156 16.57 8.42156 16.2846C8.42156 15.9991 8.52465 15.7612 8.73082 15.5709L10.8005 13.5012H2.59324C2.30777 13.5012 2.06592 13.4021 1.86768 13.2039C1.66943 13.0056 1.57031 12.7638 1.57031 12.4783C1.57031 12.1929 1.66943 11.951 1.86768 11.7528C2.06592 11.5545 2.30777 11.4554 2.59324 11.4554H10.8005L8.73082 9.38574C8.52465 9.19543 8.42156 8.95754 8.42156 8.67207C8.42156 8.3866 8.52465 8.14871 8.73082 7.9584Z' fill='white'/%3E%3C/svg%3E");
	display: inline-block;
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-color: currentColor; /* Màu icon mặc định */
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.2507 3.08164C12.9653 3.08164 12.7234 3.18076 12.5252 3.379C12.3269 3.57725 12.2278 3.8191 12.2278 4.10457C12.2278 4.39004 12.3269 4.63189 12.5252 4.83014C12.7234 5.02838 12.9653 5.1275 13.2507 5.1275H18.3178V19.8291H13.2507C12.9653 19.8291 12.7234 19.9283 12.5252 20.1265C12.3269 20.3247 12.2278 20.5666 12.2278 20.8521C12.2278 21.1375 12.3269 21.3794 12.5252 21.5776C12.7234 21.7759 12.9653 21.875 13.2507 21.875H19.3407C19.6262 21.875 19.8681 21.7759 20.0663 21.5776C20.2646 21.3794 20.3637 21.1375 20.3637 20.8521V4.10457C20.3637 3.8191 20.2646 3.57725 20.0663 3.379C19.8681 3.18076 19.6262 3.08164 19.3407 3.08164H13.2507ZM8.73082 7.9584C8.92113 7.75223 9.15902 7.64914 9.44449 7.64914C9.72996 7.64914 9.96785 7.75223 10.1582 7.9584L13.9644 11.7646C14.012 11.8122 14.0556 11.8638 14.0953 11.9193C14.1349 11.9748 14.1627 12.0343 14.1785 12.0977C14.2102 12.1453 14.234 12.2047 14.2499 12.2761C14.2657 12.3475 14.2737 12.4149 14.2737 12.4783C14.2737 12.6211 14.2459 12.7519 14.1904 12.8708C14.1349 12.9898 14.0556 13.0968 13.9644 13.192L10.1582 16.9982C9.96785 17.2044 9.72996 17.3075 9.44449 17.3075C9.15902 17.3075 8.92113 17.2044 8.73082 16.9982C8.52465 16.8079 8.42156 16.57 8.42156 16.2846C8.42156 15.9991 8.52465 15.7612 8.73082 15.5709L10.8005 13.5012H2.59324C2.30777 13.5012 2.06592 13.4021 1.86768 13.2039C1.66943 13.0056 1.57031 12.7638 1.57031 12.4783C1.57031 12.1929 1.66943 11.951 1.86768 11.7528C2.06592 11.5545 2.30777 11.4554 2.59324 11.4554H10.8005L8.73082 9.38574C8.52465 9.19543 8.42156 8.95754 8.42156 8.67207C8.42156 8.3866 8.52465 8.14871 8.73082 7.9584Z' fill='white'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.2507 3.08164C12.9653 3.08164 12.7234 3.18076 12.5252 3.379C12.3269 3.57725 12.2278 3.8191 12.2278 4.10457C12.2278 4.39004 12.3269 4.63189 12.5252 4.83014C12.7234 5.02838 12.9653 5.1275 13.2507 5.1275H18.3178V19.8291H13.2507C12.9653 19.8291 12.7234 19.9283 12.5252 20.1265C12.3269 20.3247 12.2278 20.5666 12.2278 20.8521C12.2278 21.1375 12.3269 21.3794 12.5252 21.5776C12.7234 21.7759 12.9653 21.875 13.2507 21.875H19.3407C19.6262 21.875 19.8681 21.7759 20.0663 21.5776C20.2646 21.3794 20.3637 21.1375 20.3637 20.8521V4.10457C20.3637 3.8191 20.2646 3.57725 20.0663 3.379C19.8681 3.18076 19.6262 3.08164 19.3407 3.08164H13.2507ZM8.73082 7.9584C8.92113 7.75223 9.15902 7.64914 9.44449 7.64914C9.72996 7.64914 9.96785 7.75223 10.1582 7.9584L13.9644 11.7646C14.012 11.8122 14.0556 11.8638 14.0953 11.9193C14.1349 11.9748 14.1627 12.0343 14.1785 12.0977C14.2102 12.1453 14.234 12.2047 14.2499 12.2761C14.2657 12.3475 14.2737 12.4149 14.2737 12.4783C14.2737 12.6211 14.2459 12.7519 14.1904 12.8708C14.1349 12.9898 14.0556 13.0968 13.9644 13.192L10.1582 16.9982C9.96785 17.2044 9.72996 17.3075 9.44449 17.3075C9.15902 17.3075 8.92113 17.2044 8.73082 16.9982C8.52465 16.8079 8.42156 16.57 8.42156 16.2846C8.42156 15.9991 8.52465 15.7612 8.73082 15.5709L10.8005 13.5012H2.59324C2.30777 13.5012 2.06592 13.4021 1.86768 13.2039C1.66943 13.0056 1.57031 12.7638 1.57031 12.4783C1.57031 12.1929 1.66943 11.951 1.86768 11.7528C2.06592 11.5545 2.30777 11.4554 2.59324 11.4554H10.8005L8.73082 9.38574C8.52465 9.19543 8.42156 8.95754 8.42156 8.67207C8.42156 8.3866 8.52465 8.14871 8.73082 7.9584Z' fill='white'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
	transform: rotate(90deg);
}
.icon-btn-download .icon-angle-down:before,
.icon-vitam-download  .icon-angle-down:before {
    opacity: 0;
}

/* Box radius */
.row.border-radius .post-item .col-inner {
    border-radius: 0.5rem;
    overflow: hidden;
	border-top: 1px solid #e5e5e5;
}
.row.border-radius .post-item .col-inner .box {
    padding-bottom: 0px;
}
.row.border-radius .post-item  .box-image {
    max-width: calc(100% - 1rem);
    margin-top: 0.5rem;
    border-radius: 0.5rem;
}
.row.border-radius .post-item .box-text {
    position: static;
}
.row.border-radius .post-item .cat-label {
    position: absolute;
    top: 0.5rem;
    left: 1rem;
    border-radius: 0.4rem;
    padding: 4px 12px;
    line-height: 1.8;
    opacity: 1;
}
.row.border-radius .post-item .cat-label.tag-label {
    opacity: 1;
    background: #FFE9E9;
    color: var(--primary-color);
}
.row.border-radius .post-item:hover .cat-label.tag-label {
    opacity: 1;
    color: #FFE9E9;
    background-color: var(--primary-color);
}
.row.border-radius .post-item .box-text .button {
    width: calc(100% - 2rem);
    display: flex;
    justify-content: space-between;
	align-items: center;
    border: none;
    border-radius: 0;
    padding-left: 0;
    border-top: 1px solid #ddd;
    box-shadow: 0px 0px 0px #000;
    font-size: 1rem;
    font-weight: 500;
	color: var(--fs-color-base);
    text-transform: uppercase;
    padding: 0.5rem 0;
/*     position: absolute;
    bottom: 0.5rem;
    left: 1rem; */
	width: calc(100% - 0rem);
	z-index: 1;
	order:9;
}
.row.border-radius .post-item .box-text .button:hover {
    padding-left: 0;
	background-color:transparent;
	border-color: transparent;
	border-top: 1px solid #ddd;
    color: var(--primary-color);
}
.row.border-radius .post-item .box-text .post-meta {
	display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    font-size: 0.85rem;
    opacity: 1;
	order: 6;
    margin-top: 1rem;
}
.row.border-radius .post-item .box-text-inner.blog-post-inner {
    display: flex;
    flex-direction: column;
}
.row.border-radius .post-item .box-text .button:before {
	content: ' ';
    display: inline-block;
    width: 48px;
    height: 48px;
	position: absolute;
	right: 0;
	bottom:0;
	background: var(--primary-color);
	background: linear-gradient(90deg, #B31E1A 0%, #9E0C08 100%);
	border-radius: 0.5rem;
}
.row.border-radius .post-item .box-text .button:after {
	content: ' ';
    display: inline-block;
    width: 24px;
    height: 24px;
	margin-top: 4px;
    margin-right: 8px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-color: currentColor !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M11.6797 14.62L14.2397 12.06L11.6797 9.5' stroke='white' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4 12.0625H14.17' stroke='white' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 4C16.42 4 20 7 20 12C20 17 16.42 20 12 20' stroke='white' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M11.6797 14.62L14.2397 12.06L11.6797 9.5' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4 12.0625H14.17' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 4C16.42 4 20 7 20 12C20 17 16.42 20 12 20' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M11.6797 14.62L14.2397 12.06L11.6797 9.5' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4 12.0625H14.17' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 4C16.42 4 20 7 20 12C20 17 16.42 20 12 20' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    transition: background-color 0.3s ease;
}
@media (max-width: 767px) {
	.row.border-radius .flickity-viewport,
	.row.border-radius .flickity-slider{
		overflow: visible;
	}

	.row.border-radius.row-slider .col.post-item {
		max-width: 86% !important;
	}
}
/* Hover Effects imagebox */
.box .image-cover {
    overflow: hidden
}

.box .image-cover::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: linear-gradient(0deg, transparent, transparent 30%, rgba(255,255,255,0.3));
    transform: rotate(-45deg);
    transition: all 1s ease;
    opacity: 0;
    z-index: 9;
	pointer-events: none;
}
.box:hover .image-cover::before {
    opacity: 1;
    transform: rotate(-45deg) translateY(100%)
}
/* end Hover Effects imagebox */
.icon-box:not(.testimonial-box) .icon-box-text {
    align-items: center;
    display: flex;
}
/* Boxt text title */
.box-text h1, .box-text h2, .box-text h3, .box-text h4, .box-text h5, .box-text h6 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
/* End Boxt text title */
/* Home video box */
.home-box-videos .box-title {
    font-size: 1rem;
    line-height: 1.25;
    text-align: center;
    color: rgb(20, 38, 109);
    padding-top: 0;
    margin-top: 0 !important;
    margin-bottom: 1rem;
}
.home-box-videos .text:not(.box-title){
    font-size: 104%;
    font-weight: 600;
    text-transform: uppercase;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	height: 2.9em;
	margin-top: 1rem !important;
}
/* home boxs du-an categories */
.home .acf-gallery-overlay {
    display: none !important;
}
/* Equal all box experts */
.box-blog-post .box-text .post-title,
.box-blog-post .box-text .from_the_blog_excerpt {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 2.9em;
}
.box-blog-post .box-text .from_the_blog_excerpt {
    font-size: 0.85rem;
	opacity: 0.6;
}
/* End Equal all box experts */
.hide-divider .is-divider {
	display: none
}
/* vertical-accordion */
.vertical-accordion-container {
    border-radius: 8px;
    box-shadow: 0px 11px 40.3px 0px rgba(168, 29, 26, 0.3);
}
.vertical-accordion-item:not(.active) {
    background-image: none !important;
}

.accordion-index {
    font-size: 10.85rem;
    color: rgb(255 255 255 / 60%);
    left: -5.5em;
    bottom: -5.7em;
	opacity: 0;
	transition: all ease .6s;
}
.vertical-accordion-item.active .accordion-index {
    font-size: 10.85rem;
    color: rgb(255 255 255 / 60%);
    left: -0.5em;
    bottom: -0.7em;
	opacity: 0.3;
}
.vertical-accordion-item.active {
	background-blend-mode: color-dodge;
}
.accordion-title-text {
    font-size: 1.25rem;
    font-weight: 600;
    color: #ffffff;
	opacity: 1;
}
.vertical-accordion-item.active .accordion-title-text {
	opacity: 0;
}
.accordion-content {
    z-index: 1;
    display: flex;
    align-items: center;
	padding-bottom: 0;
}
@media (min-width: 768px) {
	.vertical-accordion-item:not(.active) {
		max-width: 160px;
		transition: all ease .3s;
	}

    .accordion-icon {
        opacity: 0;
    }
}
/* home hide-readmore media box */
.h-100.row > .col > .col-inner{
    height: 100%;
    position: relative;
}
.hide-readmore .h-100.row > .col > .col-inner {
    padding-bottom: 2rem;    
}
.hide-readmore a.button.primary.expand {
    position: absolute;
    bottom: 0;
    left: 0;
}
/* end home hide-readmore media box */
.dark h2.white {
	background-clip: initial;
	background: transparent;
	-webkit-text-fill-color: currentColor;
}
.price-wrapper {
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
}
.footer-1 {
	-webkit-animation: gradientSmooth 40s ease infinite;
    animation: gradientSmooth 40s ease infinite;
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
    background: -webkit-gradient(linear,left top,right top,from(#298dda),color-stop(#1a5bad),color-stop(#3d21af),to(#a438fc));
    background: linear-gradient(90deg,#298dda,#1a5bad,#3d21af,#a438fc);
    background-size: 400% 100%
}
.absolute-footer {
    background-color: #000000;
    background-image: linear-gradient(rgb(10 15 27), rgb(0 0 1));
    background-blend-mode: multiply;
}

.footer-primary.pull-left ,
.footer-secondary.pull-right {
    padding: .75em;
}
.footer-primary a {
    margin-right: 1rem;
    margin-left: 1rem;
    padding-bottom: 1rem;
    display: inline-block;
}
.footer-primary a:first-child {
	margin-left: 0;
}
@media (max-width: 549px) {
    .absolute-footer > .container {
        display: flex;
        flex-wrap: wrap;
    }
    
    .footer-primary {
        order: -1;
        display: flex;
		border-bottom: 1px solid #4b4b4b;
    }
}
.footer-certs  {}
.footer-certs .col-inner {
    display: flex;
    justify-content: flex-start;
}

.footer-certs .col-inner .img {
    width: 120px !important;
}
@media (max-width: 549px) {
	.box-footer-gray > .col-inner{
		background: #ffffff2b;
		border-radius: 8px;
		margin-bottom: 24px;
		padding: 0 24px 30px;
	}
}
.list-unstyled {
	list-style: none;
}
.list-unstyled li {
    margin-left: 0 !important;
}
footer a.icon.button.circle.is-outline.tooltip {
    font-size: 1.25rem;
    margin-bottom: 0;
	border: 1px solid #ffffff2b !important;
    border-radius: 8px !important;
}
.image-40 .img-inner img {
    height: 40px;
    width: auto;
}
.text-gradient-premium {
  background: linear-gradient(45deg, #1a237e, #39438e, #f36d36);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  
  display: inline-block;
}
.text-gradient-animated {
  background: linear-gradient(to right, #39438e, #8e44ad, #3498db, #39438e);
  background-size: 200% auto;
  
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  
  animation: shine 3s linear infinite;
}

@keyframes shine {
  to {
    background-position: 200% center;
  }
}

input[type=search] {
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 0;
    box-shadow: none;
    box-sizing: border-box;
    color: #333;
    font-size: .97em;
    height: 2.507em;
    max-width: 100%;
    padding: 0 .75em;
    transition: color .3s, border .3s, background .3s, opacity .3s;
    vertical-align: middle;
    width: 100%;
}

a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
    font-weight: 600;
    color: var(--primary-color);
}
span.amount {
    color: #F44336;
    font-weight: 700;
    white-space: nowrap;
}

a[href="#hide"] {
    display: none !important;
}

.woocommerce-shop.woocommerce .shop-page-title.category-page-title.page-title {
    background-color: var(--primary-color);
    color: #fff;
    display: flex;
    order: -1;
}
.woocommerce-shop.woocommerce .shop-page-title.category-page-title.page-title  .breadcrumbs ,
.woocommerce-shop.woocommerce .shop-page-title.category-page-title.page-title  .breadcrumbs a{
    color: #fff;
}

.woocommerce-shop.woocommerce #wrapper {
    display: flex;
    flex-direction: column;
}
.woocommerce-shop.woocommerce #header {
    order: -2;
}
/*CF7*/
/* Tùy chỉnh tổng thể form */
.wpcf7-form {
    max-width: 100%;
}

/* Loại bỏ label mặc định nếu bạn muốn chữ nằm sát line */
.wpcf7-form p {
    margin-bottom: 0px;
    position: relative;
}
.wpcf7-form .col {
    margin: 0;
    padding: 0 15px 0px;
}

.wpcf7-form label {
    width: 100%;
    font-weight: 400;
    font-size: 0.9em;
    color: #333;
    letter-spacing: 1px;
}

/* Style cho các ô input và textarea kiểu đường kẻ */
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form textarea {
    border: 1px solid #222 !important; /* đường gạch chân */
    background-color: transparent !important;
    border-radius: 0 !important;
    padding: 10px 0 !important;
    width: 100% !important;
    box-shadow: none !important;
    transition: all 0.3s ease;
}

/* Hiệu ứng khi người dùng click vào ô nhập liệu (Focus) */
.wpcf7-form input:focus,
.wpcf7-form textarea:focus {
    border-bottom: 1px solid var(--primary-color, #446084) !important; /* Đổi màu đường kẻ khi focus */
    outline: none;
}

/* Điều chỉnh độ cao cho textarea */
.wpcf7-form textarea {
    height: 80px !important;
    min-height: 80px;
}

/* Tùy chỉnh nút gửi (Submit) */
.wpcf7-submit {
    background-color: #333 !important;
    color: #fff !important;
    border: none !important;
    padding: 2px 24px !important;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 2px;
    border-radius: 0 !important;
    transition: opacity 0.3s;
    cursor: pointer;
    display: inline-block;
    width: auto !important;
}

.wpcf7-submit:hover {
    opacity: 0.8;
    background-color: var(--primary-color, #446084) !important;
}

/* Xử lý thông báo lỗi/thành công */
.wpcf7-response-output {
    border: none !important;
    padding: 10px 0 !important;
    margin: 20px 0 0 0 !important;
    font-size: 0.9em;
}
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
	direction: ltr;
	box-shadow: none;
}
.wpcf7 input[type="email"], .wpcf7 input[type="tel"],
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form textarea{
    border: 1px solid;
}

/* section-form-normal style */
.section-form-normal .wpcf7 input[type="email"],
.section-form-normal .wpcf7 input[type="tel"],
.section-form-normal .wpcf7-form input[type="text"],
.section-form-normal .wpcf7-form input[type="email"],
.section-form-normal .wpcf7-form textarea,
.section-form-normal input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1) !important;
        border-color: #ddd !important;
        padding-left: 12px !important;
}

.project-thumb-slider-wrapper  .flickity-prev-next-button,
.project-thumb-slider-wrapper .flickity-page-dots {
    display: none
}
/* project-card  */
.project-card .project-content h2 a {
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    -webkit-line-clamp: 1;
    max-width: 100%;
    line-height: 1.4rem;
    white-space: nowrap;
}
.project-card .project-content p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 2.9em;
}
/* Top Categories Widget Area */
.category-page-row .category-top-widget-area ul.product-categories {
    gap: 12px;
}

.category-page-row .category-top-widget-area ul.product-categories li.cat-item {
    flex-basis: calc(50% - 6px);
    border-radius: 0;
    background-color: #f3f3f3;
    padding-left: 16px;
}

.category-top-widget-area a.btn-layered-nav-button {
    border: 1px solid #eaeaea;
    padding: 6px 12px;
    border-radius: 4px;
    display: inline-block;
    margin-right: 6px;
    margin-bottom: 12px;
    color: #333;
}

.category-top-widget-area a.btn-layered-nav-button.selected {
    border: 1px solid var(--primary-color);
    background-color: var(--primary-color);
    color: #f3f3f3;
}

.category-top-widget-area .widget {
    margin-bottom: 0.5em;
    background: transparent;
    padding: 0;
    border-radius: 0;
    box-shadow: none;
}

.container.category-top-widget-area {
    padding: 0 20px;
    margin-top: 0 !important;
}

form.woocommerce-widget-layered-nav-buttons {
    margin-bottom: 0;
    font-size: 0.8rem;
}

/*
 * Filter
*/
/* Smaller Mobile Screens (Max width 549px) */
@media screen and (max-width: 549px) {
    .box-vertical {
        display: flex;
        gap: 24px;
    }

    .box-vertical .box-image {
        max-width: 40% !important;
    }

    .box-vertical .box-text {
        padding: 0;
    }
}

/* Medium Screens (Max width 850px) - Filter Sidebar */
@media (max-width: 850px) {
    .sort_giuseart form {
        display: inline-block;
        margin-bottom: 4px;
        border: 1px solid #e0e0e0;
        background: #eeeeee;
        padding-right: 8px;
        border-radius: 4px;
    }

    input[type=checkbox],
    input[type=radio] {
        margin-right: 4px;
        margin-bottom: 0px;
    }
}

/* Mobile Screens (Max width 768px) */
@media (max-width: 768px) {
    form.woocommerce-ordering {
        display: none;
    }

    .category-page-row ul.product-categories {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
    }

    .category-page-row ul.product-categories li.cat-item {
        flex-basis: calc(50% - 6px);
        width: calc(50% - 6px);
        border-radius: 0;
        background-color: #f3f3f3;
        padding-left: 16px;
        display: flex;
        font-size: 84%;
        border-radius: 6px;
    }

    .shop-page-title.category-page-title.dark.featured-title.page-title .medium-flex-wrap .flex-col:nth-child(1),
    .shop-page-title.category-page-title.dark.featured-title.page-title .medium-flex-wrap .flex-col:nth-child(3) {
        display: none;
    }

    button.woocommerce-widget-layered-nav-dropdown__submit {
        background-color: var(--primary-color);
        color: #f3f3f3;
        margin-top: 0.75rem;
    }

    .product-bottom-widget-area .widget {
        width: 100%;
        margin-bottom: 20px;
    }
}

/* Small Tablet/Mobile Sidebar Fixes (Max width 849px) */
@media (max-width: 849px) {
    .hide-for-medium#product-sidebar {
        display: flex !important;
        flex-direction: column;
        order: 99;
    }

    aside.widget_text.widget.widget_custom_html {
        position: static !important;
    }
}

/* Hide filter button mobile */
.row.category-page-row > .col.hide-for-medium.large-3 {
    display: flex !important;
}

.category-filtering.category-filter-row.show-for-medium {
    display: none !important;
}

/* Desktop Screens (Min width 850px) */
/*@media screen and (min-width: 850px) {*/
    /* Filters as top bar */
    .widget .is-divider {
        display: none;
    }

    .widget.woocommerce.widget_price_filter {
        flex-basis: 345px;
        min-width: 390px;
        max-width: 100%;
    }

    .category-page-row aside#woocommerce_product_categories-3 {
        flex-basis: 100%;
        max-width: 100%;
        padding-bottom: 15px;
    }

    .category-page-row ul.product-categories {
        display: flex;
        flex-wrap: wrap;
        gap: 24px;
    }

    .category-page-row ul.product-categories li.cat-item {
        border: 1px solid #eaeaea;
        padding: 0px 8px;
        background: #eaeaea;
        white-space: nowrap;
    }

    .category-page-row ul.product-categories li.cat-item a {
        color: #333;
    }

    .category-page-row ul.product-categories li.cat-item a:hover {
        color: #f98c3d;
    }

    /* Select2 (Layered Nav Dropdown) Styling */
    .woocommerce-widget-layered-nav-dropdown {
        width: 100%;
        max-width: 400px;
        background: #fff;
        padding: 0px;
        border-radius: 12px;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    }

    .select2-hidden-accessible {
        border: 0 !important;
        clip: rect(0 0 0 0) !important;
        height: 1px !important;
        margin: -1px !important;
        overflow: hidden !important;
        padding: 0 !important;
        position: absolute !important;
        width: 1px !important;
    }

    .select2-container--default .select2-selection--single {
        background-color: #fff;
        border: 2px solid 1px solid #ededed;
        border-radius: 8px;
        height: 34px;
        outline: none;
        transition: all 0.3s ease;
        display: flex;
        align-items: center;
    }

    .select2-container--default .select2-selection--single:hover,
    .select2-container--default.select2-container--open .select2-selection--single {
        border-color: #007cba;
        box-shadow: 0 0 0 4px rgba(0, 124, 186, 0.1);
    }

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        color: #333;
        line-height: 48px;
        padding-left: 15px;
        padding-right: 30px;
        font-size: 15px;
        font-weight: 500;
    }

    .select2-container--default .select2-selection--single .select2-selection__clear {
        color: #999;
        font-size: 20px;
        height: 36px;
        line-height: 26px;
        margin-right: 10px;
        padding-right: 5px;
        font-weight: bold;
    }

    .select2-container--default .select2-selection--single .select2-selection__clear:hover {
        color: #dc3232;
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 46px;
        width: 30px;
        position: absolute;
        top: 1px;
        right: 1px;
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow b {
        border-color: #888 transparent transparent transparent;
        border-width: 6px 5px 0 5px;
        margin-top: -3px;
    }

    .select2-container--default .select2-selection--single:hover .select2-selection__arrow b {
        border-color: #007cba transparent transparent transparent;
    }

    .select2-dropdown {
        border: 2px solid #e0e6ed;
        border-top: none;
        border-radius: 0 0 8px 8px;
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
        overflow: hidden;
        z-index: 9999;
    }

    .select2-results__option {
        padding: 10px 15px;
        font-size: 14px;
    }

    .select2-container--default .select2-results__option--highlighted[aria-selected] {
        background-color: #007cba;
        color: white;
    }

    .select2-container--default .select2-results__option[aria-selected=true] {
        background-color: #f1f5f9;
        color: #333;
        font-weight: bold;
    }

    /* Filter Sorting */
    .sort_giuseart {
        display: flex;
        margin-top: 5px;
        justify-content: flex-start;
    }

    .sort_giuseart form {
        padding: 0 0 0 20px;
    }

    .sort_giuseart .pt-checkbox {
        margin-right: 0px;
    }

    

    button.woocommerce-widget-layered-nav-dropdown__submit {
        border: 1px solid #666;
        background: #666;
        margin-top: 10px;
        border-radius: 99px;
        color: #fff;
        font-size: 80%;
    }


/* Tùy chỉnh tổng thể Widget Sản phẩm vừa xem */
.widget_recently_viewed_products {
    background: #fff;
    padding: 16px;
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
}

/* Tiêu đề widget */
.widget_recently_viewed_products .widget-title {
    font-size: 1.1em;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 10px;
    border-bottom: 2px solid var(--primary-color);
    display: inline-block;
    padding-bottom: 5px;
}

/* Ẩn thanh divider mặc định nếu không cần thiết */
.widget_recently_viewed_products .is-divider {
    display: none;
}

/* Danh sách sản phẩm */
ul.product_list_widget {
    margin: 0;
    padding: 0;
    list-style: none;
}

/* Từng dòng sản phẩm */
ul.product_list_widget li {
    padding: 10px 8px;
    padding-left: 60px;
    margin-bottom: 5px;
    margin-left: 0;
    transition: all 0.3s ease;
    border-radius: 4px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

/* Hiệu ứng Hover giống danh mục */
ul.product_list_widget li:hover {
    background-color: color-mix(in srgb, var(--primary-color, #446084), white 95%);
    transform: translateX(5px);
}

/* Link sản phẩm (bao gồm ảnh và tên) */
ul.product_list_widget li a {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: #444;
    font-weight: 500;
    width: 100%;
}

/* Tùy chỉnh ảnh sản phẩm */
ul.product_list_widget li img {
    width: 50px !important; /* Thu nhỏ ảnh để phù hợp sidebar */
    height: 50px !important;
    object-fit: cover;
    border-radius: 4px;
    margin-right: 12px;
    margin-bottom: 0 !important;
}

/* Tên sản phẩm */
ul.product_list_widget li .product-title {
    font-size: 0.95em;
    line-height: 1.3;
    transition: color 0.3s ease;
}

ul.product_list_widget li:hover .product-title {
    color: var(--primary-color, #446084);
}

/* Giá sản phẩm */
ul.product_list_widget li .woocommerce-Price-amount {
    display: block;
    font-size: 0.9em;
    font-weight: 700;
}
/* ========== PRODUCT FILTERS WRAPPER ========== */

.product-filters-wrapper {
    padding: 20px;
    background: #ffffff;
    border-radius: 8px;
    margin-bottom: 30px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.sort-section {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}

.sort-label {
    font-weight: 600;
    color: #333;
    min-width: auto;
    white-space: nowrap;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.5px;
}

.sort-options {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    flex: 1;
    align-items: center;
}

.sort-checkbox {
    display: flex;
    align-items: center;
    gap: 8px;
    position: relative;
}

/* Radio Button Styling */
.sort-checkbox input[type="radio"] {
    appearance: none;
    width: 18px;
    height: 18px;
    border: 2px solid #ddd;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.3s ease;
    background: white;
    position: relative;
    margin-bottom: 0;
}

.sort-checkbox input[type="radio"]:hover {
    border-color: var(--primary-color);
    box-shadow: 0 0 8px rgba(33, 128, 160, 0.2);
}

.sort-checkbox input[type="radio"]:checked {
    background: var(--primary-color);
    border-color: var(--primary-color);
}

.sort-checkbox input[type="radio"]:checked::after {
    content: '✓';
    position: absolute;
    color: white;
    font-size: 12px;
    font-weight: bold;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.sort-checkbox label {
    cursor: pointer;
    font-size: 14px;
    color: #333;
    transition: all 0.3s ease;
    margin: 0;
    user-select: none;
}

.sort-checkbox input[type="radio"]:checked + label {
    color: var(--primary-color);
    font-weight: 600;
}

.sort-checkbox input[type="radio"]:focus {
    outline: 2px solid var(--primary-color);
    outline-offset: 2px;
}


.category-top-widget-area .widget.category-top-widget.widget_layered_nav {
    flex-basis: 33%;
    min-width: 390px;
    max-width: 100%;
	flex-basis: 100%;
}
.category-top-widget-area .widget.category-top-widget.widget_layered_nav:nth-child(n+6) {
    flex-basis: 100%;
    min-width: 100%;
    max-width: 100%;
}
.category-top-widget-area  ul.woocommerce-widget-layered-nav-list {
    display: flex;
}

.category-top-widget-area  ul.woocommerce-widget-layered-nav-list {
    display: flex;
    flex-wrap: wrap;
}
.category-top-widget-area ul.custom-price-list li,
.category-top-widget-area  .widget>ul>li.woocommerce-widget-layered-nav-list__item {
    border: 1px solid #eaeaea;
    padding: 0px 12px;
    font-size: .8rem;
    border-radius: 4px;
    display: inline-block;
    margin-right: 6px;
    margin-bottom: 12px;
    color: #333;
    display: inline-block;
    white-space: nowrap;
    position: relative;
}
.category-top-widget-area  .widget>ul>li.woocommerce-widget-layered-nav-list__item {
	display:flex;
	align-items: center;
	flex-wrap: wrap;
}
.category-top-widget-area  .ux-swatch-widget-layered-nav-list__graphic {
    border-radius: 50%;
    overflow: hidden;
}
.category-top-widget-area  .widget>ul>li a {
    padding: 5px 0;
    color: #111;
}
/* Style remove filter */
.remove-filter {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    line-height: 1;
    background-color: #f1f1f1; /* Màu nền xám nhạt */
    color: #333 !important; /* Màu dấu X */
    border-radius: 50%; /* Bo tròn tuyệt đối */
    text-decoration: none !important;
    font-size: .62rem;
    line-height: 0.9;
    font-weight: bold;
    transition: all 0.3s ease;
    margin-left: 5px;
    vertical-align: middle;
    text-align: center;
    position: absolute;
    top: -13px;
    right: -9px;
}

/* Hiệu ứng khi di chuột vào (Hover) */
.remove-filter:hover {
    background-color: #E91E63; /* Đổi sang màu chủ đạo của bạn */
    color: #fff !important; /* Dấu X chuyển sang trắng */
    transform: rotate(90deg); /* Xoay nhẹ dấu X */
    box-shadow: 0 2px 5px rgba(0,0,0,0.15);
}

/* Loại bỏ gạch chân mặc định của thẻ a trong Flatsome */
.remove-filter:after {
    display: none !important;
}


/* Biến :before thành nút remove filter */
.category-top-widget-area .widget li.chosen a:before {
    content: "✕"; /* Nội dung dấu X */
    display: flex;
    align-items: center;
    justify-content: center;
    
    /* Kích thước và hình dáng */
    width: 20px;
    height: 20px;
    background-color: #f1f1f1;
	border: 1px solid #f1f1f1;
    color: #333 !important;
    border-radius: 50%;
    
    /* Font và căn lề */
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    
    /* Định vị absolute */
    position: absolute;
    top: -10px;
    right: -10px;
    
    /* Hiệu ứng */
    transition: all 0.3s ease;
    z-index: 1;
	opacity:1;
	transform: rotate(0deg);
}
.category-top-widget-area .widget li.chosen a:before {
	
}
/* Loại bỏ các icon mặc định khác của Flatsome nếu có */
.category-top-widget-area .widget li.chosen a:after {
    display: none !important;
}
.category-top-widget-area .widget li.chosen a:hover:before{
	opacity: 1;
	transform: rotate(90deg);
	background-color: #E91E63; /* Đổi sang màu chủ đạo của bạn */
    color: #fff !important;
}

/* Tổng thể widget dựa trên style html1 */
.widget_custom_html .box-promotion {
    border: 1px solid #E0E0E0;
    box-sizing: border-box;
    border-radius: 4px;
    margin-bottom: 20px;
    box-shadow: 0 3px 6px #0000000f;
    overflow: hidden;
    padding-top: 0 !important; /* Reset padding để header sát mép */
}

/* Tiêu đề widget đồng bộ với .box-km-title */
.widget_custom_html .widget-title {
    font-weight: bold;
    font-size: 16px;
    line-height: 21px;
    text-align: center;
    text-transform: uppercase;
    color: #f5875a !important; /* Màu cam từ html1 */
    background: #F4F4F4;
    padding: 12px 15px;
    margin-bottom: 0 !important;
    border-bottom: 1px solid #E0E0E0;
    display: block;
}

/* Ẩn gạch ngang mặc định của Flatsome nếu có */
.widget_custom_html .is-divider {
    display: none;
}

/* Nội dung danh sách */
.widget_custom_html .main-textwidget {
    padding: 1rem;
    background: #fff;
}

.widget_custom_html .textwidget ul {
    list-style: none;
    margin-left: 0;
    margin-bottom: 0;
}

.widget_custom_html .textwidget ul li {
    font-size: 14px;
    line-height: 20px;
    color: #555555;
    position: relative;
    padding-left: 15px; /* Tạo khoảng trống cho icon */
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    min-height: 24px;
}

/* Định dạng Icon/Ảnh */
.widget_custom_html .textwidget ul li img {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 22px !important;
    height: 22px !important;
    object-fit: contain;
    /* Hiệu ứng lọc màu nếu bạn muốn icon đồng bộ màu cam (tùy chọn) */
    /* filter: sepia(100%) saturate(300%) hue-rotate(-15deg); */
}
.widget_custom_html .box-promotion  ul li {
	left: 0px;
	padding-left: 30px;
}
/* Đường kẻ ngăn cách giữa các dòng */
.widget_custom_html .textwidget ul li:not(:last-child) {
    border-bottom: 1px dashed #eee; /* Nét đứt nhẹ nhàng hơn */
    padding-bottom: 10px;
}

/* Hiệu ứng hover cho mục danh sách */
.widget_custom_html .textwidget ul li:hover {
    color: #000;
}

/* Responsive */
@media (max-width: 768px) {
    .widget_custom_html .widget-title {
        font-size: 15px;
    }
}

/* Style box-contact-info */
.post-sidebar #secondary {
    height: 100%;
}
.post-sidebar .widget_custom_html {
    position: sticky;
    top: 30px;
}
#product-sidebar .widget_text.widget.widget_custom_html,
#product-sidebar .textwidget.custom-html-widget {
    height: 100%;
}
.box-contact-info {
    position: -webkit-sticky; /* Hỗ trợ Safari */
    position: sticky;
    top: 30px; /* Khoảng cách từ đỉnh màn hình khi cuộn */
    background: #fff;
    z-index: 99; /* Tăng z-index để không bị các thành phần khác đè lên */
    
    border: 1px solid #E0E0E0;
    box-sizing: border-box;
    border-radius: 4px;
    margin-bottom: 20px;
    box-shadow: 0 3px 6px #0000000f;
    /* KHÔNG dùng overflow: hidden ở đây */
}

/* Bo góc cho phần tiêu đề để thay thế cho overflow:hidden ở cha */
.box-contact-info .box-contact-title {
    padding: 11px 15px;
    background: #F4F4F4;
    border-bottom: 1px solid #E0E0E0;
    border-radius: 4px 4px 0 0; /* Bo 2 góc trên */
}

/* Bo góc cho phần nội dung cuối */
.box-contact-info .box-contact-content {
    border-radius: 0 0 4px 4px; /* Bo 2 góc dưới */
    padding: 15px;
    background: #fff;
}

.box-contact-info .box-contact-title {
    padding: 11px 15px;
    background: #F4F4F4;
    border-bottom: 1px solid #E0E0E0;
}

.box-contact-info .box-contact-title .maintitle {
    font-weight: bold;
    font-size: 16px;
    line-height: 21px;
    text-transform: uppercase;
    color: #f5875a; /* Màu cam chủ đạo */
    display: flex;
    align-items: center;
}

.box-contact-info .box-contact-content {
    font-size: 14px;
    line-height: 1.6;
    padding: 15px;
    color: #555555;
    background: #fff;
}

.box-contact-info .slogan {
    color: #231F20;
    font-weight: 500;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #E0E0E0;
}

.box-contact-info .contact-list {
    list-style: none !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
}

.box-contact-info .contact-list li {
    position: relative;
    padding-left: 25px;
    margin-bottom: 8px;
    display: block;
}

/* Tạo dấu chấm màu cam đồng bộ với list-style của html1 */
.box-contact-info .contact-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    width: 8px;
    height: 8px;
    background: #f5875a;
    border-radius: 50%;
}

.box-contact-info .contact-list li strong {
    color: #333;
    margin-right: 5px;
}

.box-contact-info .contact-list li a {
    color: #446084;
    transition: color 0.2s;
}

.box-contact-info .contact-list li a:hover {
    color: #f5875a;
    text-decoration: underline;
}
/*hstoc-list*/
.hstoc-list .ux-menu-link.flex.menu-item:not(.pl-half.bg-white):hover a,
.hstoc-list .ux-menu-link.flex.menu-item.actived:not(.pl-half.bg-white) a {
	position: relative;
    color: #fff2f2;
}
.hstoc-list .ux-menu-link.flex.menu-item:hover {
	background: #f36e39;
}
.hstoc-list .ux-menu-link.flex.menu-item:hover a:before,
.hstoc-list .ux-menu-link.flex.menu-item.actived a:before {
	content: ' ';
	position: absolute;
	left: -15px;
	right: 0;
	top: 0;
	height: 100%;
	width: calc(100% + 30px);
	z-index: -1;
    background: #f36e39;
    font-weight: 600;
    color: #fff2f2;
}
/*lpwtoc*/
aside.widget_lpwtoc_widget {
    position: sticky;
    top: 90px;
}
body.single .lwptoc > div {
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) !important;
    border-radius: 8px;
}
body.single .lwptoc_item_number {
    font-weight: bold;
    color: var(--fs-color-base);
    margin-right: 10px;
    min-width: 15px;
    font-size: 0.9em;
}
body.single .lwptoc-light .lwptoc_i A {
    color: var(--fs-color-base);
}
.lwptoc-notInherit .lwptoc_i DIV A {
    border: none !important;
    text-decoration: none !important;
}
.widget_lpwtoc_widget .lwptoc-notInherit .lwptoc_i DIV A:hover {
    border-bottom: 1px dotted transparent !important;
}
.widget_lpwtoc_widget .lwptoc-notInherit .lwptoc_i DIV A:hover {
    border-bottom: 1px dotted !important;
    color: var(--play-video-color);
}



/*Ring cirle animation*/
/* 1. Thiết lập chung cho các nút để vòng tròn lan tỏa từ tâm */
.buttonizer-button {
    position: relative;
    z-index: 1;
}

/* 2. Tạo hiệu ứng vòng tròn bằng pseudo-element */
.buttonizer-button::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    /* Màu vòng tròn - có thể chỉnh sang màu cam #f5875a cho đồng bộ site */
    background-color: inherit; 
    opacity: 0.6;
    z-index: -1;
    animation: ring-circle 2s infinite ease-out;
}

/* 3. Tạo thêm một vòng tròn thứ hai để hiệu ứng dày và mượt hơn */
.buttonizer-button::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background-color: inherit;
    opacity: 0.4;
    z-index: -1;
    animation: ring-circle 2s infinite ease-out 0.5s; /* Chạy trễ hơn 0.5s */
}

/* 4. Định nghĩa chuyển động lan tỏa */
@keyframes ring-circle {
    0% {
        width: 100%;
        height: 100%;
        opacity: 0.6;
    }
    100% {
        width: 180%; /* Độ lớn của vòng tròn khi tỏa ra */
        height: 180%;
        opacity: 0;
    }
}

/* 5. Giữ cho icon và label nằm trên cùng */
.buttonizer-icon-0-0-14, 
.buttonizer-image-0-0-22,
.buttonizer-icon-0-0-28 {
    position: relative;
    z-index: 2;
}
/* Ghi đè icon search trên Header */
.searchform .icon-search::before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    background-color: currentColor;
    -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96'><path d='M85.732,89.269v0L60.479,64.018A36.5,36.5,0,1,1,22.295,2.869,36.5,36.5,0,0,1,64.02,60.483L89.268,85.732l-3.535,3.535ZM36.5,5A31.508,31.508,0,0,0,24.238,65.525,31.508,31.508,0,0,0,48.762,7.476,31.316,31.316,0,0,0,36.5,5Z' transform='translate(3.366 3.366)'></path></svg>");
    mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96'><path d='M85.732,89.269v0L60.479,64.018A36.5,36.5,0,1,1,22.295,2.869,36.5,36.5,0,0,1,64.02,60.483L89.268,85.732l-3.535,3.535ZM36.5,5A31.508,31.508,0,0,0,24.238,65.525,31.508,31.508,0,0,0,48.762,7.476,31.316,31.316,0,0,0,36.5,5Z' transform='translate(3.366 3.366)'></path></svg>");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
}

#localstore_search_form .select-resize-ghost,
#localstore_search_form .select2-container .select2-choice,
#localstore_search_form .select2-container .select2-selection,
#localstore_search_form input[type=date],
#localstore_search_form input[type=email],
#localstore_search_form input[type=number],
#localstore_search_form input[type=password],
#localstore_search_form input[type=search], 
#localstore_search_form input[type=tel],
#localstore_search_form input[type=text], 
#localstore_search_form input[type=url],
#localstore_search_form select,
#localstore_search_form textarea {
    background-color: #f4f5f6;
    border: 1px solid #f4f5f6;
    border-radius: 20px;
    padding-left: 20px;
}
div#map {
    min-height: 40vh;
}
.hethongnhua {
    border: 1px solid #eaeaea;
    box-shadow: 0 3px 6px #0000000a;
    border-radius: 6px;
    margin-bottom: .5rem;
}


.box-badge .box-text {
    bottom: 0;
    border-radius: 0 0 4px 4px;
}

.box-form {
    padding: 30px;
    border-radius: 10px;
    background: #ffffff66;
    box-shadow: 0 3px 9px #00000005;
}

.bg-gray {
    background-color: #ffffff;
    border: 1px solid #e2e2e2;
    padding-top: 8px;
}
.payment-icons.inline-block {
    display: none;
}
/*top-form download*/
.topform-download {
    padding-top: 40px;
}
/* 1. Thiết lập container chính thành hàng ngang */
.topform-download .form-vertical-profile {
    display: flex;
    flex-wrap: nowrap; /* Đảm bảo không bị nhảy dòng */
    align-items: flex-start; /* Căn đỉnh các phần tử */
    gap: 10px; /* Khoảng cách giữa ô input và nút */
    width: 100%;
}

/* 2. Loại bỏ margin mặc định của thẻ p mà Contact Form 7 tự sinh ra */
.topform-download .form-vertical-profile p {
    margin: 0;
    width: 100%;
}

/* 3. Phần ô nhập liệu (chiếm phần lớn không gian) */
.topform-download .field-item {
    flex: 1; /* Để ô input tự co giãn lấp đầy khoảng trống */
}

/* 4. Phần nút bấm (giữ nguyên kích thước theo nội dung) */
.topform-download .button-item {
    flex: 0 0 auto; 
}

/* 5. Tinh chỉnh input và button để khớp chiều cao */
.topform-download .form-vertical-profile input[type="tel"],
.topform-download .form-vertical-profile .button {
    height: 45px; /* Chiều cao cố định để cả 2 bằng nhau */
    margin: 0 !important; /* Xóa margin thừa */
    display: block;
}

/* Tùy chọn: Responsive cho mobile - Nếu màn hình quá nhỏ thì nên nhảy thành 2 dòng */
@media (max-width: 600px) {
    .topform-download .form-vertical-profile {
        flex-direction: column;
    }
    .topform-download .button-item, .field-item {
        width: 100%;
    }
}

.hide-readmore .blog-post-inner .button {
    display: none !important;
}
.box-text-lm56 .box-text.text-left {
    max-height: 56px;
}

/* 1. Tổng thể khung mục lục */
.lwptoc_i {
    background-color: #ffffff;
    border: 1px solid #f8f8f8;
    border-radius: 10px;
    padding: 16px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
    font-size: 0.95em;
    margin-bottom: 20px;
}

/* 2. Header: Mục lục + Nút ẩn hiện */
.lwptoc_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
    border-bottom: 2px solid #f0f0f0;
    padding-bottom: 10px;
}

.lwptoc_title {
    font-size: 1.1em;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #333;
}

.lwptoc_toggle_label {
    font-size: 0.8em;
    color: #999;
    text-decoration: none;
    border: 1px solid #ddd;
    padding: 2px 8px;
    border-radius: 4px;
    transition: all 0.3s;
}

.lwptoc_toggle_label:hover {
    background-color: var(--play-video-color);
    color: #fff;
    border-color: var(--play-video-color);
}

/* 3. Danh sách các mục */
.lwptoc_items {
    list-style: none;
    padding: 0;
    margin: 0;
}

.lwptoc_item {
    margin-bottom: 0px;
    line-height: 1.4;
}

.lwptoc_item a {
    display: flex;
    align-items: flex-start;
    color: #555;
    text-decoration: none;
    transition: all 0.2s ease;
    padding: 4px 0;
}

/* 4. Số thứ tự (1, 2, 3...) */
.lwptoc_item_number {
    font-weight: bold;
    color: var(--play-video-color); /* Sử dụng biến màu đã tạo */
    margin-right: 10px;
    min-width: 15px;
    font-size: 0.9em;
}

/* 5. Nội dung chữ */
.lwptoc_item_label {
    flex: 1;
}

/* 6. Hiệu ứng Hover vào từng mục */
.lwptoc_item a:hover {
    color: var(--play-video-color);
}

/* 7. Trạng thái khi mục lục đang ẩn */
.lwptoc_items-visible {
    display: block;
    animation: fadeIn 0.4s ease;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* .box-blog-post mobile */
/* Smaller Mobile Screens (Max width 549px) */
@media screen and (max-width: 549px) {
    .box.box-blog-post.box-vertical {
        display: flex;
        gap: 24px;
        flex-direction: column;
		border: 1px solid #ddd;
		border-radius: 6px;
    }

    .box.box-blog-post.box-vertical .box-image {
        max-width: 100% !important;
    }

    .box.box-blog-post.box-vertical .box-text {
        padding: 12px;
    }
}

/* FAQ */
.accordion_title,
.accordion {
    box-shadow: 0 0 10px 3px #d8d8d86e;
    border-radius: 10px;
    overflow: hidden;
}
.accordion_title {
    background: #f4f4f4;
    padding: 6px 12px;
    border-radius: 10px 10px 0 0;
    margin-bottom: 0px
}
.accordion-title, .accordion-title.active {
    margin-bottom: 0;
    padding-left: 1rem;
    font-weight: 600;
    font-size: 1rem;
}
h3.accordion_title {
    position: relative;
    z-index: 1;
    box-shadow: none;
    padding-bottom: 0.5rem;
    margin-bottom: -0.5rem;
    font-size: 1.125rem;
    font-weight: 400;
}

.accordion-title.active {
    background-color: rgba(0, 0, 0, .03);
    border-color: transparent;
    color: var(--fs-color-secondary);
    font-weight: 700;
}
.accordion-inner {
    background: #fafafa;
    border-radius: .4rem;
    border-bottom: 1px solid #eaeaea;
}

.text-justify {
    text-align: justify;
}
/* about page */
.slider-visible .flickity-viewport {
    overflow: visible;
}
.slider-visible  .flickity-slider > div:not(.is-selected) {
    transform: scale(0.85);
    opacity:0.5;
    transition: all ease .3s;
}

/* timeline */
.icon-box:not(.testimonial-box) .icon-box-center .icon-box-img {
    margin: 60px auto 1em;
    width: 10px !important;
}
.icon-box:not(.testimonial-box) .icon-box-center .icon-box-img .icon {
	background-color: var(--primary-color);
	border-color: var(--primary-color);
	border-radius: 50%;
	height: 10px;
	border: none;
	width: 10px;
	overflow: hidden;
	transform: translateX(-1px);
}
@media screen and (min-width: 549px) {
	.timeline-right .icon-box-center .icon-box-img:after {
	    content: "";
	    position: absolute;
	    top: 0px;
	    border-left: 6px solid #ffffff;
	    border-top: 5px solid transparent;
	    border-bottom: 5px solid transparent;
	    right: -103px;
	    transform:rotate(180deg);
	    z-index: 9;
	}
	.timeline-left .icon-box-center .icon-box-img:after {
	    content: "";
	    position: absolute;
	    top: 0px;
	    border-left: 6px solid #ffffff;
	    border-top: 5px solid transparent;
	    border-bottom: 5px solid transparent;
	    left: -103px;
	    transform:rotate(0deg);
	    z-index: 9;
	}
	
	.tabbed-content ul.nav.nav-tabs.nav-vertical {
		padding: 12px;
		background-color: #f6f6f6;
	}
	.tabbed-content ul.nav.nav-tabs.nav-vertical > li {
		border-radius: 99px;
		overflow: hidden;
		margin-bottom: 0.5rem;
	}
	.tabbed-content ul.nav.nav-tabs.nav-vertical > li > a:before {
		content: ' ';
		line-height:2.5rem;
		text-align: center;
		display: inline-block;
		border-radius: 99px;
		overflow: hidden;
		padding: 0;
		margin-top: 0rem;
		margin-bottom: 0rem;
		margin-right: 0.5rem;
		width: 2.5rem;
		height: 2.5rem;
		background-color: #ffffff;
		color: var(--primary-color);
		content: "\f155";
        font-family: 'dashicons';
	}
	.tabbed-content ul.nav.nav-tabs.nav-vertical > li.active > a:before {
		background-color: var(--primary-color);
		color: #fff;
	}
	.tabbed-content .nav.nav-tabs.nav-vertical:hover>li:not(:hover)>a:before {
		opacity:1;
	}
	.tabbed-content .nav.nav-vertical.nav-tabs>li.active>a {
		border: none;
	}
}

#shop-sidebar .widget.widget_custom_html {
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
}
#shop-sidebar .textwidget.custom-html-widget {
    border: 1px solid #eee;
    border-top: none;
    padding: 16px;
}
#shop-sidebar .textwidget.custom-html-widget p{
	margin-bottom: 0;
}

.bottom-testi {
    text-align: left;
    display: flex;
    align-items: center;
}
.icon-box-img.testimonial-image.circle {
    text-align: left;
    margin-bottom: 0;
	margin-right: .55rem;
}

.bottom-info .testimonial-meta {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.bottom-info .star-rating {
    max-width: 120px;
    text-align: left;
    justify-content: flex-start;
    display: flex;
    margin-left: 0 !important;
}


.slider-visible-wrapper .slider-nav-reveal {
    overflow: visible;
    padding-right: 2rem !important;
}
.slider-visible-wrapper .flickity-viewport {
    overflow: visible;
} 
.flickity-slider .icon-box.testimonial-box {
    border: 1px solid #e7e7e7;
    background: #f8f8f8;
    margin: 0.5rem;
}
.icon-box.testimonial-box.icon-box-center p{
    font-style:normal;
}