body {
    color: #000;
    font-family: "Inter", sans-serif !important;
    font-size: 14px ;
    background-color: rgb(233 237 240) !important;
}
#masthead{
    background: white;
}
.searchform  button {
    border-radius: 0 20px 20px 0;
}
.searchform  button:hover {
    color:white !important;
}
:root{
    --dominant-color: #b2a499;
}
@media screen and (min-width: 1600px) {
    body {
        font-size: 16px !important;
    }
}
.dropdown-item.active, .dropdown-item:active {
    color: #fff !important;
    text-decoration: none;
    background-color: linear-gradient(135deg, rgb(0, 119, 238), #06c766)  !important;
}
.menu_background {
    /* background-color: #e03; */
/*     background: linear-gradient(135deg, rgb(0, 119, 238), #06c766); */
    background:radial-gradient(circle at 10% 20%, rgb(255, 197, 118) 0%, rgb(254, 106, 103) 47.7%, rgb(240, 23, 23) 92.3%);
    box-shadow: 0 15px 18px -3px #00000024;
}
.btn-outline-danger {
    border-color: #e03 !important;
    color: #e03 !important;
}
h5 .text-danger {
    color: #e03 !important;
}
/* .btn-outline-danger:hover {
    color: #fff;
    background-color: #e03 !important;
    border-color: #e03 !important;
} */
.tab-package .nav-item .active {
    color: white !important;
    background-color: linear-gradient(135deg, rgb(0, 119, 238), #06c766) !important;
}
.nav-tabs .nav-link {
    border: 1px solid #d8d8d8 !important;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
}
@media (min-width: 992px){
.navbar-expand-lg .navbar-nav {
    flex-direction: row;
    justify-content: center;
    align-items: center;
}


}

#bootscore-navbar ul {
    list-style-type: none;
    text-align: right;
    margin: 10px 0;
}

#bootscore-navbar li a {
    text-decoration: none;
    padding: 10px 13px;
    color: #ffff ;
    margin: 0;
    font-weight: 700;
    font-size:14px;
    text-transform: uppercase;
}
#bootscore-navbar li .dropdown-item {
    color:black;
}

.dropdown-item:hover{
    color: #fff !important;
    background-color: #e03 !important;
}
.offcanvas.show li a{
    color: #fff !important;
    background-color: #e03 !important;
}
a{
    text-decoration: none !important;
}
.btn-custom-outline-danger {
    text-decoration: none;
    padding: 5px;
    color: #e03;
    display: block;
    margin: 10px 0;
    font-weight: 700;
    border: 2px solid #e03;
    border-radius: 10px;
    text-align: center;
}

.search-keywords>a:hover {
    color: #e03;
}
.search-keywords>a {
    color: #e03 !important;
    font-weight: bold;
    text-decoration: none;
}

.banner img {
    width: 100%;
    height: auto;
}

.banner .slick-prev {
    border: 0;
    font-size: 0px;
    position: absolute;
    top: 45%;
    left: 50px;
    z-index: 9;
    background: url('../img/large_left.png') no-repeat 0 0;
    width: 40px;
    height: 40px;
}

.banner .slick-prev:hover,
.banner .slick-prev:focus,
.banner .slick-next:hover,
.banner .slick-next:focus {
    outline: none;
}

.banner .slick-next {
    border: 0;
    font-size: 0;
    z-index: 9;
    position: absolute;
    top: 45%;
    right: 50px;
    background: url('../img/large_right.png') no-repeat 0 0;
    width: 40px;
    height: 40px;
}

.banner .slick-next:hover,
.banner .slick-prev:hover {
    background-position: bottom left;
}

.banner .slick-track {
    height: 100%;
}

.banner .slick-list {
    height: 100%;
}
.search_box input[type=text] {
    border-radius: 20px;
    font-style: italic;
    background-size: 20px;
    transition: all .2s;
}

.header-tags {
    padding: 25px 0;
}

.header-tags .tag-item:hover {
    background: #e03;
    color: #fff;
}
.searchform input{
    border: 1px solid #e03;
}
.header-tags .tag-item {
    display: block;
    margin: 3px 0;
    width: 100%;
    height: 88%;
    padding: 7px 2px;
    text-align: center;
    border-radius: 7px;
    border: 1px solid #e03;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    color: #e03;
    font-weight: 700;
}
.package-rebbon {
    position: absolute;
    top: -30px;
    left: -10px;
    width: 72px;
    z-index: 999;
}
.package-item:hover {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
}
.package-item-container{
    position: relative;
}
.package-cta {
    background: linear-gradient(0deg, #e03 40.00000059604645%, #8beaea 100%);
}
.package-item {
    background: linear-gradient(0deg, #e03 40.00000059604645%, #8beaea 100%);
    border-radius: 7px;
    overflow: hidden;
    display: block;
    margin-bottom: 25px;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out 0s;
    box-shadow: 0 6px 12px #8beaea;
    border-style: solid;
    border-color: #e03;
    border-width: 1px;
}
.package-item .package-title {
    text-align: center;
    background: linear-gradient(0deg, #e03 40.00000059604645%, #8beaea 100%);
    padding: 7px;
    margin: 0;
}
.package-item .package-title a{
    font-size: 24px;
    color: #fff !important;
}
.package-rebbon img {
    box-shadow: none !important;
    width: 100%;
}
.package-item .package-item-content {
    font-weight: 500;
    background: #f9f9f9;
    color: #000;
}
.package-item .package-cta .btn:hover{
    background: #ea0029  !important;
    color: #fff !important;
}


.package-item .package-cta .btn {
    color: #e03 ;
    background: #f9f9f9;
    padding: 5px 20px;
    border-radius: 18px;
    font-size: 14px;
   
    text-transform: uppercase;
    font-weight: 700;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    -ms-border-radius: 18px;
    -o-border-radius: 18px;
}
.package-item .package-cta {
    padding: 7px 5px;
    text-align: center;
    position: relative;
}

.package-item .package-cta .post-link {
    position: absolute;
    font-size: 8px !important;
    padding: 4px 10px !important;
    right: 5px;
    bottom: 5px;
}

.tab-package .nav-item .active {
    color: white;
    background: linear-gradient(135deg, rgb(0, 119, 238), #06c766);
}
.tab-package .nav-item a {
    color: black;
}
.nav-tabs .nav-link {
    border: 1px solid #d8d8d8;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.section-home-news {
    padding: 30px 0;
}

.home-news-box .box-news-cover {
    display: block;
    height: 220px;
    width: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.home-news-box {
    border: 1px solid #ddd;
   border-radius: 1rem;
    box-shadow: 0.5rem 0.5rem 1rem rgba(51, 51, 51, 0.2);
    transition: all 0.1ms ease-in-out;
    margin-bottom: 20px;
    background: #fff;
    overflow: hidden;
    display: block;
}

.home-news-box .box-news-title {
    padding: 10px;
    font-weight: 700;
    font-size: 18px;
    background: #f2f2f2;
}

.home-news-box .box-news-title i.fa {
    color: #e03;
}
.home-news-box .box-news-posts ul li a:hover, .home-news-box .box-news-posts ul li a .fa {
    color: #e03;
}
.home-news-box .box-news-posts ul li a {
    display: flex;
    height: 50px;
    font-weight: 500;
    align-content: center;
    align-items: center;
    overflow: hidden;
    color: #333;
}
.home-news-box .box-news-posts {
    padding: 0 10px;
    padding-top: 15px;
}

.home-news-box .box-news-posts ul li {
    display: block;
    margin: 0;
    padding: 0;
    margin-bottom: 3px;
    border-bottom: 1px dotted #ddd;
}

.home-news-box .box-news-posts ul li h5 {
    font-size: 14px;
}

.home-news-box .box-news-more {
       margin-bottom: 1.5rem;
    text-align: center;
}
.home-news-box .box-news-more a {
   margin: 0.5rem 0;
    padding: 0.7rem 1rem;
    outline: none;
    border-radius: 1rem;
    font-weight: 700;
    color: #fff;
    border: none;
    cursor: pointer;
    transition: all 0.1ms ease-in-out;
    background: linear-gradient(135deg, rgb(0, 119, 238), #06c766);

}

.home-news-box .box-news-title h3 a{
    font-size: 20px;
    color: #000 !important;
}

.package-item .package-item-content .line h3 {
    font-weight: bold;
    color: #c51927;
    margin: 0;
    font-size: 1.75rem;
}

.package-item .package-item-content .line {
    padding: 5px 10px;
    text-align: center;
    border-bottom: 1px solid #e5e5e5;
    margin: 0 10px;
}


.package-item .package-quota span, .package-item .package-time span, .package-item .package-bonus-sms span, .package-item .package-bonus-call span {
    font-weight: 700;
    font-size: 14px;
    color: #e03;
}

.package-item .package-register-pattern span {
    font-weight: 700;
    color: #e03;
}
.package-item .package-extra-info {
    padding: 10px;
    text-align: center;
}


.home-news-box .box-news-more a:hover {
    background: #e03;
    color: #fff;
}

.live-head {
    padding: 15px 0;
    position: relative;
    background: #f2f2f2;
}

#dot {
    left: 0;
    top: -2px;
    width: 10px;
    height: 10px;
    background-color: #e03;
    border-radius: 100%;
    position: relative;
    display: block;
    float: left;
    margin-right: 10px;
    margin-top: 7px;
}

#dot .ping {
    border: 1px solid #e03;
    width: 10px;
    height: 10px;
    opacity: 1;
    background-color: rgb(234 0 41 / 36%);
    border-radius: 100%;
    -webkit-animation-duration: 1.25s;
    animation-duration: 1.25s;
    -webkit-animation-name: sonar;
    animation-name: sonar;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    display: block;
    margin: 0;
}

.live-head .label {
    padding: 5px 10px;
    border-left: 3px solid #e03;
    margin-left: 10px;
    background: #fff;
    font-weight: 700;
    color: #e03;
    position: relative;
}
.breadcrumb li a {
    color: #ea0029;
    font-weight: 700;

}

.live-head .label::after {
    display: block;
    content: '';
    position: absolute;
    left: 100%;
    top: 0;
    background: transparent;
    border: 14px solid transparent;
    border-left-color: #fff;
    width: 0px;
    height: 0px;
}

.live-head .km-link {
    margin-left: 25px;
    color: #000;
    font-weight: 500;
}

@-webkit-keyframes sonar {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -webkit-transform: scale(4);
        transform: scale(4);
        opacity: 0
    }
}

@keyframes sonar {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -webkit-transform: scale(4);
        transform: scale(4);
        opacity: 0
    }
}

.bootscore-footer {
    background: #f9f9f9;
    padding-top: 20px;

    
    border-image-slice: 1; 
    border-image-source: linear-gradient(135deg, rgb(0, 119, 238), #06c766); border-top: solid 2px;
    
}

.bootscore-footer h5 {
    font-size: 18px;
    font-weight: 700;
    text-align: left;
    margin-bottom: 20px;
}
.bootscore-footer a:hover {
    color: #e03;
}
.bootscore-footer a {
    font-size: 14px;
    color: #333;
}

.bootscore-footer li:before {
    content: "\f105";
    font-family: FontAwesome;
    color: #555;
    position: relative;
    top: 0px;
    margin-right: 5px;
    float: left;
}

.bootscore-footer li {
    list-style: none;
    padding: 3px 5px;
}

.bootscore-footer ul {
    margin: 0;
    padding: 0;
}

.btn-primary {
    background-color: red !important;
}

.site-main .post-title {
    font-size: 24px;
    margin-top: 10px;
    font-weight: 700;
}

.site-main  .entry-content {
    line-height: 20px;
    text-align: justify;
}

.site-main  .entry-content h1, .site-main  .entry-content h2,.site-main  .entry-content h3, .site-main  .entry-content h4 {
    font-size: 16px;
}
.entry-meta{
    padding: 5px 0;
    font-size: 12px;
    margin-bottom: 20px;
    margin-top: 10px;
    color: #000 !important;
}

.tag-relate .tag-name {
    width: 100%;
    display: block;
    color: #fff;
    border-radius: 5px;
    text-align: center;
    text-transform: uppercase;
    font-size: 15px;
    padding: 10px;
    font-weight: 700;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
.bg-vt {
    background-color: #e03;
}
.form-group {
    margin-bottom: 1rem;
}
.block-heading span {
    font-size: 20px;
    font-weight: bold;
}
.tag-relate .tag-name:hover {
    background: #e3882e;
}
.page-link{
    color: #000 !important;
}

.hot_package:before {
    content: '';
    background-image: url(https://cdn-img-v2.webbnc.net/uploadv2/web/15/15247/media/2022/09/20/09/39/1663657015_hot-icon.gif);
    display: block;
    height: 50px;
    position: relative;
    background-size: 50px 50px;
    margin-bottom: -13px;
    background-position: center center;
    background-repeat: no-repeat;
}
.widget-title {
    position: relative;
    color: #fff;
    margin-bottom: 15px;
}
.widget-title:before {
    content: "";
    position: absolute;
    height: 100%;
    top: 0;
    left: 5px;
    width: 100%;
    z-index: 1;
    background: #e03;
    transform: skew(-20deg);
    -webkit-transform: skew(-20deg);
    -moz-transform: skew(-20deg);
    -ms-transform: skew(-20deg);
    -o-transform: skew(-20deg);
    border-radius: 12px 8px;
    -webkit-border-radius: 12px 8px;
    -moz-border-radius: 12px 8px;
    -ms-border-radius: 12px 8px;
    -o-border-radius: 12px 8px;
}
.widget-title h4 {
    position: relative;
    z-index: 2;
    font-size: 15px;
    display: block;
    padding: 10px 25px;
    padding-left: 30px;
    font-weight: 700;
    text-transform: uppercase;
}
.widget-content .widget-container {
    width: 100%;
    height: 74px;
}
.widget-content .package-price, .widget-content .post-date {
    width: 65px;
    text-align: center;
    line-height: 65px;
    background: #ea0029;
    border-radius: 100px;
    box-shadow: 0 0 15px -1px #00000033;
    color: white;
    font-size: 14px;
    float: left;
    position: absolute;
}
.widget-content {
    position: relative;
    color: #fff;
    margin-bottom: 15px;
}
.widget-content .package-content a {
    margin: 25px;
    color: white;
    font-weight: bold;
    line-height: 2;
}

.widget-content .package-content {
    float: right;
    width: 87%;
    margin: 18px 0px;
    border-radius: 10px;
   background: linear-gradient(to right,#ea0029 60%,#ffae00);
}

.widget-content .package-content h5 {
    font-size: 14px;
    margin: 0;
}
.widget-content .post-content {
    float: left;
    margin-left: 75px;
}
.widget-content .post-content a h5 {
    color: black !important;
    font-size: 14px;
}



#modal_content {
    font-weight: 500;
}

#modal_content .hl {
    color: #e03;
    font-weight: 700;
    font-size: 18px;
}
.blog-post-title{
    color: #e03;
}
#modal_content .sms-pattern {
    text-align: center;
    margin: 20px 0;
    font-size: 15px;
}
.cate_heading {
    padding: 10px 0;
    font-size: 32px;
    font-weight: 700;
}

.media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}



img[data-dominant-color]:not(.has-transparency) {
    background-color: var(--dominant-color);
}

img {
    vertical-align: middle;
    border-style: none;
}


.post_cat .title {
    font-size: 19px;
    margin: 0;
    font-weight: 700;
    margin-bottom: 10px;
}

.post_cat .title a {
    color: #e03;
}

.post_cat .body {
    margin-top: 10px;
}

.post_cat {
    margin-bottom: 15px;
    padding-bottom: 5px;
    border-bottom: 1px solid #eee;
}

.post_cat .wrap_img img {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    margin-bottom: 15px;
}

.media-body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.btn-custom-outline-danger, .tag-item{
    font-size: 12px !important;
}

.btn-custom-outline-danger:hover {
    background: #e03;
    color: #fff;
}

#ez-toc-container {
    background: #f9f9f9;
	width:100%;
	border: 1px solid #e03 !important;
}
#ez-toc-container  .ez-toc-link:hover{
	color:#dc3545 !important;
}
#wpdevar_comment_1 {
	margin-top: 50px;
    border-top: 1px solid #ccc;
}

          img {
            width: 100%;
          }
 .label-header-box{
          margin-top:50px;
          width: 100%;
        height:50px;
          border-image-slice: 1;
          border-image-source: linear-gradient(135deg, rgb(0, 119, 238), #06c766);
          border-top: solid 2px;
          position: relative;
        }
        .label-header{
          position: absolute;
          min-width: 272px;
          left: 50%;
          top:-16px;
          transform: translate(-50%, 0) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1);
        }


        .label-item-header:after {
          content: "";
    border-left-color: #06c766 !important;
    border-top-width: 16px !important;
    border-left-width: 9px !important;
    top: 0px;
    right: -9px;
    position: absolute;
    border-top-color: transparent !important;
    box-sizing: border-box;
    border: 0 solid #06c766;
}
        .label-item-header:before {
          content: "";
    border-right-color: rgb(0, 119, 238) !important;
    border-top-width: 16px !important;
    border-right-width: 9px !important;
    top: 0px;
    left: -8px;
    position: absolute;
    border-top-color: transparent !important;
    box-sizing: border-box;
    border: 0 solid rgb(0, 119, 238);
}
        .label-item-header{
          position: relative;
          background:linear-gradient(135deg, rgb(0, 119, 238), #06c766);
          border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: 7px;
    padding-right: 7px;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 24px;
        }
        .text-label-item-header{
            color:white;
            line-height: 24px;
            min-height: 24px;
            font-size:20px;
            text-transform: uppercase;
          margin-left: .25rem;
        }
        
        
        .card-basic,
.card-standard,
.card-premium {
  /*margin: 0 2rem 1rem 0;*/
  margin-bottom:1rem;
  padding: 0 0 0.5rem 0;
  /*width: 15rem;*/
  background: #fff;
  color: #444;
  text-align: center;
  border-radius: 1rem;
  box-shadow: 0.5rem 0.5rem 1rem rgba(51, 51, 51, 0.2);
  overflow: hidden;
  transition: all 0.1ms ease-in-out;
}
.card-basic:hover,
.card-standard:hover,
.card-premium:hover {
  transform: scale(1.02);
}
.card-header {
  height: 5rem;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 0.8rem;
  padding: 1rem 0;
  color: #fff;
  clip-path: polygon(0 0, 100% 0%, 100% 85%, 0% 100%);
}
.card-header-single {
  height: 5rem;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 0.8rem;
  padding: 1rem 0;
  color: #fff;
}
.header-basic,
.btn-basic {
	background:#e03 !important;
/*   background: linear-gradient(135deg, rgb(0, 119, 238), #06c766); */
}
.header-standard,
.btn-standard {
  background: linear-gradient(135deg, #b202c9, #cf087c);
}
.header-premium,
.btn-premium {
  background: linear-gradient(135deg, #eea300, #ee5700);
}
.card-body {
  padding: 0.5rem 0;
}
.card-body h2 {
  font-size: 2rem;
  font-weight: 700;
}
.card-element-container {
  color: #444;
  list-style: none;
  text-align: left;
}
.btn2 {
  margin: 0.5rem 0;
  padding: 0.7rem 1rem;
  outline: none;
  border-radius: 1rem;
  font-weight: 700;
  color: #fff;
  border: none;
  cursor: pointer;
  transition: all 0.1ms ease-in-out;
}
.btn2:hover {
  transform: scale(0.95);
}
.btn2:active {
  transform: scale(1);
}
.card-element-hidden {
  display: none;
}
        
@media only screen and (max-width: 600px) {
  .text-price-data {
    font-size: 0.8rem;
	 font-weight:bold;
  }
	table strong a {
	font-size:0.65rem;
}
}
.detail-package{
	position:absolute;
	top:80px;
	font-size:0.65rem !important;
	right:10px;
	 background: #e03 !important;
	border-radius:20px !important;
	color:white !important;
	z-index:2;
}
.border-bt{
	border-bottom: 1px solid #e03 !important;
}
.card-element{
	margin-bottom:5px;
}
table strong a {
	background:#e03 !important;
	padding: 5px 10px;
	border-radius:10px;
	color:white;
}
.code_register_sms {
width:100% !important;	
	font-size:0.7rem !important;
	}
@media (min-width: 600px){
.code_register_sms {
width:100% !important;	
	font-size:1rem !important;
	}
}
.hot_keyword{
	display:flex;
	  flex-wrap: wrap; 
  gap: 20px;
}
.hot_keyword_box {
  flex: 1 1 45%;
    padding: 10px;
    color: #000;
	font-size:0.7rem;
    border-radius: 6px;
    background: #f2f2f2;
}
#zalochat{
	bottom:70px;
	right:5%;
}