body {
	color:#000;
	font-size:16px;
}
img {
	max-width:100%;
}
.btn-success {
	background: #14A44D;
	transition: 0.2s;
	border: none;
}
p.kaka {
    padding-left: 30px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.div_border { 
    border: 1px dashed #333;
    padding: 5px;
    border-radius: 5px;
    text-align: center;    padding-bottom: 20px;
	margin-top:10px;
	margin-bottom:10px;
}
.btn-success:hover {
	    background: #14A44D;
    color: yellow !important;
}

.btn-success span {
	transition: 0.2s;
}

.btn-success:hover span {
	color: #f0f100 !important;
}

.thoi_gian{
	color: #1967db;
}

.block img {
	width: 100%;
	height: 300px;
	object-fit: cover;
}

.contact__zalo-link,
.contact__phone-link,
.contact__face-link {
    width: 60px !important;

}

.contact__zalo-link-icon,
.contact__phone-link-icon,
.contact__face-link-icon {
    width: 100%;
    animation: rotateRight infinite ease 0.9s;
}

.contact__with-phone {
    position: fixed;
    bottom: 8%;
    left: 2%;
    z-index: 90000;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--primary-color);
    border-radius: 50%;
    width: 55px;
    height: 55px;
}

.contact__with-move-phone::before {
    position: absolute;
    content: "";
    z-index: -1;
    border-radius: 50%;
    background: rgba(255, 243, 14, 0.5);
    animation: zoomIn infinite 0.9s;
}

.contact__with-move-phone::after {
    position: absolute;
    content: "";
    z-index: -1;
    border-radius: 50%;
    background: rgba(253, 223, 89, 0.2);
    animation: zoomIn2 infinite 0.9s;
}

.contact__with-zalo {
    position: fixed;
    bottom: 23%;
    left: 2%;
    z-index: 90000;
    display: flex;
    justify-content: center;
    align-items: center;
}

.contact__with-move-zalo::before {
    position: absolute;
    content: "";
    z-index: -1;
    border-radius: 50%;
    background: rgba(0, 217, 255, 0.5);
    animation: zoomIn infinite 0.9s;
}

.contact__with-move-zalo::after {
    position: absolute;
    content: "";
    z-index: -1;
    border-radius: 50%;
    background: rgba(0, 217, 255, 0.2);
    animation: zoomIn2 infinite 0.9s;
}
p.p_cuuho {
	text-align:center;
	font-weight:600;
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        width: 60px;
        height: 60px;
    }
    50% {
        opacity: 1;
        width: 80px;
        height: 80px;
    }
    100% {
        opacity: 0;
        width: 60px;
        height: 60px;
    }
}
@keyframes zoomIn2 {
    0% {
        opacity: 0;
        width: 60px;
        height: 60px;
    }
    50% {
        opacity: 1;
        width: 100px;
        height: 100px;
    }
    100% {
        opacity: 0;
        width: 80px;
        height: 80px;
    }
}

@keyframes rotateRight {
    0% {
        transform: rotate(0)
    }
    50% {
        transform: rotate(45deg)
    }
    100% {
        transform: rotate(0)
    }
}

.fff
{
	    color: #fff !important;
    font-weight: bold;
}

@media(max-width: 768px)
{
	img{
		    width: 100% !important;
			height: unset !important;
	}
}