.header-main .nav > li > a {
	color: #ffff !important;
	font-size: 15px !important;
	font-weight: 400 !important;
} 
.header-main .nav > li > a:hover{
    color: var(--cl-s2) !important;
    transition: all 0.5s ease-in-out;
}
.header-main .nav .menu-item.active > a {
    color: var(--cl-s2) !important;
}

.home_sl .flickity-prev-next-button.previous { 
	left: -1px;
	opacity: 1;
}

.home_sl .flickity-prev-next-button.next { 
	right: -1px;
	opacity: 1;
}

.home_sl .flickity-prev-next-button.next svg:hover,
.home_sl .flickity-prev-next-button.previous svg:hover { 
	background: #fff;
	fill: #000;
}

.home_sl .slider-nav-light .flickity-prev-next-button svg { 
    background: #000;
    padding: 20px 30%;
    border-radius: 0px !important;
    border: none !important;
    fill: #fff;
}

.img_category {
	transition: transform 0.3s ease;
	overflow: hidden;
  }
  
  .img_category img {
	transition: transform 0.3s ease;
	width: 100%;
	height: auto;
	display: block;
  }
  
  a:hover .img_category img {
	transform: scale(1.1); /* Scale up by 10% on hover */
  }
  /* Styling cho container pagination */
.swiper-pagination-myProcategoryHome {
	position: relative;
	margin-top: 30px;
	text-align: center;
	transition: opacity 0.3s;
  }
  
  /* Styling cho từng bullet */
  .swiper-pagination-myProcategoryHome .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	display: inline-block;
	border-radius: 50%;
	background: #ccc;
	margin: 0 5px;
	opacity: 0.7;
	transition: all 0.3s;
	cursor: pointer;
  }
  
  /* Bullet đang active */
  .swiper-pagination-myProcategoryHome .swiper-pagination-bullet-active {
	opacity: 1 !important;
	background: #000; /* Màu chính - bạn có thể thay đổi */
	width: 8px;
	height: 8px;
  }
  .swiper-pagination-myProcategoryHome .swiper-pagination-bullet {
	background: #000 !important;
	opacity: 0.25;
  }
  /* Responsive styling */
  @media (max-width: 1023px) {
	.swiper-pagination-myProcategoryHome {
	  margin-top: 20px;
	}
	
	.swiper-pagination-myProcategoryHome .swiper-pagination-bullet {
	  width: 6px;
	  height: 6px;
	  margin: 0 4px;
	}
	
	.swiper-pagination-myProcategoryHome .swiper-pagination-bullet-active {
	  width: 8px;
	  height: 8px;
	}
  }
  
  .swiper-pagination-hidden {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
  }
  
  @media screen and (max-width: 567px) {
    .img_slide_home {
        max-height: 400px;
    }
}

/* Tablet */
@media screen and (min-width: 568px) and (max-width: 767px) {
    .img_slide_home {
        max-height: 420px;
    }
}

/* Small desktop */
@media screen and (min-width: 768px) and (max-width: 1279px) {
    .img_slide_home {
        max-height: 560px;
    }
}

/* Large desktop */
@media screen and (min-width: 1280px) {
    .img_slide_home {
        max-height: 820px;
    }
}
.min-h-\[17\.188rem\] {
    min-height: 17.188rem /* 275.008px */;
}
.mb-0 {
    margin-bottom: 0px;
}
.mb-1 {
    margin-bottom: 0.25rem /* 4px */;
}
.tab_news ul{
    display: flex;
	align-items: center;
	gap: 2.5rem ;

}
.tab_news ul li a{
    font-size:13px !important;
	color: #fff !important;
	font-weight: 400;
}
.tab_news .nav-line-bottom>li>a:before, .nav-line-grow>li>a:before, .nav-line>li>a:before{
   background-color: #ff6c1c !important;
}
.absolute-footer{
	display: none;
}
.menu_footer1{
	margin-bottom: 15px;
}
.menu_footer1 .menu-item .ux-menu-link__link{
	border-bottom: 1px dashed #555 !important;
	text-transform: uppercase !important;
	font-size: 12px!important;
	color: #fff!important;
	padding-top: 12px !important;
    padding-bottom: 10px !important;
}
.menu_footer3 .menu-item .ux-menu-link__link:hover,
.menu_footer_2 .menu-item .ux-menu-link__link:hover,
.menu_footer1 .menu-item .ux-menu-link__link:hover{
	color: #ff6c1c!important;
	transition: all 0.5s ease-in-out;
}
.menu_footer3 .menu-item .ux-menu-link__link,
.menu_footer_2 .menu-item .ux-menu-link__link{
	color: #fff!important;
	font-size: 12px!important;
	border-bottom: none !important;
	text-transform: uppercase!important;
}

.menu_footer3.stack-col {
 display: flex !important;
 flex-direction: row!important;
 align-items: center;
 gap: 45px;

}
.item_news{
	box-shadow: 0px 1px 8px rgb(0 0 0 / 10%);
}
.item_customer .img_customer{
	width: 7.813rem!important;
	height: 7.813rem!important;
	border-radius: 50%;
	overflow: hidden;
}
.item_customer{
background-color: rgba(0,0,0,0.7) !important;
border-radius: 1.5rem !important;
padding: 12px !important;

}
.cus_customer{
	padding-left: 5px !important;
	padding-right: 5px !important;
}
.link_reviews .col-inner{
	display: flex;
	align-items: center;
	justify-content: center;
}
.link_reviews .col-inner a:hover{
	color: #ff6c1c!important;
	transition: all 0.5s ease-in-out;
}
.header-block{
	width: auto !important;
}
.customer_sec{
	position: relative;
}


.img_pro_cate img{
	max-height: 315px;
	width: auto;
  }
  /* .swiper-mySwiperProCat-next,
 .swiper-mySwiperProCat-prev{
	display: block!important;
 } */
 .shop-page-title.category-page-title.page-title.featured-title{
	display: none !important;
 } 

 .cus_container {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-right: 1rem;
	padding-left: 1rem;
  }
  
  @media (min-width: 480px) {
	.cus_container {
	  max-width: 480px;
	}
  }
  
  @media (min-width: 576px) {
	.cus_container {
	  max-width: 576px;
	}
  }
  
  @media (min-width: 768px) {
	.cus_container {
	  max-width: 768px;
	}
  }
  
  @media (min-width: 1024px) {
	.cus_container {
	  max-width: 1024px;
	}
  }
  
  @media (min-width: 1600px) {
	.cus_container {
	  max-width: 1200px;
	}
  }
  .h-\[29\.063rem\] {
    height: 29.063rem /* 465.008px */;
}
.content_category .active{
	color: var(--cl-s2);
}
.gt_container--yaehns{
	display: none;
}

.header-transparent #masthead {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 999;
	background: rgba(0,0,0,0.4);
}

.header-transparent .header-main {
    border-bottom: 1px solid rgba(255,255,255,0.1);
}

/* Optional: Add background when scrolling */
.header-transparent #masthead.is-sticky {
    position: fixed;
    background: rgba(0,0,0,0.4);
    backdrop-filter: blur(10px);
}

.aspect-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.aspect-video {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
    height: 0;
    overflow: hidden;
}
@media screen and (max-width: 768px) {
	#logo{
		width: 120px !important;
	}
}

.sidebar-menu ul li a{
	font-size: 14px!important;
	color: #000 !important;
	font-weight: 400;
}

.about_ss-company h3 {
	font-size: 36px;
    margin-bottom: 40px;
	line-height: 1;
}

.about_ss-company p {
	line-height: 1.8;
	margin-bottom: 40px;
}

.about_ss-level {
	background-color: #28292c;
	padding-top: 30px !important;
}

.about_ss-level h3 {
	color: #fff;
    font-size: 22px;
    line-height: 2;
}

.about_ss-level p {
	color: #fff;
}

.about_ss-level ul li {
	color: #fff;
}

.about_ss-team .person-name {
	color: var(--fs-color-primary);
    font-size: 20px;
}

.about_ss-team .person-title,
.about_ss-team .section-title{
	color: #fff;
}
@media screen and (max-width: 568px) {
	.transparent .header-main{
		height: 85px !important;
	}
	
}


@media (min-width: 768px) {
    .md\:rounded-full {
        border-radius: 9999px;
    }
}
.single-product .transparent .header-wrapper{
	background-color: #28292c !important;
}
.add_c_about {
	border-radius: 24px;
  }
  .customer_sec::before{
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: url(../images/bg-reviews.png) no-repeat ;
	background-size: cover;
	z-index: 1;
}
  @media screen and (min-width: 578px) {
	.add_c_about {
	  border-radius: 999px;
	}
	.customer_sec::before{
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		width: 35%;
		height: 100%;
		background: url(../images/bg-reviews.png) no-repeat ;
		background-size: cover;
		z-index: 1;
	}
  }
  .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{
	width: auto !important;
  }
  .swiper-pagination-mySwiperProCat .swiper-pagination-bullet {
	width: 30px;
	height: 6px;
	background-color: #505050!important;
	opacity: 1;
	transition: background-color 0.3s, transform 0.3s;
	border-radius: 0 !important;
	margin: 2px !important;
  }
  
  .swiper-pagination-mySwiperProCat .swiper-pagination-bullet-active {
	background-color:var(--cl-s2) !important;
	width: 30px !important;
	height: 6px !important;
	border-radius: none !important;
  }
  .add_c_sw_cat {
	display: none; /* Ẩn mặc định khi dưới 578px */
  }
  .add_c_sw_cat_p {
	display: block; /* Ẩn mặc định khi dưới 578px */
  }
  
  @media screen and (min-width: 578px) {
	.add_c_sw_cat {
	  display: block; /* Hiện khi trên 578px */
	}
	.add_c_sw_cat_p {
		display: none; /* Hiện khi trên 578px */
	  }
  }


  .select-resize-ghost, .select2-container .select2-choice, .select2-container .select2-selection, input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {
    background-color: #fff;
    border-radius: 0;
    box-shadow: none !important;
    box-sizing: border-box;
    color: black;
    font-size: 1rem !important;
    max-width: 100%;
    transition: color .3s, border .3s, background .3s, opacity .3s;
    vertical-align: middle;
    width: 100%;
}
.menu-item.menu-item-gtranslate {
	height: 25px;
	cursor: pointer;
}    

.menu-item.menu-item-gtranslate .sub-menu {
	position: absolute;
    display: none;
    top: 25px;
    left: -1px;
}

.menu-item.menu-item-gtranslate:hover .sub-menu{
	display: block;
	list-style: none;
}

.menu-item.menu-item-gtranslate .sub-menu li a {
	font-size: 15px;
    color: #ffff;
    font-family: "Gotham";
    font-weight: 700;
}
.menu-item.menu-item-gtranslate .sub-menu li a:hover{
	color: #f16625!important;
	transition: all 0.3s;
}
.menu-item.menu-item-gtranslate a.gt-current-wrapper {
    pointer-events: none;
	cursor: pointer;
	line-height: 0 !important;
    border-bottom: 1px solid #f1f1f1;
}

.menu-item.menu-item-gtranslate .sub-menu li a.gt-current-lang {
    display: none;
}

.menu-item.menu-item-gtranslate .sub-menu li:last-child a {
	display: block;
    margin-left: 3px;
    margin-top: -5px;
}

.menu-item.menu-item-gtranslate .sub-menu li:last-child a.gt-current-lang {
	display: none;
}

.menu-item.menu-item-gtranslate .sub-menu li a:hover {
	color: var(--fs-color-primary);
}


.curved-text {
	top: -23px; /* Điều chỉnh vị trí theo ý muốn */
	width: 135px; /* Độ rộng của đường cong */
	height: 135px; /* Độ cao của đường cong */
	left: -38px;
	font-weight: 600;
	fill: #f16625;
	z-index: -1;
  }
  .box_social_content {
	min-width: 250px;
	top: -380%;
	box-shadow: 0px 0px 10px 0px #00000026;
  }
  
  .btn_social.active {
	background-color: #f16625;
	color: white;
  }


  .pulsation {
    width: 74px;
    height: 74px;
    background-color: #f16625;
    border-radius: 50px;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: -1;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-animation: arcontactus-pulse 2s infinite;
    animation: arcontactus-pulse 2s infinite;
}

.pulsation:nth-of-type(2n) {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

@keyframes arcontactus-pulse {
    0% {
        transform: scale(0);
        opacity: 1;
    }
    50% {
        transform: scale(0.5);
        opacity: 0.5;
    }
    100% {
        transform: scale(1.5);
        opacity: 0;
    }
}


.box_social .btn_social {
	width: 70px;
	height: 70px;
}

.fix_mes_z_p {
	position: fixed;
	left: 20px;
	bottom: 5%;
}

.item_social {
    width: 48px;
    height: 48px;
    border-radius: 50% !important;
    background-color: #f16625 !important;
    font-size: 30px;
    color: white;
    overflow: hidden;
	padding: 4px;
}

.bf_line {
	position: relative;
}

.bf_line::before {
	content: '\f0d7';
	position: absolute;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	bottom: -68%;
	left: 14px;
	font-size: 1.5rem;
	color: white;
	z-index: 1;
}

@media screen and (max-width: 992px) {
	.bf_line::before {
		bottom: -62%;
		left: 14px;
		font-size: 1.5rem;
	}
}


@media screen and (max-width: 768px) {
	.bf_line::before {
		bottom: -52%;
	}
	
}
.hover\:text-\[\#f16625\]:hover {
    --tw-text-opacity: 1;
    color: rgb(241 102 37 / var(--tw-text-opacity)) /* #f16625 */;
}
.text-\[2\.5rem\] {
    font-size: 2.5rem /* 40px */;
}
.w-8{
	width: 2rem /* 32px */;
}
.h-8{
	height: 2rem /* 32px */;
}
.mb-1\.5 {
    margin-bottom: 0.375rem /* 6px */;
}
.icon-social{
	line-height: 1;
}
.download-form .form-group {
    margin-bottom: 1.875rem; /* 30px */
}

.download-form input[type="text"] {
    width: 100%;
    border: 1px solid #d1d5db; /* Tailwind's gray-300 */
    padding: 0.5rem; /* 8px */
    font-size: 1rem;
	margin-bottom: 0 !important;
}

.download-form input[type="submit"] {
    background-color: black !important;
    color: white !important;
    padding: 0.5rem 2rem; 
    font-weight: bold !important;
    text-transform: uppercase !important;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    font-size: 0.875rem !important; /* text-sm */
    transition: background-color 0.3s ease;
}

.download-form input[type="submit"]:hover {
    background-color: rgba(0, 0, 0, 0.9); /* giống hover:bg-cl-s2/90 */
}
.px-8{
	padding-left: 2rem /* 32px */;
	padding-right: 2rem /* 32px */;
}
.mt-8{
	margin-top: 2rem /* 32px */;
}

@media screen and (max-width: 768px) {
	.gtranslate_wrapper .gt-current-lang{
		color: #ff6c1c !important;
	}
	.gtranslate_wrapper .notranslate:hover{
		color: #ff6c1c !important;
	}
	
}