.home-bg {
	background: linear-gradient(180deg, rgba(254, 254, 254, 0) 0%, #f3f6ff 20.6%, #f3f6ff 83.05%, #fff 100%);
}

.home-sec-2 .row {
	position: relative;
}

.home-sec-2 .list-icon p img {
	margin-bottom: 4px;
}

.home-sec-2 .col-r {
	position: absolute;
    max-width: 647px;
    height: auto;
    right: 0px;
    top: 72px;
}

.home-sec-2 .ai-img {
    position: absolute;
    width: 271px !important;
    top: -8.5%;
    left: 26%;
    animation: 1s ease-in-out 0s infinite normal none running float;
}

@keyframes float {
	0% {
		transform: translateY(0px);
	}
	50% {
		transform: translateY(-10px);
	}
	100% {
		transform: translateY(0px);
	}
}

.home-sec-2 .btn-video {
	margin-right: 0;
}

.home-sec-2 .btn-video i {
	padding: 10px 11.5px;
    border-radius: 50%;
    background: #fbd42e;
    color: #fff;
}

.home-sec-2 .btn-video:hover i {
	color: #282828;
}

.home-sec-3 .col-l {
	max-width: calc(100% - 430px);
	flex-basis: unset;
}

.home-sec-3 .col-r {
	max-width: 430px;
}

.home-sec-3 .col-l .img {
	border-radius: 24px;
	overflow: hidden;
}

.home-sec-3 .col-l .img
:hover .overlay {
	background-color: transparent !important;
}

.home-sec-3 .col-l .img .overlay-icon {
    background-color: #fbd42e;
    opacity: 1;
}

.home-sec-3 .col-r .item-vi {
	background: #fff;
    border-radius: 6px;
    border-bottom: 2px solid #fbd42e;
    text-align: center;
    padding: 12px;
}

.home-sec-3 .items .item > .col-inner {
    box-shadow: 0 2px 4px 0 rgba(124, 134, 156, 0.25);
}

.home-sec-3 .items .item > .col-inner:after {
	content:"";
	height: 35px;
    border-radius: 12px;
    background: #fbd42e;
    position: absolute;
    width: 100%;
    left: 0;
    z-index: -1;
    bottom: -5px;
}

.home-sec-3 .items .item p {
	margin-bottom: 0;
}


.home-sec-3 .items .item .btn-more {
	font-size: 14px;
	font-weight: 600;
	white-space: nowrap;
}

.home-sec-3 .items .item .icon-box-img img {
	padding-top: 0;
}
 
.home-sec-3 .items .item .icon-box-text {
	padding-left: 12px;
}

.home-sec-3 .items .item .icon-box-text h5 {
	font-size: 17px;
	font-weight: 600;
	text-transform: unset;
	margin-bottom: 4px;
	line-height: 1.4;
}

.home-sec-3 .items .item .icon-box-text h6 {
	font-size: 14px;
	text-transform: unset;
	font-weight: 400;
}

.home-sec-6 .tabbed-content {
	justify-content: space-between;
}

.home-sec-6 .nav {
	width: 43% !important;
}

.home-sec-6 .tab-panels {
	width: 666px !important;
	flex: unset !important;
	border-left: none !important;
}

.home-sec-6 .nav .tab {
	box-shadow: rgba(88, 96, 116, 0.16) 0px 2px 4px 0px;
    position: relative;
    border-radius: 8px;
    background: rgb(255, 255, 255);
    padding: 14px 16px;
	margin-bottom: 20px;
	border-left: 5px solid #fff;
	max-height: 74px;
	overflow: hidden;
	transition: max-height 0.5s ease
}

.home-sec-6 .nav .tab.active {
	border-left: 5px solid #fbd42e;
	max-height: 300px;
}

.home-sec-6 .nav .tab h3 {
	font-size: 18px;
}

.home-sec-6 .nav .tab h3:before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url("/wp-content/uploads/2025/06/share.png") no-repeat center center;
  background-size: contain;
  margin-right: 8px;
  vertical-align: -5px;
}

.home-sec-6 .nav .tab:nth-child(2) h3:before {
	background: url("/wp-content/uploads/2025/06/icons8-refresh-24.png") no-repeat center center;
}

.home-sec-6 .nav .tab:nth-child(3) h3:before {
	background: url("/wp-content/uploads/2025/06/icons8-refresh-user-profile-24.png") no-repeat center center;
}

.home-sec-6 .nav .tab ul {
	font-size: 15px;
	padding-left: 35px;
	padding-top: 10px;
}

.home-sec-6 .nav .tab ul li {
	list-style-type: disc;
}

.home-sec-6 .icon-phone {
	animation: shake-circle 0.8s cubic-bezier(0.25, 1, 0.5, 1) infinite;
}

@keyframes shake-circle {
  0% {
    transform: translate(0, 0);
  }
  25% {
    transform: translate(-5px, -5px);
  }
  50% {
    transform: translate(5px, 5px);
  }
  75% {
    transform: translate(-5px, -5px);
  }
  100% {
    transform: translate(0, 0);
  }
}

.home-sec-7 .img-phone {
	z-index: -1;
}

.home-sec-7 .section-content > .row {
	background: url(/wp-content/uploads/2025/06/box-ava.png) no-repeat;
    background-position: bottom;
    border-radius: 23px;
    background-position-x: 50px;
	background-size: 100%;
}

.home-sec-7 .open-video {
	color: #fff !important;
    border: none !important;
    background-color: rgba(0, 0, 0, 0.6) !important;
}

.home-sec-7 .open-video .icon-play {
	top: 2px !important;
}


.home-sec-8 .tabbed-content {
	flex-direction: column-reverse;
}

.home-sec-8 .col-l .is-border {
	z-index: -1;
}

.home-sec-8 .tab {
    flex: 1;
}

.home-sec-8 .tab:before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 60px;
    background-image: url(/wp-content/uploads/2025/06/customer-5.webp);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
	filter: grayscale(100%);
    opacity: 0.5;
}

.home-sec-8 .tab.active:before {
	filter: unset;
    opacity: 1;
}

.home-sec-8 ul .tab:nth-child(2):before {
	background-image: url(/wp-content/uploads/2025/06/customer-3.webp);
}

.home-sec-8 ul .tab:nth-child(3):before {
	background-image: url(/wp-content/uploads/2025/06/customer-2.webp);
}

.home-sec-8 ul .tab:nth-child(4):before {
	background-image: url(/wp-content/uploads/2025/06/customer-1.webp);
}

.home-sec-8 .tab a {
	width: 100%;
	height: 100%;
    display: block;
    position: absolute;
    top: 0;
}

.home-sec-8 .tab a:after {
	height: 80px;
	border-left: 1px solid rgba(0, 0, 0, .2);
	top: 0;
}

.home-sec-8 .tab span {
	display: none;
}

@media (max-width: 1024px) {
	.home-sec-2 .col-r {
		position: static;
	}
	
	.home-sec-2 .ai-img {
		top: -75px;
        left: 22%;
        width: 180px !important;
	}
	
	.home-sec-2 .col-btn .col-inner, .home-sec-7 .col-btn .col-inner {
		display: flex;
		gap: 10px;
	}
	
	.home-sec-2 .col-btn .col-inner a, .home-sec-7 .col-btn .col-inner a {
		margin: 0;
    	white-space: nowrap;
		padding: 5px 15px 4px 15px !important;
	}
	
	.home-sec-3 .col-l {
		max-width: 100%;
	}
	
	.home-sec-3 .col-r {
		max-width: 100%;
	}
	
	.home-sec-3 .items .item .icon-box-text h5 { 
		font-size: 16px;
	}
	
	.home-sec-3 .items .item .icon-box-text h6 { 
		font-size: 14px;
	}
	
	.home-sec-3 .col-btn a {
		width: 100%;
	}
	
	.home-sec-6 .nav {
		width: unset !important;
	}

	.home-sec-6 .tab-panels {
		width: unset !important;
		order: 1;
	}
	
	.home-sec-6 .nav .tab {
		max-height: 70px;
	}
	
	.home-sec-6 .nav .tab h3 {
		line-height: 1.3;
	}
	
	.home-sec-7 .section-content > .row {
    	background-size: 0;
	}
	
	.title-line {
		flex-wrap: nowrap;
	}
	
	.title-line span {
		width: 80%;
		margin: 0 !important;
	}
	
}

/* Xuất hóa đơn */

.xhd-sec-1 .slide-bg-1 {
	position: absolute;
    top: 0;
    height: 100%;
    z-index: -1;
}

.xhd-sec-1 .slide-bg-1 * {
	height: 100%;
}

.xhd-sec-1 .row-slide-2 .list-icon p img {
	margin-bottom: 4px;
}

}