.hotline-horizontal{
display:flex;
align-items:center;
justify-content:space-between;
padding:40px;
gap:40px;
}
.hotline-left{width:50%;}
.hotline-left h2{font-size:30px;margin-bottom:20px;}
.call-btn{
display:flex;
align-items:center;
gap:20px;
background:#167ac6!important;
color:#fff;
padding:14px 26px;
border-radius:40px;
text-decoration:none;
width:max-content;
}
.call-btn strong{
background:#fff;
color:#167ac6;
padding:6px 16px;
border-radius:20px;
}
.email{margin-top:16px;font-size:15px}
.hotline-right{
width:50%;
display:flex;
justify-content:space-around;
}
.avatar{text-align:center}
.avatar img{
width:140px;
height:140px;
border-radius:50%;
object-fit:cover;
}
.avatar span{
display:inline-block;
margin-top:10px;
background:#167ac6;
color:#fff;
padding:8px 16px;
border-radius:20px;
font-size:14px;
}
@media(max-width:768px){
.hotline-horizontal{flex-direction:column;text-align:center}
.hotline-left,.hotline-right{width:100%}
.hotline-right{margin-top:30px}
}

/* Center call button on mobile */
@media (max-width: 768px) {
  .job30s-call-wrap,
  .call-button-wrap,
  .hotline-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 12px auto;
  }

  .job30s-call-wrap a,
  .call-button-wrap a,
  .hotline-wrap a {
    margin: 0 auto;
  }
}
@media (max-width: 768px) {
  .call-btn {
    margin-left: auto;
    margin-right: auto;   /* ÉP RA GIỮA */
    display: flex;
    justify-content: center;
  }
}
@media (max-width: 768px) {
  .hotline-left {
    text-align: center;
  }
}