/* Main */
:root {
  --color-white:  #ffffff;
  --color-dark:  #222222;
  --color-red: #bf0000;
  --color-medium-red: #cc2c32;
  --color-dark-red: #c31829;
  --color-green: #28a745;
  --color-dark-green: #207d36;
  --color-black: #212529;
  --color-gray: #6c757d;
  --color-static: #178B42;
  --color-static2: #2B82C5;
  --color-background: #ffffff; 
  --background-hover: #eceb1b; 
  --color-hover: #bf0000;
  --color-border: #eeeeee;
}

/* min-width: 1200px;  end loadpage website */
body { min-width: 1200px;font-size: 14px;background: var(--color-background); font-family: "Roboto", sans-serif;font-weight: 400;}

blockquote {font-style: italic;font-family: Georgia,Times,"Times New Roman",serif;padding: 2px 0;border-style: solid;border-color: #ccc;border-width: 0;padding-left: 20px;padding-right: 8px;border-left-width: 5px;}
blockquote p{margin-bottom: 0;}

.row-10 {margin-left: -5px;margin-right: -5px;}
.row-20 {margin-left: -10px;margin-right: -10px;}
.row-30 {margin-left: -15px;margin-right: -15px;}
.col-30 {padding-left: 15px;padding-right: -15px;}
.col-20 {padding-left: 10px;padding-right: 10px;}
.mg-col-10 {padding-left: 5px;padding-right: 5px;}
 
img {max-width: 100%;height: auto;vertical-align: top;}

a, input, textarea {outline: none;padding: 0px;}
a{text-decoration: none;}
a:hover{color:  var(--color-static);}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}

.w-clear:after {display: block;content: "";clear: both;}
.hidden {display: none;}
.clear {clear: both;}
.none {display: none;}
.hidden-seoh {visibility: hidden;height: 0px;margin: 0px;overflow: hidden;}
.wrap-content {max-width: 1230px;margin: 40px auto;padding: 0px 15px;}
.wrap-content{margin: auto;}
.fix_head {position: fixed !important;top: 0;width: 100%;z-index: 999 !important;}
.pd-l-10 {padding-left: -10px;}
.pd-r-10 {padding-right: -10px;}
.mg-l-10 {margin-left: -10px;}
.mg-r-10 {margin-right: -10px;}
.mg-b-20 {margin-bottom: 20px;}
.title-detail-main {color: #252525;font-size: 23px;margin-bottom: 1.5rem;font-weight: 500;}
.padding50{padding: 50px 0;}
.padding30{padding: 30px 0;}

.popup-custom .modal-content {border-radius: 0px;border: 0px;}
.popup-custom .modal-content .modal-body {padding: 10px;}
.popup-custom .close {position: absolute;top: 10px;right: 10px;width: 40px;height: 40px;z-index: 2;color: #888888;cursor: pointer;border: 1px solid var(--color-border);background-color: var(--color-white);opacity: 1 !important;}
#popup-quickview .modal-dialog {max-width: 1140px;}
.opacity-0 {opacity: 0;}
 

/* loadpage website */
#loader-wrapper {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 999999;pointer-events: none;}
#loader-wrapper #wrap {background:  var(--color-white);position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;display: block;text-align: center;width: 100%;height: 100%;z-index: 999999;}
#loader-wrapper.show1 #wrap {background: transparent}
#loader-wrapper:after {-webkit-mask: url(../images/mask-01.png);mask: url(../images/mask-01.png);-webkit-mask-size: 2300% 100%;mask-size: 2300% 100%;content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden;background-color: rgba(255, 255, 255, 1);z-index: 99999;}
#loader-wrapper.show1::after {-webkit-animation: MaskPlay 1s steps(22) forwards;animation: MaskPlay 1s steps(22) forwards;}
#loader-wrapper.show1 #wrap {opacity: 0;}
.loading-text ul {margin-top: 1.875rem;}
.loading-text ul li {-webkit-animation: anime 1.5s infinite linear;animation: anime 1.5s infinite linear;display: inline-block;font-family: var(--bs-font-monospace);font-size: 1.875rem;letter-spacing: 1px}
.loading-text ul li:nth-child(1) {-webkit-animation-delay: 0s;animation-delay: 0s}
.loading-text ul li:nth-child(2) {-webkit-animation-delay: .1s;animation-delay: .1s}
.loading-text ul li:nth-child(3) {-webkit-animation-delay: .2s;animation-delay: .2s}
.loading-text ul li:nth-child(4) {-webkit-animation-delay: .3s;animation-delay: .3s}
.loading-text ul li:nth-child(5) {-webkit-animation-delay: .4s;animation-delay: .4s}
.loading-text ul li:nth-child(6) {-webkit-animation-delay: .5s;animation-delay: .5s}
.loading-text ul li:nth-child(7) {-webkit-animation-delay: .6s;animation-delay: .6s}
.loader {align-items: center;display: flex;flex-direction: column;height: 100%;justify-content: center;left: 0;padding-bottom: 3.125rem;position: fixed;top: 0;width: 100%;z-index: 100001}

/* General */
.title-main {margin-bottom: 1rem;text-align: center;}
.title-main span {text-transform: uppercase;color: var(--color-dark);font-size: 30px;font-weight: 700;line-height: normal;}
.title-main .slogan {color: var(--color-dark);font-size: 15px;line-height: normal;width: 80%;margin: auto;margin-bottom: 1.5rem;}
.title-main .slogan-title {color: var(--color-dark);font-size: 14px;line-height: 1.5;margin-bottom: 0;}
.time-main {margin-bottom: 0.5rem;color: var(--color-dark);}
.time-main i {vertical-align: top;margin: 3px 7px 0px 0px;}
.time-main span {vertical-align: top;display: inline-block;}
.share {padding: 17px 15px 10px 15px;line-height: normal;background: rgba(128, 128, 128, 0.15);margin-top: 15px;border-radius: 5px;}
.share b {display: block;margin-bottom: 5px;}
/* .control-owl {position: absolute;width: 100%;z-index: 2;left: 0px;top: calc(50% - 45px / 2);}
.control-owl button {opacity: 0.5;top: 0px;position: absolute;outline: none;border: 0px;padding: 0px;margin: 0px;display: block;cursor: pointer;color: var(--color-white);width: 45px;height: 45px;text-align: center;font-size: 25px;margin: 0px;background-color: var(--color-dark);border-radius: 3px;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;}
.control-owl button:hover {opacity: 1;}
.control-owl button.owl-prev {left: 20px;}
.control-owl button.owl-next {right: 20px;} */

.control-owl {position: absolute;width: 100%;z-index: 2;left: 0px;top: calc(50% - 45px / 2);}
.control-owl button {opacity: 0.5;top: 0px;position: absolute;outline: none;border: 0px;padding: 0px;margin: 0px;display: block;cursor: pointer;color: var(--color-white);width: 45px;height: 45px;text-align: center;font-size: 25px;margin: 0px;background-color: var(--color-dark);border-radius: 3px;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;}
.control-owl button:hover {opacity: 1;} 
.control-owl button.owl-prev {left: 20px;background: url(../images/next1.png) no-repeat right center;transform: rotate(180deg);}
.control-owl button.owl-next {right: 20px;background: url(../images/next1.png) no-repeat right center;}

.control-owl button{border-radius: 0;width: 21px;height: 42px;opacity: 1;background-color: #00000000;border-radius: 5px;}
.control-owl button svg{stroke: #00000000;}

.custom-form-row {margin-right: -10px;margin-left: -10px;}
.custom-form-row > .col,
.custom-form-row > [class*="col-"] {padding-right: 10px;padding-left: 10px;}
.text-sm {font-size: 0.875rem !important;}

/* Lazyload */
img.lazy {opacity: 0;}
img:not(.initial) {-webkit-transition: opacity 1s;transition: opacity 1s;}
img.initial,
img.loaded,
img.error {opacity: 1;}
img:not([src]) {visibility: hidden;}

/* head 1 */ 
.head{padding: 5px 0;} 
.head .wrap-content{margin: auto;display: flex;align-items: center;justify-content: space-between;}
 

.hotline-head{display: flex;align-items: center;justify-content: space-between;gap: 10px;position: relative;margin-bottom: 8px;} 
.hotline-head p{color: var(--color-dark);font-size: 15px;line-height: normal;margin-bottom: 0;}

.hotline-head a{margin-bottom: 0rem;color: var(--color-dark);display: block;font-size: 15px;line-height: normal;}
.hotline-number{font-size: 24px !important; font-weight: 700; animation: text-shine infinite 10s;}
.logo-image{max-height: 150px;}


.desc-header{color: var(--color-static2);text-transform: uppercase;animation: text-shine infinite 6s;font-family: "Roboto Serif";font-size: 24px;font-weight: 600;line-height: normal;margin-bottom: 10px;}
.name-header{color: var(--color-static);text-transform: uppercase;font-family: "Roboto Serif";font-size: 34px;font-weight: 600;line-height: normal;margin-bottom: 10px;}
/* Menu */
.menu { min-width: 1200px;background: var(--color-static);padding: 5px;position: relative;z-index: 10;}
.menu .wrap-content {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;position: relative;}

.menu ul {width: 100%;padding: 0px;margin: auto;list-style: none;}
.menu ul.menu-main {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.menu ul li {position: relative;z-index: 1;}
/* .menu ul li.menu-line {width: 6px;height: 6px;background: url(../images/line.png) no-repeat;} */
.menu ul li a {display: block;position: relative;font-size: 16px;font-weight: 700;color: var(--color-white);padding: 8px 20px;text-transform: uppercase;}
.menu ul li a:hover, .menu ul li a.active{color: var(--color-static);}
.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 var(--color-border);border-top: 0px;border-left: 0px;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.menu ul li:hover a.has-child:after,.menu ul li a.active.has-child:after{border-color: var(--color-white);}
.menu ul li ul {position: absolute;min-width: 250px;background-color:  var(--color-static);border-radius: 0;-webkit-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.15);box-shadow: 1px 1px 15px rgba(0, 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;}
.menu ul li:hover > ul {-webkit-transform: perspective(600px) rotateX(0);transform: perspective(600px) rotateX(0);transform-origin: 0 0 0;-webkit-transform-origin: 0 0 0;opacity: 1;visibility: visible;}
.menu ul li ul li {padding-left: 0.75rem;padding-right: 0.75rem;}
.menu ul li ul li a {font-size: 14px;color: var(--color-white);border-bottom: 1px solid #ffffff50;padding: 10px 0px 9px 0px;text-transform: capitalize;}
.menu ul li ul li a.has-child {margin-right: 0px;}
.menu ul li ul li a.has-child:after {border-color: #313131;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.menu ul li ul li a.active {color: var(--color-static);}
.menu ul li ul li a.active.has-child:after {border-color: var(--color-static);}
.menu ul li ul li:last-child > a {border-bottom: 0px;}
.menu ul li ul li:hover > a {color: var(--color-static);padding-left: 5px;}
.menu ul li ul li:hover > a.has-child:after {border-color: var(--color-static);}
.menu ul li ul li ul {top: 0;left: 100%;margin-top: 0px;}

.logo-menu {position: absolute;width: 0;z-index: -1;opacity: 0;}
.w-menu.fix_head .logo-menu {position: absolute;top: -10px;left: 0;z-index: 1;opacity: 1;zoom: 0.75;}
.w-menu.fix_head .menu .wrap-content{justify-content: flex-end;}
.w-menu.fix_head .menu ul {width: calc(100% - 120px);margin-right: 0;}
/* Menu */ 
.menu-res {height: 55px;z-index: 501;background:var(--color-white);position: relative;display: none;}
.menu-bar-res { height: 55px; padding: 0px 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
#menu { display: none; }
#hamburger { display: block; width: 35px; height: 23px; position: relative; }
#hamburger:before, #hamburger:after, #hamburger span { background: var(--color-dark); content: ""; display: block; width: 100%; height: 3px; position: absolute; left: 0px; }
#hamburger:before { top: 0px; }
#hamburger span { top: 10px; }
#hamburger:after { top: 20px; }
#hamburger:before, #hamburger:after, #hamburger span { -webkit-transition: none 0.5s ease 0.5s; transition: none 0.5s ease 0.5s; -webkit-transition-property: transform, top, bottom, left, opacity; -webkit-transition-property: top, bottom, left, opacity, -webkit-transform; transition-property: top, bottom, left, opacity, -webkit-transform; transition-property: transform, top, bottom, left, opacity; transition-property: transform, top, bottom, left, opacity, -webkit-transform; }
.search-res-w100{width: calc(100% - 45px);border-radius: 0.25rem;}
.mm-wrapper_opening #hamburger:before, .mm-wrapper_opening #hamburger:after { top: 10px; }
.mm-wrapper_opening #hamburger span { left: -50px; opacity: 0; }
.mm-wrapper_opening #hamburger:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.mm-wrapper_opening #hamburger:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.mm-menu_opened { display: block !important; }
.mm-slideout { z-index: unset; }


.mmenu-fixwidth ul,ol {padding: 0px;margin: 0px;list-style: none}
.opacity-menu.open-opacity {content: " ";width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);position: fixed;top: 0px !important;left: 0px;z-index: 9999; } 
.mmenu-fixwidth {top: 0 !important;min-height: 100vh;position: fixed;float: left;background: var(--color-white);width: 320px;position: fixed;z-index: -9999;left: 0;top: 0;opacity: 0;visibility: hidden;-webkit-transition: all 0.35s ease;-o-transition: all 0.35s ease;transition: all 0.35s ease;-webkit-transform: translateX(-280px);-ms-transform: translateX(-280px);-o-transform: translateX(-280px);transform: translateX(-280px);} 
.mmenu-fixwidth.open-sidebar-menu {visibility: visible;-webkit-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);z-index: 999999;opacity: 1; } 
.mmenu-fixwidth.open-menu {padding-top: 15px;visibility: visible;-webkit-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0)}
.mmenu-fixwidth .wrap-menu {overflow-y: auto;position: relative;min-height: 100vh;max-height: 100vh;border-left: 1px solid #00000050;border-right: 1px solid #00000050;/* padding: 0 15px; */display: flex;flex-wrap: wrap;}
.mmenu-fixwidth .wrap-menu::-webkit-scrollbar-track {-webkit-box-shadow: inset transparent;background-color: transparent}
.mmenu-fixwidth .wrap-menu::-webkit-scrollbar {width: 1px;background-color: transparent}
.mmenu-fixwidth .wrap-menu::-webkit-scrollbar-thumb {border: 1px solid transparent}
.mmenu-fixwidth .wrap-menu .logos-menu {padding: 10px 0px;width: 100%;height: 90px;overflow: hidden;} 
.mmenu-fixwidth .wrap-menu .logos-menu img {max-width: 100%;display: block;margin: 10px auto;max-height: 66px;} 
.mmenu-fixwidth .wrap-menu .nav-menu ul a {display: block;font-size: 16px;font-weight: 500;text-transform: capitalize;color: var(--color-dark);padding: 10px 10px;position: relative;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} 
.mmenu-fixwidth .wrap-menu .nav-menu ul a.active{color: var(--color-white);background: var(--color-static);}
.mmenu-fixwidth .wrap-menu .nav-menu ul li {position: relative;border-top: 1px solid #00000050;} 
.mmenu-fixwidth .wrap-menu .nav-menu ul li a:hover {background-color: var(--color-static);} 
.mmenu-fixwidth .wrap-menu .nav-menu ul li span.btn-dropdown-menu {position: absolute;right: 0px;font-size: 25px;display: flex;width: 43px;height: 43px;background: transparent;top: 0px;justify-content: center;flex-wrap: wrap;align-items: center;color: #8a8987;z-index: 1000;cursor: pointer;transition: all 0.6s;border-left: 1px solid #00000050;border-right: 1px solid #00000050;} 
.mmenu-fixwidth .wrap-menu .nav-menu ul li span.btn-dropdown-menu i {transition: all 0.6s; } 
.mmenu-fixwidth .wrap-menu .nav-menu ul li span.btn-dropdown-menu.active i {transform: rotate(90deg);color: var(--color-key); } 
.mmenu-fixwidth .wrap-menu .nav-menu ul li span.btn-dropdown-menu:before {position: absolute;content: '';width: 16px;height: 2px;background: var(--color-dark);right: 12px;top: 22px;} 
.mmenu-fixwidth .wrap-menu .nav-menu ul li span.btn-dropdown-menu:after {position: absolute;content: '';width: 2px;height: 16px;background: var(--color-dark);right: 19px;top: 15px;transition: all 0.3s;} 
.mmenu-fixwidth .wrap-menu .nav-menu ul li span.btn-dropdown-menu.active:after {transform: scale(0); } 
.mmenu-fixwidth .wrap-menu .nav-menu ul ul a {padding: 10px 25px;font-size: 14px;}  
.mmenu-fixwidth .wrap-menu .nav-menu ul.none {display: none; } 
.mmenu-fixwidth .wrap-menu .nav-menu ul.block {display: block; } 
.mm-opening #hamburger:before {-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.mm-opening #hamburger:after {-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.mm-opening #hamburger span {left: -50px;opacity: 0;}
.mm-opening #hamburger:before, .mm-opening #hamburger:after {top: 10px;}
 

.menu-res-info{color: var(--color-dark);text-transform: capitalize;overflow: hidden;width: 100%;margin: 0 10px;}
.title-menu-res-info{font-size: 36px;margin-bottom: 5px;text-transform: capitalize;font-weight: 700;}
.menu-res-info-item{gap: 5px;margin-bottom: 0.75rem;display: flex;align-items: center;}
.menu-res-info-item a{text-transform: capitalize;font-size: 16px;color: var(--color-dark);}
 
.menu-res-info-item span{color: var(--color-dark);font-size: 14px;text-transform:uppercase;font-weight: 700;} 
.menu-res-info-item svg{stroke: var(--color-dark);}

.nav-menu{width: 100%;}
.mmenu-scrollbar {padding: 0;margin-bottom: 0;max-height: 320px;overflow: auto;width: 100%;} 
.mmenu-scrollbar::-webkit-scrollbar {width: 3px;}
.mmenu-scrollbar::-webkit-scrollbar-track {background: #00000050;}
.mmenu-scrollbar::-webkit-scrollbar-thumb {background: var(--color-red);}
.mmenu-scrollbar::-webkit-scrollbar-thumb:hover {background: var(--color-static);}

.logo-mobile img {max-height: 50px;}
 
/* Search */
.search {width: 230px;background: var(--color-white);border-radius: 25px;}
.search p { float: left; width: 35px; height: 35px; line-height: 35px; cursor: pointer; text-align: center; margin: 0px; color: #6c757d; font-size: 16px; }
.search input { width: calc(100% - 35px); height: 35px; float: left; outline: none; padding: 0px; border: 0px; background: transparent; text-indent: 10px; font-size: 12px; }
.search input::-webkit-input-placeholder { color: var(--color-dark); }
.search input:-moz-placeholder { color: var(--color-dark); }
.search input::-moz-placeholder { color: var(--color-dark); }
.search input:-ms-input-placeholder { color: var(--color-dark); }


/* Search Responsive */
.search-res {position: relative;}
.search-res .icon-search {width: 40px;height: 40px;cursor: pointer;text-align: center;line-height: 42px;color: var(--color-white);font-size: 17px;margin: 0px;}
.search-res .icon-search.active {color: var(--color-red);background: var(--color-white);border-radius: 100%;}
.search-res .search-grid {position: absolute;top: 50px;right: 0px;width: 0px;height: 40px;overflow: hidden;background: var(--color-white);border: 1px solid var(--color-red);z-index: 2;opacity: 0;border-radius: 25px;line-height: normal;}
.search-res .search-grid p {float: left;width: 35px;height: 38px;cursor: pointer;outline: none;border: none;margin: 0px;font-size: 17px;display: block;color: var(--color-red);line-height: 40px;text-align: center;}
.search-res .search-grid input {width: calc(100% - 35px);float: right;line-height: 38px;outline: none;border: none;color: var(--color-red);}
.search-res .search-grid input::-webkit-input-placeholder {color: var(--color-dark);}
.search-res .search-grid input:-moz-placeholder {color: var(--color-dark);}
.search-res .search-grid input::-moz-placeholder {color: var(--color-dark);}
.search-res .search-grid input:-ms-input-placeholder {color: var(--color-dark);} 
 
/* Slideshow */
.slideshow {position: relative;}
.slideshow-item {display: block;cursor: pointer;}
.slideshow:hover .control-slideshow {opacity: 1;}
.control-slideshow {opacity: 0;} 
.info-slide {position: absolute;padding: 50px;background: linear-gradient(0deg,#13a9ff30 0%,#4c63ff30 100%);top: 0;left: 0;right: 0;bottom: 0;display: flex;flex-direction: column;justify-content: center;}
.name-slide {color: var(--color-static);text-transform: uppercase;font-family: "Roboto Serif";font-size: 46px;font-weight: 600;line-height: normal;margin-bottom: 10px;}
.desc-slide {width: 570px;color: var(--color-static2);text-transform: uppercase;font-family: "Roboto Serif";font-size: 28px;font-weight: 600;line-height: normal;margin-bottom: 10px;text-align: left;}

.hotline-company{display: flex;align-items: center;gap: 5px;position: relative;margin-bottom: 8px;} 
.hotline-company p{color: var(--color-static);font-size: 18px;line-height: normal;margin-bottom: 0;}
.hotline-company a{margin-bottom: 0rem;color: var(--color-dark);display: block;font-size: 18px;line-height: normal;}
.info-slide .hotline-company{letter-spacing: 2px;}
.views-more-slide {/* background-color: var(--background-static); *//* width: 120px; *//* height: 40px; *//* color:  var(--color-white); *//* font-size: 15px; */}
.box-slide.slick-current.slick-active .name-slide {animation: fadeInUp;animation-duration: 1s;animation-delay: 0.5s;animation-fill-mode: forwards;}
.box-slide.slick-current.slick-active .desc-slide {animation: fadeInUp;animation-duration: 1s;animation-delay: 1s;animation-fill-mode: forwards;}
.box-slide.slick-current.slick-active .hotline-company {animation: fadeInUp;animation-duration: 1s;animation-delay: 1.5s;animation-fill-mode: forwards;}
.box-slide.slick-current.slick-active .views-more-slide {animation: scaleLarge;animation-duration: 1s;animation-delay: 1.5s;animation-fill-mode: forwards;}
.slide-text .slick-prev,
.slide-text .slick-next {width: 40px;height: 50px;border-radius: 5px;background: rgba(0, 0, 0, 0.3);}
.slide-text .slick-prev {left: 5px;}
.slide-text .slick-next {right: 5px;}
.slide-text .slick-prev:before {font-family:"FontAwesome";font-weight: 400;content: "\f053";}
.slide-text .slick-next:before {font-family:"FontAwesome";font-weight: 400;content: "\f054";}
.slide-text .slick-dots {bottom: 20px;}
.slide-text .slick-dots li {margin: 0;}
.slide-text .slick-dots li button:before {color:  var(--color-white);font-size: 15px;}



/* Partner */
.w-partner{position: relative;}
.control-partner button {background-color: transparent;color: #222222;opacity: 1;width: 25px;font-size: 23px;}
.control-partner button:hover {opacity: 0.7;}
.control-partner button.owl-prev {left: 0px;}
.control-partner button.owl-next {right: 0px;}
.wrap-partner {margin-bottom: 2rem;}

.wrap-partner .wrap-content {position: relative;}
.partner {display: block;margin: 0px auto;}
 
/* Breadcrumb */
.breadCrumbs {background: var(--color-border);padding: 10px 0;margin-bottom: 1.75rem;}
/* .breadCrumbs .wrap-content {padding: 0.75rem 0;} */
.breadCrumbs .wrap-content .breadcrumb {padding: 0;margin-bottom: 0;background-color: transparent;border-radius: 0;}
.breadCrumbs .wrap-content .breadcrumb-item a {color: #212529;font-weight: 700;text-transform: capitalize;}
.breadCrumbs .wrap-content .breadcrumb-item.active a {color: #6c757d;} 

/* Video */
.video {cursor: pointer;margin-bottom: 1rem;}
.video .video-image {position: relative;margin-bottom: 0.75rem;border-radius: 10px;}
.video .video-image:before {content: "";position: absolute;width: 94px;height: 94px;top: calc(50% - 94px / 2);left: calc(50% - 94px / 2);z-index: 1;background-repeat: no-repeat;background-image: url(../images/play.png);}
.video .video-name {text-align: center;font-size: 16px;color: #212529;margin-bottom: 0px;}

/* video */
.video-main {position: relative;height: 400px;}
.video-main iframe {position: absolute;width: 100%;height: 100%;top: 0px;left: 0px;}
.listvideos {width: 100%;height: 40px;padding: 0px 10px;border: 1px solid #ccc;color: var(--color-dark);margin-top: 10px;cursor: pointer;}
.pic-video {position: relative;cursor: pointer;}
.pic-video:before {content: "";position: absolute;width: 94px;height: 94px;top: calc(50% - 94px / 2);left: calc(50% - 94px / 2);z-index: 1;background: url(../images/play.png) no-repeat center center;cursor: pointer;background-size: cover;}
.pic-video img {width: 100%;}
.pic-video-2 {position: relative;cursor: pointer;}
.pic-video-2:before {content: "";position: absolute;width: 94px;height: 94px;top: calc(50% - 94px / 2);left: calc(50% - 94px / 2);z-index: 1;background: url(../images/play.png) no-repeat center center;cursor: pointer;background-size: cover;}
.pic-video-2 img {width: 100%;}
.name-video {font-size: 16px;color: var(--color-dark);margin-bottom: 0px;}
.owl-video {margin-top: 10px;}

#slick_video{position: relative;border-radius: 10px;}
.slick_video_for {width: 100%;}
.mg_sl1 {width: 100%;}

.slick_video_nav .video-image{padding: 0 3px;border-radius: 5px;position: relative;}
.slick_video_nav .slick-slide .video-image:before {content: "";position: absolute;width: 44px;height: 44px;top: calc(50% - 44px / 2);left: calc(50% - 44px / 2);z-index: 1;background: url(../images/play.png) no-repeat center center;cursor: pointer;background-size: contain;}
.slick_video_for .slick-slide .video-image:before {content: "";position: absolute;width: 94px;height: 94px;top: calc(50% - 94px / 2);left: calc(50% - 94px / 2);z-index: 1;background: url(../images/play.png) no-repeat center center;cursor: pointer;background-size: contain;}
.slick_video_nav .video-image img{border-radius: 10px;}
/* Album */
.album{cursor:pointer;margin-bottom:0.5rem; display: flex;justify-content: center;align-items: center;}
.album-image{margin-bottom:0.75rem;} 
.name-story {display:block;margin-bottom:0px;position: absolute;background: var(--color-static);padding: 10px;margin: 0 30px;color: var(--color-dark);font-weight: 700;text-decoration: none; font-size: 16px;opacity: 0;transition: all 0.4s linear;}
.album:hover > .name-story{opacity: 1;transition: all 0.4s linear;}

/* hình ảnh hoạt động */ 
.w-album{text-align: center;} 
.album_decor{position: relative;display: block;}
.grid-album{display: grid;grid-template-columns: repeat(11,1fr);gap: 20px;position: relative;}
.album1{grid-column: 5 span;grid-row: 2 span;}  
.album2{grid-column: 3 span;grid-row: 1 span;} 
.album_index_info{position: absolute;height: 0; z-index: 3;display: none;align-items: center;flex-direction: column;justify-content: center;transition: all ease 0.5s;}
.album_index_name{text-align: center;margin-bottom: 0;color: var(--color-white);font-size: 20px;letter-spacing: -1px;font-weight: 700;line-height: normal;text-transform: uppercase;}
.album_index_desc{color:  var(--color-white); font-size: 15px;line-height: 1.75;margin-bottom: 0;text-align: justify;}
.album-hover{border-radius: 10px;overflow: hidden;}
.album-hover:hover .album_index_info{height: calc(100% - 30px);width: calc(100% - 20px); top: 15px;right: 10px;left: 10px;bottom: 15px; display: flex; transition: all ease 0.5s;}
.album-hover .album_decor::before{position: absolute;content: '';width: 100%;height: 0%;top: 0;left: 0;right: 0; background:linear-gradient(0deg,#13a9ff30 0%,#4c63ff30 100%);backdrop-filter: blur(5px);z-index: 1;transition: 0.4s;}
.album-hover:hover .album_decor:before{height: 100%;transition: 0.4s;} 

/* Brand */
.wrap-brand .wrap-content {position: relative;}
.brand {display: block;border: 1px solid  var(--color-border);max-width: 160px;margin: 0px auto;}

 
/* Sản phẩm */
.box-product {position: relative;margin-bottom: 20px;}
.pic-product {background: var(--color-white);position: relative;border-radius: 10px;margin-bottom: 0;}
.pic-product img {width: 100%;}

.info-product{padding-top: 1rem;text-align: center;}
.name-product {margin-bottom: 5px;color: var(--color-dark);line-height: 1.5;font-size: 16px;font-weight: 600;} 
.price-product {margin-bottom: 5px;display: flex;justify-content: center;align-items: center;gap: 5px;}
.price-title{font-size: 14px;color: var(--color-gray);}
.price-hotline{font-size: 20px;color: var(--color-red);font-weight: 900;animation: text-shine infinite 6s;}
.price-new {font-size: 20px;color: var(--color-red);font-weight: 900;line-height: 1.5;margin-bottom: 0;animation: text-shine infinite 6s;}
.price-old {color: var(--color-gray);text-decoration: line-through;font-style: italic ;}
.price-per {position: absolute;top: 5px;right: 5px;color: var(--color-white);background: var(--color-red);font-size: 14px;border-radius: 50%;width: 35px;height: 35px;font-weight: 700;text-align: center;line-height: 35px;}
 

.title-tags,.zalo_fb_pro-title {margin-bottom: 1rem;text-transform: uppercase;font-weight: 700;font-size: 16px;margin-bottom: 0;line-height: normal;}
.zalo_fb_pro{display: flex;gap: 5px; flex-wrap: wrap;}
.chat_pro {width: calc(50% - 5px / 2);padding: 8px 10px 6px;display: block;border-radius: 5px;color:var(--color-white);text-align: center;}
.chat_pro span{display: inline-block;line-height: 1.6;font-size: 15px;font-weight: 400;text-transform: uppercase;}
.chat_pro:hover{color:var(--color-white);box-shadow: inset 0 0 0 100px rgba(0,0,0,.2);}

.chatzalo_pro{background: linear-gradient(#00aeec 0%, #1472e4 100%);}
.chathotline_pro{background: linear-gradient(#c1282e 0%, #880203 100%);}
.chatfb_pro{background: linear-gradient(#0083ca 1%, #0e4ba0 100%);}
.tiktok_pro{background: linear-gradient(#0083ca 1%, #0e4ba0 100%);}
/*Xem nhanh*/
#popup-quickview .modal-dialog {max-width: 1140px;}
.box-quickview{position: absolute;right: 15px;top: 50%;transform: translate(150% , -50%); display: grid;opacity: 1;z-index: 2;}
.product-quick-view{display: inline-flex;justify-content: center;align-items: center;background-color: var(--color-main);width: 40px;height: 40px;cursor: pointer;}
.product-quick-view i{color:  var(--color-white);font-size: 14px;}

.product-tool {opacity: 0;visibility: hidden;position: absolute;width: 100%;left: 0px;bottom: 0px;z-index: 1;}
.product-tool a {cursor: pointer;width: 50%;height: 38px;padding: 10px;text-align: center;color: var(--color-white);background-color: rgb(0 0 0 / 0.6);}
.product-tool a:hover {background-color: rgb(0 0 0 / 0.8);}
.product-tool a svg {margin-right: 5px;}
.product-tool a span {text-transform: capitalize;font-size: 12px;font-weight: 300;}
.box-product:hover .product-tool {opacity: 1;visibility: visible;}

.box-product:hover .box-quickview{opacity: 1;transform: translate(0% , -50%);}
.product-quick-view:hover{background-color: var(--color-active);}

.btn-product{cursor: pointer; display:flex;align-items:center;gap:5px;justify-content:center;margin-bottom: 0;color: var(--color-dark);line-height:normal;text-transform: uppercase;font-size: 13px;font-weight: 800;padding: 5px;width: calc(50% - 5px /2);margin-top:.25rem;border-radius: 5px;overflow:hidden;background: linear-gradient(0deg, var(--color-static) 0%, var(--color-static2) 100%);transition:all 0.4s linear;}
.btn-product span{width: 30px;height: 30px;position: relative;display:block;overflow: hidden;}
.btn-product.cart-buy span::after{position: absolute;content: '';width: 30px;height: 30px;top: 0;left: 0;bottom: 0;background: url(../images/cart.png) no-repeat;background-size:100% 100%;transition:all 0.4s linear;}
.btn-product.cart-add span::after{position: absolute;content: '';width: 30px;height: 30px;top: 0;left: 0;bottom: 0;background: url(../images/cart4.png) no-repeat;background-size:100% 100%;transition:all 0.4s linear;}

.hover3:hover .btn-product.cart-buy span::after,.btn-product.cart-buy:hover span::after{position: absolute;content: '';width: 30px;height: 30px;top: 0;left: 0;bottom: 0;background: url(../images/cart2.png) no-repeat;background-size:100% 100%;stroke:var(--color-static);-webkit-animation:moveArrow 1500ms;animation:moveArrow 1500ms;transition:all 0.4s linear;}
.hover3:hover .btn-product.cart-add span::after,.btn-product.cart-add:hover span::after{position: absolute;content: '';width: 30px;height: 30px;top: 0;left: 0;bottom: 0;background: url(../images/cart5.png) no-repeat;background-size:100% 100%;stroke:var(--color-static);-webkit-animation:moveArrow 1500ms;animation:moveArrow 1500ms;transition:all 0.4s linear;}
.hover3:hover .btn-product,.btn-product:hover{color:var(--color-white);background:var(--color-static);transition:all 0.4s linear;}


/* Product Detail */
.grid-pro-detail {margin-bottom: 3rem;}
.left-pro-detail {position: relative;text-align: center;width: 50%;}
.right-pro-detail {width: calc(50% - 1rem);}
.left-pro-detail .MagicZoom {border: 1px solid var(--color-border);padding: 7px;border-radius: 5px;background-color: var(--color-white);}
.gallery-thumb-pro {position: relative;margin-top: 10px;}
.owl-pro-detail {padding: 0;}
.control-pro-detail button {background-color: transparent;color: #222222;opacity: 1;width: 25px;font-size: 23px;}
.control-pro-detail button:hover {opacity: 0.7;}
.control-pro-detail button.owl-prev {left: 0px;}
.control-pro-detail button.owl-next {right: 0px;}
.thumb-pro-detail {display: block !important;border: 1px solid var(--color-border);padding: 5px;border-radius: 3px;cursor: pointer;background-color: var(--color-white);}
.thumb-pro-detail.mz-thumb.mz-thumb-selected {border-color: var(--color-border);}
.thumb-pro-detail img {-webkit-box-shadow: none !important;box-shadow: none !important;-webkit-filter: brightness(100%) !important;filter: brightness(100%) !important;border-bottom: 0px !important;padding-bottom: 0px !important;}
.title-pro-detail {text-transform: capitalize;font-size: 20px;display: block;font-weight: 700;}
.comment-pro-detail {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}
.social-plugin-pro-detail {margin-bottom: 1rem;margin-top: 0px !important;}
.desc-pro-detail {margin-bottom: 1rem;}
.attr-pro-detail {list-style: none;padding: 0px;}
.attr-pro-detail li {margin-bottom: 0.5rem;}
.attr-label-pro-detail {margin: 0px 5px 0px 0px;font-weight: 700;}
.attr-content-pro-detail {display: inline-block;margin-bottom: 0px;}

.brand-pro-detail a{background: var(--color-red);color:  var(--color-white);border-radius: 2px;padding: 2px 5px;}
.price-new-pro-detail {font-weight: 700;font-size: 23px;color: var(--color-red);}
.price-old-pro-detail {font-weight: 400;color: var(--color-gray);text-decoration: line-through;padding-left: 10px;}
.color-pro-detail {cursor: pointer;vertical-align: top;position: relative;width: 48px;height: 32px;margin: 0 8px 5px 0;background-repeat: no-repeat;background-size: contain;background-position: center center;border: 1px solid #dadada;transition: 0.3s;border-radius: 2px;}
.size-pro-detail {cursor: pointer;display: flex;align-items: center;justify-content: center;height: 32px;width: 48px;position: relative;margin: 0 8px 0 0;border: 1px solid #dadada;border-radius: 2px;font-size: 12px;transition: 0.3s;}
.size-pro-detail.active,
.color-pro-detail.active {border-color: var(--color-red);}
.size-pro-detail.active:after,
.color-pro-detail.active:after {content: "";position: absolute;bottom: 0px;right: 0px;width: 13px;height: 13px;background-repeat: no-repeat;background-image: url(../images/check-cart.png);}
.color-pro-detail input[type="radio"],
.size-pro-detail input[type="radio"] {display: none;}
.quantity-pro-detail {width: 150px;display: flex;align-items: center;justify-content: space-between;text-align: center;height: 45px;border-radius: 30px;overflow: hidden;border: 1px solid #dfdfdf;}
.quantity-pro-detail span {line-height: 25px;padding: 0px;width: 45px;height: 100%;color: var(--color-dark);cursor: pointer;font-size: 22px;display: flex;align-items: center;justify-content: center;font-weight: 500;}
.quantity-pro-detail span.quantity-plus-pro-detail {border-left: 0px;}
.quantity-pro-detail span.quantity-minus-pro-detail {border-right: 0px;}
.quantity-pro-detail input {height: 100%;border: none;width: calc(100% - 90px);text-align: center;font-size: 15px;}

.attr-content-pro-detail {display: inline-block;margin-bottom: 0px;}
.price-per-pro-detail{position: absolute;top: -10px;right: -45px;color: var(--color-white);background: var(--color-red);font-size: 14px;border-radius: 50%;width: 35px;height: 35px;font-weight: 700;text-align: center;line-height: 35px;}
.saving-money{font-size: 14px;color: var(--color-gray);margin-bottom: 0;}
.saving-money span{color: var(--color-red);} 

.cart-pro-detail {flex: 1;margin-left: 10px;}
.cart-pro-detail a {text-align: center;color: var(--color-white);text-transform: uppercase;cursor: pointer;width: calc(100% / 2 - 5px); height: 45px;}
.cart-pro-detail a.addnow {background: var(--color-white);color:var(--color-red);transition: all 0.3s linear;}
.cart-pro-detail a.buynow {background: linear-gradient(0deg, var(--color-static) 0%,  var(--color-static2) 100%);transition: all 0.3s linear;}
.cart-pro-detail a.addnow:hover {color: var(--color-white);background:var(--color-red);transition: all 0.3s linear;}
.cart-pro-detail a.buynow:hover {background: var(--color-red);color: var(--color-white);transition: all 0.3s linear;}
.cart-pro-detail .icon-cart{width: 30px;}
.tags-pro-detail a {float: left;font-size: 13px;padding-bottom: 0.375rem;margin: 0px 5px 5px 0px;}
.tags-pro-detail a i {font-size: 11px;margin: 5px 5px 0px 0px;}
.tabs-pro-detail {margin-top: 2rem;}
.tabs-pro-detail .nav-tabs,.tabs-pro-detail .nav-tabs .nav-item.show .nav-link, .tabs-pro-detail .nav-tabs .nav-link.active {border-bottom: 1px solid #dee2e6;}

.tabs-pro-detail .nav-tabs .nav-link {border-top-width: 3px;font-size: 13px;color: var(--color-dark);text-transform: uppercase;font-weight: 500;}
.tabs-pro-detail .nav-tabs .nav-link.active,
.tabs-pro-detail .nav-tabs .nav-item.show .nav-link {border-top-color: var(--color-static);background: var(--color-background);}

.desc-product1 {padding: 0;margin-bottom: 0; max-height: 250px;overflow: auto;} 
.desc-product1::-webkit-scrollbar {width: 3px;}
.desc-product1::-webkit-scrollbar-track {background: #00000050;}
.desc-product1::-webkit-scrollbar-thumb {background: var(--color-red);}
.desc-product1::-webkit-scrollbar-thumb:hover {background: var(--color-red);}

/* News */
.news{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 10px;}
.pic-news {width: 200px;}
.pic-news img {width: 100%;}
.info-news {flex: 1;}
.name-news {color: var(--color-dark);font-size: 18px;line-height: normal;font-weight: 700;}
.news:hover .name-news {color:  var(--color-static);}
.time-news {color: var(--color-gray);margin-bottom: 5px;}
.desc-news {color: var(--color-gray);margin-top: 5px;line-height: 22px;text-align: justify;}

.othernews{border: none;border-radius: 5px;margin-bottom: 10px;padding: 0;position: sticky;top: 60px;z-index: 11; }
.othernews b{display: block;padding: 10px;margin-bottom: 10px; width: 100%;background:  var(--color-static);text-transform: uppercase;font-weight: 700;font-size: 16px;text-align: center; color: var(--color-white);}
.news-other{display: flex;gap: 10px; justify-content: space-between;align-items: center;margin-bottom:0.5rem;}
.news-other-info{ width: calc(100% - 100px); color: var(--color-dark);}
.news-other-img img{max-height: 100px;} 
.inside-scroll ul li{margin-bottom: 15px !important;} 
.news-other-info p{font-size: 14px;color: var(--color-dark);margin-bottom: 0;}
.news-other-info h3{font-size: 16px; font-weight: 700;color: var(--color-dark); margin-bottom:0.5rem;}
.news-other:hover .news-other-info h3{color: var(--color-static);}

/* Contact */
.form-floating.form-floating-cus>input,.form-floating-cus>select{height: 45px;}
.form-floating.form-floating-cus>textarea{height: 100px;}
.form-floating.form-floating-cus>label{padding: 10px 10px;color: var(--color-gray);}
/* .contact-article {display: flex;}
.bgcontact-map{width: 60%;margin-left: calc(0% - calc((100vw - 1200px) / 2));}
.bgcontact-map .contact-map{position: -webkit-sticky;position: sticky;top: 0;border-right: 1px solid #ededed;height: 100vh;margin-top: -1.75rem; padding: 0;} */
.title-contact span{font-size: 30px;font-weight: 700;margin: 0px 0;text-transform: uppercase;color: var(--color-static);}
.title-contact .line{width: 50px;height: 4px;margin-top: 5px;background: var(--color-static2);animation: bg-shine infinite 3s;margin-bottom: 30px;}
/* .contact-info{padding-left: 50px;padding-bottom: 50px;} */
.contact-input {position: relative;margin-bottom: 20px;}
.contact-input input, .contact-input textarea{border-radius: 0;border-top: none;border-left: none;border-right: none;}
.contact-input input:focus, .contact-input textarea:focus{box-shadow: none;outline: none;}
.contact-input textarea {resize: none;height: 150px;}
.contact-input .custom-file-label::after {content: attr(title);}
.contact-map {position: relative;height: 500px;}
.contact-map iframe {position: absolute;top: 0px;left: 0px;width: 100% !important;height: 100% !important;}

.btn_send{background: var(--color-static2);color: var(--color-white);font-weight: 700;transition: all 0.3s linear;}
.btn_reset{background: var(--color-static);color: var(--color-white);font-weight: 700;transition: all 0.3s linear;}
.btn_send:hover{box-shadow: inset 0px 0px 5px #00000099;color: var(--color-white);transition: all 0.3s linear;}
.btn_reset:hover{box-shadow: 0px 0px 5px #00000099;color: var(--color-white);transition: all 0.3s linear;}
 
/*Giới thiệu*/
.w-aboutus{position: relative;}
.w-aboutus::after {position: absolute;content: '';top: -5%;right: 5%;width: 158px;height: 157px;background: url(../images/decor1.png) no-repeat;background-size: contain;animation-name: star;-webkit-animation-name: star;animation-duration: 10s;-webkit-animation-duration: 10s;animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;animation-timing-function: linear;-webkit-animation-timing-function: linear;}
.w-aboutus::before {position: absolute;content: '';bottom: -5%;right: 5%;width: 269px;height: 270px;background: url(../images/decor2.png) no-repeat;background-size: contain;animation-name: spin;-webkit-animation-name: spin;animation-duration: 10s;-webkit-animation-duration: 10s;animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;animation-timing-function: linear;-webkit-animation-timing-function: linear;}
.image-aboutus{border-radius: 10px;overflow: hidden;}
.info-aboutus{margin-top: 1rem;}
.info-aboutus .title-main{text-align: left;}
.info-aboutus .animate-border1{margin-left: 0;}
.desc-aboutus{margin-bottom: 1rem;font-size: 15px;line-height: 1.75;color: var(--color-dark);text-align: justify;}


.desc-aboutus-company{color: var(--color-static2);text-transform: uppercase;animation: text-shine infinite 6s;font-family: "Roboto Serif";font-size: 30px;font-weight: 600;line-height: normal;margin-bottom: 10px;}
.name-aboutus-company{color: var(--color-static);text-transform: uppercase;font-family: "Roboto Serif";font-size: 45px;font-weight: 600;line-height: normal;margin-bottom: 10px;}

.info-aboutus .hotline-company a,.info-aboutus .hotline-company p{font-size: 15px;}

/* dịch vụ */
.service-item{display: block;border-radius: 12px; padding: 2px;background:#00000000;}
.service{padding: 5px;border-radius: 10px;overflow: hidden;background: var(--color-white);text-align: center;display: block;}
.service .scale-img {border-radius: 10px;}
.service-info{padding: 12px;min-height: 72px;}
.service-name{color: var(--color-dark);line-height: 1.5;margin-bottom: 0;text-align: center;font-size: 16px;font-weight: 600;} 
.service-item:hover{animation: 2s bg-shine1 infinite;}
/* tin tức nổi bật */  
.news-shadow-scroll ul li{margin-bottom: 15px !important;} 
.news-shadow-image{min-width: 200px;border-radius: 10px;display: block;} 

.news-shadow-box {display: flex;transition: all 0.4s linear;align-items: center;gap: 10px;justify-content: space-between;} 

.news-shadow-name{color:var(--color-dark);text-transform: capitalize;font-size: 18px;font-style: normal;font-weight: 600;line-height: 1.5;margin-bottom: 0;}
.news-shadow-desc{text-align: justify;margin-bottom: 0;line-height: 1.75;color: var(--color-dark);font-size: 14px;}
/* .news-shadow-box:hover{color: var(--color-white); color: var(--color-dark);background: var(--color-static1);box-shadow: 0px 0px 5px var(--color-dark);transition: all 0.4s linear;} */
.news-shadow-time{color: var(--color-static2);margin-bottom: 5px;font-size: 14px;font-style: normal;font-weight: 700;line-height: normal;}
.news-shadow-time span{color: var(--color-dark);}
.news-shadow-tags{color: var(--color-static2);}
/* .news-shadow-box.flex-row .news-shadow-info{text-align: right;} */
/* tiêu chí */ 
.w-criteria{background: var(--color-static2);}
.criteria{display: flex;justify-content: space-between;position: relative;z-index: 2;gap: 10px;transition: all 0.3s linear;align-items: center;}
.criteria-info{flex: 1;}  
.criteria-name{color: var(--color-white);margin-bottom: 10px;text-transform: capitalize;/* font-weight: 500; */font-size: 16px;line-height: normal;}
.criteria-desc{color: var(--color-white);margin-bottom: 0;text-transform: capitalize;/* font-weight: 500; */font-size: 16px;line-height: normal;}
.criteria-image{min-width: 50px;width: fit-content;margin: auto;margin-bottom: 0;transition: all 0.3s linear;} 
 
/* .criteria.act{animation: 2s pulsate infinite;transition: all 0.3s linear;} */
.criteria.act .criteria-image{animation: 2s spin infinite;transition: all 0.3s linear;}

 
/* Footer */ 
.footer-article {background: url(../images/bg1.jpg) no-repeat;background-size: cover; padding: 50px 0 30px;}
.footer-title {text-transform: capitalize;margin-bottom: 1rem;font-size: 18px;font-weight: 500;line-height: normal;color: var(--color-white);}
.name-company {color: var(--color-white);font-family: "Roboto Serif";font-size: 18px;font-style: normal;font-weight: 600;line-height: normal;text-transform: uppercase;margin-bottom: 1rem;}
.desc-company {font-size: 14px;margin-bottom: 1rem;text-align: justify;color:  var(--color-white);}
.logo-footer{width: fit-content;margin: 0 0 10px;}
.footer-info{color: var(--color-white);font-size: 15px;}
.footer-ul {list-style: none;color: var(--color-black);padding: 0px;margin: 0px;}
.footer-ul li {margin-bottom: 10px;}
.footer-ul li:last-child {margin-bottom: 0px;}
.footer-ul li a {color: var(--color-white);font-size: 14px;}
.footer-ul li a:hover {color: var(--color-white);text-decoration: underline;} 
.footer-powered {color: var(--color-white);background-color:  var(--color-static);}
.footer-powered .wrap-content {padding-top: 15px;padding-bottom: 15px;}
.footer-statistic {text-align: right;}
.footer-statistic span {padding-right: 10px;}
.footer-statistic span:last-child {padding-right: 0px;}
#footer-map {position: relative;height: 500px;}
#footer-map iframe {position: absolute !important;width: 100% !important;height: 100% !important;top: 0px !important;left: 0px !important;}
.footer-copyright{text-align: left;}
.footer-copyright a{color:  var(--color-white);}
.footer-copyright span{font-weight: 700;text-transform: uppercase;}

div#fanpage-facebook {overflow: hidden;}

.footer-tags-lists { list-style: none; padding: 0px; margin: 0px; }
.footer-tags-lists li { float: left; }
.footer-tags-lists li a { padding-bottom: 0.375rem; }


/* chi nhánh */
.tags-title{color:  var(--color-white);margin-bottom: 0;font-weight: 700;font-size: 15px;line-height: normal;}
.footer-tags-lists {list-style: none;display: flex;padding: 0px;margin: 0px;flex-wrap: wrap;gap: 5px;align-items: center;}  
.footer-tags-lists li a {border: 1px solid var(--color-white);overflow: hidden;border-radius: 5px; padding: 0.375rem;display: block;color:  var(--color-white);}
.footer-tags-lists li a:hover{border: 1px solid var(--color-static2);}
.footer-map{position:relative;height:300px;}
.map-list{margin-bottom: 1rem;cursor: pointer;display: flex;gap: 10px;flex-wrap: wrap;}
.map-item{padding: 8px 16px 6px;background: var(--color-static2);color: var(--color-white);font-weight: 700;font-size: 14px;text-transform: uppercase;}
.map-item:hover, .map-item.active{color: var(--color-white);    animation: bg-shine infinite 5s;}
.footer-map iframe{position:absolute!important;width:100%!important;height:100%!important;top:0px!important;left:0px!important;}




/* Like Share */
.social-plugin {margin-top: 10px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}
.social-plugin .at-share-btn {margin-bottom: 0px !important;}
.social-plugin .zalo-share-button {margin-left: 3px;}

/* Paging */
.pagination-home{margin-bottom: 1rem;}
.pagination-home .pagination .page-item .page-link {color: var(--color-static);background: var(--color-background);font-weight: 700;font-size: 0.875rem;}
.pagination-home .pagination .page-item.active .page-link {color: var(--color-background);background-color:  var(--color-static);border-color:  var(--color-static);}

/* Paging Ajax */
.pagination-ajax {text-align: center;}
.pagination-ajax a {display: inline-block;vertical-align: top;margin: 0px 3px 3px 3px;width: 35px;height: 35px;line-height: 35px;font-weight: 700;color: #555555 !important;border: 1px solid #e6e6e6;font-size: 13px;cursor: pointer;text-decoration: none !important;background-color: var(--color-background);}
.pagination-ajax a.current, .pagination-ajax a:hover {color: var(--color-background) !important;border-color:  var(--color-static);background-color:  var(--color-static);}
.pagination-ajax a.first, .pagination-ajax a.last, .pagination-ajax a.prev, .pagination-ajax a.next {text-indent: -9999px;position: relative;background-color:  var(--color-background) !important;}
.pagination-ajax a.first:before,.pagination-ajax a.last:before,.pagination-ajax a.prev:before,.pagination-ajax a.next:before {content: "";position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;z-index: 2;background-color: transparent;background-repeat: no-repeat;background-position: center;}
.pagination-ajax a.first:before {background-image: url(../images/page-first.png);}
.pagination-ajax a.last:before {background-image: url(../images/page-last.png);}
.pagination-ajax a.prev:before {background-image: url(../images/page-prev.png);}
.pagination-ajax a.next:before {background-image: url(../images/page-next.png);}


/* Popup */
#popup .modal-body {padding: 0px;}
.btn-close {position: absolute;top: 10px;right: 10px;z-index: 3;} 

.btn-modal-hotline {color: var(--color-dark);display: flex;gap: 10px;margin-bottom: 10px;align-items: center;}
.btn-modal-hotline span{font-style: italic;}

.btn-modal-hotline img{width: 50px;}
.btn-modal-hotline p{display: block !important;margin-bottom: 0;font-weight: 700;text-transform: capitalize;}

.btn-modal-hotline .bg-btn-frame{text-align: left !important;}

/* Hidden Google Captcha */
.grecaptcha-badge {display: none !important;width: 0px !important;height: 0px !important;visibility: hidden !important;overflow: hidden;}

/* Hidden Check Grammar Coccoc */
coccocgrammar {display: none;}

/* Scroll Top */
/* .scrollToTop {width: 41px;height: 41px;text-align: center;font-weight: bold;color: #444;position: fixed;bottom: 30px;left: 25px;display: none;z-index: 10;cursor: pointer;} */
.scrollToTop{background: var(--color-white); position:fixed; bottom: 50px;right: 5px;height: 60px;width: 60px;cursor:pointer;display:block;border-radius:50px;z-index: 100;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;content:"\f102";text-align:center;line-height: 40px;font-size:20px;color: var(--color-static);left: 10px;top: 10px;height: 40px;width: 39px;cursor:pointer;display:block;z-index:1;-webkit-transition:all 400ms linear;-o-transition:all 400ms linear;transition:all 400ms linear;font-family:"Font Awesome 6 Pro";}
.scrollToTop svg path{fill:none}
.scrollToTop svg.progress-circle path{stroke: var(--color-static);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}

/* Text Hide */
.text-split {overflow: hidden;text-overflow: ellipsis;white-space: normal;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 9;}
.text-split1{ -webkit-line-clamp: 1;}
.text-split2{ -webkit-line-clamp: 2;}
.text-split3{ -webkit-line-clamp: 3;}
.text-split4{ -webkit-line-clamp: 4;}
.text-split5{ -webkit-line-clamp: 5;}
.text-split6{ -webkit-line-clamp: 6;}
.text-split7{ -webkit-line-clamp: 7;}
.text-split8{ -webkit-line-clamp: 8;}
 
/* Transition All */
.transition,
.control-owl button,
.carousel-comment-media .carousel-control a span,
.menu ul li a.has-child:after,
.menu ul li ul,
.menu ul li:hover > ul,
.scale-img img,
.scale-img:hover > img,
.btn-frame .kenit-alo-circle-fill,
.support-online .kenit-alo-circle-fill {-webkit-transition: 0.3s all;transition: 0.3s all;}

/* Scale IMG */
.scale-img {overflow: hidden;display: block;}
.scale-img img {-webkit-transform: scale(1, 1);transform: scale(1, 1);}
.scale-img:hover > img {-webkit-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1);}
 
/* BTN PHONE */
/* .show-btn-wrapper{width:0;height:0;position:fixed;bottom:0;right:0;z-index:9999;}
.zalo-chat-custom{display:flex;justify-content:center;align-items:center;width:60px;height:60px;position:fixed;bottom: 120px;right:17px;border-radius:50%;box-shadow: 2px 2px 5px #000000;z-index:999999999;cursor:pointer;background-color: #f8ab16;font-size:24px;animation:pulse-blue 2s infinite;}
.zalo-chat-custom-no-active{width:100%;height:100%;position:absolute;transition:all .3s ease;bottom:70px;right:40px;transform:scale(0);transform-origin:bottom right;}
.show-btn-wrapper .zalo-chat-custom2{display:flex;justify-content:center;align-items:center;height:55px;position:fixed;bottom:115px;right:15px;border-radius:30px;text-decoration:none;z-index:89;cursor:pointer;}
.show-btn-wrapper .zalo-chat-custom2 div{font-weight: 700;display:flex;justify-content:flex-end;color:#fff;margin-right:10px;font-size:14px;font-style:normal;line-height:26px;}
.show-btn-wrapper .zalo-chat-custom2 img{width:45px;height:45px;}
.show-btn-wrapper .float-button2{font-weight: 700;display:flex;justify-content:center;align-items:center;height:55px;position:fixed;bottom:57px;text-decoration:none;right:71px;border-radius:30px;z-index:90;}
.show-btn-wrapper .float-button2 div{font-weight: 700;text-align:right;color:#fff;margin-right:10px;font-size:14px;font-style:normal;line-height:26px;text-decoration:none;}
.show-btn-wrapper .float-button3{font-weight: 700;display:flex;position:fixed;bottom:-15px;right:110px;z-index:90;height:55px;text-decoration:none;justify-content:flex-end;}
.show-btn-wrapper .float-button3 div{display:flex;justify-content:flex-end;align-items:center;color:#fff;margin-right:10px;text-decoration:none;font-size:14px;font-weight: 700;font-style:normal;line-height:26px;}
.show-btn-wrapper .float-button3 .btn-main{background:white; width:48px; height:48px; border-radius:30px;display:flex;justify-content:center;align-items:center;}
.show-btn-wrapper .float-button3 .icon{font-size:18px;color:#C2B5A2;}
.show-btn-wrapper.toggle{z-index:999999;background-color:rgba(0,0,0,0.8);width:100%;height:100%;}
.zalo-chat-custom img{width:40px;height:40px;}
.show-btn-wrapper.toggle .zalo-chat-custom-no-active{transform:scale(1);transform-origin:bottom right;}
.show-btn-wrapper .float-button2 img{width:48px;height:48px;}
.ak-info ul{list-style:none;}
.welcome-text{font-size: 16px;}
.empty-cart p{font-weight: 700;}
.empty-cart span{font-weight: 700;} */


/* app */
/* .social-left {position: fixed;left: 10px;z-index: 11;bottom: 150px;gap: 10px;}
.social-left a {border-radius: 50%;overflow: hidden;transition: .4s;} */

/* Button Frame */
.bg_iframe{position: fixed;right: 10px;z-index: 10;bottom: 190px;display: flex;flex-direction: column;row-gap: 25px;}
.btn-frame {display: block;width: 50px;height: 50px;position: relative;cursor: pointer;}
.btn-frame i {width: 50px;height: 50px;border-radius: 50%;background:  var(--color-static2);position: relative;z-index: 1;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;}
.btn-frame i img {vertical-align: middle;width: 70%;border-radius: 50%;}
.btn-frame .animated.infinite {-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;}
.btn-frame .kenit-alo-circle {width: 60px;height: 60px;top: -5px;right: -5px;position: absolute;background-color: transparent;border-radius: 100%;border: 2px solid var(--color-static2);opacity: 0.1;border-color: var(--color-static2);opacity: 0.5;}
.btn-frame .zoomIn {-webkit-animation-name: zoomIn;animation-name: zoomIn;}
.btn-frame .animated {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.btn-frame .kenit-alo-circle-fill {width: 70px;height: 70px;top: -10px;right: -10px;position: absolute;border-radius: 100%;border: 2px solid transparent;background-color: var(--color-static2);opacity: 0.4;}
.btn-frame .pulse {-webkit-animation-name: pulse;animation-name: pulse;}
 
.btn-phone i{background: linear-gradient(0deg, var(--color-static) 0%,var(--color-static2) 100%);}
.btn-phone .kenit-alo-circle-fill{background-color:var(--color-static2);}
.btn-phone .kenit-alo-circle{border-color: var(--color-static2);}
/* Messenger */
.js-facebook-messenger-top-header{background:var(--color-static);color:  var(--color-white);height: 35px;display: flex;align-items: center;justify-content: center;text-align: center;border-radius: 5px 5px 0 0;}
.js-facebook-messenger-container.closed {display: none !important;}
.js-facebook-messenger-tooltip {bottom: 97px;right: 97px;color: #404040;background:  var(--color-white);}
.js-facebook-messenger-tooltip.closed {display: none !important;}
.js-facebook-messenger-box,
.js-facebook-messenger-button {z-index: 999;}
.js-facebook-messenger-tooltip {z-index: 999;display: none;position: fixed;text-align: center;border-radius: 10px;overflow: hidden;font-size: 12px;line-height: 1;padding: 10px;border: 1px solid rgba(0, 0, 0, 0.1);-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 2pt 10pt;box-shadow: rgba(0, 0, 0, 0.15) 0 2pt 10pt;z-index: 1000000000000000019884624838656;}
.js-facebook-messenger-close-tooltip {width: 10px;height: 10px;display: inline-block;cursor: pointer;margin-left: 10px;}
.js-facebook-messenger-box {z-index: 999;}
.js-facebook-messenger-box.rubberBand {-webkit-animation-name: rubberBand;animation-name: rubberBand;}
.js-facebook-messenger-box.animated {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.js-facebook-messenger-button,
.js-facebook-messenger-tooltip {z-index: 999;}
.js-facebook-messenger-box {display: block;position: fixed;cursor: pointer;bottom: 120px;right: 5px;width: 56px;height: 56px;text-align: center;background: linear-gradient(44deg, rgba(6, 149, 255, 1) 0%, rgba(163, 52, 250, 1) 50%, rgba(255, 105, 104, 1) 100%);border-radius: 100%;overflow: hidden;z-index: 99;-webkit-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.3);box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.3);}
.js-facebook-messenger-box.rotate svg#fb-msng-icon {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
.js-facebook-messenger-box svg#fb-msng-icon {width: 32px;height: 33px;position: absolute;top: 13px;left: 12px;opacity: 1;overflow: hidden;-webkit-transition: opacity 160ms ease-in-out, transform 160ms ease-in-out;-webkit-transition: opacity 160ms ease-in-out,-webkit-transform 160ms ease-in-out;transition: opacity 160ms ease-in-out, -webkit-transform 160ms ease-in-out;transition: opacity 160ms ease-in-out, transform 160ms ease-in-out;transition: opacity 160ms ease-in-out, transform 160ms ease-in-out,-webkit-transform 160ms ease-in-out;}
.js-facebook-messenger-box.rotate svg#close-icon {-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.js-facebook-messenger-box svg#close-icon {opacity: 0;width: 19px;height: 20px;position: absolute;top: 19px;left: 19px;-webkit-transition: opacity 160ms ease-in-out, transform 160ms ease-in-out;-webkit-transition: opacity 160ms ease-in-out,-webkit-transform 160ms ease-in-out;transition: opacity 160ms ease-in-out, -webkit-transform 160ms ease-in-out;transition: opacity 160ms ease-in-out, transform 160ms ease-in-out;transition: opacity 160ms ease-in-out, transform 160ms ease-in-out,-webkit-transform 160ms ease-in-out;}
.js-facebook-messenger-container,
.js-facebook-messenger-container-button {z-index: 1000;}
.js-facebook-messenger-container {width: 250px;position: fixed;opacity: 0;-webkit-transform: translateY(50px);transform: translateY(50px);bottom: 110px;right: 90px;border-radius: 10px;pointer-events: none;-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06),0 2px 32px rgba(0, 0, 0, 0.16);box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06), 0 2px 32px rgba(0, 0, 0, 0.16);-webkit-transition: transform 160ms ease-in-out, opacity 160ms ease-in-out;-webkit-transition: opacity 160ms ease-in-out,-webkit-transform 160ms ease-in-out;transition: opacity 160ms ease-in-out, -webkit-transform 160ms ease-in-out;transition: transform 160ms ease-in-out, opacity 160ms ease-in-out;transition: transform 160ms ease-in-out, opacity 160ms ease-in-out,-webkit-transform 160ms ease-in-out;}
.js-facebook-messenger-top-head {width: 220px;color: var(--color-white);background:  var(--color-static);display: block;position: relative;width: 220px;background:  var(--color-static);color: var(--color-white);text-align: center;line-height: 1;padding: 10px;font-size: 14px;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.js-facebook-messenger-container iframe,
.js-facebook-messenger-container-button iframe {border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
.js-facebook-messenger-box,
.js-facebook-messenger-button,
.js-facebook-messenger-tooltip {z-index: 999;}
.js-facebook-messenger-container,
.js-facebook-messenger-container-button {z-index: 1000;}
.js-facebook-messenger-top-head {color: var(--color-white);background:  var(--color-static);width: 220px;}
.js-facebook-messenger-tooltip {color: #404040;background:  var(--color-white);}
.js-facebook-messenger-container.open {-webkit-transform: translateY(0px);transform: translateY(0px);opacity: 1;pointer-events: all;}
.js-facebook-messenger-tooltip {bottom: 97px;right: 97px;}
.js-facebook-messenger-box.open svg#fb-msng-icon {opacity: 0;}
.js-facebook-messenger-box.rotate.open svg#close-icon {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
.js-facebook-messenger-box.open svg#close-icon {opacity: 1;}
  

/* giỏ hàng */
.cart-fixed {z-index: 10;background: var(--color-static);width: 50px;height: 50px;text-align: center;color: var(--color-white) !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;}
.count-cart {position: absolute;z-index: 2; top: 0px;right: -10px;color: var(--color-white);width: 20px;height: 20px;background: var(--color-red);text-align: center;line-height: 22px;font-size: 14px;border-radius: 100%;}
.toolbar .count-cart{color: var(--color-white) !important;right:50px;width: 25px;height: 25px;line-height: 25px;}

/* Toolbar */
.toolbar{background: var(--color-white);width:100%;padding:8px;bottom:0px;position:fixed;z-index:500;height:auto;left:0px;}
.toolbar ul{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:0px;margin:0px;}
.toolbar ul li{text-align:center;width:calc(100%/4);}
.toolbar ul li a{display:block;width:100%;cursor:pointer;}
.toolbar ul li a img{height:6vw;width:auto;}
.toolbar ul li a span{font-weight:400;color:var(--color-dark);font-size:2.5vw;display:block;}

/* Fixbar */
.fixbar {bottom: 0;display: block;background: #f0eff4;border-top: 1px solid #ddd;width: 100%;-webkit-box-sizing: border-box;box-sizing: border-box;position: fixed;margin: 0;z-index: 500;-webkit-backface-visibility: hidden;backface-visibility: hidden;height: 50px;}
.fixbar ul {margin: 0px;padding: 0px;list-style: none;}
.fixbar ul li {margin: 0 auto 10px;text-align: center;width: 25%;float: left;}
.fixbar .icon-cart-mobile,
.fixbar .icon-cart-new,
.fixbar .icon-home-new,
.fixbar .icon-hotdeal-new {width: 20px;height: 20px;display: block;margin: 8px auto 0;}
.fixbar .icon-cart-mobile {background: url(../images/cart-mobile.png) no-repeat;}
.cart-total-head-mobile {font-size: 10px;position: absolute;background: var(--color-red);color: #fff !important;border-radius: 50%;height: 15px;width: 15px;line-height: 15px;top: 5px;margin-left: 5px;}
.fixbar ul li a {font-size: 11px;color: #333;}
.fixbar ul li a i {font-size: 20px;}

/* Plugbar */
.plugbar {position: fixed;bottom: 0;left: 0;border-top: 1px solid #eae6e6;width: 100%;right: 0;max-width: 767px;margin: 0 auto;background: var(--color-white);padding: 9px 10px 10px 7px;z-index: 10;}
.plugbar ul {list-style: none;padding: 0;margin: 0px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.plugbar ul li {width: 20%;float: left;}
.plugbar ul li a {display: block;color: #696969;font-size: 12px;text-align: center;position: relative;}
.plugbar ul li a i {font-size: 20px;color: #696969;}
.plugbar ul li a span {position: absolute;width: 50px;height: 50px;top: -40px;left: calc(50% - 50px / 2);font-size: 14px;display: block;border: 1px solid rgba(234, 230, 230, 0.5);border-radius: 100%;}

/* Combo Phone */
.support-online {position: fixed;z-index: 999;left: 10px;bottom: 0px;}
.support-online a {position: relative;margin: 20px 10px;text-align: left;width: 40px;height: 40px;}
.support-online i {width: 40px;height: 40px;background: #43a1f3;color: var(--color-white);border-radius: 100%;font-size: 20px;text-align: center;line-height: 1.9;position: relative;z-index: 999;}
.support-online a {display: block;}
.support-online a span {border-radius: 2px;text-align: center;background: #67b634;padding: 9px;display: none;width: 180px;margin-left: 10px;position: absolute;color: var(--color-white);z-index: 999;top: 0px;left: 40px;-webkit-transition: all 0.2s ease-in-out 0s;transition: all 0.2s ease-in-out 0s;-webkit-animation: headAnimation 0.7s 1;animation: headAnimation 0.7s 1;}
.support-online a:hover span {display: block;}
.support-online a span:before {content: "";width: 0;height: 0;border-style: solid;border-width: 10px 10px 10px 0;border-color: transparent #67b634 transparent transparent;position: absolute;left: -10px;top: 10px;}
.support-online .kenit-alo-circle-fill {width: 60px;height: 60px;top: -10px;position: absolute;border-radius: 100%;border: 2px solid transparent;background-color: rgba(0, 175, 242, 0.5);opacity: 0.75;right: -10px;}
.support-online .kenit-alo-circle {width: 50px;height: 50px;top: -5px;right: -5px;position: absolute;background-color: transparent;border-radius: 100%;border: 2px solid rgba(30, 30, 30, 0.4);opacity: 0.1;border-color: #0089b9;opacity: 0.5;}
.support-online .support-online .btn-support {cursor: pointer;}
.support-online .mes i {background: orange;}
.support-online .sms i {background: var(--color-red);}
.support-online .call-now i {background: #67b634;}

/* Phone Switch */
.widget-mobile {position: fixed;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);bottom: 10px;z-index: 9999999;}
#my-phone-circle {position: relative;width: 50px !important;height: 50px !important;}
.wcircle-open .wcircle-icon i:before {content: "\f00d";}
.wcircle-icon {background: #1282fc;border-radius: 50%;position: relative !important;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;}
.wcircle-icon:before {position: absolute;content: "";width: 60px;height: 60px;background: #3fa07e50;border: 1px solid var(--color-white);border-radius: 50%;left: -5px;top: -5px;-webkit-animation: pulse 1s infinite ease-in-out;animation: pulse 1s infinite ease-in-out;}
.wcircle-icon:after {position: absolute;content: "";width: 80px;height: 80px;background: #3fa07e50;border-radius: 50%;left: -15px;top: -15px;-webkit-animation: zoomIn 2s infinite ease-in-out;animation: zoomIn 2s infinite ease-in-out;}
.wcircle-menu {position: absolute !important;left: 0;top: 0;display: none;}
.wcircle-menu-item {width: 50px;height: 50px;background: #1282fc;border-radius: 50%;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;}
.wcircle-menu-item img {width: 50px;height: 50px;display: block;border-radius: 50%;}
.wcircle-menu-item i {font-size: 25px;color: var(--color-white);position: relative;z-index: 9999;}
.wcircle-icon i {font-size: 25px;color: var(--color-white);position: relative;z-index: 9999;}
.shake-anim {-webkit-animation: shake-anim 1s infinite ease-in-out;animation: shake-anim 1s infinite ease-in-out;-webkit-transform-origin: 50% 50%;transform-origin: 50% 50%;}