.full-footer {
    min-height: 100px;
    background: #31353e none repeat scroll 0 0;
    border-bottom: 1px solid #262a33;
    color: #cfcdce;
    padding-top: 15px;
    padding-bottom: 15px;
}
.full-footer-top {
    background: url('images/connect-bg.jpg');
    background-size: 100%;
    margin-top: 15px;
}
.footer-menu-grid {
    padding: 10px 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.footer-menu-column{
    width: 25%;
}
.footer-menu-toggle{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.footer-toggle-icon{
    display: none;
}
.footer-menu{
    width: 100%;
    padding: 0;
}
.footer-menu h4{
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
}
.footer-menu ul{
    list-style: initial;
}
.footer-menu li{
    margin: 0.2em 0;
    padding: 5px 0;
    list-style: none;
}
.footer-menu ul li a{
    font-size: 13px;
    color: #ffffff;
}
.footer-menu ul li:hover a{
    color: var(--cl-main); /* hoặc màu brand của bạn */
    text-decoration: underline;
}
.footer-middle{
    border-top: 1px dashed #fff;
    float: left;
    padding-top: 20px;
    width: 100%;
}
.footer-socials{
    gap: 0.75em;
    margin-bottom: 10px;
}
.social-icon{
 margin-bottom: 15px;
}
.footer-socials a{
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    color: #ffffff; /* hoặc màu chính của text */
    gap: 0.75em;
}
.footer-socials i{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #cfcdce;
    color: #31353e;
    font-size: 1.6em;
    display: grid;
    place-items: center;
}
.footer-company{
    border-left: 2px solid #ccc;

    float: right;
}
.footer-company h4{
    color: #fff;
    font-size: 28px;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 0.75em;
}
.footer-company p{
    margin-bottom: 0.3em;
}
/* Hiệu ứng hover */
.footer-socials a:hover {
    color: var(--cl-main); /* hoặc màu brand của bạn */
}

.footer-socials a:hover i {
    color: #fff;
    transform: scale(1.05);
}
.footer-socials a:hover i.fa-facebook-f {
    background: #3b5998;
}

.footer-socials a:hover i.fa-youtube {
    background: #ff0000;
}
.link_bct {clear: both;}
/* footer-bottom */
.footer-bottom {
    background: #282a2b none repeat scroll 0 0;
    border-top: 1px solid #4b4c4d;
    float: left;
    text-align: center;
}
.footer-bottom  .copyright {
    color: #cfcdce;
    font-family: arial;
    font-weight: bold;
    margin: 10px 0;
}
#show-sft, #hide-sft {float: right;font-size: 14px;margin: 0;text-align: right;cursor: pointer;}
#show-sft, .active-sft #hide-sft {display: inline-block;}
#hide-sft, .active-sft #show-sft {display: none;}
@media only screen and (max-width: 768px) {
.footer-box {width: 50%;}
.footer-box-3 {clear: both;}
.footer-bottom {width: 100%;text-align: center;}
.footer-box h2 {font-size: 14px;margin-top: 10px;margin-bottom: 10px;}
.footer-menu {
    display: none;
  }
  .footer-menu-grid {
    flex-direction: column;
    gap: 0;
    margin-top: 0;
  }
  .footer-menu-toggle{
    padding: 10px 0;
  }
  .footer-toggle-icon {
    display: block;
  }
  .footer-menu-column {
    width: 100% !important;
    flex: none;
    border-top: 1px solid #fff;
  }
  .footer-menu-column.active .footer-menu {
    display: block;
  }
  .footer-middle-left{
    padding: 0;
  }
  .footer-socials{
    margin: auto;
    text-align: center;
    flex-direction: row;
    margin-bottom: 5px;
  }
  .footer-company{
    border: none;
    text-align: center;
    padding: 0;
  }
  .footer-certifications{
    flex-direction: row;
    align-items: center;
    margin: 10px auto;
  }
}
@media only screen and (max-width: 600px) {
.footer-box {width: 100%;}
}