:root {
    --bg-gradient: linear-gradient(90deg, rgba(12, 97, 242, 1), #0093ed);
    --bg-hover: linear-gradient(0deg, #93d236 0%, #01b3ac 100%)
}
@font-face {
    src: url(../fonts/UTM-Avo.ttf);
    font-family: UTM-Avo
}

@font-face {
    src: url(../fonts/Muli-Bold.ttf);
    font-family: Muli-Bold
}
@font-face {
    src: url(../fonts/RobotoCondensed-Bold.ttf);
    font-family: RobotoCondensed-Bold
}
@font-face {
    src: url(../fonts/RobotoCondensed-Regular.ttf);
    font-family: RobotoCondensed-Regular
}

@font-face {
    src: url(../fonts/SVN-Nexa-XBold.ttf);
    font-family: SVN-Nexa-XBold
}

@font-face {
    src: url(../fonts/Muli-SemiBold.ttf);
    font-family: Muli-SemiBold
}
.pd-feature-box {
    position: sticky;
    top: 80px;
    z-index: 10;
}
h1, h2, h3, h4, h5, h6 {
    font-family: RobotoCondensed-Bold !important;
}

body {
    font-family: RobotoCondensed-Regular !important;
}
body {
    overflow: hidden;
}

.text-mobile{
	display:none;
}
.footer-home h2.section-title.section-title-normal {
    font-size: 22px !important;
}
.footer-home p {
    margin-bottom: 10px;
}
.footer-home h2 {
    font-size: 22px !important;
}
.no-pd-bottom
{
	padding-bottom:0px;
}
.copyright-footer
 {
    color: #ffffff;
}
.absolute-footer {
    border-top: 1px #ffffff solid;
}
.lienhe-sec1 h2 {
    text-align: center;
    margin: 0px;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 30px;
}
.lienhe-sec1 .col.small-12.large-12 {
    padding: 0px;
}

li.header-search-form.search-form.html.relative.has-icon
 {
    width: 320px;
}
[data-icon-label]:after, .secondary.is-underline:hover, .secondary.is-outline:hover, .icon-label, .button.secondary:not(.is-outline), .button.alt:not(.is-outline), .badge-inner.on-sale, .button.checkout, .single_add_to_cart_button, .current .breadcrumb-step {
    background-color: #2cd26a !important;
}
.header-nav li a {
    font-size: 15px;
    color: #000000;
    font-family: RobotoCondensed-Regular !important;
}
a.button.primary.xem-tat-ca-post {
    text-align: center;
    display: block;
    width: 161px;
    margin: auto;
    border-radius: 6px;
}

li, ul {
    list-style: none;
    margin-bottom: 0 !important
}

.row-0 {
    padding: 0 15px !important
}

.pd-0 {
    padding: 0 !important
}

.row-5 {
    padding: 0 10px !important
}

.pd-5 {
    padding: 0 5px 10px 5px !important
}

.row-0 {
    padding: 0 15px !important
}

.pd-0 {
    padding: 0 0 !important
}

.noPadding {
    padding-bottom: 0 !important
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.fl {
    float: left
}

.fr {
    float: right
}

.mr-0 {
    margin-right: 0 !important
}

.mr-20 {
    margin-right: 20px
}

.mr-30 {
    margin-right: 30px
}

.mr-40 {
    margin-right: 40px
}

.ml-0 {
    margin-left: 0 !important
}

.ml-20 {
    margin-left: 20px
}

.ml-30 {
    margin-left: 30px
}

.ml-40 {
    margin-left: 40px
}

.mt-0 {
    margin-top: 0 !important
}

.mt-10 {
    margin-top: 10px
}

.mt-20 {
    margin-top: 20px
}

.mt-30 {
    margin-top: 30px
}

.mt-40 {
    margin-top: 40px
}

.mt-60 {
    margin-top: 60px
}

.mt-80 {
    margin-top: 80px
}

.mb-0 {
    margin-bottom: 0 !important
}

.mb-10 {
    margin-bottom: 10px
}

.mb-20 {
    margin-bottom: 20px
}

.mb-30 {
    margin-bottom: 30px
}

.mb-40 {
    margin-bottom: 40px
}

.mb-60 {
    margin-bottom: 60px
}



.home-title {
    padding-bottom: 30px;
}

.pricing-table__price {
    font-size: 20px;
    font-weight: 800;
    line-height: 1;
    padding: 15px 10px 10px 10px;
    letter-spacing: .1rem
}

.pricing-table__price span {
    text-transform: uppercase
}

.feature-table ul li:after {
    content: '';
    display: inline-block;
    width: 11px;
    height: 11px;
    margin-left: 5px;
    background: url(https://univn.vn/wp-content/themes/unicreation/lib/images/home/icon-next.png) no-repeat
}

.pricing-table {
    border-radius: 10px 10px 0 0 !important;
    text-align: center;
    box-shadow: 0 0 20px -2px rgb(0 0 0 / 25%);
    background: #fff;
    margin-bottom: 30px
}

.pricing-table__first .pricing-table__footer a, .pricing-table__first .pricing-table__head {
    background-image: -moz-linear-gradient(108deg, #2f80ed 0, #56ccf2 100%);
    background-image: -webkit-linear-gradient(108deg, #2f80ed 0, #56ccf2 100%);
    background-image: -ms-linear-gradient(108deg, #2f80ed 0, #56ccf2 100%)
}

.pricing-table__no .pricing-table__footer a, .pricing-table__no .pricing-table__head {
    background-image: -moz-linear-gradient(108deg, #0fd186 0, #38e686 100%);
    background-image: -webkit-linear-gradient(
108deg, #a5c304 0, #e6d138 100%);
    background-image: -ms-linear-gradient(108deg, #0fd186 0, #38e686 100%);
}

.pricing-table__head {
    font-size: 20px;
    font-weight: 800;
    color: #fff;
    padding: 5px 10px
}

.pricing-table__body {
    height: 385px;
    overflow-y: scroll
}

.pricing-table__body::-webkit-scrollbar {
    width: 6px
}

.pricing-table__body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.pricing-table__body::-webkit-scrollbar-thumb {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #ccc;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .5)
}

.pricing-table__body::-webkit-scrollbar-thumb:window-inactive {
    background: #ccc
}

.pricing-table__second .pricing-table__footer a, .pricing-table__second .pricing-table__head {
    background-image: -moz-linear-gradient(108deg, #6e48aa 0, #c05bd2 100%);
    background-image: -webkit-linear-gradient(108deg, #aa4887 0, #c3126c 100%);
    background-image: -ms-linear-gradient(108deg, #6e48aa 0, #c05bd2 100%);
}

.pricing-table__second .pricing-table__head {
    position: relative;
    padding: 28px 10px 7px 10px
}

.listing-badges {
    position: absolute;
    top: 0;
    z-index: 9;
    right: 0;
    width: 100%;
    display: block;
    font-size: 15px;
    padding: 0;
    height: 92px
}

.listing-badges:before {
    content: '';
    display: inline-block;
    width: 94px;
    height: 86px;
    background: url(https://univn.vn/wp-content/themes/unicreation/lib/images/home/label-sale.png) center no-repeat;
    position: absolute;
    left: -4px;
    top: -4px
}

.listing-badges .featured {
    float: left;
    transform: rotate(-42deg);
    left: -68px;
    top: 8px;
    position: relative;
    text-align: center;
    width: 200px;
    font-size: 16px;
    margin: 0;
    padding: 7px 10px;
    font-weight: 700;
    color: #3c295b
}

.pricing-table__second {
    position: relative;
    top: -25px
}

.row.no-gutters.list-package.row-0 {
    margin-top: 70px
}

.pricing-table__body ul li:not(:last-child) {
    border-bottom: 1px solid rgba(0, 0, 0, .05)
}

.pricing-table__third .pricing-table__head {
    background-image: -moz-linear-gradient(108deg, #ec008c 0, #ff6767 100%);
    background-image: -webkit-linear-gradient(108deg, #00ec7f 0, #3ab19b 100%);
    background-image: -ms-linear-gradient(108deg, #ec008c 0, #ff6767 100%);
}

.pricing-table__third .pricing-table__footer a {
    background-image: -moz-linear-gradient(108deg, #ec008c 0, #ff6767 100%);
    background-image: -webkit-linear-gradient(108deg, #00ec7f 0, #3ab19b 100%);
    background-image: -ms-linear-gradient(108deg, #ec008c 0, #ff6767 100%);
}

.pricing-table__third .pricing-table__price {
    color: #fff;
    -webkit-background-clip: text
}

.pricing-table__footer {
    padding: 25px 15px 20px 15px
}

.pricing-table__footer a {
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    padding: 5px 34px;
    border-radius: 50px;
    color: #fff
}

.feature-table__footer {
    background-color: #eee;
    padding: 36px 40px 36px 40px;
    text-align: right
}

.about-item {
    width: 100%;
    display: inline-block;
    padding: 30px 15px 30px 15px;
    transition: .3s ease-in-out;
    cursor: pointer;
    box-shadow: 0 10px 40px 0 rgb(0 0 0 / 5%)
}
.btn-xemthem-dichvu:hover {
    color: #ffffff !important;
}
.about-item:hover {
    transition: .3s ease-in-out;
    box-shadow: 0 6px 25px 0 rgb(12 97 242 / 15%)
}

.about-item:hover .about-icon:before {
    background: rgba(47, 85, 212, .07);
    -webkit-animation: spinner-border 5s linear infinite;
    animation: spinner-border 5s linear infinite
}

@-webkit-keyframes spinner-border {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spinner-border {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}


.pd-12 {
    padding-left: 5px !important;
}
.pd-10 {
    padding-right: 5px !important;
}

.home-title h3 {
    text-transform: uppercase;
    font-size: 25px;
    letter-spacing: .1rem;
    color: #2f9eed;
    font-weight: 700;
    margin-bottom: 10px;
    text-align: center;
}

.home-title p {
    text-align: center;
    color: #000000;
    font-size: 16px;
}


.home-sec2 {
    background-color: #f1fcfb;
    background-image: -moz-linear-gradient(90deg, #f1fcfb 0, #fff 100%);
    background-image: -webkit-linear-gradient( 
90deg, #b7e3df 0, #fff 100%);
    background-image: -ms-linear-gradient(90deg, #f1fcfb 0, #fff 100%);
    position: relative;
    padding-top: 0;
    padding-bottom: 0;
}

.row.sodienthoai-form .col.medium-6 {
    padding-bottom: 0px!important;
}

/*************** dich vu chung toi ***************/
.box-dichvu-homepage {
    text-align: center;
    padding: 25px 10px;
    border: 1px solid #edf1f1;
    background: #fff;
    position: relative;
    height: 100%;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    border-radius: 5px;
}

.box-dichvu-homepage h4 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
    color: #000;
}

.box-dichvu-homepage p {
    text-align: justify;
    text-align-last: center;
    margin-bottom: 20px;
    color: #424242;
    font-size: 14px;
        height: 50px;
}
.box-dichvu-homepage .box-text.text-center {
    padding: 10px 10px 0px;
}
.btn-xemthem-dichvu {
    padding: 1px 15px;
    border: 1px solid #0093ed !important;
    font-size: 15px !important;
    display: inline-block;
    border-image-slice: 1;
    color: #0093ed !important;
    -moz-transition: -0.7s ease-in-out;
    -o-transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    border-radius: 50px !important;
    margin: 0px;
}

/*************** Form lien he ***************/
.gioithieu-text-lh h2 {
    color: #000000;
    font-size: 25px;
}
.gioithieu-text-lh p {
    color: #000000;
    font-size: 16px;
    margin-bottom: 5px;
}

.col.large-12.lienhe {
    padding-bottom: 0px;
}
.col.large-6.lienhe {
    padding-bottom: 0px;
}
.col.large-12.btn-gui-tranglh {
    padding-bottom: 0px;
}
/*************** Kho Giao Dien ***************/

.service-post-item {
    width: 100%;
    background-color: rgba(255, 255, 255, .6);
    box-shadow: 0px 0px 13px 0px rgb(205 205 205);
    border-radius: 8px;
}

.service-post-thumbnail img {
        object-position: top;
    height: 270px;
    object-fit: cover;
    width: 100%;
    border-radius: 10px 10px 0px 0px;
}
.service-post-content {
    padding: 10px 15px;
}
.service-post-content h3 {
    font-size: 16px;
    color: #000000;
    /* height: 46px; */
}
.service-post-read {
    padding: 2px 15px;
    border: 1px solid #0093ed;
    font-size: 15px;
    display: inline-block;
    border-image-slice: 1;
    color: #0093ed;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    border-radius: 50px !important;
    margin: auto;
    display: block;
    width: 112px;
    text-align: center;
}


/*************** Blog ***************/
.blog-home h5 {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 20px;
    font-size: 16px;
    color: #000000;
}
.blog-home p {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 20px;
    font-size: 14px;
    color: #000000;
}
.blog-home .col.post-item.is-selected {
    padding-bottom: 0px !important;
}
/*************** Footer ***************/

.info-footer h4 {
    color: #333399;
    font-size: 18px;
}
.info-footer p {
    color: #000000;
    margin-bottom: 8px;
}

#page-content-single .slide-item {
    width: 100%;
    overflow: hidden;
    height: 600px;
    cursor: pointer;
    position: relative;
    border: 1px solid #f2f2f2;
}
#page-content-single .slide-item img {
    top: 0;
    width: 100%;
    height: auto;
    position: absolute;
    z-index: 0;
    margin: 0;
    padding: 0;
    -webkit-transition: top 11s;
    -moz-transition: top 11s;
    -ms-transition: top 11s;
    -o-transition: top 11s;
    transition: bottom 11s;
}
#page-content-single .slide-item:hover img {
    top: -1210px;
    -webkit-transition: all 11s;
    -moz-transition: all 11s;
    -ms-transition: all 11s;
    -o-transition: all 11s;
    transition: all 11s
}




#page-content-single .box-product-info {
    width: 100%;
    background: #fff;
    box-shadow: 0 5px 12px 0 rgb(12 97 242 / 36%);
    border-radius: 5px
}

#page-content-single {
    width: 100%;
    margin-bottom: 30px;
    display: inline-block
}

#page-content-single .box-product-info .product-title h4 {
    text-align: center;
    width: 100%;
    padding: 10px;
    border-bottom: 1px solid #f2f2f2;
    font-size: 18px;
    color: #444;
    margin: 0
}

#page-content-single .box-product-info .product-content {
    width: 100%;
    display: inline-block;
    padding: 15px
}

#page-content-single .box-product-info .product-wrapper {
    width: 100%;
    text-align: center
}

#page-content-single .box-product-info .product-wrapper b {
    color: #ee3523;
    font-weight: 700;
    font-family: Montserrat-Bold !important;
    font-size: 20px
}

#page-content-single .box-product-info .product-wrapper ins span {
    color: #ee3523;
    font-weight: 700;
    font-family: Montserrat-Bold !important;
    font-size: 20px
}

#page-content-single .box-product-info .product-description {
    width: 100%;
    margin-top: 20px;
    color: #444;
    text-align: center;
    font-family: Montserrat-Light;
    font-size: 15px
}

#page-content-single .box-product-info .product-cart {
    text-align: center;
    margin-top: 20px
}

#page-content-single .box-product-info .product-cart a.btn-demo {
    width: 200px;
    padding: 8px 30px;
    display: inline-block;
    text-align: center;
    color: #fff;
    background: var(--bg-gradient);
    border-radius: 50px
}

#page-content-single .box-product-info .product-cart a.btn-register {
    width: 200px;
    padding: 8px 30px;
    display: inline-block;
    text-align: center;
    color: #fff;
    background: var(--bg-hover);
    margin-top: 10px;
    border-radius: 50px
}

#page-content-single .box-product-info .product-cart a.btn-demo:hover {
    background: var(--bg-hover)
}

#page-content-single .box-product-info .product-footer p {
    margin-bottom: 10px;
    font-size: 15px;
    color: #444
}

#page-content-single .box-product-info .product-footer {
    width: 100%;
    display: inline-block;
    padding: 20px;
    border-top: 1px solid #f2f2f2
}

#page-content-single .box-product-info .product-footer p:last-child {
    margin-bottom: 0 !important
}

#page-content-single .box-product-info .product-footer p a {
    color: #ee3523
}
#mobile {
    display: none;
}
/*************** Tieu de bai viet ***************/
.title-text h2 {
    text-align: center;
    color: #fff;
    font-size: 30px;
    opacity: 1;
}
.breadcrumbs a, .breadcrumbs span {
    color: #fff;
    font-family: Montserrat-Light;
    font-size: 15px;
}
#page-title {
    position: relative;
    overflow: hidden;
    padding: 70px 0;
    margin-bottom: 40px;
    background: linear-gradient(to right, #0c61f2 0, #0041b3 100%);
    color: #fff;
}
.page-header {
    text-align: center;
    position: relative;
    z-index: 9;
}


span.price-regular {
    display: block;
    text-align: center;
    color: red;
    font-size: 25px;
    font-weight: 700;
}
span.price-sale {
    text-align: center;
    display: block;
    color: #000000;
    font-size: 16px;
}

/*************** Tin tuc trang chu ***************/

article.box-post .post-item {
    width: 100%;
    background: #fff;
    box-shadow: 0 6px 25px 0 rgb(12 97 242 / 15%);
    border-radius: 5px;
    overflow: hidden;
    transition: .3s ease-in-out;
}
.post-item .post-content {
    width: 100%;
    padding: 15px;
}

.post-item .post-thumbnail {
    width: 100%;
    height: 200px;
    border-radius: 5px 5px 0 0;
    overflow: hidden;
    transition: .3s ease-in-out;
}

.post-content h3 {
  font-size: 14px;
    color: #000000;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 50px;
}

.post-read {
    padding: 1px 15px;
    border: 1px solid #0093ed;
    font-size: 14px;
    display: block;
    border-image-slice: 1;
    color: #0093ed;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    border-radius: 50px !important;
    text-align: center;
    margin: auto;
    width: 125px;
}

.home-sec5 .home-title {
    margin-top: -50px;
}

.home-sec3 {
    background: #f5f5f5;
}
button.btnTv {
    background-image: -webkit-linear-gradient( 
108deg, #2f80ed 0, #56ccf2 100%);
    color: #ffffff;
    border-radius: 6px;
    font-size: 15px;
}




.footer-address p {
    color: #000;
    font-size: 16px;
    margin-bottom: 10px;
    line-height: 25px;
    font-weight: bold;
}

.tzwidget-social i {
    font-size: 45px;
    margin-right: 15px;
    color: #0072ff;
    margin-left: 15px;
    text-align: center;
}

.tzwidget-social {
    margin: auto;
    display: block;
    text-align: center;
}
.anh-lienhe-home {
    text-align: center;
    display: block;
    margin: auto;
}
.tzwidget-social h1 {
    color: #2f9eed;
    text-align: center;
    font-size: 23px;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.footer-address {
    padding-top: 15px;
}

.footer-dichvu-home2 h3 {
    color: #000000;
    font-size: 20px;
}
.footer-menu li a {
    color: #000000;
}

.pricing-table__body li {
    color: #000000;
}


ul.sub-menu.nav-dropdown.nav-dropdown-default {
    background: #05060a94;
        padding: 5px 10px;
}


ul.sub-menu.nav-dropdown a {
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 600;
    text-transform: inherit;
    margin: 5px;
    padding: 5px;

}

.item-reason .cls-5 {
    fill: #9ed5ee;
}

.item-reason .cls-4 {
    fill: #ead57f;
}
.ve-chungtoi-gioithieu h2 {
    color: #000000;
}
.ve-chungtoi-gioithieu p {
    color: #000000;
    font-size: 17px;
    margin-bottom: 6px;
}

.sec1-tranglienhe {
    background-color: #f1fcfb;
    background-image: -moz-linear-gradient(90deg, #f1fcfb 0, #fff 100%);
    background-image: -webkit-linear-gradient(90deg, #dddcdc 0, #fff 100%);
    background-image: -ms-linear-gradient(90deg, #f1fcfb 0, #fff 100%);
    position: relative;
    padding-top: 0;
    padding-bottom: 0;
}
.sec2-tranglienhe {
  background-color: #f1fcfb;
    background-image: -moz-linear-gradient(90deg, #f1fcfb 0, #fff 100%);
    background-image: -webkit-linear-gradient(90deg, #fff 0, #dddcdc 100%);
    background-image: -ms-linear-gradient(90deg, #f1fcfb 0, #fff 100%);
    position: relative;
    padding-top: 0;
    padding-bottom: 0;
}

input#s {
    border-radius: 6px 0px 0px 6px;
}
button.ux-search-submit.submit-button {
    background: #009edf;
    border-radius: 5px;
}
.post-sidebar.large-4.col span.widget-title {
    background: #009edf;
    display: block;
    padding: 10px;
    color: #ffffff;
    border-radius: 10px 10px 0px 0px;
    text-transform: capitalize;
}
.post-sidebar.large-4.col .is-divider.small {
    display: none;
}

.pricing-table__body ul li {
    margin-right: 15px;
        color: #000000;
    font-size: 15px;
    padding: 5px 0px;
}
.footer-logo img {
    width: 200px;
}


.tab-bang-gia-home ul.nav.nav-pills.nav-uppercase.nav-size-normal.nav-center {
    border: 1px #000000 solid;
    width: 350px !important;
    display: block;
    margin: auto;
    border-radius: 80px;
    padding: 3px;
    margin-bottom: 50px !important;
}
ul.nav.nav-pills.nav-uppercase.nav-size-normal.nav-center li a span {
    color: #000000;
    font-size: 14px;
}
ul.nav.nav-pills.nav-uppercase.nav-size-normal.nav-center li.tab.has-icon.active a span {
    color: #ffffff !important;
        padding: 8px 15px;
}

ul.nav.nav-pills.nav-uppercase.nav-size-normal.nav-center li.tab.has-icon.active a {
    background: rgb(255,62,62) !important;
}
.price-hosting-home ul li {
    font-size: 16px;
    text-align: left;
    color: #000000;
    padding: 6px 0px;
}


.img-dv {
    position: absolute;
    bottom: 60px;
    right: 0;
    max-width: 36%;
    max-height: 100%;
}

.item-feature {
    width: 100%;
    display: flex;
}

.item-feature .item-feature__img {
    flex: 0 0 24px;
    margin-top: 5px !important;
}

.tab-product {
    width: 100%;
    display: flex;
    margin-top: 20px;
    justify-content: center
}

.item-feature .item-feature__box {
    margin-left: 10px;
}


.tab-item {
    display: none
}

.tab-product ul li a {
    min-height: 100px;
    padding: 10px;
    text-align: center;
    border-radius: 5px;
    border: 1px solid #f2f2f2;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
    height: 100%;
    overflow: hidden;
    color: #444;
    display: inline-block;
    width: 100%
}

.tab-product ul li {
    margin: 0 !important;
    float: left;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 20px !important;
    max-width: 100%;
    width: 150px !important
}

.tab-product ul li .tab-icon {
    padding-top: 10px !important;
    height: 40px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px
}

.tab-product ul li .tab-title {
    width: 100%;
    margin: 15px 0 0 0;
    font-size: 15px;
    height: 40px
}

.tab-product ul li a:hover {
    border-color: #0093ed;
    background-color: #fff;
    box-shadow: 0 0 21px 0 rgb(0 0 0 / 21%)
}

.tab-product ul li.active a {
    border-color: #0093ed;
    background-color: #fff;
    box-shadow: 0 0 21px 0 rgb(0 0 0 / 21%)
}


.product-item {
    width: 100%;
    display: inline-block
}

.product-item .product-thumbnail {
    padding: 8px;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0 0 25px 0 rgb(0 0 0 / 30%);
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 350px
}

.product-item .product-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top
}

.product-item .product-title h3 {
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    color: #444;
    text-transform: initial
}

.product-item .item-theme__hover {
    background-color: rgba(255, 255, 255, .6);
    position: absolute;
    top: 110%;
    bottom: 0;
    left: 0;
    display: flex;
    right: 0;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.product-item .product-thumbnail:hover .item-theme__hover {
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    top: 0
}

.product-item .item-theme__hover .dual-button {
    display: inline-block
}

.product-item .dual-button .button-detail {
    color: #fff;
    border-radius: 20px 0 0 20px;
    background: var(--bg-gradient) !important
}

.item-feature {
    border: 1px #9b0e00 solid;
    border-radius: 8px;
    padding: 20px 0px;
    height: 180px;
}

.dich-vu-seo-tongthe h3 {
    font-weight: 700;
    color: #000000;
    font-size: 25px;
}
.dich-vu-seo-tongthe ul li {
    padding-left: 25px;
    /* line-height: 35px; */
    color: #000000;
    font-size: 18px;
    padding-bottom: 15px;
}
.dich-vu-seo-tongthe ul li:before {
    content: "\f111";
    font-family: FontAwesome;
    display: inline-block;
    padding-right: 15px;
    vertical-align: middle;
    font-size: 15px;
    margin-top: -4px;
    color: #ff041c;
}


.tai-sao-can-dvseo-tongthe h2 {
    font-weight: 700;
    color: #000000;
    font-size: 25px;
}
.tai-sao-can-dvseo-tongthe ul li {
    padding-left: 25px;
    /* line-height: 35px; */
    color: #000000;
    font-size: 18px;
    padding-bottom: 15px;
}
.tai-sao-can-dvseo-tongthe ul li:before {
    content: "\f111";
    font-family: FontAwesome;
    display: inline-block;
    padding-right: 15px;
    vertical-align: middle;
    font-size: 15px;
    margin-top: -4px;
    color: #ff041c;
}



.loi-ich-dichvu h2 {
    font-weight: 700;
    color: #000000;
    font-size: 25px;
}
.loi-ich-dichvu ul li {
    padding-left: 25px;
    /* line-height: 35px; */
    color: #000000;
    font-size: 18px;
    padding-bottom: 15px;
}
.loi-ich-dichvu ul li:before {
    content: "\f111";
    font-family: FontAwesome;
    display: inline-block;
    padding-right: 15px;
    vertical-align: middle;
    font-size: 15px;
    margin-top: -4px;
    color: #ff041c;
}

/* Dịch vụ quảng cáo */

.quangcao-sec1 {
    background-image: -webkit-linear-gradient( 
272deg, #8effff 0, #b9e9dc 100%);
}
.bannner-quangcao {
    padding-top: 80px;
}
.bannner-quangcao h2 {
    color: #000000;
    font-weight: 700;
    font-size: 30px;
}
.bannner-quangcao p {
    color: #000000;
    font-size: 16px;
}
.accordion.quangcao-accordion a {
    background: #d55a5a;
    color: #ffffff;
    font-size: 16px;
}
.accordion.quangcao-accordion p {
    color: #000000;
    margin-bottom: 0px;
}
.accordion.quangcao-accordion .accordion-inner {
    border: 1px #000000 solid;
}
.quangcao-sec3 {
    background-image: -webkit-linear-gradient( 
90deg, #dbfaff 0, #fff 100%);
    background-image: -ms-linear-gradient(90deg, #f1fcfb 0, #fff 100%);
    position: relative;
    padding-top: 0;
    padding-bottom: 0;
}
.chon-quangcao-gsun {
    border: 1px #9b0e00 solid;
    border-radius: 8px;
    padding: 3px 10px;
    height: 180px;
}
.chon-quangcao-gsun {
    border: 1px #9b0e00 solid;
    border-radius: 8px;
    padding: 10px 10px;
    /* height: 180px; */
}
.chon-quangcao-gsun h3 {
    color: red;
    font-size: 18px;
}
.chon-quangcao-gsun p {
    margin-bottom: 0px;
    color: #000000;
    font-size: 16px;
}
.quangcao-sec4 {
    background-image: -webkit-linear-gradient( 
272deg, #ed8869 0, #b99554 100%);
}
.quangcao-sec4 .col.medium-8.small-12.large-8 {
    padding-bottom: 0px;
}
.quangcao-sec4 .col.medium-4.small-12.large-4 {
    padding-bottom: 0px;
}
.quangcao-sec4 h3 {
    color: #ffffff;
    margin: 0px;
    font-size: 24px;
}
.btn-quangcao {
    background: #03a84e;
}
.dichvu-quangcao-ads {
    border: 1px #25ff2c solid;
    border-radius: 10px;
}
.dichvu-quangcao-ads .box-text-inner {
    height: 75px;
}
.dichvu-quangcao-ads h4 {
    color: red;
    font-size: 17px;
}
.dichvu-quangcao-ads p {
    color: #000000;
    font-size: 14px;
}
.thiet-ke-web-sec1 h2 {
    color: #000000;
    font-size: 24px;
}
.thiet-ke-web-sec1 p {
    color: #000000;
    font-size: 16px;
}
.thiet-ke-web-sec2 .col.small-12.large-12 {
    padding: 0px;
}
.thiet-ke-web-sec2 h3 {
    text-align: center;
    color: #ffffff;
    font-size: 18px;
}
.thiet-ke-web-sec2 b {
    color: red;
}
.thiet-ke-web-sec3 h2 {
    color: #000000;
    font-size: 19px;
}
.thiet-ke-web-sec3 ul li {
    list-style: disc;
    color: #000000;
    font-size: 18px;
}
.thiet-ke-web-sec4 h2 {
    color: #000000;
    font-size: 22px;
}
.thiet-ke-web-sec4 ul li {
    list-style: disc;
    color: #000000;
    font-size: 18px;
}
.thiet-ke-web-sec5 p {
    color: #000000;
    margin: 0px;
    font-size: 20px;
}
.thiet-ke-web-sec5 p:before {
    content: "\f111";
    font-family: FontAwesome;
    display: inline-block;
    padding-right: 10px;
    vertical-align: middle;
    margin-top: -3px;
    font-size: 16px;
    color: red;
}
.thiet-ke-web-sec5 ul li {
    color: #000000;
    font-size: 15px;
}
.thiet-ke-web-sec6 h3 {
    color: #000000;
    font-size: 20px;
}
.thiet-ke-web-sec6 ul li {
    color: #000000;
    font-size: 16px;
    padding-bottom: 7px;
    list-style: disc;
}

.contact-info-uyvu h2 {
    color: #000000;
    font-size: 25px;
}

.contact-info-uyvu p {
    color: #000000;
    font-size: 16px;
}


  /* GIOI THIEU */

.gioithieu-sec-1 h2 {
    color: #1E2D3B;
    font-size: 25px;
}
.gioithieu-sec-1 p {
    color: #1E2D3B;
    font-size: 17px;
    margin-bottom: 10px;
}
.gioithieu-congty p {
    color: #000000;
    font-size: 17px;
}
.gioithieu-sec-2 h2 {
    color: #1E2D3B;
    font-size: 25px;
}
.gioithieu-column.medium-5 {
    background: #ffffff;
    border-left: 10px #ea5224 solid;
    border-top: 10px #ea5224 solid;
    border-right: 1px #ea5224 solid;
    border-bottom: 1px #ea5224 solid;
    border-radius: 15px;
}
.gioithieu-column.medium-7 {
    border-radius: 10px;
}
.gioithieu-column {
    background: #ffffeb;
    padding: 25px;
}
.gioithieu-sec-3 p {
    font-size: 16px;
    color: #1E2D3B;
}
.gioithieu-sec-4 h2 {
    text-align: center;
    color: #1E2D3B;
    font-weight: 700;
}

.box-tamnhin {
    border-left: 6px #ea5224 solid;
    padding-left: 20px;
    border-radius: 10px;
}
.box-tamnhin h3 {
    font-size: 24px;
    color: #1E2D3B;
}
.box-tamnhin p {
    color: #1E2D3B;
    font-size: 16px;
}
.box-sumenh {
    border-right: 6px #ea5224 solid;
    border-radius: 10px;
}
.box-sumenh h3 {
    font-size: 24px;
    color: #1E2D3B;
}
.box-sumenh p {
    color: #1E2D3B;
    font-size: 16px;
}

  /* LIEN HE */

.lienhe-sec1 h5 {
    color: #ffffff;
    font-size: 23px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
.lienhe-sec2 h4 {
    font-size: 24px;
    color: #000000;
}
.lienhe-sec2 p {
    color: #000000;
    font-size: 17px;
}
.lienhengay-seclh {
    text-align: center;
    color: #000000;
}
.lienhe-sec-fw {
    background: #ffffff;
    border-radius: 10px;
}

  /* CHAM SOC WEBSITE */
.cham-soc-website-sec1 h2 {
    color: #000000;
}
.cham-soc-website-sec2 p {
    color: #000000;
    font-size: 18px;
    text-align: center;
    margin: 0px;
}
.cham-soc-website-sec3 h3 {
    color: #000000;
    font-size: 22px;
}
.cham-soc-website-sec3 p {
    color: #000000;
    font-size: 18px;
}
.cham-soc-website-sec4 h3 {
    font-size: 22px;
    color: #000000;
}
.cham-soc-website-sec4 p {
    color: #000000;
    font-size: 16px;
}
.cham-soc-website-sec5 h3 {
    color: #000000;
    font-size: 20px;
}

.acco-dich-vu-web a {
    background: #d55a5a;
    color: #ffffff;
    font-size: 16px;
}

.acco-dich-vu-web .accordion-inner {
    border: 1px #000000 solid;
}
.acco-dich-vu-web p {
    color: #000000;
    margin-bottom: 0px;
}

.cham-soc-website-sec6 h3 {
    color: #000000;
}
.cham-soc-website-sec6 p {
    color: #000000;
    font-size: 18px;
}

  /* NOI DUNG WEBSITE */
.noidungweb-sec1 h2 {
    color: #000000;
    font-size: 25px;
}
.noidungweb-sec1 p {
    color: #000000;
    font-size: 18px;
}
.noidungweb-sec2 h3 {
    color: #000000;
    font-size: 20px;
}
.noidungweb-sec2 p {
    color: #000000;
    font-size: 17px;
}
.noidungweb-sec3 h3 {
    color: #000000;
    text-align: center;
    font-size: 24px;
}

.noidungweb-sec3 h4 {
    color: #000000;
    font-size: 17px;
    margin-bottom: 5px;
}
.noidungweb-sec3 ul li {
    color: #000000;
    font-size: 15px;
    margin-left: 0px;
}
.noidungweb-sec3 .box.has-hover.has-hover.box-vertical.box-text-bottom {
    background: #f3f3f3;
    height: 180px;
}
.noidungweb-sec4 h3 {
    color: #000000;
    text-align: center;
    font-size: 22px;
}
.noidungweb-sec4 ul li {
    color: #000000;
    font-size: 17px;
}

.box-gia-noidungweb {
    border: 1px #cbc9c9 solid;
    border-radius: 10px;
}
.box-gia-noidungweb h4 {
    text-align: center;
    color: #000000;
    font-size: 16px;
}
.box-gia-noidungweb h3 {
    text-align: center;
    color: red;
    font-size: 16px;
}
.box-gia-noidungweb ul li {
    color: #000000;
    font-size: 15px;
    margin-left: 0px;
}

  /* DICH VU DIGITAL */

.dich-vu-digital-1 h3 {
    font-size: 28px;
    color: #000000;
}
.dich-vu-digital-1 p {
    color: #000000;
    font-size: 17px;
    margin: 0px;
}
.dich-vu-digital-2 h3 {
    color: #000000;
    font-size: 22px;
}
.dich-vu-digital-2 p {
    color: #000000;
    font-size: 16px;
}
.tabBtn {
    padding: 2px 15px;
    border: 1px solid #0093ed;
    font-size: 15px;
    display: inline-block;
    border-image-slice: 1;
    color: #0093ed;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    border-radius: 50px !important;
    margin: auto;
    display: block;
    width: 122px;
    text-align: center;
}
.tabBtn a
{
        color: #0093ed;
}
.message-noti {
    text-align: center;
    color: red;
    font-size: 15px;
}
span.widget-title {
    display: block;
    background: #eedc44;
    color: #000000;
    padding: 10px;
    border-bottom: 3px solid #00bfb2;
    margin-bottom: 10px;
}
div#content .is-divider.small {
    display: none;
}
.dichvu-quangcao-ads img {
    height: 200px;
    object-fit: contain;
}