/*
*	Custom CSS by Shost.vn
*	Công ty cổ phần W2W
*	ĐT:	
*		Mr. Dũng	: 	0979053452 - 0938423453
*			
*	Email: info@shost.vn
*	Website: https://shost.vn
*/
/*
	Format
*/
:root{
	--secondary-color:#f06425;
}
.red {color:#f00;}
.dpt-button {
	background: linear-gradient(141deg,#f06425,#fdcc0d);
}

.btn-login {
    justify-content: center;
    background-color: var(--primary-color);
    cursor: pointer;
    width: 155px;
    border-radius: 8px;
}
.stuck .header-main .nav > li > a.btn-login, .header-main .nav > li > a.btn-login{
	line-height:0;	
}
.col-inner ul li, .col-inner div ul li {
    margin-left: 0;
}
.scroll {
    animation: scroll 15s linear infinite;
}
/** Main Menu **/
.dpt-mega-menu {
	border-top: 2px solid;
	border-image-slice: 1;
	border-image-source: linear-gradient(to right bottom, var(--secondary-color), var(--primary-color));
}
.dpt-mega-menu .section-title-container {
    margin-bottom: 0;
}
.dpt-mega-menu  .section-title-normal {
    border-bottom: 2px solid  var(--primary-color);
}
.dpt-mega-menu  .section-title-normal span.section-title-main{
	border-bottom:2px solid var(--secondary-color);
}
.nav-dropdown .dpt-mega-menu { color: #000; }
.section-title span.section-title-main {
    text-transform: none;
}
.search_home .searchform {
    background: #FFF;
    border-radius: 30px;
    padding: 5px;
}
.search_home input[type=text] {
    border: none;
    border-radius: 30px;
    box-shadow: none;
}
.search_home .searchform input:not([type=submit]){
	background-color:#fff;
}
.search_home .searchform .submit-button i{
	color:var(--secondary-color);
}
/** Slider Domain **/
.slide-ten-mien .slick-prev, .slide-ten-mien .slick-next{
	top: 66%;
}
.slide-ten-mien .box_item {
    font-size: 14px;
    text-align: center;
    margin-bottom: 0;
}
.slide-ten-mien span.domain {
    background: -webkit-linear-gradient(45deg, var(--secondary-color), var(--primary-color));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 35px;
    font-weight: bold;
    line-height: 1;
}
.slide-ten-mien .slick-prev:before {
    display: inline-block;
    content: "";
    width: 15px;
    height: 15px;
    background: url(../images/prev_b.png) no-repeat center;
    background-size: contain;
    z-index: 99;
}
.slide-ten-mien .slick-next:before {
    display: inline-block;
    content: "";
    width: 15px;
    height: 15px;
    background: url(../images/next_b.png) no-repeat center;
    background-size: contain;
    z-index: 99;
}
/**Custom post**/
.shostvn-coupon-style{border-style: dotted;border-color: red;background-color: #ffe5e5 !important;}
.shostvn-coupon-style p, .shostvn-coupon-style h2{margin-bottom: 0em;}
/* .article-inner h2{font-size: 2rem !important;} */
/* .article-inner h3{font-size: 1.6rem !important;} */
/* .article-inner h4{font-size: 1.2rem !important; color:#0063ad;} */
/* .article-inner .has-text-align-right {text-align: right !important;} */
/* .article-inner .has-text-align-center {text-align: center !important;} */
.article-inner ul {
    display: block;
    list-style-type: disc !important;
    padding-inline-start: 10px;
}
.article-inner ol {
    display: block;
    list-style-type: decimal !important;
    padding-inline-start: 10px;
}
.article-inner li{margin-bottom: 0px;}
.article-inner .wp-block-pullquote p{font-size: 1em;}
.article-inner .wp-block-image figcaption, .article-inner .wp-block-table figcaption {
	text-align: center;
	font-size: 14px;
}
.article-inner .xem-them ul {
    padding-inline-start: 10px;
}
.article-inner i {
	color:#0063ad;
	font-size: 30px;
    margin-right: 10px;
}
.article-inner .wp-block-group p{
  margin-bottom: 0em;
}
.posted-on > i, .meta-author > i{
	margin: 0 1px 0 1px;
}
.article-inner .entry-meta i {
	color: gray;
	font-size: 14px;
}
.article-inner .blocks-gallery-grid{
	display: flex;
  flex-wrap: nowrap;
  list-style-type: none !important;
  padding: 0;
  margin: 0;
}
.article-inner .entry-category a {
  color: #ffffff;
  background-color: #0778e5;
  padding: 5px 10px;
  font-weight: 400;
}
.shostvn-btn-zalo{
	width:20px;
	margin-top: 10px;
	margin-bottom: 2px;
}
.shostvn-btn-zalo:hover{
	content: url('/wp-content/uploads/2021/10/zalo-icon-hover.svg');
}
.label-sale.menu-item>a:after{
	background-color: #5bbf1b !important;
}
.label-sale.menu-item > a:after{
	content: "Giảm giá" !important;
}
.label-hot.menu-item > a:after{
	content: "Nổi bật" !important;
}
.blocks-gallery-grid.columns-3 .blocks-gallery-image, .blocks-gallery-grid.columns-3 .blocks-gallery-item, .wp-block-gallery.columns-3 .blocks-gallery-image, .wp-block-gallery.columns-3 .blocks-gallery-item{
	width: calc(33% - .75em);
    margin-right: 1em;
}
.breadcrumbs{
	color: rgba(102,102,102,.7) !important;
    font-weight: 400 !important;
}
.shostvn-title{
	background-color: #f9f9f9;
}
.shostvn-title-inner{
	padding-bottom: 10px;
}
.shostvn-title .page-title-inner{
    padding-top: 10px;
}
.shostvn-title .rank-math-breadcrumb a {
    color: #334862 !important;
}
.article-inner .entry-category{
	font-weight: 700 !important;
}
.article-inner .entry-header-text .entry-category {
    color: #fff;
}
.shostvn-loader-text { 
  text-shadow: 2px 1px 5px grey; 
  font-size: 4em; 
  text-align: center; 
  animation: pulsate 0.5s ease-in-out infinite both; 
}
@keyframes pulsate { 
  0% { 
    transform: scale(1); 
  } 
  50% { 
    transform: scale(0.9); 
    color:blue; 
  } 
  100% { 
    transform: scale(1); 
    color: grey; 
  } 
}

/*#wdc-style #Search,#wdc-style button#Submit{font-family: 'Utm avo regular', sans-serif; font-size: 1.2rem !important;}*/
/*#wdc-style > div{
	position: absolute;
	width: 100%;
}*/


.icon-box-text h5{
    font-weight: bold !important;
}

.header-wrapper .nav-small.nav>li.html{font-size: 1em;}
.nav-top-link i {padding-top: 3px;}
.shostvn-title-h2{font-size: 1.2rem !important;}
.shostvn-title-h3,.shostvn-title-h4{font-size: 1.25rem;}
.shostvn-color-primary{color: #0778e5;}
.banner h4{margin-top: 0em !important; margin-bottom: 0em !important; font-weight: 400 !important;}
.shostvn-border-img img{border-radius: 5px;}
pre, blockquote, form, figure, dl, ul, ol{
    margin-bottom: 0 !important;
}
ul ul, ul ol, ol ol, ol ul{margin: 0 !important;}
ol, ul{list-style:none !important;}
.wp-block-group{
	background-color: #f5f5f5;
    padding: 15px;
    border-radius: 5px;
    margin-bottom: 10px;
}
.shostvn-plan-next-arrow{
  animation: slide1 1s ease-in-out infinite;
  margin-left: 9px;
  font-size: 30px;
  color: var(--secondary-color);
}
@keyframes slide1 {
  0%,
  100% {
    transform: translate(0, 0);
  }

  50% {
    transform: translate(10px, 0);
  }
}
@-webkit-keyframes ring {
  0% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  2% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  4% {
    -webkit-transform: rotate(-18deg);
    transform: rotate(-18deg);
  }

  6% {
    -webkit-transform: rotate(18deg);
    transform: rotate(18deg);
  }

  8% {
    -webkit-transform: rotate(-22deg);
    transform: rotate(-22deg);
  }

  10% {
    -webkit-transform: rotate(22deg);
    transform: rotate(22deg);
  }

  12% {
    -webkit-transform: rotate(-18deg);
    transform: rotate(-18deg);
  }

  14% {
    -webkit-transform: rotate(18deg);
    transform: rotate(18deg);
  }

  16% {
    -webkit-transform: rotate(-12deg);
    transform: rotate(-12deg);
  }

  18% {
    -webkit-transform: rotate(12deg);
    transform: rotate(12deg);
  }

  20% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}


.footer-wrapper>.dark .ux-menu-link__link{font-size: 15px; font-weight: 300; color: #ffffffb6 !important; min-height: 2em; padding-top: 0; padding-bottom: 0;}
.footer-wrapper h5{font-weight: 600 !important;}
.header-block .button{margin-bottom: 0em;}
.header-block .ux-menu-link__link{min-height: 2em; }
.tab-panels .row-large>.col{padding: 0;}
.sub-menu-p{color: #c7c7c7;}
.post-sidebar{padding: 0 10px 10px !important;}
.shostvn-link-plan{color: #43414e;text-decoration: revert;}
img.size-full.alignnone{margin-bottom: 0 !important;}



.text-justify{text-align:justify;}

.nav-dark a.plain:hover,.off-canvas-center.mfp-bg.mfp-ready{opacity:1 !important;}
.dark .nav>li>a:hover, .dark .nav>li.active>a, .dark .nav>li>a.active .nav-dark .nav>li.current>a, .nav-dropdown.dark>li>a:hover, .nav-dropdown.dark .nav-column>li>a:hover, .nav-dark a.plain:hover, .nav-dark .nav>li>a.active{color: #fed445 !important;}
/**header main**/
.nav-dark .is-outline, .dark .nav > li > a, .dark .nav > li.html, .dark .nav-vertical li li.menu-item-has-children > a, .dark .nav-vertical > li > ul li a, .nav-dropdown.dark > li > a, .nav-dropdown.dark .nav-column > li > a, .nav-dark .nav > li > button {color: rgb(255, 255, 255) !important;}
html.pum-open.pum-open-overlay-disabled.pum-open-scrollable .pum-overlay.pum-active{position: absolute !important;}
.shostvn-button-search-wiki{
	position: absolute !important;
    background: linear-gradient(141deg,var(--secondary-color),var(--primary-color));
    color: #fff !important;
    padding: 13px 13px !important;
    border-radius: 50px !important;
    margin-left: 111px !important;
    margin-top: -45px !important;
    border: none !important;
    transition: all .3s !important;
    line-height: 10px !important;
}
.shostvn-input-search-wiki{
	background-color: #fff !important;
    border-radius: 5px !important;
    color: #666 !important;
    font-size: 16px !important;
    height: 3em !important;
    font-weight: normal !important;
    margin: 0px 0 0px 0 !important;
    outline: none !important;
    border: 1px solid #0087ef !important;
}
.shostvn-logo-khach-hang-box{
	margin-top: 5px !important;
	border-radius: 8px;
	box-shadow:  0 0 20px 0 rgb(0 0 0 / 8%);
  background-color: #fff;
}
.shostvn-logo-khach-hang-box .box-text{
border-radius: 0px 0px 8px 8px;
}
.shostvn-post-layout .box-blog-post .is-divider {
    display: none;
}
/*.sub-menu input[type=search]{
	padding-left: 10px !important;
}*/

.header-inner.flex-row.container.logo-left.medium-logo-center, .header-inner.flex-row.container {
    padding-left: 15px;
    padding-right: 15px;
}
.header-main li.html.custom{
  display: block !important;
}
.off-canvas-center.mfp-bg.mfp-ready{
	background-image: url('../images/shostvn-logo-icon-menu-mobile.svg');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: bottom;
}

.row .gallery, .row .row:not(.row-collapse), .container .row:not(.row-collapse), .lightbox-content .row:not(.row-collapse){margin-left: auto !important; margin-right: auto !important;}
.col-menu-bar-non-bottom{padding: 0 15px 0px !important;}
.post-item{padding: 0 0px 30px !important;}

body.home.page-template.page-template-page-transparent-header-light .header-top{
    background: #0778e500;
}
/*body.home.page-template .nav-line-bottom > li > a:before{
	background-color: #fff !important;
}*/
.shostvn-thiet-ke-website-menu a{
	padding-right: 4px !important;
}

.has-dropdown .icon-angle-down{
  font-weight: 700 !important;
  padding-top: 2px;
}
.shostvn-icon-login{
	color: #0778e5;
}
.nav-dark .shostvn-icon-login{
	color: #fff;
}
.shostvn-h2-homepage {font-size: 1.25em;}
.is-sticky-column__inner{top: 70px !important;}
.wp-block-image{padding-bottom: 30px;}

/*.header-main .header-nav > li.current-dropdown > .nav-dropdown > li > a{color:#fff;}*/
/**Mobile Navigation**/
.post_comments{display: none !important;}
.header-block-block-1{width: 100%;}
.momo_logo{
	background-color: #a50064;
    width: 55px;
    height: 55px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 40px;
    margin: 0!important;
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap;
}
.momo__logo {
    width: 40px;
    height: 40px;
    color: #fff;
}
.mobile-nav .section-title-normal{border-color:#28f !important;}
.mobile-nav .section-title-normal span{border-color:#0164AE !important;}
.shostvn-image-border{
	border: 10px solid #fff;
	border-radius: 20px;
}
.banner-homepage{
  margin-bottom: 5px;
}
.banner-homepage .nha-dang-ky-homepage{
  font-size: 1rem !important;
  letter-spacing: 5px;
  font-weight: 600;
  background-image: linear-gradient(to right, #f8ba16, #fccb0d);
  color: #fff;
  padding: 5px 20px;
  border-radius: 5px;
}
table{border-radius: 10px;}
/**Mobile Navigation**/
/* Animate Background Image "Lưu trữ số"*/

/** Home Greetings **/
.greeting {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}
.greeting__emoji {
    font-size: 2.5rem;
    margin-right: 1rem;
    width: 80px;
    height: 80px;
    position: relative;
}
.greeting__text {
    font-size: 1rem;
    line-height: 1.5rem;
    max-width: 485px;
}
.back-to-top{
	box-shadow: rgb(0 0 0 / 16%) 0px 2px 10px 0px !important;
}
.back-to-top.active {
    bottom: 100px;
    right: 20px;
    background-color: #5bbf1b !important;
    color: #fff;
    border: none !important;
    min-width: 3.9em !important;
    min-height: 3.9em !important;
}
.back-to-top.button.icon i {
    font-size: 2.7em !important;
    top: 2.5px;
}
.back-to-top.active{font-size: 1em;}
.shostvn-header-bg{background: linear-gradient(to bottom, #0c36d6, #0063ad);}
.shostvn-banner-bg{background: linear-gradient(141deg,var(--secondary-color),var(--primary-color));}
.shostvn-feature-bg{background: linear-gradient(to left, #3a9bd5, #0063ad);}
.shostvn-footer-bg{background: linear-gradient(to left, #0773b3, #012038);}
.shostvn-footer-bg-v2{background-color: #00103b !important;}
.shostvn-footer-contact-bg, .shostvn-header-contact-bg{background: linear-gradient(141deg,#f06425,#fdcc0d);}
.shostvn-footer-contact-bg-v2{background: linear-gradient(141deg,#f7b719,#fdd847);}

/*==Header Service==*/
.shostvn-wordpress-hosting-bg-banner{background: linear-gradient(141deg,var(--secondary-color),var(--primary-color));}
/* .shostvn-dang-ky-ten-mien-bg-banner{background: linear-gradient(43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%);} */
.shostvn-toi-uu-wordpress-bg-banner{background: linear-gradient(141deg,#5af3b7,#07b16f);}
.shostvn-quan-tri-wordpress-bg-banner{background: linear-gradient(141deg,#e900ed,#ff861a)}
.shostvn-cloud-server-bg-banner{background: linear-gradient(225deg, #FF3CAC 0%, #784BA0 50%, #2B86C5 100%);}
.shostvn-microsoft-365-banner{background: linear-gradient(147deg,#FFF4ED 80%,#FFF 100%)}
.shostvn-microsoft-email-exchange-banner{background: linear-gradient(19deg, #21D4FD 0%, #B721FF 100%)}
.shostvn-bang-gia-website-bg-banner{background: linear-gradient(141deg,#5af3b7,#07b16f)}
.shostvn-ssl-bg-banner{background: linear-gradient(141deg, #00d2ff, #3a7bd5)}
.shostvn-p-banner{margin-bottom: 0px; letter-spacing: .05em;}
.ux-body-overlay{background-color:rgba(0,0,0,0.75) !important;}
.off-canvas-center .mfp-content{padding-top: 0px !important;}
.off-canvas .nav-vertical>li>a{padding-top: 0px !important; padding-bottom: 0px !important;}
.mfp-content{vertical-align: top !important;}
.off-canvas-right.dark .mfp-content, .off-canvas-left.dark .mfp-content{background: linear-gradient(to bottom, #3a9bd5, #0063ad);}
.off-canvas:not(.off-canvas-center) li.html{padding: 0px !important;}
.mega-hosting a:hover{color:#2288ff !important;}
.related-services li {margin-left: 0 !important;}
.dark .button.is-link:hover {color: #43414e !important;}
/*.col, .gallery-item, .columns{padding: 0 6px 10px !important;}*/
.wp-block-table.is-style-stripes{border-bottom: 0px;}
.shostvn-text-color-gold{background-image: linear-gradient(to left, #ff9207, #f8e47e);-webkit-background-clip: text !important;color: transparent !important;line-height:1.5 !important;}
.shostvn-blogpost .post-title {min-height: 65px;}
.box-push .box-text{
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
	border-radius:10px;
}
.blog-archive .box.box-vertical {border: 1px solid #ececec;}
.blog-archive .box-vertical .box-text{vertical-align:top;}
.section-title a{font-size:1rem !important;font-weight: 600;}
.recent-blog-posts a {font-size:90%;}
.entry-content.single-page p {text-align: justify;}
.entry-content.single-page blockquote {padding: 1em 1.25em 1em 1.875em; border-left: 4px;}

.has-drop-cap::first-letter {    
    float: left;
    font-size: 3.8rem;
    line-height: 0.65;
    margin: 0.05em 0.1em 0.2em 0;
    background: #0164AD;
    padding: 15px;
    color: #fff;
}
.star-rating{font-size:26px !important;}
.star-rating span::before{color: #FFCC00 !important;}

/*==Related Posts==*/
.xem-them{
	border: #0265AE solid 1px;
	border-radius: 4px;
	padding: 15px 0 0;
	position: relative;
	overflow: visible;
	margin: 30px 0 0;
	width: 100%;
}
.xem-them .tieu-de-xem-them {
	background: #0265AE;
	border-radius: 13px;
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	position: absolute;
	top: -13px;
	left: 10px;
	vertical-align: middle;
	line-height: 26px;
	clear: both;
	padding: 0 15px;
	text-transform: uppercase;
}
.list-news{padding:10px 0;}
.xem-them ul li {
    margin-bottom: 3px;
}
.xem-them ul li a {
    font-weight: 400;
    font-size: 16px;    
}
.xem-them ul li a:hover {
    
}
.blog-single .entry-meta {
    text-transform: none;
    font-size: 14px;
    letter-spacing: 0;
    color: gray;
    border: 1px solid #e2e2e2;    
    padding: 10px;
    background: #f9f9f9;
    border-radius: 5px;
}
.danh-muc {
    margin-bottom:0;
}
.danh-muc span.title, .the-tim-kiem span.title {
    border-radius: 4px;
    background: #0265AE;
    padding: 4px 10px;
    color: white;
    margin-right: 5px;
}
.danh-muc a, .the-tim-kiem a {line-height:32px;
    border-radius: 4px;
    margin-bottom: 10px;
    padding: 4px 10px;
    background: #dedede;
    color: #464646;
}
.danh-muc a:hover, .the-tim-kiem a:hover {
    background: #3a9bd5;
    color: white;
}
.bai-viet-lien-quan {
    margin-top: 15px;
}
.bai-viet-lien-quan h3 {
    font-size: 19px;
    color: black;
}
.bai-viet-lien-quan ul {
    margin-bottom: 0;
    display: inline-block;
    width: 100%;
    padding-inline-start: 0px;
}
.bai-viet-lien-quan ul li {
    list-style: none;
    width: 31%;
    color: graytext;
    float: left;
    padding-left: 4px;
    padding-right: 5px;
    margin-bottom: 0;
}
.bai-viet-lien-quan ul li .box-image img {
    object-fit: cover;
    object-position: center;
    height: 170px;
}
.bai-viet-lien-quan h4 {
    font-size: 1rem !important;
    color: #43414e; 
    line-height: 19px;
    padding-top: 7px;
    height: 64px;
    overflow: hidden;
    font-weight: 600;
}
/*==Related Posts==*/
.section-related-wrap {
    border-bottom: 2px solid #185FB2;
    margin-bottom: 15px;
    display: flex;
}
.section-related-wrap h3.section-related-title {
    margin: 0;
    font-size: 16px;
    line-height: 22px;
    display: inline-block;
    padding-bottom: 0;
}
.section-related-wrap h3.section-related-title :after {
    content: "";
    width: 0;
    height: 0;
    border-top: 49px solid transparent;
    border-left: 20px solid #185FB2;
    border-bottom: 0px solid transparent;
    border-right: 0 solid transparent;
    position: absolute;
    top: 0px;
    right: -20px;
}
.section-related-wrap h3.section-related-title span {
    background: #185FB2;
    padding: 13px 20px 13px;
    color: white;
    position: relative;
    display: inline-block;
    margin: 0;
}
.shostvn-input-call-back{
	background-color: #fff !important;
    width: 94% !important;
    border: none !important;
    height: 30px !important;
    padding: 5px 10px 5px 10px !important;
    border-radius: 5px !important;
}
.shostvn-chon-tu-van{padding-bottom: 10px;}

/*.shostvn-col-plan{padding: 0 5px 20px !important;}*/
.shostvn-domain-info{text-align: center;}
.shostvn-domain-info li {
	color:#051646;
    display: inline-block;
    margin-bottom: 0;
    padding-right: 30px;
    border-right: 1px solid rgba(71,93,255,.25);
}
.shostvn-domain-info li:last-child {
    margin-right: 0;
    border-right: 0;
    border-right: 0;
}
.shostvn-domain-info li img {
    margin-right: 14px;
}
.shostvn-search-section .search-col .col-inner{
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}
.shostvn-search-section:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 75px;
    bottom: 10px;
    width: 100%;
    background-image: url("../images/cloude-img.png"); 
}
.section-gradient{
    background-color: transparent;
    background-image: linear-gradient(100deg, #099dfe 0%, #002694 95%);
}
.section-gradient-1{
    background-color: transparent;
	background-image: linear-gradient(300deg, #099dfe 0%, #002694 90%);
}
.hosting-service > .hover:hover{
	background:rgba(34, 136, 255, 0.1);
	color:#555;
	cursor:pointer;
	border-radius:5px;
}
.entry-title{font-size: 2rem !important;}
.hosting-service > .hover a h3{	
	color:#555;
}
.hosting-service > .hover:hover a h3{	
	color:#555;
}
.hosting-service > .hover:hover a:hover h3{	
	color:#28f;
}
/** Bảng giá tên miền **/
.shost-domain-pricing {
    background: #fff;
    padding: 0;
    margin-bottom: 40px;
}
.shost-domain-pricing table {
    border-collapse: collapse;
    table-layout: fixed;
    width: 100%;
    border: none;
    border-radius: 5px;
}
.shost-domain-pricing table tbody {
    width: 100%;
    height: 88%;
    border: 1px solid #D5DBE0;
    border-radius: 5px;
}
.shost-domain-pricing th.priceheader {
    width: 65%;
    position: relative;
    background: transparent;
    padding: 0 0 20px 25px;
}
.shost-domain-pricing th.priceheader img {
    float: left;
    margin-right: 20px;
}
.shost-domain-pricing th.priceheader h3 {
    padding: 17px 20px;
    font-size: 30px;
    font-weight: bold;
}
.shost-domain-pricing thead tr th {
    font-size: 16px;
    font-weight: 700;
    border-left: 0;
    border-right: 0;
    width: 15%;
    padding-left: 10px;
    padding-right: 10px;
}
.shost-domain-pricing thead tr th:last-child {
    padding-right: 10px;
}
.shost-domain-pricing tbody tr:nth-child(2n+0) {
    background: #f2f2f2;
}
.shost-domain-pricing tbody tr td {
    padding: 17px 10px;
	color:#000;
    font-size: 18px;
    position: relative;
    word-break: break-word;
    border-left: 0;
    border-right: 0;
    width: 210px;
}
.shost-domain-pricing tbody tr td .old {
    text-decoration: line-through;
    margin-right: 5px;
    font-weight: 400;
    font-size: 16px;
}
td.default {
    display: table-cell;
}
/** Style for 2025 **/
.col-inner .package-features li, .package-features li {
    display: flex;
    justify-content: space-between;
}
.ssl-plan .slick-slide>.row>.col>.col-inner {
    min-height: 426px;
}
.exchange-plan .slick-slide>.row>.col>.col-inner {
    min-height: 362px;
}
/** End Style 2025 **/
/**Content**/
.sticky {
	background:#f2f2f2;
	position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
	z-index:999;
	animation: smoothScroll 1s forwards;
}
@keyframes smoothScroll {
	0% {
		transform: translateY(-40px);
	}
	100% {
		transform: translateY(0px);
	}
}
.shostvn-from {
    color: #0c5adb;    
    font-size: 42px;
    font-weight: 700;
    line-height: 52px;
}
.shostvn-price-old{
	font-size:1.3rem;
	text-decoration: line-through;
	color: #9b9b9b;
}
.dark .shostvn-price-old {
  color: #ffffff78;
}
.shostvn-price-box .shostvn-price {
    color: #E82428;    
    font-size: 30px;
    font-weight: 700;
    margin-left: 5px;
}
.shostvn-price-box .shostvn-price-dvt {
   font-size: .85em;
}
.dark .shostvn-price-box .shostvn-price, .dark .shostvn-price-value, .dark .fa-question-circle, .dark .shostvn-price-value-gif {
    color: var(--secondary-color);
}
.save-off{
    color: #d70018;
    font-weight: 700;
}
.shostvn-btn-dang-ky {
	margin: 0 1em 0 1em !important;
    width: auto !important;
}
.shostvn-nvme-text{
  background: linear-gradient(141deg,var(--secondary-color),var(--primary-color));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: bolder;
}
.dark .shostvn-nvme-text {
  background: linear-gradient(141deg,#ffffff,#00ccf8);
  -webkit-background-clip: text;
}
.shostvn-text-price {
	font-size: 16px;
	margin-bottom: 0px !important;
}
.shostvn-price-header{
	display: flow-root;
	margin-bottom: 0.5em;
}
.shostvn-price-left {
	float: left;
	font-size: 0.9em;
}
.shostvn-price-right {
	float: right;
	font-size: 0.9em;
}
.shostvn-price-value{
	color: #0778e5;
	margin: 0 0 0.5em 1em;
}
.shostvn-price-value-gif{
	margin: 0 0 0.5em 1em;
	color: #EF6210;
}
.shostvn-price-bar{
	margin:0.5em 0em 0.7em 0em;
	background-color: #a7cfff;
  height: 12px;
  border-radius: 3px;
}
.shostvn-price-include{
	font-weight: 700;
	margin: 0 0 1em 1em;
}
.shostvn-addon-include {
  margin-bottom: 1em;
}
.dark .shostvn-price-include img, .dark .shostvn-addon-include img {
    background-color: #fff;
    border-radius: 3px;
}
.our-services img,.shostvn-price-include img {
  display: inline !important;
}
.col-inner ul.shostvn-include-list li, ul.shostvn-include-list li > i {
  margin-left: 0;
  margin-bottom: 5px;
}
.col-inner ul.shostvn-include-list li{
	font-size: .9em;
}
.fa-question-circle{
	color: #c1c0bf;
}
.shostvn-so-sanh-check{
	color: var(--secondary-color);
}
.shostvn-so-sanh-uncheck{
	color: #f00;
}
.shostvn-non-padding{
	padding: 0 !important;
}
.shostvn-plan{
	background: #0778e5 0 0 no-repeat padding-box;
  height: 12px;
  border-radius: 3px;
}
.dark .shostvn-plan {
  background: #fff 0 0 no-repeat padding-box;
  border-radius: 3px;
}
.dark .shostvn-price-bar {
  background-color: #ffffff8a;
  border-radius: 3px;
}
.shostvn-plan-feature{
	background: #ff8c2a 0 0 no-repeat padding-box;
  height: 12px;}
.shostvn-small-title-plan {
    line-height: 1.05;
    letter-spacing: .05em;
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom: 0px;
}
.shostvn-plan-description {
    color: #000;
    opacity: .8;
	font-size: .85em;
}
.shostvn-include-title {
    margin-bottom: 10px;
    font-weight: bold;
}
.shostvn-feature-plan-label {
    top: -20px;
    background-color: #fc5185;
    position: absolute;
    padding: 8px 10px;
    border-radius: 50px;
    color: #fff;
    line-height: 24px;
    left: 20%;
    right: 20%;
}
.shostvn-feature-plan-label::after{
    border-top: 6px solid #fc5185;
    content: "";
    position: absolute;
    left: 50%;
    bottom: -7px;
    transform: translate(-50%);
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #fc5185;
}
.dark>.col-inner>*{
	color:#000;
}
/**Hosting**/
.wordpress-hosting .slick-slide>.row>.col>.col-inner {
    min-height: 582.26px;
}
.shostvn-plan-dung-luong-tiet-kiem{width: 4%;}
.shostvn-plan-dung-luong-co-ban{width: 10%;}
.shostvn-plan-dung-luong-cua-hang{width: 30%;}
.shostvn-plan-dung-luong-doanh-nghiep{width: 40%;}
.shostvn-plan-dung-luong-cao-cap{width: 60%;}
.shostvn-plan-dung-luong-toi-uu{width: 100%;}

.shostvn-plan-truy-cap-tiet-kiem{width: 10%;}
.shostvn-plan-truy-cap-max{width: 100%;}

.shostvn-plan-bang-thong-tiet-kiem{width: 9%;}
.shostvn-plan-bang-thong-kgh{width: 100%;}

.shostvn-plan-cpu-tiet-kiem, .shostvn-plan-cpu-bat-dau{width: 33%;}
.shostvn-plan-cpu-thuong-mai, .shostvn-plan-cpu-nang-cao{width: 66%;}
.shostvn-plan-cpu-cao-cap{width: 83%;}
.shostvn-plan-cpu-doanh-nghiep{width: 100%;}

.shostvn-plan-ram-tiet-kiem{width: 20%;}
.shostvn-plan-ram-bat-dau{width: 30%;}
.shostvn-plan-ram-thuong-mai{width: 40%;}
.shostvn-plan-ram-nang-cao{width: 50%;}
.shostvn-plan-ram-cao-cap{width: 70%;}
.shostvn-plan-ram-doanh-nghiep{width: 100%;}

/**Toi WP**/
.shostvn-plan-da-toi-uu{width: 100%;}
.shostvn-plan-chua-toi-uu{width: 0%;}

/**Quan tri WP**/
.shostvn-plan-quan-tri-co-ban{width: 20%;}
.shostvn-plan-quan-tri-nang-cao{width: 50%;}
.shostvn-plan-quan-tri-toan-dien{width: 70%;}
.shostvn-plan-quan-tri-365{width: 100%;}

/**Email Exchange**/
.shostvn-plan-microsoft-exchange-basic{width: 2%;}

/**Microsoft 365**/
.shostvn-plan-microsoft-min{width: 0%;}
.shostvn-plan-microsoft-basic{width: 2%;}
.shostvn-plan-microsoft-medium{width: 50%;}
.shostvn-plan-microsoft-max{width: 100%;}

/**SSL**/
.shostvn-plan-ssl-tieu-chuan{width: 50%;}
.shostvn-plan-ssl-cao-cap{width: 100%;}
.shostvn-ssl-certificate-img{
    display: -webkit-inline-box !important;
    height: 30px;
}
.shostvn-ssl-certificate-img-so-sanh{
    display: -webkit-inline-box !important;
    height: 40px;
    margin: -30px 0;
}
/**Cloud Server**/
.shostvn-plan-dung-luong-s1{width: 40%;}
.shostvn-plan-dung-luong-s2{width: 50%;}
.shostvn-plan-dung-luong-s3{width: 60%;}
.shostvn-plan-dung-luong-s4{width: 70%;}
.shostvn-plan-dung-luong-s5{width: 80%;}
.shostvn-plan-dung-luong-s6{width: 95%;}
.shostvn-plan-cpu-s1{width: 20%;}
.shostvn-plan-cpu-s2{width: 20%;}
.shostvn-plan-cpu-s3{width: 40%;}
.shostvn-plan-cpu-s4{width: 40%;}
.shostvn-plan-cpu-s5{width: 60%;}
.shostvn-plan-cpu-s6{width: 80%;}
.shostvn-plan-ram-s1{width: 15%;}
.shostvn-plan-ram-s2{width: 30%;}
.shostvn-plan-ram-s3{width: 45%;}
.shostvn-plan-ram-s4{width: 60%;}
.shostvn-plan-ram-s5{width: 85%;}
.shostvn-plan-ram-s6{width: 95%;}

.shostvn-duration {
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
}
.shostvn-cam-ket-chat-luong {
    padding: 0 !important;
}
.shostvn-icon-microsoft-365{
    width: 30px;
    padding: 3px;
}
.shostvn-icon-wordpress-hosting-lincense{
  height: 23px;
  padding-right: 3px;
}
.shostvn-icon-wordpress-hosting-lincense-plan{
  height: 35px;
  padding-right: 10px;
}
.shostvn-icon-cloud-server-lincense{
  height: 19px;
  padding-right: 3px;
}
.shostvn-icon-domain-lincense{
  height: 19px;
  padding-right: 10px;
}
.shostvn-icon-domain-vn-org-lincense{
  height: 25px;
  padding-right: 10px;
}
.shostvn-feature{
	position: absolute;
    left: 117px;
    top: 25px;
    height: auto;
    width: 100%;
    padding: 6px 32%;
    word-wrap: break-word;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    transform: rotate(45deg);
    background-image: linear-gradient(to right, #f8ba16, #fccb0d);;
}
.shostvn-feature-3-plan{
	position: absolute;
    left: 160px;
    top: 30px;
    height: auto;
    width: 100%;
    padding: 6px 32%;
    word-wrap: break-word;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    transform: rotate(45deg);
    background-image: linear-gradient(to right, #e60808, #ed8a01);
}
.shostvn-box-feature {
    overflow: hidden;
    margin-left: 0px !important;
    margin-right: 0px !important;
}
.shostvn-feature-homepage{
	position: absolute;
    left: 100px;
    top: 30px;
    height: auto;
    width: 100%;
    padding: 5px 20%;
    word-wrap: break-word;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    transform: rotate(45deg);
    background-image: linear-gradient(to right, #f8ba16, #fccb0d);
}
.shostvn-feature-domain{
	position: absolute;
    left: 105px;
    top: 30px;
    height: auto;
    width: 100%;
    padding: 5px 24%;
    word-wrap: break-word;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    transform: rotate(45deg);
    background-image: linear-gradient(to right, #f8ba16, #fccb0d);
}
.shostvn-future-list i {
    border-radius: 5px;
    background-color: #fff;
    padding: 12px 8px;
    height: 65px;
    width: 65px;
}
.shostvn-qua-tang-img {
    margin-bottom: 0em !important;
}
.shostvn-counter .count-up{font-size:1rem;}
.shostvn-counter .icon-box-img {
    padding: 14px;
    background-image: linear-gradient(141deg,var(--secondary-color),var(--primary-color));
	border: 2px solid #fff;
    border-radius: 999px;
    height: 70px;
}
.shostvn-counter .icon-box-img img{padding-top:0;}
.shostvn-shape-top {
    top: -40px;
}
.shostvn-shape {
    overflow: hidden;
    position: absolute;
    left: 0;
    width: 100%;
    line-height: 0;
    direction: ltr;
}
.shostvn-shape-top svg {
    height: 80px;
}
.shostvn-shape svg {
    display: block;
    width: calc(100% + 1.3px);
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.shostvn-shape .shostvn-shape-fill {
    fill: #fff;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
}
.shostvn-service-version{
    position: relative;
    padding: 0 5px;
    border-radius: 2px;
    font-size: 10px;
    margin-left: 1px;
}
.shostvn-service-version.dark{
  background-color: #fff;
  color: #43414e !important;
  bottom: 18px;
}

.shostvn-service-version.light{
  background-color: #ebeef3;
  color: #43414e!important;
  bottom: 10px;
}
.shostvn-service-version.free{
  background-color: #e60808;
  color: #fff !important;
  bottom: 10px;
  font-weight: 300;
}
.saboxplugin-wrap{
	border-radius: 5px;
}
.step-number {
    font-size: 2rem;
    line-height: 1;
    margin-bottom: 0;
    font-weight: 700;
    color: #0063ad;
}
.material-tooltip {
	text-align: center !important;
	box-shadow: 0 0 20px 0 rgb(0 0 0 / 8%) !important;
}
/**Hosting Payment**/
.payment-by {display: flex;}
ul.payment-by li.pay-option{
	flex:1;
	text-align: center;
	cursor: pointer;
	margin-left: 0;
	margin-right: 10px;
	padding: 8px;
	color: #242424;
	min-width: 80px;
	position: relative;
	background-color: #f2f2f2;
	border: 1px solid transparent;
	outline: currentcolor none 0px;
	border-radius: 4px;
	font-size:12px;
}
ul.is-light li.pay-option {
    background-color: #fff;
}
.package-3 ul.payment-by li.pay-option {
    background: #fff;
}
ul.payment-by li:hover,ul.payment-by li.active{
	border: 1px solid #d70018;
	background-color: #fff;
	color: #d70018;
}
ul.payment-by li .selected-indicator {
    position: absolute;
    top: -1px;
    right: -1px;
    display: none;
}
ul.payment-by li:hover .selected-indicator,ul.payment-by li.active .selected-indicator{display:block;}
.line-through{text-decoration:line-through;}
.regular-price {
    font-size: 14px;
    color: #aaa;
}
/**Testimonials**/
.box .col-inner{
    padding: 40px 40px 40px 40px;
    background-color: #ffffff;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 7px 7px 20px 0px rgba(0,0,0,0.1);
}
.gradient .col-inner{
    padding: 40px 40px 40px 40px;
    background-color: transparent;
    background-image: linear-gradient(50deg, #002694 0%, #099afb 100%);
    border-radius: 10px 10px 10px 10px;
    box-shadow: 7px 7px 20px 0px rgba(0,0,0,0.1);
}
.testimonials blockquote{border-left:0 none;}
.begin-work .row .col{padding:0 15px 0px;}
.contact-icon .col-inner.text-center {
    min-height: 160px;
}
.package-icon .col-inner.text-center {
    min-height: 200px;
}
/**Bảng hiệu suất**/
.popuptable .overscoll {
    width: 100%;
    height: 100%;
    display: block;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}
.popuptable .shostvn-table .shostvn-tr{
    display:table-row;
}
.popuptable .shostvn-table .shostvn-tr .shostvn-td{
    display:table-cell;
    text-align:center;
    border-bottom:solid 1px #dadada;
    border-right:solid 1px #dadada;
    background:#f1f1f1;
    width:12%;
    padding:10px;
}
.popuptable .shostvn-table .shostvn-tr .shostvn-td:first-child{
    text-align:left;
    border-left:solid 1px #dadada;
}
.popuptable .shostvn-table .shostvn-tr .shostvn-td strong{
    display:block;
}
.popuptable .shostvn-table .shostvn-tr .shostvn-td p{
    margin:0;
    margin-top:5px;
    padding:0;
    font-size:12px;
}
.popuptable .shostvn-table .shostvn-tr:first-child .shostvn-td{
    background:#fff;
    text-align:center;
    vertical-align:top;
}
.popuptable .shostvn-table .shostvn-tr:first-child .shostvn-td.blue{
    background:#28f;
    color:#fff;
    font-weight:bold;
	font-size: 90%;
}
.popuptable .shostvn-table .shostvn-tr:first-child .shostvn-td:first-child{
    border-left:none;
    border-right:none;
    border-bottom: none;
}
.nav-tabs>li.active>a{
    border-top: 5px solid #0778e5 !important;
}
.nav-tabs>li>a{
    border-top: 5px solid #ddd !important;
    border-radius: 5px 5px 0 0 !important;
}
.popuptable .shostvn-table .shostvn-tr:nth-child(2n+1) .shostvn-td{
    background:#fff;
}
/**Domain Price**/
.shost-domain-info li{
    display: inline-block;
	margin-right: 20px;
	border-right: 1px solid rgba(71,93,255,.25);
	margin-left: 0 !important;
	background: #ffffffc7;
	padding: 5px;
	border-radius: 5px;
}
.shost-domain-info li img {
    margin-right: 5px;
    max-height: 30px;
}
.shost-domain-info li .domain-price{color:#282828;font-weight: 600;}
.domain-price-table ul li{text-align:center;}
table.shost-domain {box-shadow: 0 0 20px 0 rgb(0 0 0 / 8%); background-color: #fff;}
table.shost-domain tbody tr:nth-child(2n) {background: #f9f9f9;}
table.shost-domain th {font-weight: bold;text-transform:none; font-size: 1rem; vertical-align: top;}
table.shost-domain th span{color:#e71407;font-size:10px;font-weight:normal;}
table.shost-domain td span{color:#000307;font-size:10px;font-weight:normal;}{color:#000307;font-size:10px;font-weight:normal;}
table.shost-domain td, table.shost-domain th {color:#000;padding: 15px;text-align: right;}
table.shost-domain th:first-child,table.shost-domain td:first-child {text-align: left;}
table.shost-domain a {font-size: 12px;}

/** Bảng so sánh tính năng, dùng cho WP Hosting, Cloud Server, Email...**/
.bang-so-sanh-tinh-nang {
    display: block;
    width: 100%;
    position: relative;
    padding-top: 25px;
    padding-left: 20%; 
	cursor:pointer;
}
.bang-so-sanh-tinh-nang.shostvn-wp-vs-hosting,.bang-so-sanh-tinh-nang.ms-exchange-reponsive{padding-left: 25%;}
.bang-so-sanh-tinh-nang .shostvn-chuyen-muc {
    position: absolute;
    left: 0;
    top: 98px;
    width: 20%;	       
    border-right: 0;
	border: 4px solid #fff;
}
.bang-so-sanh-tinh-nang.ms-exchange-reponsive .shostvn-chuyen-muc,
.bang-so-sanh-tinh-nang .shostvn-chuyen-muc.shostvn-wp-cat {
    width: 25%;
}
.bang-so-sanh-tinh-nang .shostvn-chuyen-muc .item-block {
    display: block;
    position: relative;
    width: 100%;
	  font-size:14px;
    font-weight: 500;
    text-align: left;
    color: #555555;    
    padding: 15px;
}
.bang-so-sanh-tinh-nang .shostvn-chuyen-muc .item-block:nth-child(2n+1) {
  background-color: rgb(239 239 239 / 55%);
	background: rgba(24, 155, 155, 0.06);
}
.bang-so-sanh-tinh-nang .shostvn-chuyen-muc .item-block .item-value {
    width: 100%;
    display: block;
}
.bang-so-sanh-tinh-nang .shostvn-chuyen-muc .item-block:last-child {
    border-bottom: 0;
}
.bang-so-sanh-tinh-nang .shostvn-goi-dich-vu .slick-track {
    padding-top: 0;
}
.bang-so-sanh-tinh-nang .shostvn-goi-dich-vu {
    display: block;
    width: 100%;
    position: relative;
    border: 1px solid #fff;
}
.bang-so-sanh-tinh-nang .shostvn-goi-dich-vu .item-head{background:var(--secondary-color);}
.bang-so-sanh-tinh-nang .shostvn-wp-hosting-function .item-head p,
.bang-so-sanh-tinh-nang .shostvn-cloud-server-function .item-head p {margin-bottom: 0em;font-size: 14px; font-weight: 400;}
.bang-so-sanh-tinh-nang .shostvn-ssl-function .item-head p {margin-bottom:0em;}
.bang-so-sanh-tinh-nang .shostvn-ms-365-function .item-head p {margin-bottom:0em;}
.bang-so-sanh-tinh-nang .shostvn-exchange-function .item-head p {margin-bottom:0em;}
.bang-so-sanh-tinh-nang .shostvn-goi-dich-vu .item {
    display: block;
    width: 100%;
    position: relative;
    margin: 0;
    border-right: 5px solid #fff;
}
.bang-so-sanh-tinh-nang .shostvn-goi-dich-vu .item-head .item-block{
    display: block;
    position: relative;
    width: 100%;
    font-size:14px;
    font-weight: 500;
    text-align: center;
    color: #555555; 
    padding: 8.5px 5px;
}
.bang-so-sanh-tinh-nang .shostvn-goi-dich-vu .item-body .item-block {
    display: block;
    position: relative;
    width: 100%;
	  font-size:14px;
    font-weight: 500;
    text-align: center;
    color: #555555;    
    padding: 15px 5px;
}
.bang-so-sanh-tinh-nang .shostvn-goi-dich-vu .item .item-body .item-block:nth-child(2n+1) {
    background: rgba(24, 155, 155, 0.06);
}
.bang-so-sanh-tinh-nang .shostvn-goi-dich-vu .item .item-body .item-block.item-action {
    background-color: #fff;
    border-bottom: 0;
}
.bang-so-sanh-tinh-nang .shostvn-chuyen-muc.ssl .item-block .item-value,
.bang-so-sanh-tinh-nang .shostvn-ssl-function .item-body .item-block .item-value{
    display: contents;
    min-height: 48px;
}
.bang-so-sanh-tinh-nang .shostvn-chuyen-muc.ms-365 .item-block .item-value,
.bang-so-sanh-tinh-nang .shostvn-ms-365-function .item-body .item-block .item-value{
    min-height: 48px;
}

/**Bảng so sánh tính năng WP Hosting vs Cloud Hosting**/
.shostvn-compare-tabs .nav-tabs + .tab-panels{padding:0}
.bang-so-sanh-tinh-nang.shostvn-wordpress-hosting {
    padding-left: 25%;
}
.bang-so-sanh-tinh-nang.shostvn-wordpress-hosting .shostvn-chuyen-muc {
    width: 25%;
}
/** End Bảng so sánh tính năng, dùng cho WP Hosting, Cloud Server, Email...**/
/* Bảng giá Dịch vụ website */
.shostvn-dich-vu-website .slick-track{display: grid;grid-auto-flow: column;}
/* Bảng giá Dịch vụ website */
/* WordPress Hosting 2022 */
.wp2022-pricing ul{
	max-width: 487px;
	margin: 0 auto;
	background: rgb(245, 245, 245);
	padding: 10px;
	border-radius: 8px;
	text-align:center;
}
.wp2022-pricing ul li:nth-child(1) a span:after {
    content: ' Giảm 10%';
    color: #f00;
}
.wp2022-pricing ul li:nth-child(2) a span:after {
    content: ' Giảm 20%';
    color: #f00;
}
.wp2022-pricing ul li:nth-child(3) a span:after {
    content: ' Giảm 30%';
    color: #f00;
}
.wp2022-pricing ul li:nth-child(n).active a span:after{font-weight: bold;}
.wp2022-pricing ul li:not(:last-child){
    margin-right:15px;
}
.wp2022-pricing ul li a{font-weight:normal;border-radius: 6px;letter-spacing:0;text-align: center;}
.wp2022-pricing ul li.active a{color:#000;background:#fff;box-shadow: rgba(0, 0, 0, 0.24) 0px 1px 8px 0px;}
.wp2022-pricing .nav li:first-child {
    margin-left: 10px !important;
}
/** FAQ **/
.dpt-faq .accordion-title{border-top:none; font-size:100%;}
.dpt-faq .accordion-item{
	box-shadow:  0 0 20px 0 rgb(0 0 0 / 8%);
	border-radius:5px;
	margin-top:20px;
	background-color: #fff;
}
.dpt-faq .accordion-title, .dpt-faq .accordion-title.active{
    font-weight: 700;
    color: #43414e;
    border-radius: 5px 5px 0 0;
}
.dpt-faq .accordion-title.active{
	background: linear-gradient(141deg,#f06425,#fdcc0d);
	color:#fff;
}
.section-feature-list .accordion-title{
	border-top:none;
	font-size:100%;
	font-weight: 700;
	background-color: rgb(0 0 0 / 0%) !important;
}
.section-feature-list .accordion-item{
}
/**Blockquote**/
.shostvn-blockquote{
	background:#f3f3f3;
	border-radius:5px;
	padding:30px;
}
.shostvn-blockquote p{   
    padding-left:120px;
	text-align:justify;
}
.shostvn-blockquote:before {
  position: absolute;
  font-family: "Font Awesome 5 Pro";
  top:-20px;
  content:"\f10d";
  font-size: 100px;
  color: rgba(0,0,0,0.1);
   
}
/**Action Bar**/
.shostvn-nav-action li{display:inline;font-weight:bold;}
#shostvn-progress * {
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
#shostvn-progress {	
	margin: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;	  
	-webkit-box-align: stretch;
	  -ms-flex-align: stretch;
		  align-items: stretch;
	-ms-flex-flow: row wrap;
	  flex-flow: row wrap;	
}
.shostvn-box {
	position: relative;
	padding: 20px 40px 0px;
	width: 33.333%;
	background: #111;
	cursor: pointer;
	box-sizing: border-box;
}
/* Button Backgrounds */
.shostvn-box:nth-child(1) {
  background: #AF7AC5;
}
.shostvn-box:nth-child(2) {
  background: #5DADE2;
}
.shostvn-box:nth-child(3) {
  background: #48C9B0;
}
.shostvn-box:nth-child(4) {
  background: #52BE80;
}
.shostvn-box:nth-child(5) {
  background: #ECC837;
}
.shostvn-box:nth-child(6) {
  background: #EB984E;
}
/* Arrows */
.shostvn-box:nth-child(1):after,
.shostvn-box:nth-child(2):after,
.shostvn-box:nth-child(4):after,
.shostvn-box:nth-child(5):after{
  position: absolute;
  top: 45%;
  right: -18px;
  z-index: 1;
  content: "";
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 20px solid #117ec3;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
.shostvn-box:nth-child(1):after {
  border-left: 20px solid #AF7AC5;
}
.shostvn-box:nth-child(2):after {
  border-left: 20px solid #5DADE2;
}
.shostvn-box:nth-child(3):after {
  border-left: 20px solid #48C9B0;
}
.shostvn-box:nth-child(4):after {
  border-left: 20px solid #52BE80;
}
.shostvn-box:nth-child(5):after {
  border-left: 20px solid #ECC837;
}
/* Text Styles */
.shostvn-box h2 {
  margin-bottom: 15px;  
  color: #fff; 
  font-size: 1.4em;
  line-height: 1em;
  font-weight: 400;
}
.shostvn-box p {
  color: #fff;  
  font-size: 1em;
  line-height: 1.5em;
  font-weight: 300;
}
/* Hover Effects */
.shostvn-box:hover {
  background: #0b6ca9;
}
.shostvn-box:hover:after {
  border-left: 20px solid #0b6ca9;
}
.wpcf7-spinner {
    display: contents;
}
/**End Action Bar**/
/* Slick Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: inline;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
/* Slick Slider Theme*/
.slick-loading .slick-list
{
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}
/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 45px;
    height: 40px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 45px;
    line-height: 1;

    opacity: .75;
    color: #7F8287;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -18px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    /*content: '←';*/
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -20px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    /*content: '→';*/
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}
/**VPS - Cloud Server Plan**/
/*ul.list-service-type-tab li a{
    display: block;
    position: relative;
    font-size: 13px;
    font-weight: 500;
    text-align: center;
    color: #7f8287;
    width: 40px;
    height: 40px;
    padding: 8px 10px;
    background-color: transparent;
    text-transform: uppercase;
    border-radius: 50%;
    transition: all 0.5s;
}
ul.list-service-type-tab li.active a{background-color:#0087EF;color:#fff;}
.fade {transition: opacity 0.15s linear;}*/
.slick-track {
    padding-top: 30px;
}
.slick-prev i, .slick-next i {
  	position: absolute;
  	left: 0;
  	top: 0;
  	font-size: 15px;
  	color: #fff;
  	background: linear-gradient(141deg,var(--secondary-color),var(--primary-color));
  	transition: all 0.5s;	
  	border-radius: 50%;
  	width: 40px;
  	height: 40px;
  	line-height: 40px;
    transition: all 0.5s;
    box-shadow: 0 0px 20px var(--primary-color);
}
.slider-nav-outside.slider-nav-circle .flickity-button-icon {
    background: linear-gradient(141deg,var(--secondary-color),var(--primary-color));
    box-shadow: 0 0px 20px #0ecad4;
    border: 0px;
}
.slick-prev:hover i, .slick-next:hover i {
    box-shadow: 0 0px 50px var(--primary-color);
}
.slick-prev.slick-disabled, .slick-next.slick-disabled {
    opacity: 0;
}
.slick-prev {z-index:1;}

/**End VPS - Cloud Server Plan**/
.subtext {
    display: block;
    font-size: 14px;
    margin-left: 16px;
    font-weight: 400;
    color: #fff !important;
}
/** .footer-support-bar i {color:#fed445;}**/
/**Email 365**/
.email-365 .container{max-width:100%;}
.email-plan-slider .flickity-prev-next-button{width: 60px;}
.email-plan-slider .slider-nav-circle .flickity-prev-next-button svg{background-color: #3a9bd5;border: 2px solid #3a9bd5;color: #fff !important;}
.section-feature-list .accordion-title.active{color: #43414e;}
/*** RADIAL PROGRESS ***/
/* Circumference = 2πr */
/* π = 3.1415926535898 */
/* r = 35 */
svg.radial-progress {
  height: auto;
  max-width: 200px;
  padding: 1em;
  transform: rotate(-90deg);
  width: 100%;
}
svg.radial-progress circle {
  fill: rgba(0,0,0,0);
  stroke: #fff;
  stroke-dashoffset: 219.91148575129; /* Circumference */
  stroke-width: 10;
}
svg.radial-progress circle.incomplete { opacity: 0.25; }
svg.radial-progress circle.complete { stroke-dasharray: 219.91148575129; /* Circumference */ }
svg.radial-progress text {
  fill: #7c7c7c;  
  text-anchor: middle;
}
/*** COLORS ***/
svg.radial-progress.otherhost circle { stroke:#7c7c7c; }
svg.radial-progress.shostvn circle { stroke:#0778e5; }
/**Widget**/
.sidebar-desktop .sidebar-social {
    align-items: center;
    background-image: url(../images/sidebar-bg.png);
    background-repeat: no-repeat;
    background-size: contain;
    display: flex;
    flex-direction: column;
    height: 200px;
    justify-content: space-between;
    padding: 28px 0;
    position: fixed;
    right: 0;
    top: 40%;
    width: 41px;
	z-index:999;
}
.sidebar-desktop .sidebar-social img {
    height: 24px;
}
.widget .widget-title span{color:#0063AD;text-transform:uppercase;}
.widget .is-divider{max-width:100%;height:1px;border-color:#28f;}
.entry-divider.is-divider{display:none;}
/** Footer **/
footer .absolute-footer {padding:0; display: none;}
footer .absolute-footer > .container{padding:0;max-width:100%;}
footer .absolute-footer .footer-secondary, footer .absolute-footer .footer-secondary .footer-text{padding:0;width:100%;}
section.footer-promotion{background: linear-gradient(141deg,#f7b719,#fdd847);position:fixed;bottom: 0;z-index: 2;}

.bottom-contact{display:none}
.bottom-contact a.current-lightbox-clicked{opacity:1 !important;}
.shostvn-intro-homepage{padding: 7px 15px !important; border-radius: 99px; display: inline-block;font-size: 1.8em;}
.shostvn-intro-homepage img{height: 23px;}
.label-hot.menu-item>a:after{background-color: #e52f48 !important;}

/** Sticky Footer Menu Mobile **/
.sticky-mobile-menu {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 9999;
    -webkit-box-shadow: 0px -8px 29px -12px rgba(0,0,0,0.2);
    box-shadow: 0px -8px 29px -12px rgba(0,0,0,0.2);
}
.sticky-mobile-menu .icon-box-center .icon-box-img {
    margin: 0 auto 4px;
}
/**Callback Form**/
.mfp-auto-cursor .mfp-content{top:20%;}
#dang-ky-tu-van {
    border-radius: 15px;
}

#shost-callback .modal-content {    
    background-position: center;
    background-size: cover;   
    border: 0;
    border-radius: 15px;
    padding: 0;
    overflow: inherit;
}
#shost-callback .modal-header {
    padding: 20px 20px 15px;
    text-align: center;
}
.wdc-domain-result__list {
	box-shadow: none !important;
}
#shost-callback .modal-content .modal-body, #shost-callback .modal-content .modal-footer {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 7px;
}
#shost-callback .callback-form {
    padding-bottom:15px;
    margin: 0 auto;
    text-align:center;
}

#shost-callback .loai-tu-van .inline-flex{display:flex;}
#shost-callback .loai-tu-van .inline-flex .wpcf7-list-item{margin-right: .2em;}
#shost-callback .loai-tu-van .inline-flex .wpcf7-list-item .wpcf7-list-item-label{font-weight:normal;}
#shost-callback .modal-content .modal-footer {
    background-color: #e7e7e7;
    font-size: 14px;   
    border-top: 0;
    padding: 10px;
    text-align: center;
    border-radius: 0 0 15px 15px;
    display: block;
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.sidebar-desktop {
		display: none;
	}
	/* Mobile Menu */
	.dpt-mobile-nav {
		bottom: 60px;
		background: #fff;
		position: fixed;
		z-index: 999;
	}
	.mobile-menu-service .col {padding: 10px 5px;}
	.mobile-menu-service h2{font-size:1rem; font-weight:600;}
	.mobile-menu-service .icon-box {
		border: 1px solid #08f;
		border-radius: 5px;
		padding: 10px 0;
	}
	/* Web Hosting vs WordPres Hosting */
	.bang-so-sanh-tinh-nang.shostvn-wp-vs-hosting{padding-left: 50%;}
	.bang-so-sanh-tinh-nang .shostvn-chuyen-muc.shostvn-wp-cat  {width: 50%;}
	.bang-so-sanh-tinh-nang .shostvn-chuyen-muc.shostvn-wp-cat .item-block {font-size: 13px;}
	.bang-so-sanh-tinh-nang .shostvn-chuyen-muc.shostvn-wp-cat .item-block .item-value{min-height:40px;}
	.bang-so-sanh-tinh-nang .shostvn-wp-hosting-function .item-body .item-block{min-height:71.5px;}

    /* Cloud Server*/
	.slick-next {right: 0;}
	.slick-prev {left: 5px;}
	.bang-so-sanh-tinh-nang .shostvn-cloud-server-function .item-head p{margin-bottom:0em;}
  .bang-so-sanh-tinh-nang .shostvn-goi-dich-vu .item-head .item-block{
    padding: 11px 5px;
  }
	.bang-so-sanh-tinh-nang{padding-left: 55%;}
	.bang-so-sanh-tinh-nang .shostvn-chuyen-muc{
		width: 55%;
		top: 89px;
	}

	/* End Cloud Server*/	
	/* Exchange */	
	.bang-so-sanh-tinh-nang.ms-exchange-reponsive{padding-left: 55%;font-size:13px;}
	.bang-so-sanh-tinh-nang.ms-exchange-reponsive .shostvn-chuyen-muc {width: 55%;top: 89px;}

  /* SSL */
  .bang-so-sanh-tinh-nang .shostvn-ssl-function .item-head p {margin-bottom: 0em;}
  .bang-so-sanh-tinh-nang .shostvn-chuyen-muc.ssl .item-block .item-value,
  .bang-so-sanh-tinh-nang .shostvn-ssl-function .item-body .item-block .item-value{min-height: 45px;}

	/* Microsoft 365 */
	.bang-so-sanh-tinh-nang .shostvn-ms-365-function .item-head p {margin-bottom: 0em;}
	.bang-so-sanh-tinh-nang .shostvn-chuyen-muc.ms-365 .item-block .item-value,
	.bang-so-sanh-tinh-nang .shostvn-ms-365-function .item-body .item-block .item-value{min-height: 45px;}
	.shostvn-icon-microsoft-365{display:none;}
	.checkout-guide > ul{display:flex;overflow:auto;flex-flow: nowrap;}
	.checkout-guide > ul > li.tab {display:inline-flex;flex-shrink:0;}
	.bang-so-sanh-tinh-nang.shostvn-wordpress-hosting{padding-left: 60%;}
	.bang-so-sanh-tinh-nang.shostvn-wordpress-hosting .shostvn-chuyen-muc{width: 60%;}	
	.bang-so-sanh-tinh-nang.shostvn-wordpress-hosting .shostvn-chuyen-muc .item-block .item-value{font-size:12px;}
	.bang-so-sanh-tinh-nang.shostvn-wordpress-hosting .shostvn-cloud-server-function .item-head p{margin-bottom:0em;font-size: 13px;}
	.bang-so-sanh-tinh-nang.shostvn-wordpress-hosting .shostvn-goi-dich-vu .item .item-block{padding:13.4px 15px;}
	
	/* WordPress Hosting 2022 */
	.wp2022-pricing ul{
		display: block;
		white-space: nowrap;
		width: auto;
		overflow: visible;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
	}

	.wp2022-pricing ul li a span{line-height:25px;}
	.wp2022-pricing ul li:nth-child(1) a span:after,
	.wp2022-pricing ul li:nth-child(2) a span:after,
	.wp2022-pricing ul li:nth-child(3) a span:after{
		display:block;
	}
	#footer {
		margin-bottom: 90px;
	}
}
@media only screen and (device-width: 375px) {
	.bang-so-sanh-tinh-nang.shostvn-wordpress-hosting .shostvn-cloud-server-function .item-head p{margin-bottom:0em;font-size: 11px;}
	.bang-so-sanh-tinh-nang .shostvn-chuyen-muc .item-block{padding:15px 8px;}
}
@media only screen and (device-width: 768px) {
  /* For general iPad layouts */
  /* Exchange */	
	.bang-so-sanh-tinh-nang.ms-exchange-reponsive{padding-left: 30%;}
	.bang-so-sanh-tinh-nang.ms-exchange-reponsive .shostvn-chuyen-muc{width: 30%;top: 119px;}
	.bang-so-sanh-tinh-nang.shostvn-wordpress-hosting .shostvn-chuyen-muc
	{
		width: 30%;
		top: 96px;
	}
}
@media only screen and (device-width: 810px) {
  /* For general iPad layouts */
  /* Exchange */	
	.bang-so-sanh-tinh-nang.shostvn-wordpress-hosting{padding-left: 35%;}
	.bang-so-sanh-tinh-nang.shostvn-wordpress-hosting .shostvn-chuyen-muc{width: 35%;}
}