:root {
    --color-main : #dd9933;
    --color-main-light : #fd9000;
    --black : #000;
    --ddd : #ddd;
    --eee : #eee;
    --bevietnam : "Be Vietnam Pro", sans-serif;;
    --bazaArt : "VLBazaART", sans-serif;;
    --Montserrat-Light : "Montserrat-Light", sans-serif;;
    --Montserrat-Medium : "Montserrat-Medium", sans-serif;
    --fontawesome : 'Font Awesome 6 Pro';
}
@font-face{font-family:'VLBazaART';src:url('../fonts/VLBazaART.ttf') format('truetype');}
@font-face{font-family:'Montserrat-Light';src:url('../fonts/Montserrat-Light.ttf') format('truetype');}
@font-face{font-family:'Montserrat-Medium';src:url('../fonts/Montserrat-Medium.ttf') format('truetype');}
body {font-family: var(--bevietnam);font-size: 14px; line-height: 1.5; color: var(--dark); background: var(--white); width: 100%;overflow-x: hidden;height: 100%;margin-left: auto;margin-right: auto;}
a:hover{text-decoration: none;opacity: 1 !important;}
html::-webkit-scrollbar-thumb {background-color: var(--black); border-radius: 5px; }
html::-webkit-scrollbar {width: 10px; background-color: var(--ddd); }
html {scrollbar-color: var(--black) var(--ddd); }
.main{overflow-x: hidden;overflow-y: auto;}
.fs-10{font-size: 10px}
.fs-12{font-size: 12px}
.fs-14{font-size: 14px}
.fs-16{font-size: 16px}
.fs-18{font-size: 18px}
.fs-20{font-size: 20px}
.fs-22{font-size: 22px}
.fs-24{font-size: 24px}
.fs-30-im{font-size: 30px !important;}
.w-line {-webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; }
.w-one-line {-webkit-line-clamp: 1; } 
.w-three-line {-webkit-line-clamp: 3; }
.w-two-line {-webkit-line-clamp: 2;}
.w-four-line{-webkit-line-clamp: 4;max-height: 100px;}
.one-line{white-space: nowrap;}
.bg-main{background: var(--color-main) !important;}
/* pagination */
.pagination{display: inline-block;margin: 0 -2px;}
.pagination>li{color: var(--black);font-size: 12px;background: var(--eee);min-width: 30px;line-height: 30px;text-align: center;float: left;margin: 0 2px;border: 1px solid #ddd;border-radius: 3px;transition: all 0.2s ease-in-out;}
.pagination>li:hover{color:var(--white);background:var(--black);border-color:var(--black);opacity:0.8}
.pagination>li>a{color:inherit;display: block;padding: 0 0.5rem;transition: none;}
.pagination>li>.prev,
.pagination>li>.next,
.pagination>li>.jump{font-size:1rem;}
.pagination>.current{color:var(--white);background:var(--black);border-color:var(--black);}
.pagination>.current:hover{opacity:1;}
.pagination--custom>li{color: var(--white);background: var(--black);border-color: var(--black);}
.pagination--custom>.current{color: var(---black);font-size: 12px;background: var(--eee);min-width: 30px;line-height: 30px;text-align: center;float: left;margin: 0 2px;border: 1px solid #ddd;border-radius: 3px;transition: all 0.2s ease-in-out;}
.back-to-top {z-index: 101; cursor: pointer; color: var(--color-main); display: none;right: 1rem; bottom: 100px; border:1px solid var(--color-main);}
.back-to-top i{font-size: 19px;}
.content ul,.content ol,.short-content ul,.short-content ul{margin-bottom: 0;padding-left: 21px;}
.content p,.short-content p{margin-bottom: 0;}
.content img{max-width: 100% !important;height: auto !important;}
.content img{margin:1rem 0 ;border-radius: 5px;}
.content h2{font-size: 18px;}
.content h3{font-size: 16px;}
.grecaptcha-badge{ bottom: 8rem !important;z-index: 50;}
.footer-bar ul{list-style: none;padding-left: 0;text-align: center;}
.footer-bar .btn_fix_hotline{    width: 55px;height: 55px;line-height: 55px;text-align: center;font-size: 30px;background: var(--danger);border-radius: 50%;box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);transition: all 0.5s ease;display: block;color: var(--white);}
.footer-bar ul i{font-size: 20px;}
.footer-bar{position: fixed;right: 20px;bottom: 20px;z-index: 105;}
.footer-bar button{border: 0;padding: 4px 13px;background: transparent;color: var(--color-main);}
.footer-bar li:hover button{background: var(--color-main);color: var(--white);}
.breadcrumb a{color: var(--black);} 
/* home */
.header-middle{background-color: var(--white);}
.header-top{background: var(--color-main);text-align: center;}
.header-top p{margin-bottom: 0;padding: 5px;color: var(--light);font-size: 12px;}
.header-middle .hb-d{display: flex;justify-content: space-between;}
.header-middle .hb-d .logo{margin: 10px;}
.header-middle .hb-d .logo img{height: 85px;}
.header-middle .hb-d .hb-r{display: flex;align-items: center;}
.header-middle .hb-d .hb-r form{display: flex;position: relative;}
.header-middle .hb-d .hb-r form button{background: transparent;border: none;right: 5px;position: absolute;top: 50%;transform: translateY(-50%);font-size: 16px;color: var(--gray);}
.btn-test a,.hotline a{color: var(--light);padding: .75rem 1.5rem;border-radius: 35rem;text-transform: uppercase;font-weight: 700;display: inline-block;margin-left: 1rem;}
.btn-test a{background: var(--blue);}
.hotline a{background: var(--red);}
.header-bottom{background: var(--blue);color: var(--light);}
.menu-hv a {display: block;}
.menu-hv{justify-content: space-between;transition: all 1s ease;}
.menu-hv ul{list-style: none;padding-left: 0;margin-bottom: 0;}
.menu-hv li.menu-hvli0,.menu-hv .menu-hvli0 .menu-hvul1 .menu-hvli1{position: relative;}
.menu-hv .menu-hvli0 .menu-hvul1 .menu-hvli1 a{color: var(--black);}
.menu-hv li.menu-hvli0 ul.menu-hvul1 { position: absolute;background: var(--white);border-top: 0;left: 0;height: 0;z-index: 999;overflow: hidden;-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .15);-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .15);box-shadow: 0 1px 1px rgba(0, 0, 0, .15);-webkit-transform: rotate3d(1, 0, 0, -90deg);-moz-transform: rotate3d(1, 0, 0, -90deg);-ms-transform: rotate3d(1, 0, 0, -90deg);-o-transform: rotate3d(1, 0, 0, -90deg);transform: rotate3d(1, 0, 0, -90deg);-webkit-transform-origin: 0 0 0;-moz-transform-origin: 0 0 0;-ms-transform-origin: 0 0 0;-o-transform-origin: 0 0 0;transform-origin: 0 0 0;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;width: 260px;}
.menu-hv li.menu-hvli0:hover ul.menu-hvul1{border-top: 3px solid var(--color-main);height:auto;-webkit-transform: rotate3d(0, 0, 0, 0deg);-moz-transform: rotate3d(0, 0, 0, 0deg);-ms-transform: rotate3d(0, 0, 0, 0deg);-o-transform: rotate3d(0, 0, 0, 0deg);transform: rotate3d(0, 0, 0, 0deg);overflow:unset;}
.menu-hv .menu-hva0:hover{background: #0060c5;}
.menu-hv .menu-hva0,.menu-hv .menu-hva1,.menu-hv .menu-hva2{color: var(--light);text-transform: uppercase;padding: .75rem 1.5rem;}
.menu-hv .menu-hva0{font-weight: 700;padding: 1.2rem 1rem;}
.menu-hv .menu-hvli0 .menu-hva1:hover,.menu-hv .menu-hva2:hover{background: rgba(0, 0, 0, 0.1);}
.menu-hv .menu-hvul1 .menu-hvul2{position: absolute;left: 100%;top: -3px;background: var(--white);border-top: 3px solid #007cd2;-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .15);-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .15);box-shadow: 0 1px 1px rgba(0, 0, 0, .15);-webkit-transform: rotate3d(0, 1, 0, 90deg);-moz-transform: rotate3d(0, 1, 0, 90deg);-ms-transform: rotate3d(0, 1, 0, 90deg);-o-transform: rotate3d(0, 1, 0, 90deg);transform: rotate3d(0, 1, 0, 90deg);-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;width: 0;overflow: hidden;}
.menu-hv .menu-hvul1 .menu-hvli1:hover .menu-hvul2{-webkit-transform: rotate3d(0, 0, 0, 0deg);-moz-transform: rotate3d(0, 0, 0, 0deg);-ms-transform: rotate3d(0, 0, 0, 0deg);-o-transform: rotate3d(0, 0, 0, 0deg);transform: rotate3d(0, 0, 0, 0deg);width: 440px;overflow:unset;}
.menu-hv .menu-hvul1 .menu-hvul2 .menu-hvli2{width: 220px;padding: 0 5px;}
.section-home{background-image: url(../img/demo/bg-homeb-min.webp);background-position: center;background-repeat: no-repeat;background-size: cover;height: 80vh;position: relative;}
.section-home::before{content:'';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgb(0 45 81 / 61%);z-index: 1;}
.section-home .s-home{ position: absolute;top: 33%;z-index: 3;color: var(--light);left: 50%;transform: translateX(-50%);text-align: center;}
.section-home .s-home h1{text-transform: uppercase;}
.section-home .s-home .des p{margin-bottom: 0;font-size: 18px;}
.mx500{width: 500px;margin: 0 auto; max-width: 100%;}
.section-intro{padding-top: 5rem;}
.heading3-title{font-size: 1rem;text-transform: uppercase;border-bottom: 2px solid var(--color-main);display: inline-block;line-height: 1.2;}
.sh-intro h2{font-size: 1.5rem;text-transform: uppercase;line-height: 1.5;}
.sh-intro-list .shi-item{display: flex;margin-bottom: 10px;}
.sh-intro-list .shi-item img{width: 80px;height: 80px;border-radius: 9px;}
.sh-intro-list .shi-item .des{margin-left: 8px;}
.sh-intro-list .shi-item h3{font-size: 1rem;margin-bottom: 0;text-transform: uppercase;}
.sh-intro-list .shi-item p{margin-bottom: 0;font-size: 13px;}
.sh-intro-list .col-6{padding: 5px;}
.btn-call{display: flex;align-items: center;}
.btn-call .ml-2 a{    font-size: 2rem;color: var(--danger);font-weight: 500;}
.heading-title{text-align: center;font-size: 1.8rem;text-transform: uppercase;margin-bottom: 3rem;position: relative;}
.heading-title::before{content:'';height: 3px;position: absolute;bottom: -15px;width: 100px;background: var(--color-main);left: 50%;transform: translateX(-50%);}
.section-atld .atld-item{margin-bottom: 1rem;}
.section-atld .atld-item img{width: 100%;border-radius: 15px;}
.section-atld .atld-item p{color: var(--gray);}
.section-atld .atld-item h4{margin-top: 1rem;font-size: 1.2rem;text-transform: uppercase;margin-bottom: 5px;}
.section-atld{background: #f9f9f9;padding-bottom: 4rem;margin-top: 5rem;padding-top: 4rem;}
.section-service{padding: 5rem 0;background-image: url(../img/demo/our-service-bg.png);background-repeat: no-repeat;background-position: top right;background-size: inherit;background-color: #E9F7FE;}
.section-service .atld-item{border-radius: 15px;position: relative;display: block;margin-bottom: 0;overflow: hidden; height: 504px;text-align: center;color: var(--light);}
.section-service .atld-item img{height: 100%;aspect-ratio: 1 / 1.2;object-fit: cover;transition: all .4s ease}
.section-service .atld-item::before{content:'';width: 100%;position: absolute;background: rgb(0 0 0 / 60%);height: 100%;z-index: 1;}
.section-service .atld-item .info{position: absolute;bottom: 0;z-index: 2;transition: bottom .3s;}
.section-service .atld-item .info p{margin-bottom: 10px;padding: 0 6px;height: 0;overflow: hidden;transition: all .4s ease};
.section-service .atld-item .info h4{margin-bottom: 0;}
.section-service .atld-item:hover .info p{height:auto;}
.section-service .atld-item:hover img{transform: scale(1.2);}
.section-service .atld-item h4{font-size: 1rem;text-transform: uppercase;}
.read-more{background: var(--dark);color: var(--light);padding: 10px 21px;border-radius: 30px;}
.read-more:hover{color: var(--light);}
.section-fsignup{    padding-top: 5rem;background-image: url(../img/demo/cta-box-bg.png);background-color: #12223B;background-repeat: no-repeat;background-position-x: right;background-position-y: 15px;}
.section-fsignup .sfs{display: flex;    color: var(--light);}
.section-fsignup .sfs .sfs-l{max-width: 60%;}
.section-fsignup .sfs .sfs-l form{max-width: 600px;}
.section-fsignup .sfs .sfs-r{margin: 0 2rem;}
.section-faq{padding-top: 5rem;    padding-bottom: 5rem;}
.sf-bl .sf-bl-item{flex: 0 0 50%;max-width: 50%;padding: 10px;}
.sf-bl .sf-bl-item img{border-radius: 3rem;}
.sf-bl .sf-bl-logo img{width: 100%;}
.sf-bl .sf-bl-logo{ position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 140px;background: var(--white);border-radius: 50%;padding: 15px;}
#sfaq .card-header,#sfaq .card-body{padding: 1.5rem 1.25rem;font-size: 1rem;}
#sfaq a{color: var(--color-main-light)}
#sfaq a.collapsed{color: var(--dark)}
.section-blog{ padding-top: 5rem;background-color: #E9F7FE;padding-bottom: 5rem;}
.sblog-item{margin: 0 1rem;}
.sblog-item img{width: 100%;border-radius: 15px;}
.sblog-item a{color: var(--dark);}
.sblog-item h4{font-size: 1rem;margin-top: 10px;}
.explore-slide .slick-arrow.arrow-left{left: 8px;} 
.explore-slide .slick-arrow.arrow-right{right: 8px;} 
.explore-slide .slick-arrow{ position: absolute; top: 50%;transform: translateY(-50%);font-size: 2rem;background: rgb(0 0 0 / 55%);z-index: 99;width: 48px;text-align: center;color: var(--light);border-radius: 50%;cursor: pointer;}
.explore-slide .slick-dots{list-style: none;display: flex;justify-content: center;margin: 1rem 0;padding: 0;}
.explore-slide .slick-dots li button{background: var(--gray);border: none;height: 13px;font-size: 0;margin: 0 5px;}
.explore-slide .slick-dots li.slick-active button{background: var(--color-main);border: none;height: 13px;font-size: 0;margin: 0 5px;}
.section-partner{padding: 5rem 0;}
.footer-bar-left{position: fixed;bottom: 1rem;left: 15px;z-index: 105;}
.footer-bar-left ul li a{height: 45px;width: 45px;display: block;border-radius: 50%;line-height: 45px;text-align: center;    margin-bottom: 8px;}
.footer-bar-left ul li a i.fa-solid{    font-size: 1.5rem;color: var(--light);display: block;width: 45px;height: 45px;text-align: center;line-height: 45px;}
.f-hotline{background: var(--danger);}
.f-message{background: var(--color-main);}
.f-zalo{background: var(--blue);}
.f-messenger{background: var(--gray);}
.f-maps{background: var(--info);}
.f-slides{background: var(--dark);}
.footer-bar-left .f-sort{transition: all .2s;}
.footer-bar-left.active .f-sort{opacity: 0;visibility: hidden;position: absolute;bottom: 1rem;z-index: -1;}
i.ticon-messenger {background: url(../img/messenger.png) no-repeat;background-size: contain;width: 36px;height: 36px;display: inline-block;}
i.ticon-zalo-circle2 {background: url(../img/zalo.png) no-repeat;background-size: contain;width: 36px;height: 36px;display: inline-block;}
.footer-bottom{text-align: center;color: #999;}
.footer-bottom p{font-size: 12px;margin-bottom: 0;}
.footer-bottom a{color: #999;;}
footer{background: #333;padding-top: 3rem;color: #c7c7c7;margin-top: 4rem;    line-height: 1.8;}
.w-20{-ms-flex: 0 0 20%;flex: 0 0 20%;max-width: 20%;}
.footer-tags{margin-bottom: .5rem;margin-top: .5rem;border-top: 1px solid #696969;padding-bottom: .5rem;padding-top: .5rem;}
.footer-list h3{font-size: 1rem;text-transform: uppercase;border-bottom: 1px solid;padding-bottom: .3rem;}
.footer-list ul{margin-bottom: 0;padding-left: 0;list-style: none;}
.footer-list ul li a{    position: relative;display: block;padding-left: 13px;}
.footer-list ul li a::before{content: '\f219';font-family: var(--fontawesome);font-size: .5em;position: absolute;top: 12px;transform: translateY(-50%);left: 0;}
footer a{color: #c7c7c7;}
footer a:hover{color: var(--light);}
.h3-title-15{font-size: 1.5rem;font-family: "Lora", serif;}
.footer-tags a::before{content:'\23';font-family: var(--fontawesome);padding-right: 1px;}
.footer-tags a{color: #999;font-size: 10px;margin-right: 5px;}
.socal{margin: 1rem 0;}
.socal i{font-size: 1.5rem;}
.socal a{margin: 0 5px;display: block;}
.text-main-light{color: var(--color-main-light) !important;}
.footer-top iframe{max-width: 100%;height: 214px;}
.item-news{margin: 0 10px 10px;}
.item-news img{border-radius: 5px;width: 100%;}
.item-news h5{font-size: 1rem;color: var(--dark);margin-top: 15px;font-weight: 700;}
.item-news p{font-size: 14px;font-family: var(--bevietnam);margin-bottom: 0;}
.box-hotline{background: var(--danger);border-radius: 5px;padding: 1rem 0;text-align: center;font-size: 1rem;color: var(--light);text-transform: uppercase;}
.box-hotline a{font-size: 1.8em;color: var(--light);}
.po-sticky{position: sticky;top: 70px;right: 0;z-index: 102;}
#ez_toc h3{font-size: 1.2rem;}
#ez_toc{border: 2px solid var(--dark);border-radius: 4px; padding: 1rem .75rem;margin-bottom: 1rem;background: var(--white);}
#ez_toc a{color: var(--dark);display: flex;}
#ez_toc a:hover{color: var(--color-main);}
#ez_toc ul{padding-left: 0;margin-bottom: 0;list-style: none;}
#ez_toc .ez-toc-ul0{margin-left: 1rem;line-height: 1.8;font-size: 14px;opacity: 1;visibility: visible;height: auto;overflow: unset;}
#ez_toc .ez-toc-ul0 .ez-toc-li0{position: relative;}
#ez_toc button{border: none;background: var(--dark);color: var(--light);}
#ez_toc button i.fa-angle-left{display: none;}
#ez_toc.active button i.fa-angle-down{display: none;}
#ez_toc.active button i.fa-angle-left{display: block;}
#ez_toc.active .ez-toc-ul0{opacity: 0;visibility: hidden;height: 0;overflow: hidden;transition: opacity .3s;}
#ez_toc a span{width: 30px;display: block; text-align: right;padding-right: 5px;}
.page404{padding: 5rem 0 4rem;text-align: center;width: 900px;margin: auto;}
.page404 h1{font-size: 8rem;color: black;}
.page404 form{position: relative;}
.page404 form button{position: absolute;border: 0;background: transparent;right: 0px;top: 50%;transform: translateY(-50%);padding: 4px 15px;font-size: 1.2rem;color: var(--gray);}
.bg-dee2e6{background: #dee2e6;}
.table-middle td{vertical-align:middle}
.fs-2r{font-size: 2rem;}
.btn-del{border: 1px solid var(--secondary);background: var(--secondary);color: var(--light);border-radius: 3px;font-size: .75rem;}
#cartFormFinish .file-border{ border: 1px dotted #333;padding: 15px;}
#cartFormFinish{margin-bottom: 2rem;}
.page-news{font-size: 1rem;}
.page-news p{margin-bottom: 0;}
.box-news h2{font-size: 1.2rem;text-transform: uppercase;border-bottom: 2px solid;padding-bottom: 8px;margin-bottom: 1rem;}
.box-news{margin-top: 1rem;}
.item-news-cus2{color: var(--dark);margin-bottom: 1rem;    padding: 0 15px;    display: block;}
.item-news-cus2 img{width: 100%;}
.item-news-cus2 h4{ font-size: 1rem;margin-bottom: 0;}
.news-tags h3{font-size: 1rem;margin-top: 2rem;}
.list_tag{width:100%;float:left;margin: 10px 0;}
.list_tag p {display:inline-block;margin-right: 10px;font-weight: bold;}
.list_tag a::before{content:'\23';font-family: var(--fontawesome);padding-right: 5px;}
.list_tag a{ background: #d1d1d1;color: #333;font-size: 12px;padding: 2px 7px;margin: 5px 2px;display: inline-block;border-radius: 3px;font-weight: 700;}
.share_social .date{display: block;color: #999;font-size: 12px;}
.share_social .date i{margin-right:3px;}
.share_social{width: 100%;margin-top: 10px;justify-content: space-between;}
.share_social li{float:right;margin-left: 10px;}
.share_social .brand{font-size: 14px;color: #000;font-weight: 700;}
@media  (max-width: 991.98px) {
    #debug-kit-toolbar,
    .sfs-r,.footer-bar-left,.grecaptcha-badge{display: none !important;}
    .section-fsignup .sfs .sfs-l{    max-width: 100%;}
    .section-fsignup{    padding-bottom: 5rem;}
    .section-faq .sf-br,.sh-intro{margin-top: 4rem;}
    .section-home{height:60vh}
    .section-home .s-home{top: 10%;width: 100%;}
    .header-bottom{display: none;}
    .menu-hv{ display: inline-block !important;width: 100%;}
    .header-bottom.active{display: block;}
    .btn-test{flex: 0 0 50%;max-width: 50%;}
    .btn-call .ml-2 a{font-size: 1.2rem;}
    .section-service .atld-item{height: 255px;margin-bottom: 1rem;}
    .section-partner{padding-bottom: 0;}
    .footer-mobile .w-20{text-align: center;}
    .footer-mobile{position: fixed;bottom: 0;width: 100%;background: var(--white);z-index: 999;padding: 5px;margin: 0;box-shadow: 0 4px 10px 0 #000;left: 0;}
    .footer-mobile ul.nav li i.fa-solid{height: 36px;width: 36px;line-height: 36px;background: var(--blue);border-radius: 50%;color: var(--light); font-size: 1rem;}
    .footer-mobile ul.nav li i.fa-phone{ text-align: center;height: 55px;width: 55px;position: fixed;bottom: 12px;left: 50%;transform: translateX(-50%);font-size: 1.5rem;line-height: 55px;background: var(--danger);}
    .footer-mobile ul.nav li i.fa-map-location-dot{background: var(--info);}
    .footer-mobile ul.nav li i.fa-message{background: var(--orange);}
    i.ticon-messenger {background: url(../img/icon_messenger.webp) no-repeat;background-size: contain;width: 36px;height: 36px;display: inline-block;}
    i.ticon-zalo-circle2 {background: url(../img/icon_zalo.webp) no-repeat;background-size: contain;width: 36px;height: 36px;display: inline-block;}
   .footer-bar{bottom: 43px;}
   .h1-title{font-size: 1.5rem;}
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1170px;
    }
   
}
@media (min-width: 1440px){
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1349px;
    }
}

/*css IE 11*/
@media all and (-ms-high-contrast:none) {

}
/* all desktops */
@media (min-width: 992px){

}