#loading-icon {
position: absolute;
top: 52px;
left: 50%;
transform: translateX(-50%);
z-index: 9999;
}
#loading-icon img {
width: 30px;
}
input[type=text]:focus {
border: none !important;
}
input[type=text]:focus-visible {
outline: none !important;
} header#masthead {
transition: all 0.3s ease;
}
header#masthead.is-sticky {
position: sticky;
top: 0;
left: 0;
width: 100%;
z-index: 999;
}
.page-header {
display: none;
}
.page-content a {
text-decoration: none;
}
.show-icon-button a::after {
content: "\f344";
font-family: "dashicons";
font-weight: 400;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: calc(36px - 12px);
opacity: 0;
} 
.show-icon-button a:hover {
padding-right: calc(36px + 24px) !important;
}
.show-icon-button a:hover::after {
opacity: 1;
}
.site-hover-image::before {
content: "See Case Study";
font-size: 24px;
line-height: 80px;
text-align: left;
background-color: #1C1B1F;
color: white;
position: absolute;
left: 0;
bottom: 0;
width: 100%;
transition: 0.5s ease-in-out;
overflow: hidden;    
height: 0;
font-family: "Satoshi Variable";
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
padding: 0 30px;
font-weight: 700;
}
.site-hover-image:hover::before {
height: 80px;
} .section-header .header-support {
display: flex;
gap: 30px;
}
.section-header .items-content {
color: #FFFFFF;
}
.section-menu .entire-language {
position: absolute;
top: 75%;
left: 7px;
display: none;
}
.section-menu.vn .entire-language {
left: 10px;
}
.section-menu .entire-language ul li:hover {
background: #EEF3F7;
}
.section-menu .entire-language ul li {
padding: 5px 10px;
border-radius: 10px;
}  .section-blogs .show-categories,
.section-portfolios .show-categories {
display: flex;
justify-content: center;    
flex-wrap: wrap;
padding: 0;
gap: 10px;
}
.section-blogs .show-categories li,
.section-portfolios .show-categories li {
list-style-type: none;
background: white;
border: 1px solid #BECBD4;
padding: 10px 30px;
display: inline-block;
color: black;
font-weight: 600;
cursor: pointer;
border-radius: 30px;
}
.section-blogs .show-categories li:hover,
.section-blogs .show-categories li.active,
.section-portfolios .show-categories li:hover,
.section-portfolios .show-categories li.active {
background: #EF3B24;
color: white;
border: 1px solid #FF5714;
}
.section-blogs .items-blog ul li:first-child span {
font-weight: 600;
color: #ef3b24 !important;
}
.section-blogs .items-blog a {
overflow: hidden;
border-radius: 10px 10px 0 0;
}
.section-blogs .items-blog img {
transition: transform 0.5s ease;
}
.section-blogs .items-blog:hover img {
transform: scale(1.1);
}
.section-latest-blogs .items-blog:hover,
.section-related-blogs .items-blog:hover {
box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 30%);
}
.section-blogs .items-blog ul li:first-child span {
font-weight: 600;
color: #ef3b24 !important;
}
.section-blogs .items-blog ul li:last-child span:first-child {
margin-right: 7px;
}
.section-blogs .load-more-blogs,
.section-portfolios .load-more-portfolios {
display: none;
}
.section-blogs .no-blogs-found,
.section-portfolios .no-portfolios-found {
position: absolute;
bottom: 0;
left: 0;
right: 0;
text-align: center;
}  .section-hosting-plan .items h2,
.section-dedicated-plan .items h2 {
color: #EF3B24;
font-size: 56px;
font-weight: 700;
line-height: 56px; 
}
.section-hosting-plan.vn .items h2 {
font-size: 30px;
}
.section-hosting-plan.indo .items h2 {
font-size: 42px;
}
.section-hosting-plan .items h3,
.section-dedicated-plan .items h3 {
font-family: "Satoshi Variable";
font-size: 32px;
font-weight: 700;
line-height: 32px;
letter-spacing: -0.32px;
}
.section-hosting-plan .items h4,
.section-dedicated-plan .items h4 {
color: #BECBD4;
font-size: 36px;
font-weight: 700;
text-decoration: line-through;
margin: 40px 0 0;
}
.section-hosting-plan.vn .items h4 {
font-size: 20px;
}
.section-hosting-plan.indo .items h4 {
font-size: 24px;
}
.section-hosting-plan .items h6 {    
font-weight: 700;
border-top: 2px solid #BECBD4;
padding-top: 35px;
}
.section-hosting-plan .items a,
.section-dedicated-plan .items a {
color: #FFF;
font-weight: 600;
display: flex;
height: 48px;
justify-content: center;
align-items: center;
border-radius: 50px;
background: #1C1B1F;
margin: 25px 0 40px;
border: 1px solid #1C1B1F;
transition: background-color 0.3s ease, color 0.3s ease;
}
.section-hosting-plan .items a:hover,
.section-dedicated-plan .items a:hover {
background: white;
color: #1C1B1F;
}
.section-hosting-plan .items ul {
list-style: none;
line-height: 35px;
padding: 0 0 0 15px;
}
.section-hosting-plan .items .list li {
display: flex;
}
.section-hosting-plan .items .list li:before {
content: "\f15e";
color: #1C1B1F;
font-size: 22px;
font-family: dashicons;
font-weight: bold;
margin: 0 10px 0 -20px;
}
.section-hosting-plan .items h1 strong,
.section-dedicated-plan .items h1 strong { 
color: #1C1B1F;
font-size: 20px;
font-weight: 400;
}
.section-hosting-plan .items {
top: 0;
transition: top 0.2s ease-in-out;
}
.section-hosting-plan .items:hover {
top: -20px;
box-shadow: 0px 16px 40px 0px rgba(0, 0, 0, 0.16);
border-radius: 10px;
}
.section-hosting-plan .most-popular {
position: relative;
}
.section-hosting-plan .items h5 {
position: absolute;
top: -45px;
left: 0;
color: #FFF;
font-size: 16px;
font-weight: 700;
line-height: 46px;
background: #EF3B24;
width: 100%;
text-align: center;
height: 46px;
margin: 0;
border-radius: 10px 10px 0px 0px;
}
.section-hosting-plan .bg-grey {
background: #EEF3F7;
padding: 24px;
border-radius: 10px;
text-align: center;
}
.section-hosting-plan .bg-grey h6 {
font-weight: 700;
}
body.page-id-7319 .section-hosting-plan .items h2,
body.page-id-7370 .section-hosting-plan .items h2,
body.page-id-7369 .section-hosting-plan .items h2,
body.page-id-7214 .section-hosting-plan .items h2 {
font-family: 'Plus Jakarta Sans';
}  .section-dedicated-plan .items h5 {    
color: #EF3B24;
font-family: 'Inter';
font-size: 16px;
font-weight: 800;
line-height: 28px; 
margin-top: 25px;
}
.section-dedicated-plan table tr td {
border: none;
border-right: 1px solid #BECBD4;
color: #1C1B1F;
font-size: 16px;
line-height: 28px;
background-color: white !important;
padding: 0 0 0 20px;
width: 25%;
}
.section-dedicated-plan table tr:first-child td {
font-weight: 600;
}
.section-dedicated-plan table tr td:last-child {
border-right: none;
}
.section-dedicated-plan table tr td:first-child {
padding-left: 0;
} @media (max-width: 1140px) {
.e-con > .e-con-inner {
width: 90%;
}
}
@media (max-width: 768px) {
.section-flexbox > .e-con-inner {
display: inline-block;
}
.section-hosting-plan .before-popular {
margin-bottom: 45px !important;
}
.section-blogs #post-loop-container,
.section-latest-blogs .items-blogs .elementor-shortcode {
grid-template-columns: 1fr 1fr;
}
.section-blogs .items-blog > .e-con-inner,
.single-post .elementor-widget-theme-post-content .e-con-inner,
.section-latest-blogs .items-latest .e-con-inner {
width: 100%;
}
}
@media (max-width: 600px) {
.form-search-domain .btn-seach-web {
display: none;
}
.form-search-domain .btn-seach-mobile {
display: block;
margin-top: 20px;
}
}
@media (max-width: 480px) {
.section-dedicated-plan table tr td {
padding: 0 10px;
}
.section-dedicated-plan table tr td:last-child {
padding-right: 0;
}
.section-blogs #post-loop-container,
.section-portfolios #post-loop-container,
.section-latest-blogs .items-blogs .elementor-shortcode {
grid-template-columns: 1fr;
}
} .box-developer a {
color: #FFF;
font-weight: 600;
display: flex;
height: 48px;
justify-content: center;
align-items: center;
border-radius: 50px;
background: #1C1B1F;
margin: 25px 0 40px;
border: 1px solid #1C1B1F;
transition: background-color 0.3s ease, color 0.3s ease;
}
.box-developer a:hover {
background: white;
color: #1C1B1F;
}
.box-developer .benefit-block {
display: flex;
}
.box-developer .benefit-block {	
border-top: 1px solid #000;
display: flex;
}
.box-developer .benefit-block:nth-of-type(1) {
margin-top: 25px;
}
.box-developer .benefit-block .item {
padding: 15px 0;
}
.box-developer .benefit-block .item:first-child {
width: 45px;
}  .abh_box.abh_box_down.abh_box_business {
display: none !important;
}