html {
line-height: 1.15; -webkit-text-size-adjust: 100%; }
*,
*::before,
*::after {
box-sizing: border-box; } body {
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #333333;
background-color: #fff;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
} h1, h2, h3, h4, h5, h6 {
margin-top: .5rem;
margin-bottom: 1rem;
font-family: inherit;
font-weight: 500;
line-height: 1.2;
color: inherit;
}
h1 {
font-size: 2.5rem;
}
h2 {
font-size: 2rem;
}
h3 {
font-size: 1.75rem;
}
h4 {
font-size: 1.5rem;
}
h5 {
font-size: 1.25rem;
}
h6 {
font-size: 1rem;
}
p {
margin-top: 0;
margin-bottom: .9rem;
}  hr {
box-sizing: content-box; height: 0; overflow: visible; } pre {
font-family: monospace, monospace; font-size: 1em; white-space: pre-wrap;
} a {
background-color: transparent;
text-decoration: none;
color: #CC3366;
}
a:hover, a:active {
color: #333366;
}
a:not([href]):not([tabindex]) {
color: inherit;
text-decoration: none;
}
a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
color: inherit;
text-decoration: none;
}
a:not([href]):not([tabindex]):focus {
outline: 0;
} abbr[title] {
border-bottom: none; text-decoration: underline dotted; } b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; } small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
height: auto;
max-width: 100%;
}  details {
display: block;
} summary {
display: list-item;
}
figcaption {
font-size: 16px;
color: #333333;
line-height: 1.4;
font-style: italic;
font-weight: 400;
}  template {
display: none;
} [hidden] {
display: none;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
} @media print {
*,
*:before,
*:after {
background: transparent !important;
color: #000 !important; -webkit-box-shadow: none !important;
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
a[href^="#"]:after,
a[href^="javascript:"]:after {
content: "";
}
pre {
white-space: pre-wrap !important;
}
pre,
blockquote {
page-break-inside: avoid;
border: 1px solid #cccccc;
}
thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
} label {
display: inline-block;
line-height: 1;
vertical-align: middle;
} button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 1rem; line-height: 1.5; margin: 0; }
input[type="text"],
input[type="date"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="url"],
select,
textarea {
width: 100%;
border: solid 1px #666666;
border-radius: 3px;
padding: 0.5rem 1rem;
transition: all .3s;
}
input[type="text"]:focus,
input[type="date"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
select:focus,
textarea:focus {
border-color: #333333;
} button,
input { overflow: visible;
} button,
select { text-transform: none;
} button,
[type="button"],
[type="reset"],
[type="submit"] {
width: auto;
-webkit-appearance: button;
} button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
button,
[type="submit"],
[type="button"] {
display: inline-block;
font-weight: 400;
color: #CC3366;
text-align: center;
white-space: nowrap;
user-select: none;
background-color: transparent;
border: 1px solid #CC3366;
padding: 0.5rem 1rem;
font-size: 1rem;
border-radius: 3px;
transition: all .3s;
}
button:focus,
[type="submit"]:focus,
[type="button"]:focus {
outline: 5px auto -webkit-focus-ring-color;
}
button:hover, button:focus,
[type="submit"]:hover,
[type="submit"]:focus,
[type="button"]:hover,
[type="button"]:focus {
color: #ffffff;
background-color: #CC3366;
text-decoration: none;
}
button:not(:disabled),
[type="submit"]:not(:disabled),
[type="button"]:not(:disabled) {
cursor: pointer;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress {
vertical-align: baseline;
} textarea {
overflow: auto;
resize: vertical;
} [type="checkbox"],
[type="radio"] {
box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
} [type="search"] {
-webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }
select {
display: block;
} table {
background-color: transparent;
width: 100%;
margin-bottom: 15px;
font-size: 0.9em;
border-spacing: 0;
border-collapse: collapse;
}
table th,
table td {
padding: 15px;
line-height: 1.5;
vertical-align: top;
border: 1px solid #cccccc;
}
table th {
font-weight: bold;
}
table thead th,
table tfoot th {
font-size: 1em;
}
table caption + thead tr:first-child th,
table caption + thead tr:first-child td,
table caption + thead tr:first-child th,
table caption + thead tr:first-child td,
table colgroup + thead tr:first-child th,
table colgroup + thead tr:first-child td,
table colgroup + thead tr:first-child th,
table colgroup + thead tr:first-child td,
table thead:first-child tr:first-child th,
table thead:first-child tr:first-child td,
table thead:first-child tr:first-child th,
table thead:first-child tr:first-child td {
border-top: 1px solid #cccccc;
}
table tbody > tr:nth-child(odd) > td,
table tbody > tr:nth-child(odd) > th {
background-color: #f7f7f7;
}
table tbody tr:hover > td,
table tbody tr:hover > th {
background-color: #e9e9e9;
}
table tbody + tbody {
border-top: 2px solid #cccccc;
}
@media (max-width: 767px) {
table table {
font-size: 0.8em;
}
table table th,
table table td {
padding: 7px;
line-height: 1.3;
}
table table th {
font-weight: 400;
}
body .container-product {
width: 100%;
}
} dl,
dt,
dd,
ol,
ul,
li {
margin-top: 0;
margin-bottom: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
.container-total {
width: 100%;
display: block;
padding: 30px 0;
}
.title-course {
font-size: 28px;
border-bottom: 2px solid #CC0001;
color: #111111;
width: max-content;
}
.container-product {
width: calc(100% / 4);
display: inline-block;
background: #FFFFFF;
box-shadow: 7px 13px 45px rgba(121, 127, 138, 0.1);
border-radius: 8px;
}
.container-product .image-content {
background-size: cover;
position: relative;
}
.container-product .image-content .layer {
background-color: rgba(204, 0, 1, 0.7);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.container-product .image-content .small-img {
position: absolute;
top: 24px;
left: 24px;
background: white;
box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1);
border-radius: 4px;
}
.container-product .image-content .small-img img {
padding: 5px;
}
.container-product .image-content h1 {
padding: 82px 79px;
color: #FFFFFF;
font-size: 24px;
z-index: 9999;
position: relative;
}
.container-product .name-content {
text-align: left;
color: #111111;
font-size: 16px;
padding: 32px 24px;
font-weight: 600;
}
body.term-cisco {
background: #E5E5E5;
}
body.term-cisco .elementor-hidden-tablet:not(.elementor-widget-ekit-nav-menu) {
display: none;
}
.pro-note {
padding: 60px 0;
}
.pro-note h2 {
font-size: 16px;
font-weight: 500;
}
.pro-note ul {
padding: 0;
}
.pro-note ul li {
display: inline-block;
list-style: none;
padding-right: 30px;
}
.pro-note ul li .symbol-pro {
color: #CC0001;
padding-right: 15px;
font-size: 14px;
}
.pro-note ul li .des-pro {
color: #111111;
font-size: 14px;
}
.frame-thumbnail{
height:220px;
overflow:hidden;
}
.base-home-page .category-count{
width:100% !important;
text-align: start !important;
}
.base-home-page .category-name{
width:100% !important;
}
.base-home-page .name_count{
padding: 0 !important;
}
.article-list {
display: flex;
}
.article {
width: 25%;
padding: 10px
}
@media screen and (min-width: 1200px) {
.article-img {
height: 180px;
overflow: hidden;
}
}
.product-customize .menu-category{
top: -20px !important;
min-width: 400px;
}
.menu-category a{
color: #000 !important;
}
.product-customize .ul-category {
padding: 15px;
list-style: none;
border-top: 2px solid #CC0001;
margin-top: 10px;
transition: .3s all;
}
.product-customize .ul-category li{
line-height: 2;
}
.d-flex{
display: flex;
}
.flex-grow-1{
flex-grow: 1;
}
.loadmore-daotao, #loadmore-linhvuc{
display:none;
}
.ul-category>li:hover a{
color: #CC0001 !important;
}
.elementskit-submenu-panel>li:hover a, .elementskit-submenu-panel > li.current-menu-item:hover > a{
color: #CC0001 !important;
}
.align-items-center{
align-items:center;
}
.align-items-baseline{
align-items:baseline;
}
.title1{
margin-bottom: 40px;
}
.title1::after{
content: '';
position:absolute;
bottom:30px;
height: 2px;
background-color: #CC0001;
width: 20%;
left:0;
}
@media only screen and (max-width: 600px) {
#wpwidget .chat-button--img {
min-width: 40px !important;
}
}