@font-face {
    font-family: 'Roboto-Bold';
    src: url('templates/fonts/Roboto-Bold.woff2') format('woff2'),
         url('templates/fonts/Roboto-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto-Regular';
    src: url('templates/fonts/Roboto-Regular.woff2') format('woff2'),
         url('templates/fonts/Roboto-Regular.woff') format('woff');
    font-weight:normal;
    font-style: normal;
}

body {
    font-family: 'Roboto-Regular', sans-serif;
    transition: var(--trans);
    max-width: 1920px;
    overflow-x: hidden;
}

a {
    color: #000;
}
a:hover {
    color: #0052A5!important;
}
a.button span:hover {
    background: #fff;
    color: #0052A5!important;
}
h1{font-size: 30px;}
/* Menu */
.menu{position:relative;z-index:10;}
.menu ul{width:100%;padding:0px;margin:auto;list-style:none;}
.menu ul li{position:relative;z-index:1;}
.menu ul li.line{width:1px;height:15px;background-color:rgba(0,0,0,0.1);}
.menu ul li a{display:block;position:relative;color:#fff;padding:0px 25px;font-weight:500;text-transform:uppercase;text-decoration:none!important;white-space: nowrap;}
.menu ul li a.has-child{padding-right:16px;margin-right:8px;}
.menu ul li a.has-child:after{content:'';position:absolute;bottom:calc(50% - 4px/2);right:5px;width:5px;height:5px;border:1px solid #fafafa;border-top:0px;border-left:0px;-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:all 0.4s ease-out;-moz-transition:all 0.4s ease-out;-o-transition:all 0.4s ease-out;-ms-transition:all 0.3s ease-out;transition:all 0.3s ease-out;border-color:#fff;}
.menu ul li ul{position:absolute;min-width:250px;background-color:var(--color-red);border-radius:0.25rem;-webkit-box-shadow:1px 1px 15px rgb(0 0 0 / 15%);box-shadow:1px 1px 15px rgb(0 0 0 / 15%);-webkit-transform:perspective(600px) rotateX(-90deg);transform:perspective(600px) rotateX(-90deg);-webkit-transform-origin:0 0 0;transform-origin:0 0 0;opacity:0;visibility:hidden;transition:all .5s;}
.menu ul li:hover > ul{-webkit-transform:perspective(600px) rotateX(0);transform:perspective(600px) rotateX(0);-webkit-transform-origin:0 0 0;opacity:1;visibility:visible;transition:all .7s;}
.menu ul li ul li{padding-left:10px;padding-right:10px;}
.menu ul li ul li a{font-weight:400;font-size:14px;text-align:left;color:#fff;border-bottom:1px solid #ececec;text-transform: capitalize;}
.menu ul li ul li:last-child > a{border-bottom:0px;}
.menu ul li ul li a.has-child{margin-right:0px;}
.menu ul li ul li a.has-child:after{-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}
.menu ul li ul li a{line-height: 40px;padding: 0px;}
.menu ul li ul li ul{top:0;left:100%;}
.menu ul li a:hover,.menu ul li a.active{
    background-color: #fff;
    color: #0052A5!important;
}

.fixed{position: fixed!important;z-index: 9999;top: 0px;left: 0px;right: 0px;}

.breadcrumb-item+.breadcrumb-item::before, .breadcrumb-item a {
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
}

.breadcrumbDetail .breadcrumb-item a, .breadcrumbDetail .breadcrumb-item+.breadcrumb-item::before {
    color: #0052A5;
}

.scrollToTop{width:41px;height:41px;text-align:center;color:#fff;text-decoration:none;position:fixed;bottom:15px;right:15px;display:none;z-index:10;cursor:pointer;background: #0052A5;line-height: 41px;border-radius: 10px;}

.thumb-pro-detail{display:block!important;border:1px solid #eee;padding:5px;border-radius:3px;cursor:pointer;background-color:#ffffff;}
.thumb-pro-detail.mz-thumb.mz-thumb-selected{border-color:#cecfd2;}
.thumb-pro-detail img{box-shadow:none!important;filter:brightness(100%)!important;border-bottom:0px!important;padding-bottom:0px!important;}

.Swiper_sp_hot_img {
    width: 100%;
    aspect-ratio: 1/1; /* giữ hình vuông */
    object-fit: cover;
}
.Swiper_spct .swiper-slide {
    width: 80px; /* thumbnail nhỏ */
    height: 80px;
    cursor: pointer;
}
.Swiper_spct .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.swiper-wrapper{
    height: auto!important;
}

.swiper-button-next, .swiper-button-prev {
    background-color: #fff;
    border-radius: 4px;
}

.grecaptcha-badge {display: none!important}


.navbar .active,  .navbar a:hover{
    background-color: #fff;
    color: #0052A5!important;
}

input::placeholder {
    color: gray;
    font-size: 16px;
}
.detail_content p {
    margin-bottom: 0;
}
.contact_info{
    position: absolute;
    right: 3rem;
    bottom: -3rem;
}
.map_footer iframe{
    width: 100%;
}
.product__grid { display: grid; grid-template-columns: repeat(4, calc(25% - (10px * 3 / 4))); grid-gap: 10px; }
.news__grid { display: grid; grid-template-columns: repeat(3, calc(33.33% - (20px * 2 / 3))); grid-gap: 20px; }
.RobotoBold {
    font-family: 'Roboto-Bold';
}

.bg-main {
    background-color: #0052A5;
}
.bgImg-main {
    background: url('templates/images/img-main.png') no-repeat;
}
.color-main {
    color: #0052A5;
}
.color-gray {
    color: rgba(0, 0, 0, 0.5);
}
.rounded-button {
    border-radius: 0 2rem 2rem 2rem;
  }
.text-justify {
    text-align: justify;
}
.line-height-ssm {
    line-height: 12px;
}
.title-underline:after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 50%;
    transform: translate(-50%,0);
    background-color: #0052A5;
    width: 46px;
    height: 3px;
}
.title-underline-about:after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    background-color: #0052A5;
    width: 46px;
    height: 3px;
}
.title-underline-footer:after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    background-color: #fff;
    width: 32px;
    height: 2px;
}
.overflow-hidden {
    overflow: hidden !important;
}
.shadow-bottom {
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
}
.rounded-top-left {
    border-top-left-radius: 1rem;
}
.rounded-top-right {
    border-top-right-radius: 1rem;
}
.bg-linear {
    background: linear-gradient(to top, rgba(0, 82, 165, 1), rgba(0, 82, 165, 0));
}
img.zoom-hover {
    transition: transform 0.4s ease;
}

img.zoom-hover:hover {
    transform: scale(1.2);
}
.arrow {
    list-style-type: "→ ";
}

.line-secondary::after {
    position: absolute;
    content: "";
    right: 0;
    bottom:0;
    background-color: rgba(0, 0, 0, 0.3);
    width: 1px;
    height: 40px;
}
.owl-nav {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0,-50%);
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.owl-prev {
    margin-left: -15px;
}
.owl-next {
    margin-right: -15px;
}
.custom-prev, .custom-next {
    background: #EFEEEE;
    border: none;
    padding: 3px 7px;
    border-radius: 50%;
    cursor: pointer;
} 
.custom-prev:hover, .custom-next:hover {
    background: #003d7a;
    color: #fff;
}
.main-achievements {
    padding-top: 120px;
    margin-top: -65px;
    border-bottom: 10px solid #C5C200;
}
.bg-feeback {
    background-image: url("../image/bg-feeback.png");
    background-repeat: no-repeat;
}
.content-feeback {
    top: 50%;
    right: 0;
    transform: translate(0,-50%);

}
.border-bottom-sm {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.mw-rating {
    max-width: 106px;
}
.mw-avt {
    max-width: 45px;
}
.bg-new {
    background-image: url("../image/bg-new.png");
    background-repeat: no-repeat;
    padding-bottom: 11rem;
}
.owl-carousel-new {
    position: absolute;
    right: -340px;
    top: 0;
    z-index: 1;
}
.text-2line {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* Hiển thị 2 dòng */
    overflow: hidden;
    text-overflow: ellipsis;
    height: 45px;
}
.owl-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
}
.owl-dots button span {
    display: block;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background-color: #C5C5C5;
    margin: 0 3px;
}
.owl-dots button.active span {
    background-color: #fff;
}