.contact-buttons {
    display: flex;
    gap: 18px;
    flex-wrap: wrap;
}

.contact-btn {
    width: 64px;
    height: 64px;
    border-radius: 14px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: #fff;
    font-weight: 700;
    font-size: 10px;
    line-height: 1.1;
    transition: all .3s ease;
    box-shadow: 0 4px 12px rgba(0,0,0,.15);
		margin-top: 30px;
}

.contact-btn:hover {
    transform: translateY(-4px);
		color: white;
}

.contact-btn .icon {
    font-size: 14px;
    margin-bottom: 4px;
}

.contact-btn .text {
    text-align: center;
}

.zalo {
    background-color: #028fe3;
}

.facebook {
    background: linear-gradient(135deg, #1877f2, #4ea1ff);
}

.hotline {
    background: linear-gradient(135deg, #16c047, #27d35b);
}

.messenger {
    background: linear-gradient(135deg, #8b3dff, #d04cff);
}
.person-name{
		font-size: 16px;
		margin-top: 10px;
}
.person-title{
		font-size: 12px;
		color: red;
}
.parent-box{
    height:500px; /* hoặc chiều cao bất kỳ */
    display:flex;
    flex-direction:column;
}

.msedu-card{
    margin-top:auto;
}
h5 {
		font-size: 11px;
}
p, span, a{
		font-size: 14px;
}
.fs-section-title2{
    display:flex;
    align-items:center;
    gap:5px;
		padding
}

.fs-line2{
    width:24px;
    height:2px;
    background:#ff1e1e;
}

.fs-text2{
    color: white;
    font-size:12px;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
}
.menu-footer{
		gap: 10px;
    padding-top: 20px;
    color: #ffffff;
}

.menu-footer :hover{
    color: #ff1e1e;
}
.star-rating span:before {
    color: #FFC107;
    font-size: 16px;
}
.khoa-hoc .box-text a{
		font-size: 18px;
}
.course-category a{
		font-size: 11px !important;
}
.zalo-group{
    position:relative;
}

.zalo-main{
    width:48px;
    height:48px;
    border-radius:50%;
    cursor:pointer;
}

.zalo-main img{
    width:100%;
    height:100%;
    object-fit:contain;
}

.zalo-sub-menu{
    position:absolute;
    right:60px;
    top:0;

    display:flex;
    flex-direction:column;
    gap:10px;

    opacity:0;
    visibility:hidden;
    transform:translateX(20px);

    transition:.3s;
}

.zalo-group:hover .zalo-sub-menu{
    opacity:1;
    visibility:visible;
    transform:translateX(0);
}

.zalo-item{
    position: relative;
    display: flex;
    align-items: center;
}

.zalo-item img{
    width:35px;
    height:35px;
}
/* Ẩn label mặc định */
.zalo-item .label{
    position: absolute;
    right: 55px;

    opacity: 0;
    transform: translateX(15px);

    pointer-events: none;

    transition:
        opacity .25s ease,
        transform .25s ease;

    white-space: nowrap;
}


/* Hover từng Zalo con mới hiện label */
.zalo-item:hover .label{
    opacity: 1;
    transform: translateX(0);
}
.cfb-mobile-toggle{
    display:none;
}
@media (max-width:768px){

    .cfb-mobile-toggle{
    display:flex;
    align-items:center;
    justify-content:center;

    position:fixed;
    right:0px;
    bottom:0px;

    width:48px;
    height:48px;

    border:none;
    border-radius:50%;

    background: #e20613;
    color:#fff;

    cursor:pointer;
    z-index:99999;

    font-size:22px;

    box-shadow:0 6px 16px rgba(0,0,0,.18);

    transition:transform .2s ease;
}
@keyframes cfbPulse{
    0%{
        transform:scale(1);
    }
    50%{
        transform:scale(1.08);
    }
    100%{
        transform:scale(1);
    }
}

.cfb-mobile-toggle{
    animation:cfbPulse 1.5s infinite;
}
.cfb-mobile-toggle::before{
    content:"";
    position:absolute;
    inset:0;

    border-radius:50%;

    background:rgba(248, 0, 0, 0.226);

    animation:cfbPing 1.8s infinite;
}

@keyframes cfbPing{
    0%{
        transform:scale(1);
        opacity:.8;
    }

    100%{
        transform:scale(1.8);
        opacity:0;
    }
}

.cfb-mobile-toggle{
    overflow:visible;
}
    .cfb-mobile-toggle i{
        transition:.3s;
    }

    .cfb-mobile-toggle.cfb-open i{
        transform:rotate(45deg);
    }

    .connect-bar{

        position:fixed;

        right:15px;
        bottom:85px;

        opacity:0;
        visibility:hidden;

        transform:translateY(20px);

        transition:.3s;
    }

    .connect-bar.cfb-open{

        opacity:1;
        visibility:visible;

        transform:translateY(0);
    }

    .connect-bar .rail-title{
        display:none;
    }

}