@font-face {  font-family:YenTu;  src:url(fonts/UTM_YenTu/UTMYenTu.eot);  src:url(fonts/UTM_YenTu/UTMYenTu.woff) format("woff"),  url(fonts/UTM_YenTu/UTMYenTu.ttf) format("truetype"),  url(fonts/UTM_YenTu/UTMYenTu.svg) format("svg");  font-weight:400;  font-style:normal}@media all and (min-width: 992px) {	.nav-right .sidebar-btn span{		border-bottom: 3px solid #fff;	}	.hdpc{		opacity:0;	}}.search-form-flex{	display:flex;	background-color: rgba(17, 41, 65, 0.6); /* 60% opacity */  width:215px;      height: 27px;	  border-radius: 4px;	  margin-bottom: 0;}.mn-w{	border:2px solid #b07c1c;	padding:5px;	width:61px;	height:79px;	color:#fff;	background-color: rgba(0, 0, 0, 0.7); /* 60% opacity */	}.mn-w b{	font-weight:normal;	font-size:14px;}.mn-w-wrap{		}.home .mn-w-wrap{	position:absolute;	right: -60px;    top: 150px;}.fixed-sidebar {  position: fixed;  right: 0;  top: 50%;  transform: translateY(-50%);  display: flex;  flex-direction: column;  align-items: center;  gap: 4px;  z-index: 97 }.fixed-sidebar > div{	border: 2px solid #b07c1c;	border-right:none;	background-color: rgba(0, 0, 0, 0.7); /* 60% opacity */}/* Vòng tròn biểu tượng */.circle-icon {  width: 22px;  height: 22px;	margin:5px 7px;  border-radius: 50%;  border:1px solid #b4b5b7;  display: flex;  align-items: center;  justify-content: center;  text-decoration: none;  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);  }.circle-icon i {  font-size: 13px;  color: #b4b5b7;}/* Khối hotline */.hotline-box {  writing-mode: vertical-rl;  text-align: center;  color: white;  padding: 10px 5px;  border-radius: 8px 0 0 8px;  text-decoration: none;  font-family: sans-serif;  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);}.hotline-box .hotline-label {  font-weight: bold;  font-size: 14px;  letter-spacing: 1px;  color:#fff;}.hotline-box .hotline-number {  font-size: 16px;  color: white;  color:#c2851c;}.hero-slider .owl-nav {  position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  width: 100%;  max-width: 1200px;  display: flex;  justify-content: space-between;  pointer-events: none; /* để không chặn click */}.hero-slider .owl-nav button {  pointer-events: all; /* cho phép click */}.intro-section {  margin: 0 auto;  padding:0;  color: #fff;  background:url('images/intro-bg.png'); background-size:cover }.section-description{	max-width: 800px;	margin: 0 auto;	text-align: center;}.section-title {  font-family: 'YenTu', cursive; /* hoặc font script bạn chọn */  font-size: 75px;  color: #f3a61d;  margin-bottom: 30px;  text-align:center }.section-description {  font-size: 16px;  line-height: 1.8;  padding-bottom:40px;}.intro-content {  display: flex;  flex-wrap: wrap;  gap: 40px;  align-items: center;  margin-bottom: 60px;  position:relative;}.intro-image img {  max-width: 100%;  box-shadow: 0 4px 12px rgba(0,0,0,0.1);}
.intro-text {  flex: 1;  min-width: 300px;}.intro-text h3 {  font-size: 24px;  margin-bottom: 16px;  color:#fff;}.intro-text p {  font-size: 16px;  line-height: 1.7;  margin-bottom: 20px;}.read-more {  display: inline-block;  padding: 10px 20px;  background-color: #ff6600;  color: white;  text-decoration: none;  border-radius: 4px;  font-weight: bold;  transition: background 0.3s ease;}.read-more:hover {  background-color: #e65c00;}.navbar-brand{	padding-top:0;}
.f__end{	text-align: center;	 padding:5px ; color:#ddd	}.footer-section{	background:#000;	color:#fff;	padding:20px 0;}.contact-info__left {  padding-right: 30px;}.contact-heading {  font-size: 24px;  font-weight: bold;  margin-bottom: 20px;}.contact-details {  list-style: none;  padding: 0;  font-size: 16px;  line-height: 1.8;}.contact-details li {  margin-bottom: 10px;}.wpcf7-form .form-control {  width: 100%;  max-width: 100%;}.read-more__link{	color:#f3a61d;}.intro-content {  margin-top: 40px;}.intro-image{	position:relative;	z-index:9;}.intro-image img {  width: 100%;  height: auto;  object-fit: cover;}
.intro-text {   color: #fff;  padding: 40px 30px;  border-radius: 8px;  max-width: 800px;  margin: 0 auto }.intro-text h3 {  font-size: 24px;  margin-bottom: 20px;  color: #fff;}
.intro-text p {  font-size: 15px;  line-height: 1.8;  margin-bottom: 20px; color:#f2f2f2 }.read-more__link {  color: #f4c300;  text-decoration: none;  font-style: italic;}.read-more__link i{	margin-left:4px;}.read-more__link:hover {  color: #fff;}@media (max-width: 768px) {  .intro-content {    flex-direction: column;  }  .intro-text,  .intro-image {    width: 100%;    max-width: 100%;  }}.overlay{	position:relative;}.overlay:before{	position:absolute;	width:100%;	height:100%;	background:#000;	content:"";	left:-50%;	top:0;	z-index:8;	border-radius:8px 0 0 8px;}.abb-content{	position:relative;	z-index:9;}.row_4_item_fix{	display:flex;}.projects .portfolio-content{	}.f__item4{	position:relative;}.projects-items{	}.footer__page{	background:#000;}.footer__page a{	color:#fff;}

.hero-slider .owl-nav *{text-shadow: 0px 1px 3px #000}
@media all and (max-width: 1199px) {
	
   .hero-slider .owl-nav {
     top: auto;
     bottom: 20px;
     left: 50%;
     transform: translateX(-50%);
     max-width: 100%;
     justify-content: center;
     gap: 20px;
   }
  
  .hero-slider .owl-nav .owl-prev,
  
  .hero-slider .owl-nav .owl-next {
     position: relative;
     right: unset;
  }
  
}