/* Client AMT css */
body {margin: 0 auto;padding: 0;font-size: 14px;line-height: 1.5;color: #555;text-size-adjust: 100%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
*{box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;font-family: Inter,sans-serif, Arial, 'Roboto','Open Sans', sans-serif;}
img{border: 0;width: 100%}
a,a:hover{text-decoration: none;border: 0;}
a:not([href]){cursor: auto!important} 
a:not([href]):hover{text-decoration: none;}
.mp{margin: 0;padding: 0}

.clip-xy{position: absolute;clip: rect(48px, 126px, 80px, 5px);}
.clear-b,.clear-a,.clear-ab {*zoom: 1;}
.clear-ab:before,.clear-ab:after {clear: both;content: "";display: block;}
.clear-b:before {clear: both;content: "";display: block;height: 1px;}
.clear-a:after {clear: both;content: "";display: block;height: 1px;}

*:focus,*:active{outline: none;}
.off-none {display: none !important;}
.off-block {visibility: hidden !important}

.full-width{width: 100%;margin: 0 auto;padding: 0;}
.mw-1200{padding: 0;margin: 0 auto;width: 100%;max-width: 1200px;}
#hct-wrapper{width: 100%; margin: 0 auto; padding: 0 5px;}
main{min-height: 100vh;width: 100%;}
header{width: 100%;}
footer{width: 100%}
/*----- BOX FOOTER -----*/
.box-footer{display: none;width: 100%;position: fixed;bottom: 0;left: 0;z-index: 999999;padding: 0 0;
box-shadow: 0 10px 30px rgba(0,0,0,.12);
background: #1575b3;
    background: linear-gradient(40deg, #1575b3 0%, #1776b5 35%, #01579b 100%);}
.box-footer-hotline{display: block; float: left;padding: 8px 6px 8px 6px;text-align: center;color: #fff}
.box-footer-hotline i{display: inline-block;line-height: 1;color: #fff;font-size: 14px;}
.box-footer-hotline p{display: block}
.box-footer-hotline p span{display: inline-block;font-size: 12px;color: #fff}
.box-footer-hotline p a{display: inline-block; font-size: 14px; font-weight: bold;padding: 0 10px;color: #fff}
.box-footer-hotline p a + a{border-left: 1px solid #ffffff26;}
.box-footer-link{display: block; float: left;padding: 8px 6px 0 6px;text-align: center;color: #fff;border-right: 1px solid #ffffff26;}
.box-footer-link a{display: block; font-size: 12px;color: #fff}
.box-footer-link a i{display: block;line-height: 1;color: #fff;font-size: 16px;text-align: center;margin-bottom: 7px;}
.amt-menu-btn{display: block;float: left;border: 0;padding: 8px 8px 8px 8px;margin: 0;text-align: center;background: transparent;cursor: pointer;transition: background .2s ease;
text-align: center;border-right: 1px solid #ffffff26;font-size: 12px;}
.amt-menu-btn i{display: inline-block; font-size: 16px;color: #fff;line-height: 1;}
.amt-menu-btn span{display: block;color: #fff;margin-top: 7px;}
@media (max-width:980px){
  .box-footer{display: block;}
}
/*----- END BOX FOOTER -----*/
/*----- AMT FLOAT ICONS -----*/
.amt-float-icons{
    position: fixed;
    right: 16px;
    bottom: 90px;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: flex-end;
}

.amt-float-item{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: none;
    border-radius: 999px;
    text-decoration: none;
    cursor: pointer;
    box-shadow: 0 8px 24px rgba(0,0,0,.18);
    transition: transform .25s ease, box-shadow .25s ease, opacity .25s ease;
    overflow: visible;
}

.amt-float-item:hover{
    transform: translateY(-2px) scale(1.04);
    box-shadow: 0 12px 30px rgba(0,0,0,.24);
}

.amt-float-icon{
    position: relative;
    z-index: 3;
    width: 40px;
    height: 40px;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    font-weight: 700;
    color: #fff;
}

.amt-float-label{
    position: absolute;
    right: 64px;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0,0,0,.78);
    color: #fff;
    font-size: 13px;
    line-height: 1;
    padding: 9px 12px;
    border-radius: 999px;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transition: all .25s ease;
    pointer-events: none;
}

.amt-float-item:hover .amt-float-label{
    opacity: 1;
    visibility: visible;
    right: 70px;
}

/* CALL */
.amt-float-call .amt-float-icon{
    background: #e53935;
}

.amt-call-ripple{
    position: absolute;
    inset: 0;
    border-radius: 999px;
    background: rgba(229,57,53,.25);
    animation: amtRipple 1.8s infinite ease-out;
    z-index: 1;
}

.amt-call-ripple.ripple-2{
    animation-delay: .9s;
}

.amt-float-call{
    animation: amtPhoneShake 1.2s infinite;
    transform-origin: center;
}

/* ZALO */
.amt-float-zalo .amt-float-icon{
    background: #0a7cff;
    font-size: 15px;
    font-family: Arial, sans-serif;
}

/* MESS */
.amt-float-mess .amt-float-icon{
    background: linear-gradient(135deg, #0084ff, #7b61ff);
}

/* TOP */
.amt-float-top{
    background: transparent;
    padding: 0;
}

.amt-float-top .amt-float-icon{
    background: #333;
}

.amt-float-top.is-hidden{
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    pointer-events: none;
}

@keyframes amtRipple{
    0%{
        transform: scale(1);
        opacity: .7;
    }
    70%{
        transform: scale(1.8);
        opacity: 0;
    }
    100%{
        transform: scale(1.8);
        opacity: 0;
    }
}

@keyframes amtPhoneShake{
    0%, 100%{
        transform: rotate(0deg);
    }
    10%{
        transform: rotate(-12deg);
    }
    20%{
        transform: rotate(10deg);
    }
    30%{
        transform: rotate(-8deg);
    }
    40%{
        transform: rotate(6deg);
    }
    50%{
        transform: rotate(-4deg);
    }
    60%{
        transform: rotate(2deg);
    }
    70%{
        transform: rotate(0deg);
    }
}

@media (max-width: 860px){
    .amt-float-icons{
        right: 10px;
        bottom: 75px;
        gap: 10px;
    }

    .amt-float-item,
    .amt-float-icon{
        width: 32px;
        height: 32px;
    }

    .amt-float-icon{
        font-size: 20px;
    }

    .amt-float-zalo .amt-float-icon{
        font-size: 13px;
    }

    .amt-float-label{
        display: none;
    }
}
/*----- END AMT FLOAT ICONS -----*/
/*----- AMT PAGE LOADER -----*/
#amt-page-loader {
    position: fixed;
    inset: 0;
    ackground: #b81b0e;
    background: linear-gradient(40deg, #b81b0e 0%, #b81b0e 35%, #7d0c02 100%);
    z-index: 99999;

    display: flex;
    align-items: center;
    justify-content: center;

    transition: opacity .4s ease, visibility .4s ease;
}

.cht-text-intro {
    margin-top: 20px;
    color: #fff;
    font-size: 14px;
    line-height: 1.5;
    text-align: center;
    max-width: 380px;
    margin-left: auto;
    margin-right: auto;text-transform: uppercase;padding: 5px 0 10px 0;
}

.cht-text-intro b{display: block;color:#fff!important}

#amt-page-loader.is-hide {
    opacity: 0;
    visibility: hidden;
}

/* nội dung */
.amt-loader-inner {
    text-align: center;
}

/* logo */
.amt-loader-logo {
    width: 120px;
    margin-bottom: 20px;
}

/* dots loading */
.amt-loader-dots {
    display: flex;
    justify-content: center;
    gap: 6px;
}

.amt-loader-dots span {
    width: 8px;
    height: 8px;
    background: #fff;
    border-radius: 50%;
    animation: amtDots 1.2s infinite;
}

.amt-loader-dots span:nth-child(2) {
    animation-delay: .2s;
}

.amt-loader-dots span:nth-child(3) {
    animation-delay: .4s;
}

@keyframes amtDots {
    0%, 80%, 100% {
        transform: scale(0);
        opacity: 0.5;
    }
    40% {
        transform: scale(1);
        opacity: 1;
    }
}
/*----- END AMT PAGE LOADER -----*/