@font-face {
	font-family:Aquawax-Regular;
	src:url("fonts/Aquawax-Regular-trial.ttf");
}
@font-face {
	font-family:Roboto-Regular;
	src:url("fonts/Roboto-Regular.ttf");
}

@font-face{font-family:'Gilroy';src:url('fonts/SVN-Gilroy-300.otf') format('opentype');font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:'Gilroy';src:url('fonts/SVN-Gilroy-400.otf') format('opentype');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:'Gilroy';src:url('fonts/SVN-Gilroy-500.otf') format('opentype');font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:'Gilroy';src:url('fonts/SVN-Gilroy-600.otf') format('opentype');font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:'Gilroy';src:url('fonts/SVN-Gilroy-700.otf') format('opentype');font-weight:700;font-style:normal;font-display:swap}

body {
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
}
/*
a:hover {
    color: #ec1f25;
    text-decoration: none;
}
*/
p {
  
}
img {
	max-width: 100%;
}
.hide {
    display: none!important;
}
.color_white{color:white;}
.base_color {color:#ec1f25;}
.base_color_2 {color:#ef8121;}

.main-img{width: 100%;height: auto;}
.font-bold {
	font-weight: bold;
}
.w100 {
	width: 100% !important;
}
.mg0 {
	margin: 0 !important;
}
.mgl0 {
	margin-left: 0;
}
.mgr0 {
    margin-right: 0;
}
.mgt0 {
    margin-top: 0;
}
.mgb0 {
    margin-bottom: 0;
}
.pd0 {
	padding: 0;
}
.pdl0 {
	padding-left: 0 !important;
}
.pdr0 {
    padding-right: 0 !important;
}
.mt15 {
    margin-top: 15px;
}
.h30 {height:30px;clear: both;}
.h50 {height:50px;clear: both;}
.h100 {height:100px;clear: both;}
.uppercase {
	text-transform: uppercase;
}
.mobile {
	display: none !important;
}
.text-center {
	text-align: center;
}
.cb:after {
	clear: both;
	content: '';
    display: block;
}
.scrollup {
    opacity: 1;
    position: fixed;
    bottom: 35px;
    right: 20px;
    display: none;
    z-index: 999;
}
a.scrollup:hover div {
	background: #386E97 !important;
}
a.scrollup:hover i {
	color: white !important;
}
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}

/* Container chính của Popup */
.product-popup-content {
    background: #ffffff;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0,0,0,0.2);
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* Layout chia cột */
.popup-container {
    display: flex;
    flex-direction: row;
    gap: 30px;
    align-items: flex-start;
}

/* Cột ảnh bên trái */
.popup-image {
    flex: 1;
    max-width: 400px;
}

.popup-image img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 10px;
    object-fit: cover;
    border: 1px solid #eee;
}

/* Cột thông tin bên phải */
.popup-info {
    flex: 1.5;
}

.popup-info h2 {
    color: var(--primary-color);
    font-size: 28px;
    margin-bottom: 15px;
    line-height: 1.3;
}

.popup-description {
    font-size: 16px;
    line-height: 1.8;
    color: #444;
    max-height: 400px; /* Giới hạn chiều cao nếu mô tả quá dài */
    overflow-y: auto;
    padding-right: 10px;
}

/* Tùy chỉnh thanh cuộn cho mô tả */
.popup-description::-webkit-scrollbar {
    width: 5px;
}
.popup-description::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 10px;
}

/* Nút bấm trong popup */
.popup-footer {
    margin-top: 30px;
    display: flex;
    gap: 15px;
    align-items: center;
}

.btn-close-popup {
    background: #f3f4f6;
    color: #333;
    padding: 10px 25px;
    border-radius: 50px;
    border: none;
    cursor: pointer;
    font-weight: 500;
    transition: 0.3s;
}

.btn-close-popup:hover {
    background: #e5e7eb;
}

/* Responsive cho điện thoại */
@media (max-width: 768px) {
    .popup-container {
        flex-direction: column;
    }
    .popup-image {
        max-width: 100%;
    }
    .popup-info h2 {
        font-size: 22px;
    }
}
/* Định dạng nội dung chi tiết bên trong popup */
.detail-text-content table {
    width: 100% !important;
    border-collapse: collapse;
    margin: 20px 0;
}

.detail-text-content table td, 
.detail-text-content table th {
    border: 1px solid #dee2e6;
    padding: 12px;
}

.detail-text-content ul, 
.detail-text-content ol {
    padding-left: 25px;
    margin-bottom: 15px;
}

.detail-text-content img {
    max-width: 100%;
    height: auto;
    margin: 10px 0;
}

.video-item {
    transition: transform 0.3s ease;
    cursor: pointer;
}

.video-item:hover {
    transform: scale(1.05);
}

.video-thumbnail:after {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0,0,0,0.2);
    border-radius: 8px;
    transition: background 0.3s;
}

.video-item:hover .video-thumbnail:after {
    background: rgba(0,0,0,0);
}

.video-item:hover .play-icon {
    color: #ff0000;
    opacity: 1;
}
.gg_map {
	border-radius:1rem;
	overflow:hidden;
	margin-top:50px;
}