@font-face {
    font-family: 'Inter-ExtraBold';
    src: url('templates/fonts/Inter_24pt-ExtraBold.woff2') format('woff2'),
         url('templates/fonts/Inter_24pt-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'Inter-Medium';
    src: url('templates/fonts/Inter_24pt-Medium.woff2') format('woff2'),
         url('templates/fonts/Inter_24pt-Medium.woff') format('woff');
    font-weight:500;
    font-style: normal;
}
@font-face {
    font-family: 'Inter-Regular';
    src: url('templates/fonts/Inter_24pt-Regular.woff2') format('woff2'),
         url('templates/fonts/Inter_24pt-Regular.woff') format('woff');
    font-weight:normal;
    font-style: normal;
}
@font-face {
    font-family: 'Inter-Black';
    src: url('templates/fonts/Inter_28pt-Black.woff2') format('woff2'),
         url('templates/fonts/Inter_28pt-Black.woff') format('woff');
    font-weight:900;
    font-style: normal;
}
@font-face {
    font-family: 'Inter-SemiBold';
    src: url('templates/fonts/Inter_24pt-SemiBold.woff2') format('woff2'),
         url('templates/fonts/Inter_24pt-SemiBold.woff') format('woff');
    font-weight:600;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto-SemiBold';
    src: url('templates/fonts/Roboto-SemiBold.woff2') format('woff2'),
         url('templates/fonts/Roboto-SemiBold.woff') format('woff');
    font-weight:600;
    font-style: normal;
}
@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:600;
    font-style: normal;
}
@font-face {
  font-family: 'Inter-Bold';
  src: url('templates/fonts/Inter24pt-Bold.woff2') format('woff2'),
       url('templates/fonts/Inter24pt-Bold.woff') format('woff');
  font-weight:600;
  font-style: normal;
}

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

/* Defaule */
a {color: #000;text-decoration: none;}
.hover-pink:hover {background-color: #EBB47F;color: #0C3245;}
.hover:hover {color: #EBB47F!important;}
.text-pink {color: #EBB47F;}
.text-blue {color: #0C3245;}
.Inter-Black{font-family: Inter-Black;}
.Inter-Regular{font-family: Inter-Regular;}
.Inter-Medium{font-family: Inter-Medium;}
.Inter-ExtraBold{font-family: Inter-ExtraBold;}
.Inter-SemiBold{font-family: Inter-SemiBold;}
.Roboto-SemiBold{font-family: Roboto-SemiBold;}
.Roboto-Bold{font-family: Roboto-Bold;}
.Inter-Bold{font-family: Inter-Bold;}
.fs-32{font-size: 32px;}
.fs-36{font-size: 36px;}
.fs-20{font-size: 20px;}
.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;}
.text-2line {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; /* Hiển thị 2 dòng */overflow: hidden;text-overflow: ellipsis;}
.text-4line {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4; /* Hiển thị 2 dòng */overflow: hidden;text-overflow: ellipsis;height: 90px;}
.bg-main {background-color: #0C3245;}
.border-main{border: 1px solid #0C3245;}
.cursor-pointer{cursor: pointer;}
/* Header*/
.icon-search {padding: 5px 9px;background-color: #EBB47F;}
.form-search {position: absolute;bottom: -41px;right: 110px;z-index: 99;border: 1px solid #EBB47F;opacity: 0;
transition: 0.7s;}
.form-search.active {opacity: 1;transition: 0.7s;}
.form-search button:hover{background-color: #EBB47F;}
.row >*{padding: 0;}
/* Menu */
.menu{position:relative;z-index:10;}
.menu ul.menu-pc{width:100%;padding:0px;margin:auto;list-style:none;}
.menu ul.menu-pc li{position:relative;z-index:1;}
.menu ul.menu-pc li.line{width:1px;height:15px;background-color:rgba(0,0,0,0.1);}
.menu ul.menu-pc li a{display:block;position:relative;color:#EBB47F;padding:0px 25px;text-transform:uppercase;text-decoration:none!important;white-space: nowrap;}
.menu ul.menu-pc li a.has-child{padding-right:16px;margin-right:8px;}
.menu ul.menu-pc 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:#FF99A8;}
.menu ul.menu-pc li ul{position:absolute;min-width:250px;background:#0C3245;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;list-style: none;margin: auto;padding: 0;}
.menu ul.menu-pc 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.menu-pc li ul li{padding-left:10px;padding-right:10px;}
.menu ul.menu-pc li ul li a{font-weight:400;font-size:14px;text-align:left;border-bottom:1px solid #eee;text-transform: capitalize;}
.menu ul.menu-pc li ul li:last-child > a{border-bottom:0px;}
.menu ul.menu-pc li ul li a.has-child{margin-right:0px;}
.menu ul.menu-pc 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.menu-pc li ul li a{line-height: 20px;padding: 0px;}
.menu ul.menu-pc li a:hover,.menu ul.menu-pc li a.active{color: #EBB47F!important;}
.menu-mobile{display: none;}
.dropdown-menu {width: 100%;min-width: auto;padding: 1px;}
.dropdown-item {padding: 0;text-align: center;}
.dropdown-item:focus, .dropdown-item:hover{background-color: #0C3245;}
.dropdown-menu li a img{max-width: 26px;}

.fixed{position: fixed!important;z-index: 9999;top: 0px;left: 0px;right: 0px;}
.breadCrumb{padding: 10px 0;}
.breadCrumb .breadcrumb{margin-bottom: 0;text-transform: uppercase;}
.breadCrumb .breadcrumb a{text-decoration: none;color: #000;}
.breadCrumb .breadcrumb li.active a{color: rgba(0, 0, 0, 0.5);}
.breadcrumbDetail .breadcrumb-item a, .breadcrumbDetail .breadcrumb-item+.breadcrumb-item::before {color:#0052A5;}

.breadCrumb .breadcrumb-item::before{color: #000!important;}
.breadCrumb .breadcrumb-item.active a{color: #EBB47F!important;}

/*Menu Mobile*/
.sr-only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;}
.navbar-toggle {position: relative;padding: 10px 10px;background-color: transparent;background-image: none;border: 1px solid transparent;border-radius: 4px;}
.navbar-toggle .icon-bar {display: block;width: 25px;height: 3px;border-radius: 1px;background-color: #0C3245;}
.navbar-toggle .icon-bar+.icon-bar {margin-top: 5px;}
.navbar-default .navbar-toggle .icon-bar {background-color: #0C3245;}
.hc-nav-trigger.hc-nav-1 {display: block;}
/*About*/
.bg-about{position: relative;padding: .5rem .5rem;}
.bg-about:after,.bg-about:before{position: absolute;content: "";width: 50%;height: 70%;background-color: #EBB47F;border-radius: 1rem;top: 0;right: 0;}
.bg-about:before{right: inherit;top: inherit;left: 0;bottom: 0;}
.text-line{background: linear-gradient(to bottom, #0C3245, #1E7CAB);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-size: 42px;font-family: Inter-Black;opacity: 0.1;}
.mt-25{margin-top: -25px;}
.fs-50{font-size: 50px;}
.grid__achievements{display: grid; grid-template-columns: repeat(4, calc(25% - (10px * 3 / 4))); grid-gap: 10px;}
.item-achievement{background: url("templates/images/bg-achievement.png")no-repeat;}

/*Body*/
.items-products{background-color: #F9F9F9;}
.product__grid, .news__grid { display: grid; grid-template-columns: repeat(3, calc(33.33% - (10px * 2 / 3))); grid-gap: 10px; }
.attribute-product{max-width: 60%;}
.more span{border: 2px solid #0C3245;border-radius: .5rem;color: #0C3245;font-size: 18px;font-family: Inter-SemiBold;}
#send-register{background-color: #EBB47F;color: #0C3245;display: block;margin: auto;font-size: 22px;font-family: Roboto-SemiBold;}

.form_detail{padding: 5px 10px;}
.form_detail input,.form_detail textarea{background: rgba(255, 255, 255, 0.1);border: none;color: #fff;}
.form_detail input::placeholder,.form_detail textarea::placeholder {color: #fff}
.form_detail input:focus,.form_detail textarea:focus{background-color: transparent;outline: none;outline: none;border: none; color: #fff;}
.form_detail label.error, #contact-form label.error{color: red;margin-top: 5px;}
.list-none {list-style: none;}

.scrollToTop{width:41px;height:41px;text-align:center;color:#EBB47F;text-decoration:none;position:fixed;bottom:15px;right:15px;display:none;z-index:10;cursor:pointer;background: #0C3245;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;}
.breadcrumb li a{text-decoration: none;color: #fff;text-transform: uppercase;}
.breadcrumb li.active a{color: #EBB47F;}
.breadcrumb-item+.breadcrumb-item::before{color: #fff;}
.banner_full .background {height: 350px;}
.btn:hover{background-color: #EBB47F;color: #0C3245;}
.suppor-mobile{display: none;position: fixed;bottom: 0;left: 0;width: 100%;background-color: #0C3245;color: #fff;z-index: 9999;}
.suppor-mobile img{max-width: 30px;}
/*Footer*/
.bg-footer{background: url('templates/images/bg-footer.png')no-repeat;background-size: 100% 100%;}
.item-form-register label.error{color: red;position: absolute;left: 0;bottom: -20px;}
.item-form-register{background: rgba(255, 255, 255, 0.36);padding: 5px 10px;position: relative;}
.item-form-register input{background:none;border: none;color: #fff;}
.item-form-register input::placeholder {color: #fff}
.item-form-register input:focus{background-color: transparent;outline: none;outline: none;border: none;color: #fff; }
.map_footer iframe{width: 100%;}

.swiper-wrapper{height: auto!important;}
.swiper-button-next, .swiper-button-prev {background-color: #fff;border-radius: 4px;}
.items-news {border-bottom: 1px dashed rgba(0, 0, 0, 0.25);}
.img-new {width: 100%;max-width: 234px;}
.items-content-new{width: calc(100% - 234px);}
.items-content-new .desc{font-size: 14px;}
.color-main {color: #0C3245;}W
.overflow-hidden {overflow: hidden !important;}
img.zoom-hover {transition: transform 0.4s ease;}
img.zoom-hover:hover {transform: scale(1.2);}
.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;}
.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;}