.content_card {
    position: relative;
    display: flex;
    justify-content: center; /* Căn giữa ngang */
    align-items: center; /* Căn giữa dọc */
    height: 100vh; /* Chiều cao full màn hình */
}

/* 3D Image **********************************/
.card {
    position: relative;
    display: flex;
    justify-content: center; /* Đặt model-viewer vào giữa */
    align-items: center;
    width: 100%;
    height: 1000px;
}

/* Căn giữa phần model-viewer */
.card__item {
    position: relative;
	border-radius: 20px;
    width: 80%; /* Đảm bảo model có kích thước hợp lý */
    max-width: 800px; /* Giới hạn chiều rộng */
    height: 80%;
    display: flex;
    justify-content: center; /* Căn giữa ngang */
    align-items: center; /* Căn giữa dọc */
}

.card__item1 {
    position: relative;
	border-radius: 20px;
    width: 100%; /* Đảm bảo model có kích thước hợp lý */
    max-width: 900px; /* Giới hạn chiều rộng */
    height: 100%;
    max-height: 1000px;
    display: flex;
    justify-content: center; /* Căn giữa ngang */
    align-items: center; /* Căn giữa dọc */
}

/* Model sẽ căn giữa trong container */
.card__model {
    width: 100%;
    height: 100%;
}

.card__txt {
	position: absolute;
	display: block;
	bottom: 5%;
	left: 40px;
	font-size: 40px;
	text-transform: uppercase;
	color: white;
	mix-blend-mode: difference;
	pointer-events: none;
	z-index: 3;
	transition: .8s white;
}

.card__item:hover .card__txt {
	transform: translateY(-15px);
}

.title span,
.card__txt span {
	color: transparent;
	-webkit-text-stroke: 1px white;
}


.content_card1 {
    position: relative;
    display: flex;
    
    justify-content: center; /* Căn giữa ngang */
    align-items: center; /* Căn giữa dọc */
    height: 80vh; /* Chiều cao full màn hình */
}



/* 3D Image **********************************/
.card1 {
    position: relative;
    display: flex;
    justify-content: center; /* Đặt model-viewer vào giữa */
    align-items: center;
    width: 100%;
    height: 500px;
}

/* Căn giữa phần model-viewer */
.card__item2 {
    position: relative;
	border-radius: 20px;
    width: 80%; /* Đảm bảo model có kích thước hợp lý */
    max-width: 800px; /* Giới hạn chiều rộng */
    height: 140%;
    display: flex;
    justify-content: center; /* Căn giữa ngang */
    align-items: center; /* Căn giữa dọc */
}

.card__item3 {
    position: relative;
	border-radius: 20px;
    width: 80%; /* Đảm bảo model có kích thước hợp lý */
    max-width: 800px; /* Giới hạn chiều rộng */
    height: 140%;
    display: flex;
    justify-content: center; /* Căn giữa ngang */
    align-items: center; /* Căn giữa dọc */
}

/* Model sẽ căn giữa trong container */
.card__model1 {
    width: 100%;
    height: 100%;
}

.card__txt1 {
	position: absolute;
	display: block;
	bottom: 5%;
	left: 40px;
	font-size: 40px;
	text-transform: uppercase;
	color: white;
	mix-blend-mode: difference;
	pointer-events: none;
	z-index: 3;
	transition: .8s white;
}

.card__item1:hover .card__txt {
	transform: translateY(-15px);
}

.card__txt1 span {
	color: transparent;
	-webkit-text-stroke: 1px white;
}