/*
Theme Name: Nevo Child
Theme URI: https://nevothemes.com/
Description: Child theme for Nevo theme
Author: Your Name
Template: nevo
Version: 1.0.0
Text Domain: nevo-child
*/




/*--css-translate-gg--*/
.gt_float_switcher .gt-selected .gt-current-lang span.gt_float_switcher-arrow{
	width: 25px !important;
}
.gt_float_switcher {
    border-radius: 10px !important;
	margin-bottom: -5px;
}
#gt_float_wrapper span.gt-lang-code {
    font-size: 15px;
    margin-right: 3px;
}
.gt_float_switcher img{
	width: 20px !important;
}
.gt_float_switcher .gt-selected .gt-current-lang{
	display: inline-flex;
    padding: 3px 5px !important;
}
/*--end-css-translate-gg--*/
.cssgaledtcl img.swiper-slide-image {
    height: 120px !important;
    width: 100%;
    object-fit: cover;
}
.warehouse-system{
    max-width:900px;
    margin:auto;
}

.ws-item{
    position:relative;
    display:flex;
    align-items:center;
	margin-bottom: 19px;
}

.ws-number{
    position:absolute;
    left:0;
    width:90px;
    height:77px;
    background:#244e84;
    color:#fff;
    font-size:30px;
    font-weight:bold;
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:2;
}

.ws-content{
	width: 100%;
    margin-left: 60px;
    padding: 25px 20px 25px 50px;
    background: linear-gradient(90deg, #1f7fbe, #2f8ec8);
    color: #fff;
    font-size: 18px;
    font-weight: 500;
}



.number-wrap2 {
	display: flex;
    justify-content: center;
    align-items: center;
	margin-top: -60px;
    margin-bottom: 10px;
}
.txtdoanhthu {
    text-align: center;
    color: #fff;
}
.txtdoanhthu h3 {
    color: #fff;
    font-size: 35px;
    margin-bottom: 0px;
}
.txtdoanhthu h4 {
    color: #fff;
    margin-bottom: 10px;
}
.txtdoanhthu p {
    font-weight: bold;
    font-size: 13px;
}
.txtnsl h3 {
    color: #fff;
    margin-bottom: 0px;
}
.txtnsl h4 {
    color: #fff;
    font-size: 20px;
}
.hopgtcright{
	left: -20px;
}
.hopgtcleft {
    right: -20px;
}
.imgnsl {
    z-index: 99;
}
.anhsanghinh{
    position: relative;
    overflow: hidden;
    display: inline-block;
}
.anhsanghinh img{
    display: block;
    width: 100%;
    height: auto;
}
.anhsanghinh::after{
  content: "";
  position: absolute;
  top: 0;
  left: -180%;
  width: 70%;
  height: 100%;
  background: linear-gradient(
      120deg,
      transparent,
      rgba(255,255,255,0.25),
      rgba(255,255,255,0.45),
      rgba(255,255,255,0.25),
      transparent
  );
  transform: skewX(-35deg);
  transition: 0.9s ease;
}
.anhsanghinh:hover::after{
  left: 180%;
}



.post-thumb{
    position: relative;
    overflow: hidden;
}

.post-thumb img{
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.7s ease;
}

/* Hover zoom */
.post-thumb:hover img{
    transform: scale(1.12);
}



.skill-box{
        max-width:460px;
        margin-bottom:30px;
    }
    .skill-title{
        display:flex;
        justify-content:space-between;
        align-items:center;
        margin-bottom:10px;
        font-size:15px;
        font-weight:600;
    }
    .skill-bar{
        width:100%;
        height:10px;
        background:#1e293b;
        border-radius:10px;
        overflow:hidden;
    }
    .skill-bar-fill{
        height:100%;
        width:0;
        background:linear-gradient(90deg,#38bdf8,#22c55e);
        border-radius:10px;
        transition:width 5s cubic-bezier(.4,0,.2,1);
    }




.addiconxemthem{
    position: relative;
    padding: 12px 56px 12px 16px;
    border-radius: 10px;
    overflow: hidden;
    font-size: 16px;
    font-weight: 500;
    background: #f5f5f5;
    color: #222;
}
.addiconxemthem:hover .elementor-icon-box-title a{
    color: #da8539;
}
/* ICON FONT AWESOME */
.addiconxemthem::after {
    content: "\f101";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    right: 0;
    top: 0;
    width: 44px;
    height: 100%;
    background-color: #da8539;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 17px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    animation: arrowMove 2s ease-in-out infinite;
}
@keyframes arrowMove {
    0% {
        transform: translateX(0);
    }
    40% {
        transform: translateX(8px);
    }
    60% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(0);
    }
}





.boxcovideo p {
    margin: 5px 0px 10px 0px;
    color: #fff;
    font-size: 14px;
    text-align: justify;
}
.imgnhovanchuyen img {
    border: 20px solid #fff !important;
	border-bottom-right-radius: 50px !important;
    border-top-left-radius: 50px !important;
	margin-top: -207px;
    margin-right: -20px;
}
.imgnhocauhoi img {
    border: 20px solid #fff !important;
    border-bottom-left-radius: 50px !important;
    border-top-right-radius: 30px !important;
	margin-top: -197px;
    margin-left: -20px;
}
.boxcovideo {
	width: 50%;
	background-color: #da8539;
    border-radius: inherit;
    padding: 20px;
    position: absolute !important;
    right: -20px;
    top: -20px;
    border: 20px solid #fff;
    border-bottom-left-radius: 50px;
	border-top-right-radius: 50px;
}

.video-box {
  text-align: left;
}

/* Nút play */
.play-btn {
  width: 60px;
  height: 60px;
  background: #fff;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #000;
  font-size: 25px;
  text-decoration: none;
  box-shadow: 0 12px 30px rgba(255,0,0,0.4);
  transition: all 0.3s ease;
}

.play-btn i {
  margin-left: 4px; /* lệch nhẹ cho giống YouTube */
}

.play-btn:hover {
  transform: scale(1.1);
}

/* Popup video */
.video-popup {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.75);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

.video-popup iframe {
  width: 80%;
  max-width: 960px;
  aspect-ratio: 16 / 9;
  border-radius: 12px;
}

/* Hiển thị khi click */
.video-popup:target {
  display: flex;
}

/* Nút đóng */
.video-popup .close {
  position: absolute;
  top: 20px;
  right: 30px;
  color: #fff;
  font-size: 30px;
  text-decoration: none;
}




.wave-dashed-strong {
  width: 100%;
	position: absolute;
	bottom: -170px;
}

.wave-dashed-strong svg {
  width: 100%;
  height: 100%;
  display: block;
}

.wave-dashed-strong path {
  fill: none;
  stroke: #e1e1e1;
  stroke-width: 3;
  stroke-dasharray: 8 10; /* nét đứt */
  stroke-linecap: round;
}



.number-wrap {
	position: absolute;
    right: 35px;
    top: 75px;
    z-index: 99;
}

.number-circle {
  width: 60px;
  height: 60px;
  background: #da8539;
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 25px;
  font-weight: 700;
  line-height: 1;
}
.boxlhhome h2 {
    color: #fff;
    text-align: center;
}
.divthongso h4 {
	font-size: 50px;
    margin: -20px 0px -15px 0px;
    color: #fff;
}
.divthongso p {
    margin: 0;
    font-size: 14px;
	font-weight: bold;
}
.divthongso {
	margin-top: -100px;
    background-color: #da8539;
    color: #fff;
    width: 150px;
    height: 150px;
    text-align: center;
    margin-left: 325px;
    border-radius: 100%;
	display: flex;
    flex-direction: column;
    align-items: center;      /* căn giữa theo chiều ngang */
    justify-content: center;  /* căn giữa theo chiều dọc */
	animation: zoomSoft 2s ease-in-out infinite;
}
.play-btn, .number-wrap{
	animation: zoomSoft 2s ease-in-out infinite;
}
/* Hiệu ứng zoom mềm */
@keyframes zoomSoft {
    0%{
        transform: scale(1);
    }
    50%{
        transform: scale(1.08);
    }
    100%{
        transform: scale(1);
    }
}
.line.left {
    display: none;
}
.icon.left {
    display: none;
}
.title-line.titledark.left {
    justify-content: left;
	margin-bottom: 0px;
}
.title-line.titledark .line{
	background: #25516a;
}
.title-line.titledark, .title-line.titledark .icon{
	color: #25516a;
}
.title-line {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  font-size: 20px;
  color: #fff;
  text-align: center;
	margin: 0px 0px -10px 0px;
}

.title-line .line {
  flex: 1;
  height: 2px;
  background: #fff;
  max-width: 80px;
}

.title-line .icon {
  font-size: 16px;
  color: #fff;
}

.title-line .text {
  white-space: nowrap;
}

/* Mobile */
@media (max-width: 480px) {
  .title-line {
    font-size: 18px;
    gap: 8px;
  }
  .title-line .line {
    max-width: 40px;
  }
}



/*.page-id-2328 .sub-menu a.nevo-menu-link:hover {
    color: #edda45;
}
.page-id-2328 .sub-menu a.nevo-menu-link {
    color: #000;
}
.page-id-2328 a.nevo-menu-link {
    color: #fff;
}*/
aside.widget_media_image {
	margin-top: -30px;
}
aside.widget_media_image img {
    border-radius: 10px;
}
.widget-area .textwidget {
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
	margin-top: -30px;
	border-radius: 10px;
	padding: 10px 10px 10px 10px;
}




/*-css-btn-contact-bottom-mb-*/
/* Thanh contact fixed */
.contact-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    background: #fff;
    box-shadow: 0 -2px 4px rgb(37 81 106 / 40%);
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 9999;
}

/* Item */
.contact-item {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px; /* icon & text sát nhau */
    padding: 6px 5px;
    text-decoration: none;
    color: #000;
    border-right: 1px solid #25516a;
    font-size: 14px;
    text-align: center;
}

.contact-item:last-child {
    border-right: none;
}

/* Icon */
.contact-item .icon {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    color: #fff;
    animation: shake 1.5s infinite;
}

/* Text */
.contact-item .text {
    font-size: 14px;
    line-height: 1;
    white-space: nowrap;
}

/* Zalo chữ */
.zalo-text {
    font-weight: 600;
    font-size: 12px;
}

/* Màu icon */
.phone { background: #39c14a; }
.imessage { background: #010101; }
.zalo { background: #4a8cff; }
.facebook { background: #1877F2; }

/* Hover */
.contact-item:hover {
    background: #f5f5f5;
}

/* Hiệu ứng rung */
@keyframes shake {
    0%   { transform: rotate(0deg); }
    10%  { transform: rotate(8deg); }
    20%  { transform: rotate(-8deg); }
    30%  { transform: rotate(6deg); }
    40%  { transform: rotate(-6deg); }
    50%  { transform: rotate(4deg); }
    60%  { transform: rotate(-4deg); }
    70%  { transform: rotate(2deg); }
    80%  { transform: rotate(-2deg); }
    100% { transform: rotate(0deg); }
}

/* MOBILE */
@media (max-width: 767px) {
    .contact-item {
        flex-direction: column; /* icon trên - text dưới */
        gap: 2px;
        padding: 6px 4px;
    }

    .contact-item .text {
        font-size: 13px;
        white-space: normal;
    }
}

/*-end-css-btn-contact-bottom--*/




/*-sticky-header-*/
.main-header {
    height: 90px;
    transition: height .25s ease;
}
.site-branding img.is-logo-image {
    max-width: 85px;
    transition: max-width .25s ease;
}
/* Khi scroll */
#masthead.is-fixed .main-header {
    height: 60px;
}
#masthead.is-fixed .site-branding img.is-logo-image {
    max-width: 55px;
}
/* Fixed header */
#masthead.is-fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
    box-shadow: 0 6px 20px rgba(0,0,0,.12);
}
/* Chống che nội dung */
body.has-fixed-header {
    padding-top: var(--header-height, 90px);
}
/*-end-sticky-header-*/




/*----slider---*/
.post-carousel {
    position: relative;
    width: 100%;
    overflow: hidden; /* che tràn slider */
}

.carousel-track {
    display: flex;
    gap: 20px; /* khoảng cách giữa item */
    transition: transform 0.5s ease;
    will-change: transform;
}
.post-item .post-title {
	font-size: 20px;
    margin: -6px 8px 10px 8px;
	padding: 10px;
    background-color: #f7f7f7;
    border-bottom: 5px solid #edda45;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.post-item .post-title a {
    color: #25516a;
}
.post-item {
	text-align: center;
}

.post-thumb {
    display: inline-block;
    position: relative;
}

.post-thumb img {
    width: 350px;
    height: 350px !important;
	border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
    object-fit: cover;  
    display: block;
}

/* Mobile */
@media (max-width: 768px) {
    .post-thumb img {
        height: 150px;
    }
}

/* nút slider */
.carousel-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    width: 40px;
    height: 40px;
    /*background: rgba(0, 0, 0, 0.6);*/
    color: #fff;
    border: none;
    font-size: 40px;
    cursor: pointer;
	padding: 0px 0px 8px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height: 1;
    border-radius: 8px;
}
.carousel-btn.prev { left: 10px; }
.carousel-btn.next { right: 10px; }

/*---end-slider---------*/



.btnxemthemallhome {
    text-align: center;
}
.btnxemthemallhome a {
    font-weight: 600;
}
.sub-menu .nevo-menu-link {
    font-size: 12px;
}
nav#nav-below {
    padding: 0px 10px;
}
.category-tin-tuc h2.entry-title{
	    text-transform: math-auto !important;
}
.blog-cols.cv-row h2.entry-title {
    font-size: 18px !important;
    text-transform: uppercase;
    font-weight: bold !important;
    margin-bottom: 10px;
}
.category-tin-tuc header.entry-header {
    text-align: left !important;
}
.blog-cols.cv-row header.entry-header {
    text-align: center;
}
.category-tin-tuc .entry-summary.cv-mt-3, .category-tin-tuc .entry-meta {
    display: block !important;
}
.blog-cols.cv-row .entry-summary.cv-mt-3, .blog-cols.cv-row .entry-meta {
    display: none;
}
.category-tin-tuc a.elementor-button.cus-elementor-size.cus-title-contact {
    display: none;
}
.cus-title-contact {
	font-size: 14px;
    color: #fff;
}

.cus-title-contact:hover {
    background: #c62828;
    color: #fff;
}

.blog-cols.cv-row .inside-article {
    margin: 0px;
}

.type-post .inside-article {
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    margin: 0px 0px -10px 30px;
	padding: 10px !important;
}
.related-posts span.nevo-cat-single.cat-links {
    display: none;
}
.related-posts .article-inner {
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
}
.related-post-content {
    margin: -20px 10px 10px 10px;
}
.blog-cols.cv-row img {
    width: 100%;
    height: 350px !important;
    object-fit: cover;
}
nav.rank-math-breadcrumb p {
    margin-bottom: 0px;
}
.separate-containers .blog-cols {
    padding: 0px 30px;
}
.blog-cols.cv-row .inside-article {
    padding: 15px;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
}
.post-category-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.post-category-grid .post-item {
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
	padding: 10px;
	border-radius: 15px;
	text-align: center;
	background-color: #fff;
}

.post-category-grid .post-item:hover {
    transform: translateY(-5px);
}


.post-category-grid img {
	width: 100%;
    height: 250px !important;
    object-fit: cover;
    border-radius: 15px !important;
}

.post-category-grid .post-title {
    font-size: 15px;
    text-transform: uppercase;
	margin: 15px 0px 15px 0px;
}

.post-category-grid .post-title a {
    text-decoration: none;
	font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.cus-elementor-size {
    padding: 8px 15px !important;
}

/* Mobile */
@media (max-width: 767px) {
    .post-category-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 10px;
    }
}




.socialmenu {
    display: none;
}
.service-list li::before {
	content: "✔";
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  border-radius: 50%;
  background: #fff;
  font-size: 12px;
	position: absolute;
	top: 3px;
  left: 0;
  color: #0a8f08;
  font-weight: 700;
}

.service-list {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  max-width: 1200px;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 10px 10px;
}

.service-list li {
  position: relative;
  padding-left: 26px;
  font-size: 15px;
  line-height: 1.6;
  color: #fff;
  font-weight: bold;
}
.service-list li a{
  color: #fff;
}


.item {
  display: flex;
  align-items: center; /* căn giữa theo chiều dọc */
  gap: 16px;
  max-width: 700px;
}

.item-number {
  min-width: 80px;
  height: 80px;
  text-align: center;
  font-size: 32px;
  font-weight: 700;
  color: #ed1c25;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 5px solid #ed1c25;
  border-radius: 100%;
}

.item-content h3 {
  margin: 0 0 6px;
  font-size: 18px;
  text-transform: uppercase;
}

.item-content p {
  margin: 0;
  color: #555;
  line-height: 1.6;
}

.site {
    background-color: #ffffff;
}
.tdform {
    font-weight: 600;
}
select.wpcf7-select {
    width: 100%;
    border-radius: 10px;
    height: 35px;
    margin-bottom: 12px;
    padding: 0px 0px 0px 10px;
}
.boxposthome .title-post-list {
	overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.featured-image.cv-col-12.post-image {
    display: none;
}
.zalostik a, .iconzaloft a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    padding: 0 10px;
	font-size: 12px;
    font-weight: bold;
}
h1 {
    font-size: 35px;
}
h2 {
    font-size: 32px;
}
h3 {
    font-size: 28px;
}
h4 {
    font-size: 25px;
}
h5 {
    font-size: 22px;
}
.gtcssh3 h3 {
    font-size: 23px;
}
.boxformpagedl .wpcf7-submit.has-spinner {
    margin-top: 30px;
    margin-bottom: -10px;
}
.labelfo {
    color: #fff;
}
.boxformpagedl .wpcf7-form-control {
    width: 100%;
    border-radius: 10px;
    height: 35px;
}
/* UL dùng grid: desktop 2 cột – mobile 1 cột */
.boxformpagedl ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 20px;
}
.boxformpagedl ul {
    grid-template-columns: repeat(2, 1fr);
}
/*.boxformpagedl ul li {
    background: #ffffff;
}*/
.boxformpagedl ul li p {
    margin: 0;
    font-weight: 600;
	font-size: 15px;
}

.pll-flags-only img {
    width: 22px;
    height: auto;
    display: inline-block;
}
.pll-flags-only li {
    display: inline-block;
    margin-right: 8px;
}
.elementor-slideshow__title, .elementor-slideshow__description {
    display: none  !important;
}

.txtheaban h1{
    color: #fff;
	font-size: 26px;
    text-transform: uppercase;
}
.subboxinfocty p {
    font-size: 15px;
    margin-bottom: 5px !important;
	font-weight: bold;
    color: #fff;
}
.subboxinfocty p a {
    color: #fff;
}
.subboxinfocty h4 {
    color: #fff;
    font-size: 19px;
    margin-bottom: 5px;
}
.subboxinfocty {
    border-bottom-right-radius: 0px !important;
}
.boxvideofb iframe {
    border-radius: 10px;
}
.related-posts img {
    width: 100%;
    height: 240px !important;
    object-fit: cover;
	padding: 10px;
	border-radius: 20px !important;
}
.nevo-navigation li[class*="current-menu-"] > a {
    color: #edda45;
}
a.nevo-menu-link {
    text-transform: uppercase !important;
    font-weight: bold !important;
}
/*-all-btn-contact-*/
.iconfixfolow {
    position: fixed;
    right: 20px;
    bottom: 80px;
    list-style: none;
    padding: 0px;
    margin: 0px;
	z-index: 999;
}
.iconfixfolow li {
    border: 1px solid #ed1c25;
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 100%;
    margin-right: 5px;
    background-color: #ed1c25;
	z-index: 999;
	margin-bottom: 10px;
}
.iconfixfolow a {
    color: #fff;
}
.iconfixfolow i {
    margin-top: 8px;
    font-size: 24px;
}
.hotline-phone-ring-wrap {
position: fixed;
bottom: 0;
left: 0;
z-index: 999999;
}
.hotline-phone-ring {
position: fixed;
visibility: visible;
background-color: transparent;
width: 110px;
height: 110px;
cursor: pointer;
z-index: 11;
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0);
transition: visibility .5s;
right: -20px;
bottom: -20px;
display: block;
}
.hotline-phone-ring-circle {
width: 130px;
height: 130px;
top: -20px;
left: -20px;
position: absolute;
background-color: transparent;
border-radius: 100%;
border: 2px solid #ed1c25;
-webkit-animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
transition: all .5s;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
opacity: 0.5;
}
.hotline-phone-ring-circle-fill {
width: 90px;
height: 90px;
top: 0px;
left: 0px;
position: absolute;
background-color: #ed1c25;
border-radius: 100%;
border: 2px solid transparent;
-webkit-animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
transition: all .5s;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
.hotline-phone-ring-img-circle {
background-color: #ed1c25;
width: 70px;
height: 70px;
top: 10px;
left: 10px;
position: absolute;
background-size: 20px;
border-radius: 100%;
border: 2px solid transparent;
/*-webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;*/
/*animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;*/
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
align-items: center;
justify-content: center;
}
.hotline-phone-ring-img-circle .pps-btn-img {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
font-size: 14px;
text-align: center;
color: #fff;
font-weight: bold;
line-height: 1.4;
}
.hotline-phone-ring-img-circle .pps-btn-img img {
width: 20px;
height: 20px;
}
.hotline-bar {
position: absolute;
background: rgb(49, 74, 166);
border-radius: 3px;
padding: 0 15px 0 0;
background-size: 100%;
cursor: pointer;
transition: all 0.8s;
-webkit-transition: all 0.8s;
z-index: 9;
box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.1);
border-radius: 50px !important;
/* width: 175px !important; */
left: 33px;
bottom: 37px;
}
.hotline-bar > a {
color: #fff;
text-decoration: none;
font-size: 15px;
font-weight: bold;
text-indent: 50px;
display: block;
letter-spacing: 1px;
line-height: 40px;
font-family: Arial;
}
.hotline-bar > a:hover,
.hotline-bar > a:active {
color: #fff;
}
@-webkit-keyframes phonering-alo-circle-anim {
0% {
-webkit-transform: rotate(0) scale(0.5) skew(1deg);
-webkit-opacity: 0.1;
}
30% {
-webkit-transform: rotate(0) scale(0.7) skew(1deg);
-webkit-opacity: 0.5;
}
100% {
-webkit-transform: rotate(0) scale(1) skew(1deg);
-webkit-opacity: 0.1;
}
}
@-webkit-keyframes phonering-alo-circle-fill-anim {
0% {
-webkit-transform: rotate(0) scale(0.7) skew(1deg);
opacity: 0.6;
}
50% {
-webkit-transform: rotate(0) scale(1) skew(1deg);
opacity: 0.6;
}
100% {
-webkit-transform: rotate(0) scale(0.7) skew(1deg);
opacity: 0.6;
}
}
@-webkit-keyframes phonering-alo-circle-img-anim {
0% {
-webkit-transform: rotate(0) scale(1) skew(1deg);
}
10% {
-webkit-transform: rotate(-25deg) scale(1) skew(1deg);
}
20% {
-webkit-transform: rotate(25deg) scale(1) skew(1deg);
}
30% {
-webkit-transform: rotate(-25deg) scale(1) skew(1deg);
}
40% {
-webkit-transform: rotate(25deg) scale(1) skew(1deg);
}
50% {
-webkit-transform: rotate(0) scale(1) skew(1deg);
}
100% {
-webkit-transform: rotate(0) scale(1) skew(1deg);
}
}
/*-end-all-btn-contact-*/
.csscotitlegt h2 {
    margin-bottom: 10px;
}
.csscotitle h2 {
    font-size: 30px;
    text-transform: uppercase;
}

.titleaffline h2::after {
    content: "─❈─";
    display: block;
    font-size: 20px;
    color: #ed1c25;
    letter-spacing: 5px;
    margin-bottom: -20px;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
}
.boxposthome .entry-meta {
    color: #fff;
}
.boxposthome .post-title a {
    color: #fff !important;
    font-size: 18px;
}
.boxposthome .post-list-wrap .cv-col-12, .post-list-wrap .cv-col-sm-6 {
    width: 100% !important;
    flex: unset !important;
    max-width: 100% !important;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.boxposthome header.entry-header {
    background-color: #ed1c25;
    padding: 15px 10px;
    margin-top: -16px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.boxposthome .post-list-wrap {
    display: grid;
	grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

a {
    text-decoration: none !important;
}
.wp-caption .wp-caption-text{
	padding-top: 0px;
}
.wpcf7-submit.has-spinner {
    margin-top: 10px;
	height: 40px !important;
	font-weight: bold;
}
.wpcf7-response-output {
    margin: 0px !important;
	background-color: #fff;
}
.boxformdl input.wpcf7-form-control {
    width: 100%;
	border-radius: 10px;
    height: 35px;
	margin-bottom: 10px;
}
.boxformdl p {
    margin-bottom: 2px;
	color: #fff;
}
textarea.wpcf7-form-control.wpcf7-textarea {
    border-radius: 10px;
    height: 100px;
}
.cssimggallery img {
    width: 100%;
    height: 200px !important;
    object-fit: cover;
}
.boxtxtfb p {
    margin-bottom: 0px;
}
.boxtxtfb h3 {
    margin-bottom: 0px;
    color: #fff;
    font-size: 23px;
}
.cssimgfb img {
    border-radius: 15px !important;
	width: 100%;
    height: 400px !important;
    object-fit: cover;
}
.boxtxtfb {
    position: absolute;
    bottom: 0px;
	right: 0px;
    left: 0px;
    background-image: linear-gradient(to top, #da8539, #da8539, #f5eb8600);
    padding: 20px;
    text-align: justify;
    color: #fff;
    text-shadow: 1px 1px 0px #747474;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

li.btnxctdv a:hover {
    background-color:  #fff;
    color: #da8539;
}
li.btnxctdv a {
	color: #fff;
    border: 1px solid #da8539;
    border-radius: 20px;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: bold;
	background-color: #da8539;
}
.boxdvdetail.left h3 {
    text-align: left;
}
.boxdvdetail h3 {
    margin: -5px 0px -5px 0px;
    font-size: 15px;
    text-transform: uppercase;
	text-align: center;
}
.stars {
    position: relative;
    width: max-content;
    font-size: 20px;
    color: #ccc;      
}
.stars::before {
    content: "\f005\f005\f005\f005\f005";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: #f5c518; 
}
.boxdvdetail ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
	list-style: none;
	margin: 10px 0px 10px 0px;
}
.boxdvdetail ul li:first-child {
    flex: 0 0 55%;
}
.boxdvdetail ul li:last-child {
    flex: 0 0 45%;
    text-align: right;
}

.bg-video-content p {
    font-size: 20px;
}
.bg-video-content {
    position: relative;
    z-index: 2;
    color: #fff;
    text-align: center;
    padding: 20px;
}
.bg-video-content h1 {
    color: #fff;
    margin-bottom: 5px;
    font-size: 45px;
}
.bg-video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.1);
    z-index: 1;
}
.bg-video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    object-fit: cover;
    z-index: 0;
}
.bg-video-wrap {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 70vh;
    display: flex;
    align-items: center;
    justify-content: center;
}
/*----btn-hieu-ung----*/
.button, .elementor-button {
	background-color: #edda45 !important;
    border-radius: 30px !important;
	font-weight: bold;
    position: relative;
    overflow: hidden;
    display: inline-block;
    transition: transform 0.3s ease-in-out;
	border: none;
	color: #25516a !important;
}
.button::after, .elementor-button::after{
  content: "";
  position: absolute;
  top: 0;
  left: -150%;
  width: 100%;
  height: 100%;
  background: linear-gradient(120deg, transparent, rgba(255, 255, 255, 0.6), transparent);
  transform: skewX(-45deg);
  animation: light-move 2s linear infinite;
}
@keyframes light-move {
  0% {
    left: -150%;
  }
  100% {
    left: 150%;
  }
}
/*---end-btn-hieu-ung----*/
.csstdvct h5 {
    display: inline-block;
    position: relative;
    font-weight: bold;
	margin-bottom: 0px;
}
.csstdvct h5::after {
    content: "";
    display: inline-block;
    height: 2px; /* độ dày gạch ngang */
    background-color: #ed1c25; /* màu gạch ngang */
    width: 50px; /* độ dài gạch ngang */
    margin-left: 10px; /* khoảng cách từ chữ tới gạch */
    vertical-align: middle; /* canh giữa theo chữ */
}
.hexagon {
  width: 300px;
  aspect-ratio: 1 / 1;
  clip-path: polygon(
    25% 6%,
    75% 6%,
    100% 50%,
    75% 94%,
    25% 94%,
    0% 50%
  );
  overflow: hidden;
	margin-top: -400px;
	margin-left: 250px;
}
.hexagon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.imgintroho1 img {
    width: 70%;
    /*height: 550px !important;*/
    object-fit: cover;
    border-radius: 200px !important;
    border: 1px solid #fff !important;
}
.imgintroho1 {
    text-align: left !important;
}
.site-header {
    background-color: #ffffff00;
    z-index: 9999;
    /*box-shadow: 0 4px 24px rgb(255 255 255 / 50%);*/
}
.footer-section.middle-footer.has-start.has-center.has-end .inside-footer {
    padding-top: 60px;
    padding-bottom: 60px;
}
.nevo-container.inside-footer.d-flex.text-center.start-empty.has-center.end-empty.normal {
    padding: 5px 0px;
}
.boxft h3 {
	font-size: 23px;
}
.footer-section.middle-footer.has-start.has-center.has-end {
    position: relative;
    overflow: hidden;
}
.footer-section.middle-footer.has-start.has-center.has-end::before {
    content: "";
    position: absolute;
    inset: 0;
    background:rgb(255 255 255 / 80%);
    z-index: 1;
}
.footer-section.middle-footer.has-start.has-center.has-end > * {
    position: relative;
    z-index: 2;
}

.boxft p {
    margin-bottom: 15px;
}
.boxft.box3 {
    margin-left: 130px;
}
.boxft.box2 {
    width: 120%;
}
.boxft, .boxft a {
	color: #000;
    font-weight: 500;
}
.box1 img {
	width: 25%;
    margin-bottom: 10px;
}
.boxfolow-ft li i {
    font-size: 20px;
    padding-top: 8px;
    color: #da8539;
}
.zaloft a {
    font-weight: bold;
    color: #da8539;
}
.boxfolow-ft li {
    display: inline-block;
    border: 1px solid #da8539;
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 100%;
    margin-right: 5px;
}
.boxft.box2 {
    width: 140%;
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/

.cssgaledtcl img.swiper-slide-image {
    height: 90px !important;
}
.divthongso{
	margin-left: 200px;
}
.hexagon{
	width: 200px;
    margin-top: -300px;
    margin-left: 200px;
}
.txtdoanhthu p {
    font-size: 18px;
}
.txtdoanhthu h3{
	font-size: 28px;
}	
.imgnhocauhoi img{
	margin-top: -140px;
}
.play-btn {
    width: 40px;
    height: 40px;
}
.boxcovideo p{
	font-size: 10px;		
}
.stars {
    font-size: 16px;     
}
	aside.widget_media_image {
    margin-top: -30px !important;
    margin: -20px;
}
	.widget-area .textwidget{
		margin: -20px;
	}
.cus-elementor-size {
	font-size: 9px !important;
}
.post-category-grid img {
    height: 150px !important;
	}
.boxdvdetail ul li:last-child{
	text-align: left;
	margin-top: 10px;
}
.boxdvdetail ul{
	display: inline-block;
}
.service-list li {
	font-size: 12px;
}
.related-posts {
    padding: 10px !important;
}
.type-post .inside-article {
    margin: 0px 10px;
}
.separate-containers .blog-cols {
    padding: 0px 10px;
}
.nevo-container.inside-page-header {
    padding: 15px;
}
.nevo-popup.nevo-vertical-header .popup-body {
    padding: 15px;
}
.socialmenu.tiktok span {
    background-color: #000000;
}
.socialmenu.ytb span {
    background-color: #FF0000;
}
.socialmenu.fb span {
    background-color: #1877F2;
}
.socialmenu span {
    color: #fff;
    padding: 5px 10px;
    border-radius: 30px;
}
.socialmenu {
	display: block;
}
.boxft.box2 ul li br {
    display: none;
}
.txtheaban h5 {
    font-size: 16px;
}
.header-button span.button-label {
    font-size: 12px;
}
/*span.button-icon.bi-telephone-fill.d-inline-flex.align-self-center {
    display: none !important;
}*/
.cssimgdoitac figure.gallery-item {
    max-width: 33.33% !important;
}
.service-list{
grid-template-columns: repeat(2, 1fr);
}
.boxft.box2 {
    width: 100%;
}
.boxposthome .title-post-list {
    -webkit-line-clamp: 2;
}
.boxformpagedl .wpcf7-submit.has-spinner {
	margin-top: 0px;
}
.boxformpagedl ul li {
	margin-bottom: 10px;
}
.boxformpagedl ul {
    display: block;
}
.boxformpagedl ul {
    grid-template-columns: repeat(1, 1fr);
}
.box1 img {
	width: 20%;
}
.txtheaban h1 {
    font-size: 19px;
}
.subboxinfocty {
    border-bottom-left-radius: 0px !important;
}
.boxvideofb iframe {
    margin-bottom: -170px !important;
}
.cssimgfb img {
    height: 400px !important;
    object-fit: cover;
}
/*.related-posts img {
    height: 250px !important;
}*/
.nevo-container.inside-header {
    padding-left: 10px !important;
    padding-right: 10px !important;
}
span.button-icon.bi-check-circle-fill.d-inline-flex {
    display: none !important;
}
.header-button .button-link {
	font-size: 12px;
    text-align: center;
    padding: 5px 10px 5px 10px;
}
h1{
	font-size: 30px;	
}
h2{
	font-size: 26px;	
}
h3{
	font-size: 22px;	
}
h4{
	font-size: 20px;	
}
.csscotitlegt h3 {
    font-size: 21px;
}
.csscotitle h2 {
	font-size: 21px;
}
.bg-video-content h1{
	font-size: 35px;	
}
.boxposthome .post-list-wrap {
	grid-template-columns: 1fr;
	display: inline-flex;
}
.cssimggallery img {
    height: 120px !important;
}
.elementor-image-gallery .gallery.gallery-columns-4 .gallery-item{
	max-width: 50% !important;
}
.footer-section.middle-footer.has-start.has-center.has-end .inside-footer {
    padding-top: 40px;
    padding-bottom: 10px;
	padding-left: 15px;
    padding-right: 15px;
}
.boxft.box3 {
    margin-left: 0px;
}
.boxft.box2 {
    width: 100%;
}
}