#search_container{
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;

    transform: translateY(-10px);
    transform-origin: top;

    transition:
        max-height .5s ease,
        opacity .3s ease,
        transform .4s ease,
        visibility .4s;
}

#search_container.open{
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
}
.search_box_header input,.search_box_header button{
	max-height: 40px !important;
	min-height: 40px !important;
	height: 40px !important;
}
.search_box_header button{
    padding: 0px 10px !important;
}
.slider_banner .e-n-carousel.swiper.swiper-initialized.swiper-horizontal.swiper-pointer-events {
    padding-bottom: 0px !important;
}
@keyframes spin {

	0% {

		transform: rotate(0deg);

	}

	100% {

		transform: rotate(360deg);

	}

}

@keyframes spin_again {

	0% {

		transform: rotate(360deg);

	}

	100% {

		transform: rotate(0deg);

	}

}

#elementor-popup-modal-117 .dialog-close-button svg {

	animation-name: spin_again;

	animation-duration: 500ms;

	animation-timing-function: linear;

	animation-play-state: running;

}



#elementor-popup-modal-117 .dialog-close-button:hover svg {

	fill: #ff2d55;

	animation-name: spin;

	animation-duration: 500ms;

	animation-timing-function: linear;

	animation-play-state: running;

}
.box-item-product:hover .box-title-product h2{color: red !important;transition: 0.3s;padding-left: 10px;}
.box-item-product .box-title-product h2{transition: 0.3s;padding-left: 0px;}
.btn-new-icon {
    text-align: left;
    color: red;
    padding: 0px 8px;
    padding-right: 20px;
    margin-bottom: 0.5em;
    position: absolute;
    right: 0px;
    font-size: 22px;
    letter-spacing: 5px;
    font-weight: bold;
}
.button_readmore_product:hover span.elementor-button-icon {
    padding-left: 10px !important;
    transition: 0.3s;
}
.button_readmore_product span.elementor-button-icon {
    padding-left: 0px !important;
    transition: 0.3s;
}
.four-col-main-services {

	background: #f9f9f9 !important;

	filter: drop-shadow(1px 2px 3px #00000020);

	margin: 10px;

	max-width: 23%;

}

.four-col-main-services:hover {

	background: #ffffff4a;

	cursor: pointer;

	top: -5px;

	box-shadow: 0px 0 34px whitesmoke;

}

.product_acces{

	box-shadow: rgb(211, 211, 211) 0px 3px 10px 1px !important;

}

.toggle_question summary.e-n-accordion-item-title{

	justify-content: space-between;

}

.toggle_question span.e-n-accordion-item-title-icon {

	background: red;

	padding: 2px 4px;

}

.button_itemnews {

	position: relative;

	left: 0px;

	transition: 0.5s;

}

.button_itemnews:hover {

	position: relative;

	left: 10px;

	transition: 0.5s;

}

.content_first {

	color: #fff;

	overflow-wrap: break-word; /* Tự động ngắt dòng khi từ quá dài */

	word-wrap: break-word; 

	white-space: normal; /* Cho phép chữ xuống dòng tự động */

	overflow: hidden; /* Ẩn thanh scroll nếu nội dung vượt quá chiều rộng */

}

.tabs_spec .e-n-tabs-heading {

	border-bottom: 1px solid #ec1b30;

}

ul.list_color_product li {

	list-style-type: none;

	display: inline-block;

	margin: 0px 15px;

	transform: rotate(45deg);

	cursor: pointer;

}



ul.list_color_product {

	padding-left: 0px;

}

.elementor-element-4d0064c .e-con-inner {

	position: relative;

}

.acf-360-image-container {

	width: 100%;

	height: 667px;

	overflow: hidden;

	position: relative;

	cursor: ew-resize; /* Mặc định là mũi tên ngang */

}



.acf-360-image {

	width: 100%;

	height: 100%;

	position: relative;

	top: 0;

	left: 0;

	user-drag: none;

	user-select: none;

}

.slide_spec .elementor-image-carousel-caption{

	display: none;

}

.header_fix {

  width: 100%;

  position: relative;

  transition: top 0.3s ease-in-out;

  z-index: 1000; /* Đảm bảo header nằm trên các phần tử khác */

}



.header_fixed {

  position: fixed;

  top: 0;

  left: 0;

  right: 0;

  background-color: white; /* Màu nền cho header cố định */

  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Đổ bóng cho header khi cố định */

}

.slide_tomorrow .swiper-slide{opacity: 0.2}

.slide_tomorrow .swiper-slide-active{opacity: 1}

.w100-img img{width: 100%}

@media (max-width: 1024px) {

	.acf-360-image-container{height: 530px;}

}

@media (max-width: 480px) {



	.image_product {

		position: relative !important;

		top: 0;

	}

	.acf-360-image{transform: scale(1.5);position: relative;top:30px;}

	.elementor-712 .elementor-element.elementor-element-e6b2809{

		position: relative;

	}

	.slide_spec .elementor-image-carousel-caption{

		display: block

	}

	.content_product_image{

		position: relative;

	}

	.acf-360-image-container{height: 330px;}

}