.title-main-home{margin-bottom:1.5rem;text-align:center;}
.title-main-home span{text-transform:uppercase;position:relative;font-size:40px;color:#E49B1A;font-weight:bold;font-family:"Nunito";}
.title-main-home p{position:relative;font-size:16px;color:#333;}
.header-top{padding:5px 0px;background:#fff;}
.flex-header-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.header-top-left {
    width: 18%;
}
.header-top-mid {
    width: 55%;
}
.search {
    border: solid 1px #ccc;
    border-radius: 50px;
    background: #F4F4F4;
}
.search .output-voice{width: calc(100% - 55px);}
.search .volume{
    top: 13px;
    right: 60px;
}
.search input {
    height: 55px;
    outline: none;
    padding: 0px;
    border: 0px;
    background: transparent;
    text-indent: 10px;
    font-size: 14px;
    font-family: 'Mulish regular';
}
.search p {
    width: 55px;
    height: 55px;
    line-height: 55px;
    cursor: pointer;
    text-align: center;
    margin: 0px;
    color: #fff;
    font-size: 16px;
    background: #E49B1A;
    border-radius: 100%;
    transform: scale(0.8);
}
.search p i{
    color: #fff;
}
.header-top-right {
    width: 17%;
    text-align: right;
}
.header-top-item {
    display: flex;
    align-items: center;
    gap: 7px;
}
.header-top-text {
    font-size: 14px;
    line-height: 20px;
    color: #262626;
    font-weight: 700;
    text-align: left;
    font-family: "Mulish Regular";
}
.header-top-text a {
    color: #BD2830;
    font-size: 18px;
    font-weight: 700;
    font-family: "Mulish Bold";
}
.flex-slide {
    display: flex;
    justify-content: space-between;
    gap: 6px;
    margin-top: 10px;
}
.slide-large {
    width: 59%;
    margin-left: 21%;
}
.item-slide{border-radius: 5px;}
.banner-col {
    width: 20%;
}
.box-banner {
    border-radius: 5px;
}
.box-banner:nth-child(1) {
    margin-bottom: 7px;
}
.py50 {
    padding: 50px 0px;
}
.row-20 {
    margin: 0px -10px;
}
.padding-20 {
    padding: 0px 10px;
}
.row-14 {
    margin: 0px -7px;
}
.padding-14 {
    padding: 0px 7px;
}
#about {
    background: url('../images/bg-about.png') center right no-repeat;
    margin: 60px 0px 0px 0px;
}
.about-title {
    font-family: 'Mulish Regular';
    color: #333;
    font-size: 24px;
    background: url('../images/line-about.png') left center no-repeat;
    padding-left: 20px;
}
.about-name {
    font-family: 'Nunito';
    color: #E49B1A;
    font-size: 60px;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.xemchitiet {
    background: #BD2830;
    border-radius: 5px;
    color: #fff;
    font-size: 16px;
    padding: 13px 28px;
    margin-top: 30px;
    display: inline-block;
}

.box-chungnhan {
    border: 3px solid #E49B1A;
    border-radius: 10px;
}
.box-chungnhan a{
    border-radius: 10px;
}
.box-video{
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}
.box-video:before {
    content: '';
    position: absolute;
    background: rgba(0,0,0,0.4);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
}
.box-video:after {
    content: '';
    position: absolute;
    background: url('../images/icon-play.png') center no-repeat;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
}
.box-news-name {
    font-size: 18px;
    line-height: 22px;
    color: #333;
    font-weight: 700;
    font-family: 'Mulish Bold';
    text-transform: uppercase;
    margin-top: 14px;
}
.bg-video {
    background: #FFF9EE;
}
.box-news {
    border-radius: 10px;
    margin-bottom: 30px;
    position: relative;
}
.date-index {
    color: #fff;
    font-size: 14px;
    background: #E49B1A;
    border-radius: 5px;
    padding: 5px 10px;
    display: inline-block;
    margin-top: 14px;
}
.box-news-name {
    font-size: 18px;
    line-height: 22px;
    color: #333;
    font-weight: 700;
    font-family: 'Mulish Bold';
    text-transform: uppercase;
    margin-top: 14px;
}
.box-news-name a {
    color: #333;
}
.info-news-index {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 14px 20px;
    z-index: 1;
}
.date-index {
    color: #fff;
    font-size: 14px;
    background: #E49B1A;
    border-radius: 5px;
    padding: 5px 10px;
    display: inline-block;
    margin-top: 14px;
}
.info-news-index h3 {
    font-size: 16px;
    line-height: 22px;
    color: #fff;
    font-weight: 700;
    font-family: 'Mulish Bold';
    margin-top: 14px;
}
.info-news-index h3 a {
    color: #fff;
}
.news .news-name {
    margin-bottom: 0.5rem;
}
.news .news-name a {
    color: #333;
    font-size: 16px;
    line-height: 1.5;
    font-family: 'Mulish Bold';
}
.news .news-name a.text-split {
    -webkit-line-clamp: 2;
}
.news-time-index {
    color: #7C7C7C;
    font-size: 14px;
    background: url('../images/Calendar.png') left center no-repeat;
    padding-left: 22px;
}
.box-khuyenmai {
    text-align: center;
}
.box-khuyenmai a {
    cursor: pointer;border-radius: 10px;
}
.box-khuyenmai h3 {
    color: #333;
    font-size: 18px;
    font-family: 'Mulish Bold';
    margin-top: 20px;
}
.box-khuyenmai h3 a {
    color: #333;
}

.footer-flex {
    display: flex;
    justify-content: space-between;
    padding: 50px 0px;
}
.footer-news:nth-child(1){width:30%;}
.footer-news:nth-child(2){width:20%;position:relative;}
.footer-news:nth-child(3){width:20%;}
.footer-news:nth-child(4){width:25%;}
.footer-title{margin:0px;font-size:17px;line-height:25px;color:#333;font-weight:700;text-align:left;font-family:'Mulish Bold';text-transform: uppercase;}
.footer-ul{padding-left:0;color:red;list-style:none;}
.footer-ul li a{font-size:14px;line-height:30px;color:#000;font-weight:700;text-align:left;}
.footer-ul li a:hover{color:#E49B1A;}
.method-pay {
    font-size: 14px;
    line-height: 30px;
    color: #000;
    font-weight: 700;
    text-align: left;
    margin: 10px 0px;
}
.hvr-float-shadow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}
.hvr-float-shadow:before{pointer-events:none;position:absolute;z-index:-1;content:'';top:100%;left:5%;height:10px;width:90%;opacity:0;background:-webkit-radial-gradient(center,ellipse,rgba(0,0,0,.35) 0,transparent 80%);background:radial-gradient(ellipse at center,rgba(0,0,0,.35) 0,transparent 80%);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform,opacity;transition-property:transform,opacity}
.hvr-float-shadow:active,.hvr-float-shadow:focus,.hvr-float-shadow:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px)}
.hvr-float-shadow:active:before,.hvr-float-shadow:focus:before,.hvr-float-shadow:hover:before{opacity:1;-webkit-transform:translateY(5px);transform:translateY(5px)}

.scrollToTop{position:fixed;bottom:75px;right:15px;height:50px;width:50px;cursor:pointer;display:block;border-radius:50px;z-index:1001010;opacity:0;visibility:hidden;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);-webkit-transition:all 400ms linear;-o-transition:all 400ms linear;transition:all 400ms linear}
.scrollToTop.active-progress{opacity:1;visibility:visible;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
.scrollToTop::before{position:absolute;font-family:"Font Awesome 6 Pro";content:"\f102";text-align:center;line-height:50px;font-size:20px;color:#E49B1A;left:0;top:0;height:50px;width:50px;cursor:pointer;display:block;z-index:1;-webkit-transition:all 400ms linear;-o-transition:all 400ms linear;transition:all 400ms linear}
.scrollToTop svg path{fill:none}
.scrollToTop svg.progress-circle path{stroke:#E49B1A;stroke-width:4;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all 400ms linear;-o-transition:all 400ms linear;transition:all 400ms linear}

.animate-border {
    position: relative;
    display: block;
    width: 100px;
    height: 3px;
    background: #E49B1A;
    overflow: hidden;
}
.animate-border:after {
    position: absolute;
    content: "";
    width: 30px;
    height: 3px;
    left: 15px;
    bottom: 0;
    border-left: 10px solid #fff;
    border-right: 10px solid #fff;
    -webkit-animation: animborder 2s linear infinite;
    animation: animborder 2s linear infinite;
}
@-webkit-keyframes animborder{0%{-webkit-transform:translateX(0);transform:translateX(0)}
100%{-webkit-transform:translateX(113px);transform:translateX(113px)}
}
@keyframes animborder{0%{-webkit-transform:translateX(0);transform:translateX(0)}
100%{-webkit-transform:translateX(113px);transform:translateX(113px)}
}
.cart-fixed{position:fixed;right:20px;bottom:480px;z-index:10;background:#EC0000;width:50px;height:50px;text-align:center;color:#fff !important;border-radius:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
.cart-fixed i{font-size:20px;}
.cart-fixed span{position:absolute;top:0px;right:-5px;color:#ffffff;width:25px;height:25px;background:var(--color-main);text-align:center;line-height:25px;font-size:11px;border-radius:100%;border:solid 1px #ccc;}