body {
	color:#000;
	font-size:16px;
}
img {
	max-width:100%;
}
.btn-success {
	background: #f0f100;
	transition: 0.2s;
	border: none;
}


.btn-success:hover {
	background: red;
	
}

.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;

}

.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: 25%;
    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;
}


@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)
    }
}