/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}

.full-width .ubermenu-nav, .container, .row {
    max-width: 1200px !important;
}
.header-nav-main {justify-content:center;}
.nav-spacing-xlarge>li {margin: 0 20px !important;}
.nav-spacing-xlarge>li a {font-weight: 500 !important;}
.sslmt1 .bg {background: linear-gradient(180deg, #111820 0%, #0a0e14 100%);}
.sslmt .r2 {background: #171f2b; padding: 20px 20px 0px 20px;border-radius: 10px;}
.sslmt .rg{border-left: 4px solid #ffd700;}
.sslmt .rs{border-left: 4px solid #e0e0e0;}
.sslmt .rc{border-left: 4px solid #cd7f32;}


.sslmt .u-card-price span {color:#fff;}
.btvl {    background: rgba(0, 153, 229, 0.12);
    border: 1px solid rgba(0, 153, 229, 0.2) !important;
    color: #00c2ff !important;
    padding: 8px 20px;
    border-radius: 50px;
    font-weight: 700;
    font-size: 0.8rem !important;
    letter-spacing: 0.12em;
    margin-bottom: 24px;}
.btvl:hover {background-color:#233449 !important;}
.sslmt del {
    text-decoration: none; /* Tắt gạch mặc định của trình duyệt */
    position: relative;    /* Làm gốc để căn chỉnh nét gạch mới */
    display: inline-block; /* Đảm bảo kích thước chuẩn để căn giữa */
}

.sslmt del::after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;             /* Đưa nét gạch vào giữa */
    width: 120%;          /* Chiều dài gạch bằng toàn bộ chữ */
    height: 3px;          /* ĐỘ LỚN NÉT GẠCH: Tăng giảm tùy ý ở đây */
    background-color: #f00; /* Màu đỏ như hình của bạn */
    transform: translateY(-50%) rotate(233deg); /* Căn chỉnh chính xác trọng tâm */
}

.pricing-table-items .bullet-item .text:before {
	content: "✓";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  min-width: 20px;
  background: rgba(46, 204, 113, 0.15);
  color: #2ecc71;
  border-radius: 50%;
  font-size: 0.7rem;
  font-weight: bold;
  margin-right: 10px;
}
.pricing-table-wrapper .pricing-table {background: #171f2b;
    border: 1px solid rgb(255 255 255 / 6%);
    border-radius: 10px;}
.pricing-table .title {
    padding: 30px 0px 0px 0px !important;
    border-bottom: 0px !important;
	    font-size: 22px;
}
.pricing-table .price {
	border-bottom: 1px solid #ffffff2b;    color: #ffffff !important;
    padding: 0.6em 15% 10px !important;
}
.pricing-table .items>div {
    padding: 10px 0 !important;
    border-bottom: 1px solid #ffffff2b;
}
.pricing-table-items .bullet-item:last-child {
  border-bottom: none !important;
}
.pricing-table-items .bullet-item {text-align:left !important;color: #fff;} 
.pk1 .pricing-table-header .title {color: #f7ff63;}
.pk2 .pricing-table-header .title{color:#00c2ff;}
.pk2 {border: 3px solid #0099e5 !important;}
.pk3 .pricing-table-header .title {color: #fff;}
.pk2 .pricing-table-header .title {background:none !important;}
.pk2 .pricing-table-header:before {content: 'MOST POPULAR';
    position: absolute;
    top: 39px;
    right: -39px;
    background: #0099e5;
    color: #fff;
    padding: 5px 45px;
    font-family: var(--font-heading);
    font-weight: 700;
    font-size: 0.65rem;
    letter-spacing: 0.12em;
    transform: rotate(45deg);
    z-index: 5;}
.pricing-table.featured-table,
.pricing-table.featured-table .pricing-table-header, .sspgs .col-inner {
  overflow: hidden;
}


.sspgs .row-small {
  align-items: stretch !important;
}

.sspgs .row-small > .col {
  display: flex !important;
}

.sspgs .col-inner {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
}

.sspgs .pricing-table-wrapper {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
}

.sspgs .pricing-table-wrapper .pricing-table {
  flex: 1 !important;
  display: inline !important;
  flex-direction: column !important;
}

.sspgs .pricing-table .pricing-table-items {
  flex: 1 !important;
}
.sslct .bg {background-attachment: fixed;
    background-position: center;}
.cnb p{width: 52px;
    height: 52px;
    background: #0099e5;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    color: #fff;}
.ttab .nav-pills span {padding: 5px 20px;    color: #fff;}
.ttab .nav-pills {width: 400px;
    margin: 0 auto;
    padding: 10px;
    background: #171f2beb;
    border-radius: 100px;}
.dtsv .price {display: none !important;}
.dtsv .title {padding-bottom: 20px !important;}
.clc {color:#000;}
.clc ul {background: rgba(0, 153, 229, 0.12);
    border-radius: 12px;
    padding: 10px;}
.ibt p {margin-bottom:10px !important;}
.wpcf7-form label {font-size:14px;}
.absolute-footer {
    background-color: #092640 !important;
    color: rgb(255 255 255 / 80%) !important;
}
.product-small .badge {display:none;}
.u-card-price sub {color:#fff;}
.product-small .price, .product-small .title-wrapper {text-align:center;font-size: 18px;}
.product-small del {padding-right: 20px;}
.product-small .price-wrapper {margin:15px 0px;}
.product-small .box-text-products ul {min-height: 130px;
    padding: 10px;
    background: #09264014;    margin-bottom: 0px !important;}
.product-small .product-title a {color: #0099e5;
    font-weight: bold;}
.product-info .product-short-description {padding: 10px;
    background: #0099e529;
    margin: 30px 0px;
    border-radius: 15px;}
.product-type-simple .price .woocommerce-Price-amount::after {
  content: "/month";
  font-size: 13px;
  color: #888;
  font-weight: 400;
}
.row .post-310 .price .woocommerce-Price-amount::after {
  content: "";
  font-size: 13px;
  color: #888;
  font-weight: 400;
}
.add-to-cart-button a {width: 100%;
    font-size: 14px !important;margin-top: 0px !important;
    color: #fff !important;
    background-color: #0099e5 !important;}
.product-small .box-text-products {border: 1px solid #eceef0 !important;
    padding: 15px 0px 0px 0px !important;}
.wpcf7 label {color: #005cae !important;}
.sssl .banner-bg .video-bg {display: block !important;}
.ttmns h4{padding: 20px 0px !important;}
.sstls .testimonial-box {    padding: 10px;
    background: #eff8ff;}