@charset "UTF-8";
:root {
  --color-primary: #014aa6; 
  --color-primary-two: #0260d1;
  --color-secondary:#c53dff;
  --color-secondary-two:#9C27B0;
  --color-coral: #5F8670;
  --color-coral-two: #305640;
  --color-violet: #800080;
  --color-pink: #DB7093;
  --color-heading: #192335;
  --color-body: #6b7385;
  --color-white: #ffffff;
  --color-white-off: #FFFFFFAB;
  --color-bodyest: #273041;
  --color-dark: #27272E;
  --color-darker: #192335;
  --color-black: #111113;
  --color-grey: rgba(207,207,207,.24);
  --color-grey2: #f4f5f7;
  --color-gray: #A1A9AC;
  --color-gray-light: #F6F6F6;
  --color-gray-lighter: #ebebeb;
  --color-light: #F5F7FA;
  --color-lighter: #F2F5F9;
  --primary-opacity: #2f57ef21;
  --secondary-opacity: #b966e721;
  --coral-opacity: #E9967A21;
  --violet-opacity: #80008021;
  --pink-opacity: #DB709321;
  --white-opacity: #ffffff21;
  --danger-opacity: #FF000310;
  --warning-opacity: #FF8F3C10;
  --success-opacity: #3EB75E10;
  --black-opacity: rgba(0, 0, 0, 0.04);
  --heading-opacity: #19233550;
  --color-card-1: #fffccf;
  --color-card-2: #ffedff;
  --color-card-3: #ffe8eb;
  --color-card-4: #e9f6ff;
  --color-card-5: #5024D1;
  --color-card-6: #3B3B46;
  --color-success: #3EB75E;
  --color-danger: #FF0003;
  --color-warning: #FF8F3C;
  --color-info: #1BA2DB;
  --color-primary-alt: #D1EBE6;
  --color-primary-light: #f1f7ff;
  --color-primary-lighter: #EEEEFF;
  --color-secondary-alt: #fef4f4;
  --color-extra: rgb(249, 249, 255);
  --color-extra2: #F9F9FF;
  --color-border: #e6e3f1;
  --color-border-2: #e6e3f14f;
  --color-badge-1: #303F5B;
  --color-badge-2: #F2C94C;
  --color-facebook: #3B5997;
  --color-twitter: #1BA1F2;
  --color-youtube: #ED4141;
  --color-linkedin: #0077B5;
  --color-pinterest: #E60022;
  --color-instagram: #C231A1;
  --color-vimeo: #00ADEF;
  --color-twitch: #6441A3;
  --color-discord: #7289da;
  --radius-10: 10px;
  --radius-big: 16px;
  --radius-small: 6px;
  --border-width: 2px;
  --radius: 6px;
  --f-light: 300;
  --f-regular: 400;
  --f-medium: 500;
  --f-semi-bold: 600;
  --f-bold: 700;
  --f-extra-bold: 800;
  --f-black: 900;
  --shadow-primary: 0px 4px 10px rgba(37, 47, 63, 0.1);
  --shadow-light: 0 2px 6px 0 rgba(0, 0, 0, 0.05);
  --shadow-dark: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
  --shadow-1: 0px 6px 34px rgba(215, 216, 222, 0.41);
  --shadow-slide-item: 0px 0 10px 0 rgba(215, 216, 222, 0.20);
  --shadow-2: 0 15px 34px 0 rgba(175, 181, 204, 0.32);
  --shadow-3: 0 5px 15px 0 rgba(85, 74, 101, 0.37);
  --shadow-5: 0px 20px 70px 0px rgba(0, 0, 0, 0.1);
  --shadow-7: 0px 15px 30px -2px rgba(0, 0, 0, 0.1);
  --shadow-8: -5px 18px 60px 0 rgba(210, 210, 234, 0.4);
  --shadow-9: 0 13px 48px 0 rgba(215, 216, 222, 0.44);
  --shadow-10: 0 13px 14px 0 rgba(129, 104, 145, 0.05);
  --shadow-11: 0 0 10px 0 rgba(0, 0, 0, 0.06);
  --transition: 0.3s;
  --transition-2: 256ms ease-in-out;
  --transition-3: transform .85s cubic-bezier(.23,1,.32,1),background .3s,border .3s,border-radius .3s,box-shadow .3s;
  --transition-4: all .25s cubic-bezier(.645,.045,.355,1);
  --font-primary: "Roboto", sans-serif;
  --font-secondary: "Lexend", sans-serif;
  --font-secondary-hai: "Lexend", sans-serif;
  --font-size-b1: 24px;
  --font-size-b2: 18px;
  --font-size-b3: 16px;
  --font-size-b4: 12px;
  --line-height-b1: 1.5;
  --line-height-b2: 1.67;
  --line-height-b3: 1.67;
  --line-height-b4: 1;
  --h1: 52px;
  --h2: 44px;
  --h3: 34px;
  --h4: 30px;
  --h5: 20px;
  --h6: 16px;
  --div-gap-1: 10px;
  --gradient-1: linear-gradient(rgb(255, 255, 255) 0%, rgb(239, 241, 255) 100%);
  --gradient-4: linear-gradient(180deg,#fff,#f6f9ff);
  --gradient-2: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(240, 242, 255) 100%);
  --gradient-3: linear-gradient(90deg, #8DA9FC 0%, #B48DD5 100%);
  --gradient-4: linear-gradient(180deg, #EFF1FF 0%, #FFFFFF 100%);
  --gradient-5: linear-gradient(rgb(239, 241, 255) 0%, rgb(239, 241, 255) 100%);
  --gradient-6: linear-gradient(to right, rgba(255, 255, 255, 0.15), rgba(251, 199, 226, 0.15), rgba(220, 217, 254, 0.15));
  --gradient-7: linear-gradient(218.15deg, var(--color-secondary) 0%, var(--color-primary) 100%);
  --gradient-8: linear-gradient(270deg, #9e77ff 0%, #4460ff 100%);
  --gradient-9: linear-gradient(180deg, #6827FF 0%, #E3F0FF 100%);
}
/**
 * Reset Styels
 */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* reset*/
body.modal-open {
    padding-right: 0 !important;
}
a {
    text-decoration: none;
    color: var(--color-primary);
}
a:hover {
    text-decoration: none;
    color: var(--color-primary-two);
}
.modal-backdrop.show{opacity: 0.7;
    backdrop-filter: blur(21px);
    background: rgb(0 0 0 / 67%);}
.over{
    overflow: hidden;
}
.overshow:not(:hover){overflow-x: hidden;}
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    top: -19px;
    right: 0px;
}
.swiper-wrapper {
min-height: 100% !important;
}
.swiper-slide {
height: auto !important;
}
.swiper-button-lock {
    display: none !important;
}
.hideslider{display: none;}
.rows{margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));}
#modalhome .modal-content{background-color: #ff000000;
    border: none;}
.bg {
    background-size: cover;
    background-repeat: repeat;
    background-position: center center;
}
.pd {
    padding-left: 7px !important;
    padding-right: 7px !important
}
.itemsticky:last-child{position: sticky;top:6px}
.swal2-popup{font-size: 17px;}
.btswl{
    position: absolute;
    background-color: #ffffff;
    top: 43%;
    z-index: 12;
    padding: 9px 7px;
    left: 0;
    color: #252525;
    border-radius: 0px 10px 10px 0px;
    font-size: 18px;
    }
.btswr{
    position: absolute;
    background-color: #ffffff;
    top: 43%;
    z-index: 12;
    padding: 9px 7px;
    right: 0;
    color: #252525;
    border-radius: 10px 0px 0px 10px;
    font-size: 18px;
    }
.btswl:hover,.btswr:hover{background-color: #969595;}
.swiper-grid-column > .swiper-wrapper{
flex-direction: unset !important;
}
.swiper-grid-column .swiper-slide{
    margin-top: 10px;
}
.wrap-breacrumb {
        padding: 10px 0px;
    background-color: #f7f7f7;
    font-size: 17px;
    margin-bottom: 14px;
    color: #343434;
}
.wrap-breacrumb .breadcrumb-item a {
    color: #343434;
    font-size: 17px;
    text-transform: capitalize;
}
.wrap-breacrumb .breadcrumb-item a:hover {
    color: #ffa500;
}
.wrap-breacrumb .breadcrumb {
    margin-bottom: 0px;
    display: block !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0px;
}
.wrap-breacrumb .breadcrumb-item {
    display: inline;
    text-transform: capitalize;
}
.wrap-breacrumb .breadcrumb-item.active {
    color: #343434;
}
.wrap-breacrumb .breadcrumb-item+.breadcrumb-item::before {
    float: none;
}
.tooltip.show {
    opacity: 1;
}
#wrapper, #content {
    width: 100%;
    height: 100%;
}
.titledeal{    background-color: var(--color-primary);
    color: white;
    border-radius: 3px;
    font-size: 11px;
    padding: 2px 12px;
    margin-bottom: 7px;
    display: inline-block;}
.clearlo {
    clear: both;
}
.clear {
    clear: both;
}
.wrap-xemthem {
    text-align: center;
}
.cat1 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.cat2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.cat3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.wcat:hover .cat1,.wcat:hover .cat2,.wcat:hover .cat3 {
    -webkit-box-orient: initial;
}
.borderreset {
    border: 1px solid #e4e4e4;
    padding: 15px 20px;
}
.checkboxnew .control {
  display: block;
  position: relative;
  padding-left: 27px;
  cursor: pointer;
  font-size: 17px;
}
.checkboxnew .control input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.checkboxnew .control__indicator {
  position: absolute;
  top: 2px;
  left: 0;
  height: 20px;
  width: 20px;
  background: #ffffff;
  border: 1px solid #d42127;
}
.checkboxnew .control--checkbox .control__indicator:after {
  left: 7px;
  top: 3px;
  width: 5px;
  height: 9px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.checkboxnew .control:hover input ~ .control__indicator,
.checkboxnew .control input:focus ~ .control__indicator {
  background: #ffffff;
}
.checkboxnew .control input:checked ~ .control__indicator {
  background: #d42127;
}
.checkboxnew .control:hover input:not([disabled]):checked ~ .control__indicator,
.checkboxnew .control input:checked:focus ~ .control__indicator {
  background: #d42127;
}
.checkboxnew .control input:disabled ~ .control__indicator {
  background: #e6e6e6;
  opacity: 0.6;
  pointer-events: none;
}
.checkboxnew .control__indicator:after {
  content: '';
  position: absolute;
  display: none;
}
.checkboxnew .control input:checked ~ .control__indicator:after {
  display: block;
}
.checkboxnew .control--checkbox input:disabled ~ .control__indicator:after {
  border-color: #7b7b7b;
}
.wrap-filter-ngang{margin-bottom: 6px;}
.wrap-title-ordercatalog-01912 .title h2 {
    text-transform: uppercase;
    font-size: 22px;
    position: relative;
    top: 5px;
    color: #161616;
    font-family: var(--font-secondary);
    font-weight: 600;
}
.mb {
    display: none !important;
}
.mt {
    display: block !important;
}
@media only screen and (max-width: 1200px) {
    .mb {
        display: block !important;
    }
    .mt {
        display: none !important;
    }
}
@media only screen and (max-width: 993px) {
    .hidemuc {
        display: none;
    }
}
.modal-content {
    border-radius: 0;
}
.modal_body {
    padding: 18px 6px 18px;
}
@media only screen and (max-width: 767px) {
    .modal_body {
        padding: 0px 0px 10px 0px;
    }
    .modal_body .col-lg-6 {
        padding: 0px;
    }
}
@media only screen and (max-width: 767px) {
    .modal_body .modal_tab {
        margin-bottom: 30px;
    }
}
.modal-content {
    border-radius: 0;
}
ul {
    margin: 0;
    padding: 0;
}
a {
    text-decoration: none;
}
img {
    max-width: 100%;
    height: auto;
}
.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}
.wrap-news-detail h1.title {
    font-size: 23px;
    line-height: 27px;
    color: #2d2d2d;
    font-family: var(--font-secondary);
    font-weight: 700;
}
/* style mau moi*/
.AXgYM0r .rbt-cat-box-1{height: 100%}
.AXgYM0r .rbt-cat-box-1 .inner{padding: 11px}
.AXgYM0r .rbt-cat-box-1 .inner .title h3{font-size: 17px;
    font-weight: 500;
    line-height: 20px;
    margin-top: 10px;
    margin-bottom: 6px;}
.AXgYM0r .rbt-cat-box-1 .inner .title h3 a{color: #383838;}
.AXgYM0r .rbt-cat-box-1 .inner .title h3 a:hover{color:var(--color-primary)}
.AXgYM0r .rbt-cat-box-1 .inner .content{overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;}
.AXgYM0r .titlehd h2{
    position: relative;
    display: inline-block;
    font-size: 21px;
    line-height: 16px;
    color: var(--fixnix-base);
    font-weight: 600;
    text-transform: uppercase;
    z-index: 1;    margin-bottom: 34px;
    margin-top: 9px;color: #373737;
}
.AXgYM0r .titlehd h2:after{position: absolute;
    top: 6px;
    right: -56px;
    width: 40px;
    height: 2px;
    background-color: var(--color-primary);
    content: "";}
.AXgYM0r .titlehd h2:before{position: absolute;
    top: 6px;
    left: -56px;
    width: 40px;
    height: 2px;
    background-color: var(--color-primary);
    content: "";}

.information987 .rbt-new-badge-one{font-size: 18px;
    font-weight: 600;color: #292929;}

.information987 .color-heading{color:var(--color-secondary)}
.information987 .description{    color: #4e4e4e;
    line-height: 31px;
    font-size: 21px;}
.information987 .titlehd{margin-bottom: 3px;
    display: inline-block;}
.information-Vj5CO3l .titlehd {
    position: relative;
    display: inline-block;
    font-size: 21px;
    line-height: 16px;
    color: var(--fixnix-base);
    font-weight: 600;
    text-transform: uppercase;
    z-index: 1;
    margin-bottom: 34px;
    margin-top: 9px;
    color: #373737;
}
.information-Vj5CO3l .titlehd:before {
    position: absolute;
    top: 6px;
    left: -56px;
    width: 40px;
    height: 2px;
    background-color: var(--color-primary);
    content: ""
}
.information-Vj5CO3l .titlehd:after {
    position: absolute;
    top: 6px;
    right: -56px;
    width: 40px;
    height: 2px;
    background-color: var(--color-primary);
    content: "";
}
.information-Vj5CO3l .rbt-feature{height: 100%}
.information-Vj5CO3l .icon-img{width: 20%;
    padding: 10px;
    margin-right: 10px;}
.information-Vj5CO3l .feature-content{width: 78%;}
.information-Vj5CO3l .feature-title a{font-size: 17px;
    font-weight: 600;
    color: #171717;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;}
.information-Vj5CO3l .feature-title a:hover{color:var(--color-secondary)}
.information-Vj5CO3l .feature-description{font-size: 16px !important;
    color: #585757f0 !important;
    line-height: 20px !important}
@media (max-width: 800px) {
    .information-Vj5CO3l .titlehd{line-height: 28px;
    font-size: 18px;}
    .information-Vj5CO3l .titlehd:before{top: 11px;display: none}
    .information-Vj5CO3l .titlehd:after{top: 11px;display: none}
    .information-Vj5CO3l .rbt-feature{flex-direction: column;}
    .information-Vj5CO3l .feature-content{width: 100%}
    .information-Vj5CO3l .icon-img{width: 30%;
    display: block;
    margin-bottom: 2px;}
    .information-Vj5CO3l .feature-title a{overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;line-height: 24px;
    font-size: 17px;}
}
/* album */
.albumimg .titlehd {
    position: relative;
    display: inline-block;
    font-size: 21px;
    line-height: 16px;
    color: var(--fixnix-base);
    font-weight: 600;
    text-transform: uppercase;
    z-index: 1;
    margin-bottom: 34px;
    margin-top: 9px;
    color: #373737;
}
.albumimg .titlehd:before {
    position: absolute;
    top: 6px;
    left: -56px;
    width: 40px;
    height: 2px;
    background-color: var(--color-primary);
    content: ""
}
.albumimg .titlehd:after {
    position: absolute;
    top: 6px;
    right: -56px;
    width: 40px;
    height: 2px;
    background-color: var(--color-primary);
    content: "";
}
.rbt-team-modal-thumb .rbt-team-thumbnail .thumb::before{content: "\F62C";font-family: "bootstrap-icons";}
.albumimg .rbt-team-modal-thumb .title{font-weight: 500;
    color: #212529;
    padding: 10px 0px 0px 0px;
    line-height: 24px;font-size: 18px}
.albumimg .rbt-team-modal-thumb{height: 100%}
@media (max-width: 800px) {
    .albumimg .titlehd{line-height: 28px;
    font-size: 18px;}
    .albumimg .titlehd:before{top: 11px;display: none}
    .albumimg .titlehd:after{top: 11px;display: none}
}

.titlemd .titlehd {
    position: relative;
    display: inline-block;
    font-size: 21px;
    line-height: 16px;
    color: var(--fixnix-base);
    font-weight: 600;
    text-transform: uppercase;
    z-index: 1;
    margin-bottom: 12px;
    margin-top: 9px;
    color: #373737;
}
.titlemd .titlehd:before {
    position: absolute;
    top: 6px;
    left: -56px;
    width: 40px;
    height: 2px;
    background-color: var(--color-primary);
    content: ""
}
.titlemd .titlehd:after {
    position: absolute;
    top: 6px;
    right: -56px;
    width: 40px;
    height: 2px;
    background-color: var(--color-primary);
    content: "";
}
.wrap-content{background-color: white;}
#modallienhenutXVuk .modal-body{
    background-image: linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%);
}
#modallienhenutXVuk .noidungform{
    padding: 8px 23px;
}
#modallienhenutXVuk .title{
    font-weight: 700;
    font-size: 25px;
    margin-bottom: 3px;
    color: #1a1a1a;
    border-radius: 2px;
    text-align: center;
}
#modallienhenutXVuk .noidungform p{
    font-size: 16px;
    line-height: 23px;
    margin-bottom: 14px;
    text-align: center;
    }
#modallienhenutXVuk .form-group{
    margin-bottom: 10px;
}
#modallienhenutXVuk .form-group label{
    font-weight: 500;
    color: #383838;
    font-size: 16px;
    margin-bottom: 3px;
}
#modallienhenutXVuk .form-group .form-control{
    padding: 11px 13px;
    border: 1px solid #dadada;
    height: auto;
    border-radius: 2px;
}
#modallienhenutXVuk .btlh{
        padding: 9px 3px !important;
    background-color: #f59115;
    border: none;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 16px;
}
#modallienhenutXVuk .btlh:hover{background-color: #ab6107;}
.wrap-muc .inner{padding: 10px;}
/*responsive*/
@media (max-width: 988px) {
    .wrap-sublinkhome{margin-top: 0px;
    margin-bottom: 0px;}
}
@media (max-width: 800px) {
   .albumimg .rbt-team-modal-thumb .title{font-size: 15px;line-height: 17px;}
}

/* nút*/
.ssc-block {
  position: fixed;
  bottom: 20px;display: block;
}

.ssc-block * {
  box-sizing: border-box;
}

.ssc-block.position-left {
  left: 20px;z-index: 10;
}

.ssc-block.position-right {
  right: 20px;
}

.ssc-block.position-left .ssc-block__text {
  margin-left: 0.5em;
}

.ssc-block.position-right .ssc-block__text {
  margin-right: 0.5em;
}

.ssc-block.position-right .ssc-block__item {
  justify-content: flex-end;
}

.ssc-block.position-right .ssc-block__toggle-button {
  align-self: flex-end;
}

.ssc-block.position-left .ssc-block__url {
  flex-direction: row-reverse;
}

.ssc-block.text-hover .ssc-block__text {
  opacity: 0;
  transform: translateY(4px);
  pointer-events: none;
  transition: transform 0.4s ease-in-out;
  will-change: transform;
}

.ssc-block.text-hover .ssc-block__item:hover .ssc-block__text {
  opacity: 1;
  transform: translateY(0)
}

.ssc-block__inner {
  display: flex;
  flex-direction: column;
}

.ssc-block__list {
  margin: 0;
  padding: 0;
  list-style: none;
  transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out;
}

.ssc-block__item,
.ssc-block__url {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.ssc-block__url {
  text-decoration: none;
}

.ssc-block__item {
  margin-bottom: 1em;
}

.ssc-block__item.is-messenger:hover .ssc-block__text,
.ssc-block__item.is-messenger .ssc-block__icon {
  background: #FF90BC;
}
.ssc-block__item .ssc-block__icon img{max-width: 100%;height: auto;}
.ssc-block__item.is-zalo:hover .ssc-block__text,
.ssc-block__item.is-zalo .ssc-block__icon {
  background: #0091ff;
}

.ssc-block__item.is-phone:hover .ssc-block__text,
.ssc-block__item.is-phone .ssc-block__icon {
  background: #FFC0D9;
}

.ssc-block__text {
  display: inline-block;
  padding: 4px 8px;
  background: #777;
  color: #fff;
  font-size: 13px;
  box-shadow: rgba(99, 99, 99, 0.2) 0 2px 8px 0;
  border: 2px solid #fefefe;
  border-radius: 12px;
  user-select: none;
  transition: all 0.4s ease;
}

.ssc-block__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 48px;
  height: 48px;
  padding: 6px;
  background: #333;
  animation: ring 1s linear infinite;
  border-radius: 50%;
  border: 3px solid #fff;
}

.ssc-block__icon svg {
  width: 36px;
  height: 36px;
  fill: #fff;
}

.ssc-block__toggle-button {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.25em;
  width: 48px;
  height: 48px;
  background: #333;
  color: #fff;
  border: 2px solid #fefefe;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.5s ease;
  overflow: hidden;
}

.ssc-block__toggle-button svg {
  width: 32px;
  height: 32px;
  fill: #fff;
}

.ssc-block__toggle-button span {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 36px;
  height: 36px;
  z-index: 1;
  pointer-events: none;
  transition: transform 0.5s ease-in-out;
}

@keyframes ring {
  0% {
    transform: scale3d(1, 1, 1);
  }
  10%,
  20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%,
  50%,
  70%,
  90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%,
  60%,
  80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  100% {
    transform: scale3d(1, 1, 1);
  }
}

.ssc-block .open-icon {
  transform: translateY(150%);
}

.ssc-block.is-hidden .open-icon {
  transform: translateY(0);text-align: center;
}
.ssc-block.is-hidden .open-icon i{font-size: 22px;
    line-height: 40px;}
.ssc-block.is-hidden .close-icon {
  transform: translateY(150%);
}
.ssc-block .close-icon i{
        font-size: 30px;
}
.ssc-block__list {
  opacity: 1;
  transform: translateY(0);
}

.ssc-block.is-hidden .ssc-block__list {
  opacity: 0;
  transform: translateY(15px);
  pointer-events: none;
  transition: 0.5s ease-in-out;
}

.ssc-block.is-hidden .ssc-block__toggle-button {
  background: #dc3545;
}
@media (max-width: 1200px) {
    .ssc-block{display: none}
}

/*-*/
.wrap-muc .rbt-cat-box-1 .inner .content .title{    font-size: 17px;
    font-weight: 500;margin-bottom: 2px;}
.wrap-muc .rbt-cat-box-1 .inner .content p{color: #787878;
    font-size: 15px;}
.wrap-search-ajax{width: 648px !important}
.scrollbar-y::-webkit-scrollbar-thumb{    background-color: var(--color-primary)}

.swipercustomtab .swiperpaginationhai{

    background-color: #ffffff;

    padding: 4px 10px;

    border-radius: 9px;

    border: 1px solid #dedede;

    position: absolute;

    top: 40%;

    z-index: 12;

    left: -5px;

    color: #666666;

}

.swipercustomtab .swiperpaginationmot{

    background-color: #ffffff;

    padding: 4px 10px;

    border-radius: 9px;

    border: 1px solid #dedede;

    position: absolute;

    top: 40%;

    z-index: 12;

    right: -5px;

    color: #666666;

}

.swipercustomtab .swiperpaginationhai:hover,.swipercustomtab .swiperpaginationmot:hover{

    background-color: var(--color-primary);

    color: white;

     border: 1px solid var(--color-primary);

}


.rbt-header .mainmenu-nav .mainmenu > li:hover > a{background-color:white;color: var(--color-primary) !important;}
.rbt-header .mainmenu-nav .mainmenu li.has-dropdown .submenu{padding: 0px}
.rbt-header .mainmenu-nav .mainmenu li.has-dropdown .submenu li a{font-weight: normal;
    padding: 12px 6px;
    font-size: 17px;color: #3d3d3d;}
.rbt-header .mainmenu-nav .mainmenu li.has-dropdown .submenu li a:hover{background-color: white;color: var(--color-primary) !important}

.swiperykien .swiperpaginationhai{

    background-color: #ffffff;

    padding: 4px 10px;

    border-radius: 9px;

    border: 1px solid #dedede;

    position: absolute;

    top: 40%;

    z-index: 12;

    left: -5px;

    color: #666666;

}

.swiperykien .swiperpaginationmot{

    background-color: #ffffff;

    padding: 4px 10px;

    border-radius: 9px;

    border: 1px solid #dedede;

    position: absolute;

    top: 40%;

    z-index: 12;

    right: -5px;

    color: #666666;

}

.swiperykien .swiperpaginationhai:hover,.swiperykien .swiperpaginationmot:hover{

    background-color: var(--color-primary);

    color: white;

     border: 1px solid var(--color-primary);

}
.wrap-tintucnew .wrap-news-left{    padding: 14px 21px;
    box-shadow: 1px 3px 8px 6px #f5f5f5c7;
    border-radius: 10px;}
.wrap-tintucnew .wrap-news-left .img{
    border-radius: 10px;
    overflow: hidden;
}
.wrap-tintucnew .wrap-news-left .img img{
    max-width: 100%;
    height: auto; transition: 0.7s;
}
.wrap-tintucnew .wrap-news-left .img img:hover{transform:scale(1.1);}
.wrap-tintucnew .wrap-news-left .title h3{margin: 11px 0px 5px 0px;}
.wrap-tintucnew .wrap-news-left .title h3 a{
        color: #474747;
    font-size: 21px;
    font-weight: 700;
    transition: 0.3s;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.wrap-tintucnew .wrap-news-left .title h3 a:hover{color: var(--color-primary)}
.wrap-tintucnew .wrap-news-left .mota{
    color: #636363;
    font-size: 17px;overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.wrap-tintucnew .wrap-news-right{    max-height: 591px;
    overflow: auto;}
.wrap-tintucnew .wrap-news-right .item{
    box-shadow: 1px 1px 8px 2px #dddddd82;
    padding: 16px 9px;
    border-radius: 6px;
    margin-bottom: 6px;
}
.wrap-tintucnew .wrap-news-right .item:last-child{margin-bottom: 0px}
.wrap-tintucnew .wrap-news-right .item .left{
    width: 30%;
    margin-right: 8px;
}
.wrap-tintucnew .wrap-news-right .item .right{
    width: 67%;
}
.wrap-tintucnew .wrap-news-right .item .img{
    border-radius: 10px;
    overflow: hidden;
}
.wrap-tintucnew .wrap-news-right .item .img img{max-width: 100%;height: auto; transition: 0.7s;}
.wrap-tintucnew .wrap-news-right .item .img img:hover{transform: scale(1.1);}
.wrap-tintucnew .wrap-news-right .item .title h3{
    margin-bottom: 6px;
    line-height: 19px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.wrap-tintucnew .wrap-news-right .item .title h3 a{
    color: #474747;
    font-size: 18px;
    font-weight: 700;
}
.wrap-tintucnew .wrap-news-right .item .mota{
    line-height: 23px;
    color: #636363;
    font-size: 17px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.wrap-tintucnew .wrap-news-right .item:hover .title h3 a{color: var(--color-primary)}
@media (max-width: 1200px) {
   .wrap-tintucnew .wrap-news-right .item .title h3 {
    -webkit-line-clamp: 2;
   }
   .wrap-tintucnew .wrap-news-right .item .title h3 a{
      font-size: 16px;
      line-height: 16px;
   }
   .wrap-tintucnew .wrap-news-left .title h3{line-height: 20px;margin-bottom: 9px;}
   .wrap-tintucnew .wrap-news-left .title h3 a{font-size: 18px;
      line-height: 16px;}
}
@media (max-width: 600px) {
    .wrap-tintucnew .wrap-news-left .title h3 {
       margin-top: 10px;
     }
    .wrap-tintucnew .wrap-news-right{margin-top:14px}
}

.wrap-leftservice-0923{background: #f5f5f56e;
    border-radius: 3px;}
.wrap-leftservice-0923 .item_service{
        padding: 10px 15px;
    border-bottom: dashed 1px #989898;
}
.wrap-leftservice-0923 .item_service:last-child{border: none}
.wrap-leftservice-0923 .item_service .wrap_item_{
    display: flex;
}
.wrap-leftservice-0923 .item_service .wrap_item_ .image-wrap{
    margin-right: 11px;width: 20%;
}
.wrap-leftservice-0923 .item_service .wrap_item_ .content_service{width: 79%}
.wrap-leftservice-0923 .item_service .wrap_item_ .image-wrap img{
    width: 50px;
}
.wrap-leftservice-0923 .item_service .wrap_item_ .content_service .title{
    margin-bottom: 2px;
    font-weight: 600;
    font-size: 15px;
    line-height: 17px;
    color: #161616;
}
.wrap-leftservice-0923 .item_service .wrap_item_ .content_service .content{
    margin-bottom: 0px;
    line-height: 20px;
    font-size: 15px;color: #414141;
}
.wrap-leftservice-0923 .item_service .wrap_item_:not(:has(.image-wrap)) .content_service {
    width: 100%;
}
.wrap-leftservice-0923>.title {
    background-color: var(--color-primary);
    color: white;
    padding: 6px 11px;
    font-weight: 500;    font-size: 17px;    font-family: var(--font-secondary);
}

.wrap-form-9812 {
    border: 1px solid #e1e1e1;
    margin-top: 10px;
    padding: 5px 6px;
}
.wrap-form-9812 .titlehead {
   background-color: var(--color-primary);
    color: white;
    padding: 6px 11px;
    font-weight: 500;    font-size: 17px;
}
.wrap-form-9812 .form-group{margin-bottom: 7px;}
.wrap-form-9812 .form-control{
    padding: 8px 9px;
    height: auto;
    border: 1px solid #cececec4;
    }
.wrap-form-9812 textarea{height: 116px !important;
    min-height: auto;}
.wrap-form-9812 .themeformp{border: 0px;
    background-color: var(--color-primary);
    color: white;
    padding: 10px 18px;
    border-radius: 3px;
    font-size: 16px;transition: 0.3s}
.wrap-form-9812 .themeformp:hover{background-color: var(--color-primary-two)}
.rbt-header-wrapper .cat-mega-menu{width: calc((100% * 2) + 15px);}
.rbt-header .rbt-header-wrapper{background-color: var(--color-primary);}
.sales-pop {
    position: fixed;
    left: 10px;
    bottom: 60px;
    top: auto!important;
    max-width: 400px;
    padding: 16px 20px 16px 16px;
    background: #fff;
    font-size: 14px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    color: #333;
    border-radius: 10px;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
}
.sales-pop.salepop-show {
    opacity: 1;
    visibility: visible;
    z-index: 999;
    animation: bounceBottomUp 1.1s linear both;
}
.sales-pop.salespop-close{
opacity: 1;
    visibility: visible;
    z-index: 999;
    animation: bounceBottomDown 3s linear both
}

.sale-pop-wrap {
    display: flex;
    justify-content: space-between;
}
.sales-pop b {
    font-weight: 700;
    font-size: 16px;
    color: var(--color-primary);
}
.sale-pop-img {
    width: 64px;
}
.sale-pop-body {
    width: calc(100% - 74px);
}
.sale-pop-name {
    display: block;
    font-size: 15px;
    margin-bottom: 5px;
    font-weight: bold;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.sale-pop-name a{font-family: var(--font-secondary)}
.sale-pop-name a:hover {
    color: var(--color-primary-two);
}
.sale-pop-cta {
    display: block;
    margin-top: 5px;
    color: var(--color-primary);
}
.sale-pop-close {
    position: absolute;
    top: 4px;
    right: 6px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    background: #ffffff;
    border-radius: 0px 0px 0px 6px;
    text-align: center;
    cursor: pointer;
}
.sale-pop-close i {
    position: relative;
    font-size: 14px;
    top: 2px;
    background-color: #cbcbcb;
    color: white;
    padding: 1px 3px;
    border-radius: 50%;
    right: 0px;
}
.sale-pop-close i:hover{
    background-color: #ababab;
}
.sales-pop:hover {
    transform: translateY(-10px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
}
@media (max-width: 767px) {
    .sales-pop {
        left: 5px;
        bottom: 80px;
        max-width: 90%;
        padding: 7px 10px;
        font-size: 12px;
    }
    .sales-pop b {
        font-size: 12px;
    }
}
.sale-pop-regis {
    display: none;
    cursor: pointer;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.04);
    font-weight: 300;
    width: 100%;
    border: 2px solid var(--color-primary);
    font-size: 16px;
    border-radius: 10px;
    text-align: center;
    margin-bottom: 25px;
    transition: all 0.3s;
    left: 0;
    right: 0;
    position: absolute;
    background: #fff;
    bottom: 100%;
    top: auto;
}
.sale-pop-regis:after {
    content: '';
    display: block;
    background-image: none;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid var(--color-primary);
    filter: drop-shadow(0 1px 0 var(--color-primary));
    bottom: -6px;
    right: 50%;
    margin-right: -3px;
    position: absolute;
}
.sale-pop-regis input:not([type=checkbox]) {
    outline: unset;
    text-align: center;
    box-sizing: border-box;
    border: 1px solid #e6e6e6;
    border-radius: 5px;
    width: 100%;
    padding: 10px;
    font-size: 16px;
    color: #000;
    cursor: text;
    margin-bottom: 10px;
}
.sale-pop-regis .regis-close {
    right: -12px;
    top: -14px;
    width: 24px;
    height: 24px;
    background: 0 0;
    position: absolute;
    top: -8px;
    right: -8px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    background: var(--color-primary);
    border-radius: 50%;
    text-align: center;
    cursor: pointer;
}
.sale-pop-regis .regis-close i {
    position: relative;
    font-size: 10px;
    color: #fff;
    top: -1px;
}
.sale-pop-regis .regis-body {
    padding: 30px 30px 15px 30px;
    line-height: 18px;
    box-sizing: border-box;
    width: 100%;
    display: block;
}
.sale-pop-regis .regis-btn {
    border-radius: 5px;
    width: 100%;
    padding: 10px;
    cursor: pointer;
    box-sizing: border-box;
    background: var(--color-primary);
    color: #fff;
    transition: 0.3s all;
    border: 0;
    height: auto;
    font-size: 14px;
    font-weight: 700;
}
@keyframes bounceBottomUp {
  0% {
    transform: matrix(1, 0, 0, 1, 0, 100);
    opacity: 0;
  }
  4.1% {
    transform: matrix(1, 0, 0, 1, 0, 41.971);
  }
  8.11% {
    transform: matrix(1, 0, 0, 1, 0, 10.549);
  }
  12.11% {
    transform: matrix(1, 0, 0, 1, 0, -1.843);
  }
  16.12% {
    transform: matrix(1, 0, 0, 1, 0, -4.336);
  }
  27.23% {
    transform: matrix(1, 0, 0, 1, 0, -0.784);
  }
  38.34% {
    transform: matrix(1, 0, 0, 1, 0, 0.104);
    opacity: 1;
  }
  60.56% {
    transform: matrix(1, 0, 0, 1, 0, -0.002);
  }
  82.78% {
    transform: matrix(1, 0, 0, 1, 0, 0);
  }
  to {
    transform: matrix(1, 0, 0, 1, 0, 0);
  }
}
@-webkit-keyframes bounceBottomUp {
  0% {
    transform: matrix(1, 0, 0, 1, 0, 100);
    opacity: 0;
  }
  4.1% {
    transform: matrix(1, 0, 0, 1, 0, 41.971);
  }
  8.11% {
    transform: matrix(1, 0, 0, 1, 0, 10.549);
  }
  12.11% {
    transform: matrix(1, 0, 0, 1, 0, -1.843);
  }
  16.12% {
    transform: matrix(1, 0, 0, 1, 0, -4.336);
  }
  27.23% {
    transform: matrix(1, 0, 0, 1, 0, -0.784);
  }
  38.34% {
    transform: matrix(1, 0, 0, 1, 0, 0.104);
    opacity: 1;
  }
  60.56% {
    transform: matrix(1, 0, 0, 1, 0, -0.002);
  }
  82.78% {
    transform: matrix(1, 0, 0, 1, 0, 0);
  }
  to {
    transform: matrix(1, 0, 0, 1, 0, 0);
  }
}
@keyframes bounceBottomDown {
  0% {
    opacity: 0.5;
    transform: matrix(1, 0, 0, 1, 0, 0);
  }
  4.2% {
    opacity: 0.4;
    bottom: -5px;
    transform: matrix(1, 0, 0, 1, 0, 54.927);
  }
  8.31% {
    opacity: 0.3;
    bottom: -15px;
    transform: matrix(1, 0, 0, 1, 0, 88.411);
  }
  12.51% {
    opacity: 0.2;
    transform: matrix(1, 0, 0, 1, 0, 103.215);
  }
  16.62% {
    opacity: 0.1;
    transform: matrix(1, 0, 0, 1, 0, 106.331);
  }
  27.73% {
    transform: matrix(1, 0, 0, 1, 0, 101.285);
  }
  38.84% {
    transform: matrix(1, 0, 0, 1, 0, 99.747);
  }
  61.06% {
    transform: matrix(1, 0, 0, 1, 0, 100.01);
  }
  83.28% {
    transform: matrix(1, 0, 0, 1, 0, 100);
  }
  to {
    bottom: -250px;
        z-index: -1;
    transform: matrix(1, 0, 0, 1, 0, 100);
  }
}
@-webkit-keyframes bounceBottomDown {
  0% {
    opacity: 0.5;
    transform: matrix(1, 0, 0, 1, 0, 0);
  }
  4.2% {
    opacity: 0.4;
    bottom: -5px;
    transform: matrix(1, 0, 0, 1, 0, 54.927);
  }
  8.31% {
    opacity: 0.3;
    bottom: -15px;
    transform: matrix(1, 0, 0, 1, 0, 88.411);
  }
  12.51% {
    opacity: 0.2;
    transform: matrix(1, 0, 0, 1, 0, 103.215);
  }
  16.62% {
    opacity: 0.1;
    transform: matrix(1, 0, 0, 1, 0, 106.331);
  }
  27.73% {
    transform: matrix(1, 0, 0, 1, 0, 101.285);
  }
  38.84% {
    transform: matrix(1, 0, 0, 1, 0, 99.747);
  }
  61.06% {
    transform: matrix(1, 0, 0, 1, 0, 100.01);
  }
  83.28% {
    transform: matrix(1, 0, 0, 1, 0, 100);
  }
  to {
    bottom: -250px;
    z-index: -1;
    transform: matrix(1, 0, 0, 1, 0, 100);
  }
}

.section-threed-cards .threed-card {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    perspective: 2500px;
}

.section-threed-cards .cover-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.section-threed-cards .threed-wrapper {
    transition: all 0.5s;
    width: 100%;
    z-index: -1;
}
.section-threed-cards .threed-hover-img {
    opacity: 0;
    transition: all 0.5s;
    position: absolute;
    z-index: -1;
}
.section-threed-cards .swiperpaginationhai{    background-color: #ffffff;
    padding: 4px 10px;
    border-radius: 9px;
    border: 1px solid #dedede;
    position: absolute;
    top: 44%;
    z-index: 12;
    left: 12px;
    color: #666666;}
.section-threed-cards .swiperpaginationmot{    background-color: #ffffff;
    padding: 4px 10px;
    border-radius: 9px;
    border: 1px solid #dedede;
    position: absolute;
    top: 44%;
    z-index: 12;
    right: 12px;
    color: #666666;}
@media (max-width: 991px) {
    .section-threed-cards .threed-card {
        max-width: 100%;
        margin: auto;
    }
}

@media(min-width: 1200px){
    .section-threed-cards .row {
        overflow: initial;
    }
    .section-threed-cards .threed-wrapper::before,
    .section-threed-cards .threed-wrapper::after {
        content: "";
        opacity: 0;
        width: 100%;
        height: 80px;
        transition: all 0.5s;
        position: absolute;
        left: 0;
    }

    .section-threed-cards .threed-wrapper::before {
        top: 0;
        height: 100%;
        background-image: linear-gradient(to top, transparent 46%, rgba(12, 13, 19, 0.5) 68%, rgba(12, 13, 19, 0.8) 97%);
    }

    .section-threed-cards .threed-wrapper::after {
        bottom: 0;
        opacity: 1;
        background-image: linear-gradient(to bottom, transparent 46%, rgba(12, 13, 19, 0.5) 68%, rgba(12, 13, 19, 0.8) 97%);
    }
    .section-threed-cards .threed-card:hover .threed-wrapper {
        transform: perspective(900px) translateY(-5%) rotateX(25deg) translateZ(0);
        box-shadow: 2px 35px 32px -8px rgba(0, 0, 0, 0.75);
        -webkit-box-shadow: 2px 35px 32px -8px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: 2px 35px 32px -8px rgba(0, 0, 0, 0.75);
    }
    .section-threed-cards .threed-card:hover .threed-wrapper::before,
    .section-threed-cards .threed-wrapper::after {
        opacity: 1;
    }
    .section-threed-cards .threed-card:hover .threed-wrapper::after {
        height: 120px;
    }
    .section-threed-cards .threed-card:hover .threed-hover-img {
        opacity: 1;
        transform: translate3d(0, -7%, 0)
    }
}
/* mới */
.wrap-itemnew-colum .title{
    margin-bottom: 10px;
}
.wrap-itemnew-colum .title a{
    color: #131313;
    font-size: 18px;
    font-weight: 500;
}
.wrap-itemnew-colum .title a:hover{color: var(--color-primary)}
.wrap-itemnew-colum .wrap-content.pdbg{    padding: 12px;
    border-radius: 5px;}
.wrap-itemnew-colum .wrap-content .item{margin-bottom: 14px}
.wrap-itemnew-colum .wrap-content .item:last-child{margin-bottom: 0px}
.wrap-itemnew-colum .wrap-content .item .img{
    width: 28%;
    margin-right: 8px;
    overflow: hidden;
}
.wrap-itemnew-colum .wrap-content .item .img img{
    max-width: 100%;
    height: auto;transition: 0.3s;border-radius: 5px;
}
.wrap-itemnew-colum .wrap-content .item .titleit{
    width: 70%;
}
.wrap-itemnew-colum .wrap-content .item .titleit h3{    line-height: 18px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
.wrap-itemnew-colum .wrap-content .item .titleit h3 a{
    color: #252525;
    font-size: 17px;transition: 0.7s;
}
.wrap-itemnew-colum .wrap-content .item .contentit{
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: 22px;
    font-size: 16px;
    color: #545454;
}
.wrap-itemnew-colum .wrap-content .item:hover .titleit h3 a{
   color: var(--color-primary);
}
.wrap-itemnew-colum .wrap-content .item .img img:hover{
    transform: scale(1.1);
}
.wrap-itemnew-link{text-align: center;
    background-color: #e2e2e2;
    padding: 6px 3px;
    border-radius: 5px;
    margin-top: 15px;}
.wrap-itemnew-link a{color: #181818;
    font-size: 16px;}
.wrap-itemnew-link a:hover{color:var(--color-primary)}
/* shortcode*/
.wrap-pr-ZpTI .text-desc .titlespsc {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 4px;
    line-height: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.wrap-pr-ZpTI .text-desc .titlespsc a {
    color: black;
}
.wrap-pr-ZpTI .text-desc .titlespsc a:hover {
    color: var(--color-primary);
}
.rbt-card .rbt-card-body .rbt-card-title-new .titlesc{font-weight: 500;}
.wrapshocode .rbt-card-title-new{line-height: 19px;}
.wrapshocode{border: 1px solid #cdc8c8bd;
    padding: 13px 19px 5px 19px;
    border-radius: 11px;
    margin: 8px 0px;}
.wrapshocode .titletdsc{font-weight: 600;
    border-radius: 7px;
    padding: 5px 13px;
    margin-bottom: 9px;
    border-left: 5px solid var(--color-primary);
    border-right: 5px solid var(--color-primary);
    display: inline-block;
    width: auto;
    background-color: #f0f0f0;font-size: 15px;color: #2a2a2a;}
.wrapshocode .cat-box-shortcode .inner{padding: 9px;}
.wrapshocode .cat-box-shortcode .title{line-height: 20px;
    margin: 7px 0px;overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.wrapshocode .cat-box-shortcode .title a{font-weight: 500;
    color: #080808;font-size: 16px;transition: 0.3s}
.wrapshocode .cat-box-shortcode .title a:hover{color:var(--color-primary)}
.wrapshocode .cat-box-shortcode .content{overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;font-size: 16px;
    color: #575757;}
.wrapshocode .cat-box-shortcode{height: 100%;}
.copyright-area{background-color: white;padding: 8px 0px}
.copyright-area p{color: #0d0d0d;}
.wrap-pr-ZpTI .text-desc .textmot{color: var(--color-primary)}
.rbt-card.variation-02 .rbt-card-body {
    padding: 12px;
}
.information-Vj5CO3l .feature-title a {
    font-family: var(--font-secondary);
    font-weight: 700;
    font-size: 17px;
    margin-bottom: 4px;
}
.rbt-card .rbt-card-body .rbt-card-title-new a{font-size: 16px;
    font-family: var(--font-secondary);
    font-weight: 700;
    color: #040404;transition: 0.3s}
.rbt-card .rbt-card-body .rbt-card-title-new a:hover{color:var(--color-primary)}
.rbt-card .rbt-card-body .rbt-card-text{font-size: 16px;
    font-weight: normal;
    color: #6c6c6c;}
.rbt-card .transparent-button{font-size: 13px;}
@media (max-width: 1024px) {
  .rbt-card.variation-02 .rbt-card-body {
        padding: 8px;
   }
   .rbt-card .rbt-card-body .rbt-card-title-new a{font-size: 15px}
}
.cartdonhang{background-color: var(--color-primary);
    padding: 0px 25px;
    border-radius: 3px;
    width: auto;
    color: #ffffff !important;}
.cartdonhang i{margin-right: 3px !important}
.cartdonhang span{background: var(--color-secondary) !important;
    right: 12px;
    left: initial !important;}
.cartdonhang::after{background: var(--color-primary-two);border-radius: inherit;}
.wrap-lienhehai .content{    height: 100%;
    background-color: var(--color-primary);
    padding: 19px 19px}
.wrap-lienhehai .content .title{    font-family: var(--font-secondary);
    font-weight: 700;
    font-size: 24px;
    color: white;
    margin-bottom: 15px;}
.wrap-lienhehai .content .item{
    color: #ffffff;
    margin-bottom: 7px;
    position: relative;
    padding-left: 12px; font-size: 18px;
    }
.wrap-lienhehai .content .item:before{content:"";position: absolute;width: 5px;height: 5px;background-color: #ffffff;bottom: 48%;left: 0px;}
.wrap-lienhehai .form .title{    font-family: var(--font-secondary);
    font-weight: 700;
    font-size: 24px;
    color: #131313;
    margin-bottom: 18px;}
@media (max-width: 850px) {
  .wrap-lienhehai .form{margin-top: 10px}
}
/* đăng nhập mới */
.userdangnhap {
    display: flex;
    flex-direction: column;
    position: relative;
}
.userdangnhap .usertk {
    background-color: var(--color-primary);
    border-radius: 5px;
    line-height: 17px;
    padding: 2px 15px;
    transition: 0.3s;
    z-index: 2;    min-width: 141px;
    text-align: center;
}
.userdangnhap .usertk .ustextmot {
    text-align: center;
}
.userdangnhap .usertk .ustextmot a {
    color: white;
    font-size: 14px;
}
.userdangnhap .usertk .ustexthai a {
    color: white;
    font-size: 13px;
}
.userdangnhap .wrap-bt-userlogin:after {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    background: var(--color-primary);
    transform: rotate(45deg);
    top: -6px;
    left: 50%;
    z-index: 1;
}
.userdangnhap .wrap-bt-userlogin {
    display: none;
    width: 331px;
    position: absolute;
    top: 100%; /* Điều chỉnh lại vị trí */
    z-index: 1;
}
.userdangnhap .wrap-bt-userlogin.loginusers{
   width: 280px
}
.userdangnhap .wrap-bt-userlogin .wrap-nologin{background-color: white;
    border-radius: 6px;
    padding: 6px 8px;
    box-shadow: 2px 3px 4px 1px #ebebeb99;
    margin-top: 10px;
    border: 1px solid #eae9e9;}
.userdangnhap:hover .wrap-bt-userlogin {
    display: flex;
}
.userdangnhap .wrap-nologin {
    width: 100%;
}
.userdangnhap .text {
    text-align: left;
    color: #0d0d0d;
    font-size: 16px;
    margin-bottom: 3px;
}
.userdangnhap .btlogingg {
    background-color: #ff3c32;
    color: white;
    border-radius: 10px;
    text-align: center;
    font-size: 16px;
    padding: 8px 4px;
    margin-bottom: 5px;
    transition: 0.3s;
}
.userdangnhap .btlogingg:hover {
    background-color: #da1d13;
}
.userdangnhap .btlogingg a {
    color: white;
}
.userdangnhap .logingg {
    border-bottom: 1px solid #bcbcbcc7;
    padding-bottom: 5px;
    margin-bottom: 8px;
}
.userdangnhap .dmtkus {
    background-color: var(--color-primary);
    color: white;
    border-radius: 10px;
    text-align: center;
    font-size: 16px;
    padding: 8px 4px;
    margin-bottom: 5px;
    transition: 0.3s;
}
.userdangnhap .dmtkus a {
    color: white;
}
.userdangnhap .dmtkus:hover {
    background-color: var(--color-primary-two);
}
.userdangnhap .chuacotk {
    font-size: 15px;
    text-align: left;
    color: #1c1c1c;
}
.userdangnhap .chuacotk a {
    color: var(--color-secondary);
}
.userdangnhap .chuacotk a:hover {
    color: var(--color-secondary-two);
}
.userdangnhap .wrap-nologin .itemus{    text-align: left;
    font-size: 17px;
    padding: 6px 4px; }
.userdangnhap .wrap-nologin .itemus a{color: #1c1c1c;}
.userdangnhap .wrap-nologin .itemus a:hover{color: var(--color-primary)}
.rbt-header .mainmenu-nav .mainmenu{justify-content: center;}
.rbt-short-title a {
    color: var(--color-primary) !important;
}
.rbt-short-title a:hover{
    color: var(--color-primary-two) !important;
}
.rbt-header .mainmenu-nav .mainmenu > li > a, .quick-access > li > a{color: #ffffff;}
.rbt-header .mainmenu-nav .mainmenu li.with-megamenu .rbt-megamenu .wrapper .mega-menu-item li a{color: #242424;}
.rbt-short-title{padding-bottom: 12px}
.sanphammoiright_detail_0917 .item .content .price .phantram{background-color: var(--color-secondary);}
.wrap-menu-mobile-ft-0912 .item{width: 20%}
.rbt-header.white{box-shadow: 0px 4px 6px 0px #efefef;}
.rbt-header.white .rbt-header-wrapper{background-color: white;}
.rbt-header.white .mainmenu-nav .mainmenu > li > a, .quick-access > li > a{color: #0e0e0e;}
.rbt-header.white .mainmenu-nav .mainmenu > li:hover > a{background-color: var(--color-primary);color: white !important}
.rbt-header.white .phoneheadermenu a{box-shadow: 1px 3px 6px 2px #d0d0d0;background-color: var(--color-primary)}
.rbt-header.white .phoneheadermenu a:hover {background-color: var(--color-primary-two);}
.rbt-header.white .phoneheadermenu i {color: var(--color-primary);}
.rbt-header .mainmenu-nav .mainmenu li.with-megamenu .rbt-megamenu .wrapper .mega-menu-item{margin-bottom: 10px}
.rbt-header .mainmenu-nav .mainmenu li.with-megamenu .rbt-megamenu .wrapper .mega-menu-item li a:hover{color: var(--color-primary)}
.AXgYM0r .rbt-cat-box-1 .inner .title h3 {
        color: #040404;
        font-weight: 700;
        font-size: 16px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.AXgYM0r .rbt-cat-box-1 .inner .title h3 a {
    font-size: 16px;
    font-family: var(--font-secondary);
    font-weight: 700;
    color: #040404;
    transition: 0.3s;
}
.AXgYM0r .rbt-cat-box-1 .inner .title h3 a:hover{color: var(--color-primary-two);}
.AXgYM0r .rbt-cat-box-1 .inner .content {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: inherit;
    -webkit-box-orient: vertical;
    color: #4a4a4a;
    line-height: 27px;
}
.rbt-information-list li a {
    color: #ffffff;
    font-family: var(--font-secondary);
    font-size: 14px;
}
.rbt-header-top-news .news-text a{color: white;font-size: 14px;font-family: var(--font-secondary)}
.switcher-language a{color: white !important;font-family: var(--font-secondary)}
.switcher-language .sub-menu a{color: white !important;background: var(--color-primary) !important}
.switcher-language .sub-menu a:hover{background: var(--color-primary-two) !important}
.switcher-language .sub-menu li{margin-bottom: 5px}
.switcher-language .sub-menu li:last-child{margin-bottom: 0px}
.skiptranslate{display: none}
body {
    top: 0 !important;
}
#goog-gt-tt,.skiptranslate{display: none !important}
font {
  background-color: transparent !important;
  box-shadow: none !important;
}
.rbt-testimonial-box .clint-info-wrapper .client-info{line-height: 15px;}
.rbt-testimonial-box .clint-info-wrapper .client-info span{color: var(--color-primary);}
.rbt-testimonial-box .clint-info-wrapper .client-info .title{    margin-bottom: 3px;
    font-family: "Noto Sans", sans-serif;
    color: #1f1f1f;
    font-weight: 700;}
.rbt-header .mainmenu-nav .mainmenu > li > a{color: white;}
.footer-style-1 .ft-title,.formtextft .newsletter-form label {
    color: #ffac31 !important;
}
.phoneheadermenu a{
    background-color: var(--color-secondary-two);
    color: white;
    padding: 10px;
    border-radius: 7px;
    transition: all 0.4s;
    font-family: var(--font-secondary);
    font-weight: 600;
    box-shadow: 1px 3px 6px 2px #d3d3d3;
    font-size: 17px;
}
.phoneheadermenu i{
    background-color: white;
    color: var(--color-secondary);
    padding: 2px 5px;
    border-radius: 50%;
    margin-right: 1px;
    }
.phoneheadermenu a:hover{
    background-color: var(--color-secondary);
}
.wrap-imageda .btn_video{position: absolute;top:43%;left: 45%}
.wrap-imageda .btn_video_thumb{width: 30px;
    height: 30px;
    left: 40%;}
.wrap-imageda{margin: 11px 0px 10px 0px;}
.rbt-card.variation-02 .rbt-card-body {
    padding: 12px;
}
.information-Vj5CO3l .feature-title a {
    font-family: var(--font-secondary);
    font-weight: 700;
    font-size: 17px;
    margin-bottom: 4px;
}
.rbt-card .rbt-card-body .rbt-card-title-new a{font-size: 16px;
    font-family: var(--font-secondary);
    font-weight: 700;
    color: #040404;transition: 0.3s}
.rbt-card .rbt-card-body .rbt-card-title-new a:hover{color:var(--color-primary)}
.rbt-card .rbt-card-body .rbt-card-text{font-size: 16px;
    font-weight: normal;
    color: #6c6c6c;}
.rbt-testimonial-box .description p{font-family: var(--font-secondary);}
.rbt-card .transparent-button{font-size: 13px;}
.rbt-header .mainmenu-nav .mainmenu li.with-megamenu .rbt-megamenu .wrapper .mega-menu-item li{white-space: normal;}
.wrap-muc-dv .item-muc-dv{    top: 38%;
    position: absolute;
    right: 42%;
    width: 20%;
    height: 25%;}
.wrap-bt-gioithieu{margin-top: 10px}
.wrap-bt-gioithieu .nutbt{font-family: var(--font-secondary);
    padding: 16px 18px !important;
    height: unset;
    line-height: normal;
    font-size: 16px;}
.footer-style-1{background-color: #f9fafb;}
.footer-style-1 .ft-title {
    color: #0b0c0c !important;
    margin-bottom: 20px;
    font-family: var(--font-secondary);
    font-size: 18px;
}
.footer-widget p,.formtextft .newsletter-form label{
    color: #000000 !important;font-family: var(--font-secondary);
}
.footer-widget .ft-link li a {
    color: #000000;
    display: inline-block;
    position: relative;
    font-size: 18px;
    font-family: var(--font-secondary);
}
.footer-widget .ft-link li a:hover{
    color: var(--color-primary)
}
.formtextft .btnformft {
    border: none;
    padding: 13px 25px;
    border-radius: 3px;
    background-color: var(--color-primary);
    color: white;
}
.formtextft .btnformft:hover {
    background-color: var(--color-primary-two);
}
.ins-preview-wrapper-1169 #ins-sticky-menu {
    box-sizing: content-box;
    box-shadow: 0 8px 32px 0 rgb(86 86 86 / 27%);
    box-sizing: content-box;
    background-color: #f1f1f1;
    width: 64px;
    border: 0 none #000000;
}
.ins-preview-wrapper-1169 .ins-sticky-item-image-wrapper:hover {
    background-color: var(--color-primary);
}
.ins-preview-wrapper-1169 div.ins-sticky-item-text-wrapper{background-color: var(--color-primary);}
.ins-preview-wrapper-1169.ins-pos-top-right div.ins-sticky-item-image-wrapper::after, .ins-preview-wrapper-1169.ins-pos-middle-right div.ins-sticky-item-image-wrapper::after, .ins-preview-wrapper-1169.ins-pos-bottom-right div.ins-sticky-item-image-wrapper::after{    border-color: transparent transparent transparent var(--color-primary);}
.rbt-information-list li a:hover {
    color: var(--color-secondary);
}
/* rps */
@media (max-width: 1200px) {
  body{margin-bottom: 95px}
}
@media (max-width: 813px) {
    .rbt-card.variation-02 .rbt-card-body {
        padding: 8px;
   }
   .rbt-card .rbt-card-body .rbt-card-title-new a{font-size: 15px}
    .wrap-imageda .btn_video_thumb{display: none}
    .langphone{width: 30px !important}
    body{margin-bottom: 79px}
    .wrap-lienhehai .map-responsive {
        height: 300px !important;
        width: 100% !important;
        padding: 0px;
    }
    .vitri1{order: 1 !important;}
    .vitri2{order: 2 !important;}
    .wrap-gioithieu .inner{margin-top: 10px}
}
@media (max-width: 700px) {
    body{margin-bottom: 59px}
}
@media (max-width: 670px) {
  body{margin-bottom: 70px}
  .pd {
        padding-left: 3px !important;
        padding-right: 3px !important;
    }
}
@media (max-width: 500px) {
    
}