/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

.hide {
    opacity: 0 !important;
    pointer-events: none !important;
    position: fixed !important;
}

.zalo-chat-widget::after {
    content: 'Hỗ trợ qua Zalo';
    width: 110px;
    text-align: center;
    position: absolute;
    left: -40%;
    bottom: -20px;
    font-weight: bold;
    background: #F3F4FB;
}

.dropdown-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.dropdown-title a {
    color: black
}

.dropdown-title svg {
    height: 20px;
    width: 20px;
    padding: 5px;
}

.dropdown-title a svg {
    height: 18px;
    width: 18px;
    padding: 5px;
    display: none;
}


/*! CSS Used from: https://agent.carx.asia/static/css/main.d5e3ccc1.css */
* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: Nunito, sans-serif;
    font-size: 1.4rem;
    margin: 0;
    padding: 0;
}

::-webkit-scrollbar {
    background-color: initial;
    height: 8px;
    width: 8px;
}

::-webkit-scrollbar-thumb {
    background-color: #384adc;
}

#root,
#root>.App {
    height: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    width: 100vw;
}

html {
    font-size: 62.5%;
}

body {
    background-color: #f3f4fb;
    font-family: Nunito, sans-serif;
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
}

p {
    margin: 0;
}

.avatar-image {
    border-radius: 100%;
    height: 3.5rem;
    -o-object-fit: cover;
    object-fit: cover;
    width: 3.5rem;
}

.header {
    background-color: #fff;
    -webkit-box-shadow: 0 .5px 0 rgba(0, 0, 0, .25);
    box-shadow: 0 .5px 0 rgba(0, 0, 0, .25);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 6.4rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    left: 0;
    padding: 2rem 2.5rem;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999;
}

.header.bottom {
    background-color: #fff;
    -webkit-box-shadow: 0 .5px 0 rgba(0, 0, 0, .25);
    box-shadow: 0 .5px 0 rgba(0, 0, 0, .25);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 6.4rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    left: 0;
    padding: 2rem 2.5rem;
    position: fixed;
    right: 0;
    top: auto;
    bottom: 0;
    z-index: 8;
    border-top: solid 1px gray;
}

.header_left {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 2.5rem;
}

.header_left>.icon {
    cursor: pointer;
}

.header_left>img {
    cursor: pointer;
    width: 7.2rem;
}

.header_right {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    position: relative;
}

.header_right .cta {
    border: solid 2px #3557E8;
    border-radius: 16px;
    padding: 10px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
}

.header_right .cta p {
    color: #3557E8;
    font-size: 18px;
    font-weight: bold;
}

.header_right .cta svg path {
    fill: #3557E8;
}

.header_right .cta+.cta {
    background-color: #3557E8;
    border-radius: 16px;
    padding: 10px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
}

.header_right p {
    font-size: 12px;
    font-weight: bold;
    color: black;
}

.header_right .cta+.cta p {
    font-size: 18px;
    font-weight: bold;
    color: white;

}

.header_right .cta+.cta svg path {
    fill: white;
}

.header_right svg {
    width: 17.5px;
}

.header_right svg path {
    fill: white;
}

.header_right>.icon {
    cursor: pointer;
    position: relative;
}

.header_right>.icon>span {
    background: -webkit-gradient(linear, left top, right top, from(#5c72f4), to(#404fcc));
    background: -o-linear-gradient(left, #5c72f4, #404fcc);
    background: linear-gradient(90deg, #5c72f4, #404fcc);
    border: 2px solid #fff;
    border-radius: 100%;
    bottom: calc(100% - 1rem);
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
    height: 2.5rem;
    line-height: 2.2rem;
    position: absolute;
    right: -1rem;
    text-align: center;
    width: 2.5rem;
}

.header_right>.avatar {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 1.8rem;
}

.header_right>.avatar>span {
    font-size: 1.6rem;
    font-weight: 700;
}

.sidebar {
    background-color: #fff;
    height: calc(100vh - 6.4rem);
    margin-top: 6.4rem;
    padding: 3.2rem 1.5rem;
    position: sticky;
    top: 6.4rem;
    width: 7rem;
}

.sidebar,
.sidebar.show {
    -webkit-transition: all .25s linear;
    -o-transition: all .25s linear;
    transition: all .25s linear;
}

.sidebar.show {
    padding: 3.2rem 2.4rem;
    width: 25.5rem;
}

.sidebar.show .sidebar_list>.item {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.sidebar.show .sidebar_list>.item>span {
    display: block;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}

.sidebar.show .sidebar_bottom>.item {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.sidebar.show .sidebar_bottom>.item>span {
    display: block;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}

.sidebar.show .sidebar_bottom>.item>.count {
    width: 2rem;
}

.sidebar_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2.4rem 0;
}

.sidebar_list>.item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 2rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.sidebar_list>.item.disabled {
    cursor: not-allowed;
    opacity: .3;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.sidebar_list>.item.active>.icon,
.sidebar_list>.item:hover>.icon {
    fill: #384adc;
}

.sidebar_list>.item.active>span,
.sidebar_list>.item:hover>span {
    color: #384adc;
}

.sidebar_list>.item>span {
    color: #131620;
    display: none;
    font-size: 1.4rem;
    font-weight: 600;
    overflow: hidden;
    -webkit-transition: width .25s linear;
    -o-transition: width .25s linear;
    transition: width .25s linear;
    white-space: nowrap;
    width: 0;
}

@media (max-width:480px) {
    .sidebar .sidebar_list>.item>span {
        display: none;
    }
}

.sidebar_line {
    border: 1px solid #e2e4e9;
    margin: 2.4rem 0;
}

.sidebar_bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2rem 0;
}

.sidebar_bottom>.item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 1.6rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.sidebar_bottom>.item>span {
    display: none;
    font-size: 1.4rem;
    font-weight: 600;
    overflow: hidden;
    -webkit-transition: width .25s linear;
    -o-transition: width .25s linear;
    transition: width .25s linear;
    white-space: nowrap;
    width: 0;
}

.sidebar_bottom>.item>.count:last-child {
    background: -webkit-gradient(linear, left top, right top, from(#5c72f4), to(#404fcc));
    background: -o-linear-gradient(left, #5c72f4, #404fcc);
    background: linear-gradient(90deg, #5c72f4, #404fcc);
    border-radius: 100%;
    color: #f6f7fe;
    font-size: 1rem;
    font-weight: 700;
    height: 2rem;
    line-height: 2rem;
    text-align: center;
    -webkit-transition: width .25s linear;
    -o-transition: width .25s linear;
    transition: width .25s linear;
    width: 0;
}

.sidebar_bottom>.item:hover>.icon {
    fill: #384adc;
}

.sidebar_bottom>.item:hover>span {
    color: #384adc;
}

.layout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.layout.isSidebar .layout_children {
    width: calc(100% - 24rem);
}

.layout_children {
    margin-top: 6.4rem;
    min-width: 100rem;
    padding: 2.4rem 4rem;
    -webkit-transition: width .25s linear;
    -o-transition: width .25s linear;
    transition: width .25s linear;
    width: calc(100% - 7rem);
}

.button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: initial;
    border: none;
    border-radius: 1.6rem;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.4rem;
    font-weight: 700;
    gap: 0 6px;
    height: 48px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 20px;
    outline: none;
    padding: 0 12px;
    width: 100%;
}

.button:disabled {
    background: #4656d4;
    cursor: not-allowed;
    opacity: .75;
}

.button-primary {
    background: -webkit-gradient(linear, left top, right top, from(#5c72f4), to(#404fcc));
    background: -o-linear-gradient(left, #5c72f4, #404fcc);
    background: linear-gradient(90deg, #5c72f4, #404fcc);
    color: #fff;
}

.button-none-gray {
    border: 1px solid #7f859f;
    color: #7f859f;
}

/*! CSS Used from: https://agent.carx.asia/static/css/7955.e17fee9d.chunk.css */
.input {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

.input:hover {
    border: 1px solid #384adc;
}

.input-label {
    color: #64748b;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 2rem;
    margin-bottom: .4rem;
}

.input-form {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-bottom: 0;
}

.input-form input {
    background-color: initial;
    border: none;
    font-size: 1.4rem;
    height: 45px;
    outline: none;
    padding: 12px 16px;
    width: 100%;
}

.input-form input::-webkit-input-placeholder {
    color: #94a3b8;
    font-size: 1.4rem;
    line-height: 2rem;
}

.input-form input::-moz-placeholder {
    color: #94a3b8;
    font-size: 1.4rem;
    line-height: 2rem;
}

.input-form input:-ms-input-placeholder {
    color: #94a3b8;
    font-size: 1.4rem;
    line-height: 2rem;
}

.input-form input::-ms-input-placeholder {
    color: #94a3b8;
    font-size: 1.4rem;
    line-height: 2rem;
}

.input-form input::placeholder {
    color: #94a3b8;
    font-size: 1.4rem;
    line-height: 2rem;
}

/*! CSS Used from: https://agent.carx.asia/static/css/1565.349a0ec9.chunk.css */
.header-layout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 3rem;
}

.header-layout>.title {
    color: #1a1a1a;
    font-size: 1.8rem;
    font-weight: 800;
}

.header-layout>.actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 .8rem;
}

.header-layout>.actions>a {
    color: #757b8a;
    font-size: 1.4rem;
    font-weight: 600;
}

.header-layout>.actions>a.active {
    color: #384adc;
}

/*! CSS Used from: https://agent.carx.asia/static/css/7887.44b27404.chunk.css */
.header-layout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 3rem;
}

.header-layout>.title {
    color: #1a1a1a;
    font-size: 1.8rem;
    font-weight: 800;
}

.header-layout>.actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 .8rem;
}

.header-layout>.actions>a {
    color: #757b8a;
    font-size: 1.4rem;
    font-weight: 600;
}

.header-layout>.actions>a.active {
    color: #384adc;
}

.input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.input {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    overflow: hidden;
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

.input:hover {
    border: 1px solid #384adc;
}

.input-label {
    color: #64748b;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 2rem;
    margin-bottom: .4rem;
}

.input-form {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-bottom: 0;
}

.input-form input {
    background-color: initial;
    border: none;
    font-size: 1.4rem;
    height: 45px;
    outline: none;
    padding: 12px 16px;
    width: 100%;
}

.input-form input::-webkit-input-placeholder {
    color: #94a3b8;
    font-size: 1.4rem;
    line-height: 2rem;
}

.input-form input::-moz-placeholder {
    color: #94a3b8;
    font-size: 1.4rem;
    line-height: 2rem;
}

.input-form input:-ms-input-placeholder {
    color: #94a3b8;
    font-size: 1.4rem;
    line-height: 2rem;
}

.input-form input::-ms-input-placeholder {
    color: #94a3b8;
    font-size: 1.4rem;
    line-height: 2rem;
}

.input-form input::placeholder {
    color: #94a3b8;
    font-size: 1.4rem;
    line-height: 2rem;
}

.input-file {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .4rem 0;
}

.input-file>h2 {
    color: #64748b;
    font-size: 1.4rem;
    font-weight: 700;
}

.input-file>input {
    display: none;
}

.input-file>.list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1.2rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.input-file>.list>label {
    cursor: pointer;
}

.input-file>.list>label>img {
    background: #fff;
    border-radius: 1.3rem;
}

.radio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 0 3rem;
}

.radio>label {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.radio>label>input {
    -webkit-appearance: none;
    -o-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff;
    border: 1px solid #e2e4e9;
    border-radius: 50%;
    bottom: 0;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    height: 2.5rem;
    left: 0;
    margin-right: .5rem;
    outline: none;
    position: relative;
    right: 0;
    -webkit-transition: all .15s ease-out 0s;
    -o-transition: all .15s ease-out 0s;
    transition: all .15s ease-out 0s;
    width: 2.5rem;
}

.radio>label>input:after {
    border-radius: 50%;
}

.radio>label>input:checked {
    background: -webkit-gradient(linear, left top, right top, from(#5c72f4), to(#404fcc));
    background: -o-linear-gradient(left, #5c72f4, #404fcc);
    background: linear-gradient(90deg, #5c72f4, #404fcc);
}

.radio>label>input:checked:before {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    content: "\2713";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 700;
    height: 2rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: .2rem;
    position: absolute;
    top: .2rem;
    width: 2rem;
}

.textarea-container {
    border: 1px solid #e2e8f0;
    border-radius: 1.2rem;
    overflow: hidden;
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

.textarea-label {
    color: #64748b;
    font-size: 1.4rem;
    font-weight: 800;
    line-height: 2rem;
    margin-bottom: .4rem;
}

.textarea .input-form {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.textarea .input-form textarea {
    background-color: #fff;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-family: Nunito;
    font-size: 1.4rem;
    font-weight: 400;
    height: 12.6rem;
    line-height: 140%;
    margin-bottom: -.6rem;
    outline: none;
    padding: 1.2rem .8rem;
    resize: none;
    width: 100%;
}

.textarea .input-form textarea::-webkit-input-placeholder {
    color: #94a3b8;
    font-size: 1.4rem;
    line-height: 2rem;
}

.textarea .input-form textarea::-moz-placeholder {
    color: #94a3b8;
    font-size: 1.4rem;
    line-height: 2rem;
}

.textarea .input-form textarea:-ms-input-placeholder {
    color: #94a3b8;
    font-size: 1.4rem;
    line-height: 2rem;
}

.textarea .input-form textarea::-ms-input-placeholder {
    color: #94a3b8;
    font-size: 1.4rem;
    line-height: 2rem;
}

.textarea .input-form textarea::placeholder {
    color: #94a3b8;
    font-size: 1.4rem;
    line-height: 2rem;
}

.textarea .counter {
    color: #94a3b8;
    font-size: 1.2rem;
    margin-top: 1rem;
}

/*! CSS Used from: https://agent.carx.asia/static/css/3502.f2598bf7.chunk.css */
.header-layout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 3rem;
}

.header-layout>.title {
    color: #1a1a1a;
    font-size: 1.8rem;
    font-weight: 800;
}

.header-layout>.actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 .8rem;
}

.header-layout>.actions>a {
    color: #757b8a;
    font-size: 1.4rem;
    font-weight: 600;
}

.header-layout>.actions>a.active {
    color: #384adc;
}

/*! CSS Used from: https://agent.carx.asia/static/css/9827.8fc106d4.chunk.css */
.header-layout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 3rem;
}

.header-layout>.title {
    color: #1a1a1a;
    font-size: 1.8rem;
    font-weight: 800;
}

.header-layout>.actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 .8rem;
}

.header-layout>.actions>a {
    color: #757b8a;
    font-size: 1.4rem;
    font-weight: 600;
}

.header-layout>.actions>a.active {
    color: #384adc;
}

.input-file {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .4rem 0;
}

.input-file>h2 {
    color: #64748b;
    font-size: 1.4rem;
    font-weight: 700;
}

.input-file>input {
    display: none;
}

.input-file>.list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1.2rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.input-file>.list>label {
    cursor: pointer;
}

.input-file>.list>label>img {
    background: #fff;
    border-radius: 1.3rem;
}

.input {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

.input:hover {
    border: 1px solid #384adc;
}

.input-label {
    color: #64748b;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 2rem;
    margin-bottom: .4rem;
}

.input-form {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-bottom: 0;
}

.input-form input {
    background-color: initial;
    border: none;
    font-size: 1.4rem;
    height: 45px;
    outline: none;
    padding: 12px 16px;
    width: 100%;
}

.input-form input::-webkit-input-placeholder {
    color: #94a3b8;
    font-size: 1.4rem;
    line-height: 2rem;
}

.input-form input::-moz-placeholder {
    color: #94a3b8;
    font-size: 1.4rem;
    line-height: 2rem;
}

.input-form input:-ms-input-placeholder {
    color: #94a3b8;
    font-size: 1.4rem;
    line-height: 2rem;
}

.input-form input::-ms-input-placeholder {
    color: #94a3b8;
    font-size: 1.4rem;
    line-height: 2rem;
}

.input-form input::placeholder {
    color: #94a3b8;
    font-size: 1.4rem;
    line-height: 2rem;
}

.switch {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 1.4rem;
}

.switch>label:first-child {
    display: inline-block;
    height: 2.5rem;
    position: relative;
    width: 5rem;
}

.switch>label:last-child {
    color: #3c4467;
    font-size: 1.4rem;
    font-weight: 600;
}

.switch>label>input {
    height: 0;
    opacity: 0;
    width: 0;
}

.switch>label>input:checked+.slider {
    background: -webkit-gradient(linear, left top, right top, from(#5c72f4), to(#404fcc));
    background: -o-linear-gradient(left, #5c72f4, #404fcc);
    background: linear-gradient(90deg, #5c72f4, #404fcc);
}

.switch>label>input:checked+.slider:before {
    -webkit-transform: translateX(2.5rem);
    -ms-transform: translateX(2.5rem);
    transform: translateX(2.5rem);
}

.switch>label>.slider {
    background-color: #ccc;
    bottom: 0;
    cursor: pointer;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.switch>label>.slider:before {
    background-color: #fff;
    content: "";
    height: 1.8rem;
    left: .3rem;
    position: absolute;
    top: .3rem;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    width: 1.8rem;
}

.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

.radio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 0 3rem;
}

.radio>label {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.radio>label>input {
    -webkit-appearance: none;
    -o-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff;
    border: 1px solid #e2e4e9;
    border-radius: 50%;
    bottom: 0;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    height: 2.5rem;
    left: 0;
    margin-right: .5rem;
    outline: none;
    position: relative;
    right: 0;
    -webkit-transition: all .15s ease-out 0s;
    -o-transition: all .15s ease-out 0s;
    transition: all .15s ease-out 0s;
    width: 2.5rem;
}

.radio>label>input:after {
    border-radius: 50%;
}

.radio>label>input:checked {
    background: -webkit-gradient(linear, left top, right top, from(#5c72f4), to(#404fcc));
    background: -o-linear-gradient(left, #5c72f4, #404fcc);
    background: linear-gradient(90deg, #5c72f4, #404fcc);
}

.radio>label>input:checked:before {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    content: "\2713";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 700;
    height: 2rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: .2rem;
    position: absolute;
    top: .2rem;
    width: 2rem;
}

.textarea-container {
    border: 1px solid #e2e8f0;
    border-radius: 1.2rem;
    overflow: hidden;
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

.textarea-label {
    color: #64748b;
    font-size: 1.4rem;
    font-weight: 800;
    line-height: 2rem;
    margin-bottom: .4rem;
}

.textarea .input-form {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.textarea .input-form textarea {
    background-color: #fff;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-family: Nunito;
    font-size: 1.4rem;
    font-weight: 400;
    height: 12.6rem;
    line-height: 140%;
    margin-bottom: -.6rem;
    outline: none;
    padding: 1.2rem .8rem;
    resize: none;
    width: 100%;
}

.textarea .input-form textarea::-webkit-input-placeholder {
    color: #94a3b8;
    font-size: 1.4rem;
    line-height: 2rem;
}

.textarea .input-form textarea::-moz-placeholder {
    color: #94a3b8;
    font-size: 1.4rem;
    line-height: 2rem;
}

.textarea .input-form textarea:-ms-input-placeholder {
    color: #94a3b8;
    font-size: 1.4rem;
    line-height: 2rem;
}

.textarea .input-form textarea::-ms-input-placeholder {
    color: #94a3b8;
    font-size: 1.4rem;
    line-height: 2rem;
}

.textarea .input-form textarea::placeholder {
    color: #94a3b8;
    font-size: 1.4rem;
    line-height: 2rem;
}

.textarea .counter {
    color: #94a3b8;
    font-size: 1.2rem;
    margin-top: 1rem;
}

.product-form {
    margin: 0 auto;
    width: 70rem;
}

.product-form>.inputs {
    background: #fff;
    border-radius: 1.6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2.3rem 0;
    margin-bottom: 2.6rem;
    padding: 3.5rem 3.2rem;
}

.product-form>.btns {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.product-form>.btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 1rem;
}

/*! CSS Used fontfaces */
@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofIOOaBXso.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofIMeaBXso.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofIOuaBXso.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofIO-aBXso.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofINeaB.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofIOOaBXso.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofIMeaBXso.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofIOuaBXso.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofIO-aBXso.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofINeaB.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofIOOaBXso.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofIMeaBXso.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofIOuaBXso.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofIO-aBXso.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofINeaB.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofIOOaBXso.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofIMeaBXso.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofIOuaBXso.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofIO-aBXso.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofINeaB.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofIOOaBXso.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofIMeaBXso.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofIOuaBXso.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofIO-aBXso.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofINeaB.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.header.bottom {
    display: none;
}

@media (max-width:480px) {

    .header {
        width: 100vw;
    }

    .header_right {
        display: none;
    }

    .header.bottom .header_right {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: distribute;
        justify-content: center;
        width: 100%;
        height: 100%;
    }

    .header.bottom .header_right p {
        font-size: 16px;
    }

    .header.bottom {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 8rem;
        padding: 0;
        gap: 20px;
        bottom: 0px;
    }

    .zalo-chat-widget {
        bottom: 140px !important;
    }

    .sidebar.show {
        width: initial;
    }

    .layout.isSidebar .layout_children {
        min-width: initial;
        width: 100vw;
        padding-bottom: 180px;
    }

    .layout {
        -webkit-box-pack: left;
        -ms-flex-pack: left;
        justify-content: left
    }


    .dropdown-title span,
    .dropdown-title svg {
        display: none;
    }

    .sidebar.show .dropdown-title svg,
    .sidebar.show .dropdown-title span,
    .sidebar.show .sidebar_list>.item>span {
        display: block;
    }

    .dropdown-title a svg {
        display: block;
        padding: 0px;
    }

    .sidebar.show .dropdown-title a svg {
        display: none;
    }
}

@media (min-width:481px) and (max-width:1024px) {

    .layout.isSidebar .layout_children {
        min-width: initial;
        width: 100vw;
        padding-bottom: 180px;
    }
}