body{
overflow-x:hidden;
}
body * {
font-family: \”Montserrat\”, sans-serif !important;
}
p {
font-family: \”Open Sans\”, sans-serif !important;
}
.animation-button-second {
animation: pulse-animation-second 2s infinite;
border-radius: 35px;
}
.slide-ct{
overflow: hidden;
}
.slide-ct .swiper{
overflow: unset ;
}
.slide-ct .swiper-slide-next {
scale: 1.4;
z-index: 9;
}
.box-hv:hover h5 {
color: #fff !important;
}
.sukien-page .e-loop-item:nth-child(odd) .e-con-inner{
display: flex;
flex-direction: row-reverse;
}
.home .header-main{
background-color: #fff0 !important;
position: absolute;
box-shadow: unset !important;
}
.home .header-main.she-header{
background-color: #770101 !important;
}
@keyframes pulse-animation-second{
0% {
box-shadow: 0 0 #7701014f;
-webkit-transform: scale(.95);
transform: scale(.95);
}
70% {
box-shadow: 0 0 0 10px transparent;
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
box-shadow: 0 0 transparent;
-webkit-transform: scale(.95);
transform: scale(.95);
}
}
.elementor-element.elementor-element-61326d7.header-main.she-header-yes.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded.she-header {
background: white !important;
}
/* Làm toàn bộ slide full height 100vh */
.slide-cus .elementor-slides .swiper-slide,
.slide-cus .elementor-slides-wrapper,
.slide-cus .elementor-slides .swiper-slide-inner,
.slide-cus .elementor-slides .swiper-slide-bg {
height: 100vh !important;
min-height: 100vh !important;
}
/* Đảm bảo nội dung nằm giữa vertical */
.slide-cus .elementor-slides .swiper-slide-inner {
display: flex;
align-items: center;
justify-content: center;
}
.slide-cus span.swiper-pagination-bullet {
width: 10px;
background: white;
height: 10px;
}
.swiper-slide-inner {
position: relative; /* để ::before nằm đúng */
z-index: 1;
}
.slide-cus .swiper-slide-inner::before {
display:none;
content: \”\”;
position: absolute;
inset: 0; /* top:0; right:0; bottom:0; left:0 */
background-color: #001b49; /* màu overlay bạn muốn */
opacity: 0.7; /* độ mờ */
z-index: 2; /* nằm trên ảnh nền nhưng dưới nội dung */
}
/* Nội dung slide luôn nằm trên overlay */
.slide-cus .swiper-slide-contents {
position: relative;
z-index: 3;
}
.slide-add .elementor-slides .swiper-slide,
.slide-add .elementor-slides-wrapper,
.slide-add .elementor-slides .swiper-slide-inner,
.slide-add .elementor-slides .swiper-slide-bg {
height: 80vh !important;
min-height: 80vh !important;
}
.slide-add {
position: relative;
}
/* Thêm ảnh giả banner cho tất cả slide */
.slide-add .swiper-slide::before {
content: \”\”;
position: absolute;
top: 50%;
left: 55%;
transform: translateY(-50%);
width: 25%; /* rộng 1/4 section */
height: 50vh; /* cao 1/2 section */
background-image: url(\’https://xenanghanquoc.vn/wp-content/uploads/2025/11/30_DF_7_remove_1472523a87.webp\’);
background-size: cover;
background-position: center;
z-index: 10;
pointer-events: none; /* không che nút bấm */
}
.slide-add .swiper-slide-contents.animated.fadeInUp {
width:500px;
}
svg.e-font-icon-svg.e-eicon-chevron-right {
background: black;
border-radius:10px;
padding:5px;
}
svg.e-font-icon-svg.e-eicon-chevron-left {
background: black;
border-radius:10px;
padding:5px;
}
.slide-add .swiper-slide-inner {
max-width: 1250px !important;
}
.elementor-counter-number-wrapper {
border-right: 1px solid black;
margin-right: 20px;
height: 1.2em;
}
.elementor-posts .elementor-post {
display: flex;
border: 1px solid black;
border-radius: 5px;
}
.elementor-post__text {
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
}
.slide-people .elementor–h-position-left .swiper-slide-inner {
justify-content: flex-end;
border-top:1px solid black;
}
.slide-people .swiper-slide-contents {
margin-right: 100px;
}
/* wrapper slide-people */
.slide-people {
position: relative; /* để ::before định vị */
}
/* Thêm ảnh giả bên trái */
/* Nếu muốn nút next/prev dưới ảnh bên trái */
.slide-people .swiper-button-next {
top: auto !important;
bottom: 5%;
right: 5%;
transform: translateX(0);
z-index: 20;
}
.slide-people .swiper-button-prev {
top: auto !important;
bottom: 5%;
left: 5%;
transform: translateX(0);
z-index: 20;
}
.slide-people .swiper-slide::after {
content: \”\”;
position: absolute;
top: 20%; /* cách mép trên slide */
right: 20%; /* cách mép phải slide */
width: 256px;
height: 62px;
background-image: url(\’https://xenanghanquoc.vn/wp-content/uploads/2025/11/samsung_logo_8745a88fec.webp\’);
background-size: cover;
background-position: center;
z-index: 20;
pointer-events: none; /* không che nút bấm */
}
.sc-bc figure.swiper-slide-inner {
background: white;
padding: 20px;
margin-right:10px !important;
}
.vc-footer .elementor-form-fields-wrapper {
display: flex;
flex-wrap: nowrap;
flex-direction: row;
align-items: center;
}
a.elementor-item.elementor-item-active {
font-weight: bold !important;
}
.custom-post .elementor-post {
display: flex;
border-right: 1px solid #dadada;
border-left:unset;
border-bottom:unset;
border-top:unset;
border-radius: 0px;
padding:20px;
}
h1.entry-title {
display: none;
}
.hidden-content{
opacity: 0;
visibility: hidden;
pointer-events: none; /* tránh chặn hover khi ẩn */
}
/* khi hover call-product → hiện overlay */
.loop-cus:hover .hidden-content {
opacity: 0.7; /* bạn muốn 0.7 */
visibility: visible;
pointer-events: auto;
}
.loop-cus:hover h2{
color:white !important;
}
.elementor-widget-call-to-action {
width: 100%;
}
.acf-variation-fields input {
width: 100% !important;
}
@media (max-width: 767px) {
.count-cus {
margin-bottom:-200px;
}
.elementor-element.elementor-element-fb3d0a2.e-con-full.e-flex.e-con.e-child {
display: none;
}
.slide-cus .elementor-slides .swiper-slide,
.slide-cus .elementor-slides-wrapper,
.slide-cus .elementor-slides .swiper-slide-inner,
.slide-cus .elementor-slides .swiper-slide-bg {
height: 30vh !important;
min-height: 30vh !important;
}
/* Slider thấp hơn trên mobile */
.slide-add .elementor-slides .swiper-slide,
.slide-add .elementor-slides-wrapper,
.slide-add .elementor-slides .swiper-slide-inner,
.slide-add .elementor-slides .swiper-slide-bg {
height: 60vh !important;
min-height: 60vh !important;
}
/* Ảnh banner thu nhỏ lại */
.slide-add .swiper-slide::before {
position: absolute;
top: 18%;
left: 20%;
height:150px;
width: 150px;
margin: 0 !important;
text-align: center; /* hoặc center tùy bạn */
}
/* Nội dung chữ vào giữa & thu nhỏ margin-top */
.slide-add .swiper-slide-contents{
margin-top: unset !important;
text-align: center;
margin-left:50px !important;
}
/* Nội dung đẩy về giữa, không bị lệch phải */
.slide-people .swiper-slide-contents {
margin-top:350px;
margin-right: 0 !important;
width: 100%;
text-align: center;
padding: 20px;
}
/* Ảnh lớn bên trái -> thu nhỏ lại */
.slide-people .swiper-slide::before {
width: 100%; /* full width cho đẹp mobile */
height: 40vh; /* thấp hơn trên mobile */
top: 0;
left: 0;
background-position: top center;
}
/* Logo bên phải -> thu nhỏ */
.slide-people .swiper-slide::after { display:none;
width: 140px;
height: 34px;
top: auto;
bottom: 10px;
right: 10px;
background-size: contain;
}
svg.elementor-menu-toggle__icon–open.e-font-icon-svg.e-eicon-menu-bar {
fill: black !important;
}
svg.elementor-menu-toggle__icon–close.e-font-icon-svg.e-eicon-close {
fill: black !important;
}
.variation-field {
flex: 0 0 150px !important;
}
}
.acf-accordion-an-toan {
width: 100%;
}
.acf-accordion-an-toan .accordion-item {
border-bottom: 1px solid #ddd;
}
.acf-accordion-an-toan .accordion-title {
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
padding: 15px 0;
font-weight: 700;
font-size: 24px;
}
.acf-accordion-an-toan .accordion-content {
display: none;
padding-top: 25px;
padding-bottom: 25px;
padding-left:5px;
color: black;
font-size:18px;
}
/* Mũi tên */
.acf-accordion-an-toan .arrow {
width: 8px;
height: 8px;
border-right: 2px solid #000;
border-bottom: 2px solid #000;
transform: rotate(45deg);
transition: 0.3s;
margin-left: 10px;
}
/* Khi active */
.acf-accordion-an-toan .accordion-item.active .arrow {
transform: rotate(-135deg);
}
.acf-accordion-an-toan .accordion-item.active .accordion-content {
display: block;
}
.single-product .elementor-widget-text-editor span.block {
display: block;
margin-bottom: 10px;
}
