body, html {
    
}
.floating-bar {
    position: fixed;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    background: #ffeac0;
    color: #3b2f2f;
    border-radius: 50px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    padding: 10px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    cursor: pointer;
    transition: all 0.3s ease;
    font-family: inherit;
    font-weight: 500;
}
.floating-content {
    display: flex;
    align-items: center;
    gap: 10px;
}
.floating-bar .icon {
    font-size: 20px;
    background: #fff2d6;
    border-radius: 50%;
    padding: 6px;
    animation: pulseIcon 0.5s infinite ease-in-out;
}
.floating-bar .text {
    display: flex;
    flex-direction: column;
    line-height: 1.1;
}
.floating-bar strong {
    font-size: 14px;
}
.floating-bar small {
    font-size: 12px;
    color: #666;
}
.section5 {
    margin-top: -120px;
}
.form-popup input {
	width: 100%;
    height: 42px;
    border-radius: 6px !important;
	margin-bottom: 5px;
}
.form-popup .wpcf7-submit {
    background: #d80000 !important;
    color: #ffffff !important;
    font-weight: 700;
	border-radius: 6px !important;
}
/* Khai báo animation */
@keyframes pulseIcon {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    50% {
        transform: scale(1.2); /* Phóng to 20% */
        opacity: 0.7; /* Hơi mờ đi */
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

/* Áp dụng vào class */
.pulse-icon {
    display: inline-block; /* Bắt buộc để dùng transform trên icon/span */
    animation: pulseIcon 1.5s infinite ease-in-out;
}

@media only screen and (min-width: 1300px)
.container-width,.container, .row {
    max-width: 1320px !important;
}