/* Template New */
@import url("https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700;800;900&display=swap");
:root {
--co-text: #000;
--co-text-min: #212529;
--co-text-dec: #6c757d;
--co-white: #fff;
--co-red: #dc3545;
--co-link: #527ca5;
--co-tab-link: #7aa3ca;
--bg-body: #f18807;
--bg-yel: #f18807;
--bg-yel-hov: #ffffff42;
--bg-yel-nav-h: #fafafa29;
--bg-yel-border: #fac013;
--bg-yel-opt: #fba12199;
--bg-navy: #183b56;
--bg-xam: rgb(100 74 74 / 10%);
--bg-blk: #070707;
--bg-blk-db: #070707db;
--bg-card: #00000024;

--bg-blu-nav: #183b56;
--bg-blu-col: #ffffffe3;
--bg-wit-col: #ffffffb3;
--border-yel: #f6b20d;
--border-bd: #bdbdbd;
--border-yel: #ffce3b;
--border-yel2: #fac011;
--border-yel3: #fdc721;
--blu2: #3b5998;
--blu2-hov: #3b5998;
--co-green-hov: #188151;
    --pwallet: #ffffff linear-gradient(181deg, #999d00 0, #ffa500 100%);
}
body {
    color: var(--co-text-min);
    margin: 0px 0 0;
    background: var(--bg-body) url(/public/client/images/vuong-van-3-X.jpg);
    background-position: center center;
    content: "";
    font-family: var(--bs-font-sans-serif);
}
body:before {
    color: var(--co-text-min);
    background: var(--bg-body) url(/public/client/images/theme-cat-709-x.jpg) no-repeat;
    background-position: center center;
    content: "";
    display: block;
    width: 100%;
    height: 720px;
    position: absolute;
    z-index: -1;
}
option {background: #2a3f5e;color: #fff; padding: 5px;}

.my-wallet h3 { color: #009809;}
.fa-angle-double-right:before, .fa-angles-right:before {
    content: "";
}
.row-cate30 {background: url(/public/client/images/blue-non.gif) !important;}
.row-cate30 .sms-banner img {filter: opacity(0.9);}
.row-cols-xl-1 .feature-card, .mb-3 .feature-card, .user-form-card, .user-form-remind, .blog-widget, .product-view {
    background: var(--bg-blu-col);
    margin-bottom: 12px;padding: 20px 15px;
    border: 1px solid #dee2e6;border-radius: 15px;
    box-shadow: 3px 5px 5px 0px rgb(0 0 0 / 37%);
}
.row-cols-xl-1 .feature-name, .row-cols-xl-1 a {
    color: var(--co-text-min);margin: 0 0 1px;line-height: 15px;
}
.row-cols-xl-1 a {
    font: 600 20px / 18px var(--bs-font-sans-serif);
    padding: 3px 0 10px;
    display: block;
    letter-spacing: -0.5px;
}
.row-cols-xl-1 a:hover {
    color: var(--co-red);
}
.row-cols-xl-1 .feature-desc {
    margin: 0;color: var(--co-text-dec);
    display: inline-block;
    white-space: unset;
    overflow: unset;font: 400 14px / 16px var(--bs-font-sans-serif);
}
.row-cols-xl-1 .feature-nam a { font: 600 20px / 18px var(--bs-font-sans-serif);letter-spacing: -0.5px;padding: 3px 0 10px; display: block;}
.row-cols-xl-1 .feature-desc i {
    display: none;
}
.row-cols-xl-1 .card-price-product-list {
    background: unset;
    border: 0;margin: 0;
}
.row-cols-xl-1 .card-price-product-list .feature-price {
    font: 600 18px / 18px var(--bs-font-sans-serif);
}
.row-cols-xl-1 .card-price-product-list .feature-price span, .details-price span, strong#into_pay {
    color: var(--bg-navy);
}
.row-cols-xl-1 button.btn-buy, button#btnChangePasswordProfile, .form-button button, .account-content button, .form-btn, .nav-btn .btn, .btn-buy, .account-title button, .account-title a {
    background: #ffffff linear-gradient(181deg, #009a09 0, #009a09 100%) !important;border-radius: 12pc;
}
.row-cols-xl-1 button.btn-buy:hover, button#btnChangePasswordProfile:hover, .form-button button:hover, .account-content button:hover, .account-title button:hover, .account-title a:hover {
    opacity: 0.7;
}
.row-cols-xl-1 .label-text.feat, .label-text.feat {background: var(--bg-xam);font-size: 9px;color: var(--co-text-dec);border-radius: 9px; border: 0px solid #1a808a;padding: 3px 7px;}
.row-cols-xl-1 .label-text.feat b {
    display: block;
    padding: 0px 0 0;
    font: 500 11px / 14px arial;
    color: #1a3f5b;
}
.row-cols-xl-1 .col-md-9 {display: grid;width: 55%;align-items: center;}
.row-cols-xl-1 .col-md-3 {    width: 35%;display: flex;align-items: center;margin-left: auto;}

.row-cols-xl-1 .feature-content .row:before {
    background: url(/public/client/images/icon-cop-C.png);background-size: cover;
width: 40px;
height: 40px;
    content: "";opacity: 0.5;
    
}
#category33 .row-cols-xl-1 .feature-content .row:before, 
#category34 .row-cols-xl-1 .feature-content .row:before {
    background: url(/public/client/images/promo-4acc2.png);
    background-size: cover;
    width: 40px;
    height: 40px;
    content: "";
    opacity: 0.7;
}
.row-cols-xl-1 .feature-content .row .row:before { display: none;}
.row-cols-xl-1 .row {align-items: center;}
.row-cols-xl-1 .row .row {    position: absolute; margin-right: 32%;right: 0;}
.row-cols-xl-1 .product-disable::before {
    position: absolute;
    width: 51px;
    right: 34%;
    left: auto;
    padding: 7px 0px;
    background: #6c757d;
    font: 10px / 18px arial;
    text-transform: capitalize;
    border-radius: 9px;
    top: 48%;
    transform: translateY(-50%);
}
.row-cols-xl-1 .product-disable::after {background: none;}
.product-disable button.btn-buy { background: var(--bg-xam) !important;color: var(--co-text-dec) !important;}
.product-view .view-meta label.label-text.feat { font-size: 14px;padding: 8px 10px;}
.details-share-list li a {background: var(--bg-yel-opt);}
.support-list li a {background: unset;color: #f18807;}
.crypto_note, .crypto_note p {color: #dc3545 !important;font: 15px / 23px var(--bs-font-sans-serif) !important;}
section.feature-part {  margin: 0px 0 0;}
section.feature-part:before {   display: block; height: 370px; content: "";}
.page-info, .filter-select, .blog-widget-title, .blog-widget-category li a, .footer-title,.account-title, .category-title, .mobile-menu a i, .mobile-menu button i, .mobile-menu a span, .mobile-menu button span, .tab-link.active, .details-list-title, .view-name a, .view-price span, .view-list-title, strong#into_pay, h1, h2, h3, h4, h5, h6 {
    color: var(--co-text-min);
}
.product-details-frame, .product-details-frame p, .product-details-frame ul, .product-details-frame ul > li, footer.footer-part, .footer-desc, .footer-widget.contact, .footer-widget.contact li, .footer-links, .footer-links li {
    font-family: var(--bs-font-sans-serif);
    letter-spacing: -0.2px;
}
.footer-part {background: unset;padding: 20px 12px 0 !important;}
.feature-part .col-md-12 .account-card {background: #070707b0 !important;}
.feature-part .account-card {
    background: url(/public/client/images/bg-black2.png);
    background-size: cover;
    margin-bottom: 12px;
}
.feature-part .account-card h3 {
    color: #fff;
    font: 600 20px/28px 'Saira Semi Condensed', sans-serif;
    margin-bottom: 0px;
}
.feature-part .account-card p {
    font: 14px/22px 'Saira Semi Condensed', sans-serif;
}
.feature-part .home-heading {
    margin-bottom: 7px !important;
}
.feature-part .home-heading h3:not(.no-bg) {
    padding: 5px 13px;
    border-radius: 3px;
    border: 1px solid #ccc;
    background: var(--bg-wit-col) !important;
    color: var(--primary);
    font: 600 20px / 18px var(--bs-font-sans-serif);
}
.feature-part .home-heading h3 img {
    height: 55px;
    border-right: 1px dashed #fff;
    padding-right: 15px;
    margin-right: 15px;
}
.feature-part .mb-5 {margin-bottom: 20px !important;}
.my-wallet p, .wallet-card-group .wallet-card p {color: var(--co-text-min);}
.home-heading h3:not(.no-bg) {
    background: #eb542a linear-gradient(135deg, var(--bg-blk-db) 0, var(--bg-blk-db) 100%) !important;
}
.account-card, .details-content, .product-details-frame, .nav-tabs {
    background: var(--bg-blu-col);color: var(--co-text-min);
}
.account-card.card-wallet-home .wallet-card-group .wallet-card {
    background: #7f7f7f42; padding: 15px;
}
.account-card.card-wallet-home .my-wallet p, .account-card.card-wallet-home .wallet-card-group .wallet-card p {
    color: var(--bg-yel);
}
.blog-grid h1 {
    font: 600 24px / 25px 'Saira Semi Condensed', sans-serif;
    color: #a5dc86;
}
.details-content .label-text.feat {
    font-size: 14px;
    padding: 8px 10px;
    margin: 7px 0;
}
section.inner-section.single-banner {
    background: #070707b0 !important;
    background-size: cover;    padding: 7px 0px;
}
.single-banner::before {
    background: linear-gradient(to left, rgba(6, 23, 56, 0.6), rgb(17 125 151 / 60%));border-radius: 8px;
}
section.inner-section {
    margin-bottom: 20px !important;
}

section.inner-section ul.nav.nav-tabs {
    margin-bottom: 5px;padding: 10px;
    background: var(--bg-wit-col) !important;
}
.account-card .col-sm-8 { width: 60%;}
.account-card .col-sm-4.col-form-label { width: 40%;}
.details-content {border: 0;}
#col2 .details-content .details-name {
    display: flex;
    align-items: center;
    padding: 5px 20px;
    margin: -22px -22px 20px;
    border-radius: 8px 8px 0 0;
    border-bottom: 1px solid #ccc;
    background: #f9dea05c !important;
    color: var(--primary);
    font: 600 20px / 18px var(--bs-font-sans-serif);
}
#col2 .details-content .row {flex-direction: row-reverse;}
.details-content .details-name img {
    height: 55px;
    width: 71px;
    border-right: 1px dashed #ccc;
    padding-right: 15px;
    margin-right: 15px;
}
.view-price span {color: #009faf;}
table, .table-wrapper {background: #fff;}
h1#site_name, .feature-part .account-card h1 {
    font: 600 21px / 25px 'Saira Semi Condensed', sans-serif;
    color: #a5dc86;
}
.account-title button:hover, .account-title a:hover {
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
    transform: translateY(-2px);
}
.footer-widget a.ctaBuy {
    background: url(/iphoto/cta-buy.png) no-repeat scroll 5px center #ff6c0040;
}
.footer-widget a.ctaDownload {
    background: url(/iphoto/cta-download.png) no-repeat scroll 5px center #15a61c40;
}

/* Banner Ads New */
.sms-banner { max-width: 500px; margin: auto;}
.row-bottom { background: #173851; border-radius: 10px; box-shadow: 2px 6px 10px rgba(0, 0, 0, 0.2);}
.sms-banner img {max-width: 500px;}
.info-ad2 {
    text-align: center;
    border-radius: 0 0 10px 10px;
    opacity: 0.8;
}
.info-ad2 a {
    color: #fff;
    font-size: 23px;
    text-decoration: auto;
}
.ad-botom {margin: 30px -21px -20px;}
.ilg-block img { border-radius: 10px;}


/*****************************************/
/* Menu New */
body .header-top { padding: 3px 0px;  background: var(--bg-yel-opt);}
header.header-part, nav.navbar-part {
    background: var(--bg-yel-opt) !important;
    color: #fff;
}
header.header-part.active { box-shadow: 0px 3px 5px rgb(255 255 255 / 20%);}
nav.navbar-part a.navbar-link, .footer-part .footer-links ul li a, .form-button p a {
    color: var(--white);
    padding: 0px 0px;margin-bottom: 5px;
}
nav.navbar-part .navbar-info-group {
    display: none;
}
nav.navbar-part a.navbar-link:hover, .footer-part .footer-links ul li a:hover, .form-button p a:hover {
    color: var(--blu2-hov);
}
nav.navbar-part li.navbar-item {
    margin: 0 10px 0 0;
    padding: 3px 10px 3px 0;
    border-right: 1px solid var(--bg-body);
}
.nav-tabs li {border-right: 1px solid var(--border-yel3);}
.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
    background-color: var(--bg-yel-hov);
    color: var(--blu2-hov);
}
.nice-select .list {
    background-color: var(--bg-yel);color: var(--co-white);
}
.header-top-list li:hover, .header-top-list a:hover {opacity: 0.7;}
header.header-part .header-content {padding: 5px 0px;}
.header-part .header-form input, .header-part .header-form button i {
    height: 25px;
    line-height: 35px;
}
.header-part .header-form {
    border-radius: 15px;
}
.header-part.active .header-form {
    background: var(--white);
    border-color: var(--chalk);
}
.header-part .header-logo img {
    height: 40px;
}
.header-part .header-widget i {
    width: 35px;
    height: 35px;
    line-height: 35px;
}
.header-part .header-widget img {
    width: 35px;
    height: 35px;
}
header.header-part.active .header-content {
    padding: 3px 0px;
}
.header-part .header-widget sup {
    background: #dc3545;
}
.header-part .header-widget span:hover {
    color: var(--co-green-hov);
}
.header-part .header-widget span {
    color: var(--co-text-min);
}
.navbar-part .navbar-content {
    border-top: 1px solid var(--bg-body);
}
.navbar-part .dropdown:hover .dropdown-position-list {
    top: 35px;
    background: var(--bg-yel);
    border: 0;
    padding: 5px 0px;
}
.navbar-part .dropdown:hover .dropdown-position-list li {
    border-bottom: 1px dashed var(--border-yel3);
}
.navbar-part .dropdown-position-list li a:hover {
    color: var(--blu2-hov);background: var(--bg-yel-hov);
}
.navbar-part .dropdown-position-list li a {
    color: #fff;border-radius: 0;
    background: var(--bg-yel);
}
.navbar-part .dropdown-position-list::before {
    background: var(--bg-yel);
    border: 0;
}
.navbar-part .dropdown-megamenu:hover .megamenu {
    background: var(--bg-yel) !important;
    color: #fff;
    top: 137px;
    border: 0;
    padding: 10px;
}
.navbar-part h5.megamenu-title {
    border-bottom: 2px solid var(--bg-yel-border);
    padding: 0 0 5px;
}
.navbar-part h5, .navbar-part h6, .navbar-part a {
    color: #fff;
}
.navbar-part ul.megamenu-list {
    border-left: 1px solid var(--bg-yel-border);
}
.navbar-part .megamenu-list li a {color: #fff;}
.navbar-part .megamenu-list li a:hover {color: #000;}

aside.cart-sidebar, aside.nav-sidebar, .category-sidebar, .mobile-menu, .modal-form {
    background: var(--bg-yel);
    color: #fff;box-shadow: 0px -5px 5px 0px rgb(0 0 0 / 37%);
}
a.category-link, .nav-sidebar .nav-link, .dropdown-list li a {
    color: #fff;background: none;
}
a.category-link:hover, .nav-sidebar .nav-link:hover, .mobile-menu a:hover i, .mobile-menu button:hover i, .tab-link {
    color: var(--blu2-hov);
}
.category-sidebar .category-header {border-bottom: 1px solid var(--border-yel);}
aside.cart-sidebar .cart-header {
    border-bottom: 1px solid var(--border-yel);
}
.cart-header i, .cart-header span {
    color: #fff;
}
.cart-close i.icofont-close, .nav-close i, .category-close i, .modal-close {
    background: #f27474;color: #fff;
}
.nav-sidebar .nav-btn {
    background: unset;
}
.nav-header, .nav-select-group, .nav-info-group {
    border-bottom: 1px solid var(--border-yel);
}
.nav-content { padding: 0 0 0px 10px;}
.nav-list li, li.category-item { width: 100%;border-bottom: 1px dashed  var(--border-yel3);}
aside.nav-sidebar .nav-info-group {
    border-top: 0px solid var(--border-yel);
    margin: 5px 0 10px;
}
aside.nav-sidebar .nav-info-group .nav-info i {font-size: 20px;color: #fff;}
.nav-sidebar .nav-link:hover, .dropdown-list li a:hover, .mobile-menu a i:hover, .mobile-menu button i:hover, .mobile-menu a span:hover, .mobile-menu button span:hover {
    background: #ffffff26;
    color: var(--co-text-min);
}
.wallet-card {
    background: #00000024;
}
.user-form-title h2 { }
.sidebar_profile:hover {
    opacity: 0.7;
}
.sidebar_profile {
    background: var(--bg-blk-db) !important;
    box-shadow: 4px 5px 5px 0px rgb(0 0 0 / 37%);
    border: 0;
    margin: 0 0 1px;
    border-radius: 0;
}
.sidebar_profile h6 {
    color: var(--co-white);
}
.mobile-menu a, .mobile-menu button, .dropdown-link, .mobile-menu a i, .mobile-menu button i, .mobile-menu a span, .mobile-menu button span {
    color: var(--co-white);
}
.mobile-menu a:hover, .mobile-menu button:hover, .dropdown-link:hover, .mobile-menu a:hover i, .mobile-menu button:hover i, .mobile-menu a span:hover, .mobile-menu button span:hover {
    background: #fafafa29;
    color: var(--co-text-min);
}

/*****************************************/
/* User Template New */
.user-form-remind { margin-top: 50px;padding: 30px; background: #070707;border: 0px;color: #fff;}
section.profile-part .row .account-card.p-0 {}
section.profile-part .row .account-card.p-0 tr { background: #102130;border-radius: 0;}
section.profile-part .row .account-card.p-0 td { background: #333; border: 1px solid #101010;}
section.profile-part .row .account-card.p-0 th { border: 1px solid #101010; border-radius: 0;color: #ccc;}
section.profile-part .row .account-card.p-0 td:first-child b { color: #21c7d7 !important;padding: 0 0 0 10px;}
section.profile-part .row .account-card.p-0 td:nth-child(2) b {color: var(--co-green-hov) !important;}
section.profile-part .row .account-card.p-0 thead { background: #102130;}
section.profile-part .tab-pane.active .list-group-item {background-color: var(--co-white); color: var(--co-text-min);}
section.profile-part .tab-pane.active .list-group-item button.copy {color: #797b7d; margin: 0 5px;}
section.profile-part .tab-pane.active .list-group-item button.copy i {font-weight: 400;}
section.profile-part #copyNoiDung1 {color: #f27474 !important;}
section.profile-part #copySTK1 { color: green !important;}
.contact-part .contact-card { background: url(/public/client/images/bg-mobe.png);background-size: cover;}
.contact-part .contact-card .chat-tele { width: 45% !important; margin: 20px 0 50px 5%;}
.contact-part .contact-card a {width: auto !important; display: flex; font-size: 13px !important;}
.contact-part .contact-card a i { margin: 0 10px 0 0; width: 15px; height: 0; line-height: 25px;}
.contact-part .contact-card .chat-tele:first-child { margin: 20px 5% 50px 0;}
.account-content .form-label {white-space: normal;font: 15px / 18px var(--bs-font-sans-serif);}
.account-content  .form-group.row {margin-bottom: 15px;display: flex;align-self: center;}
.account-content .form-group.row .col-xl-6 {width: 80%;}
.account-content .form-group.row .col-xl-6:last-child {width: 20%;}
.account-card.pt-3 h3.details-name {font: 600 20px / 18px var(--bs-font-sans-serif);margin-bottom: 10px;}
.account-card.pt-3 .details-meta p label.label-text.feat {
    font-size: 14px;
    line-height: 13px;
    color: var(--co-white);
    background: var(--co-text-dec);
}
.account-card.pt-3 p,.account-card.pt-3 li {font: 400 14px / 16px var(--bs-font-sans-serif);color: var(--co-text-dec);}
.account-card.pt-3 .details-meta p label {padding: 5px 10px 7px;border-radius: 0;}
.account-card.pt-3 p.details-desc {border-top: 1px solid;}
.details-share-list a {}
.details-share-list a:hover {opacity: 0.6;}
button.shop-widget-btn {background: var(--bg-yel);}
a.shop-widget-btn {background: #dee2e6;}

/*****************************************/
/* Product Template New */
.view-details { margin: 0px;}
.header-widget-group .header-widget p {}
.header-widget-group .header-widget p:nth-child(2) {color: #198754 !important;}
.header-widget-group .header-widget p:first-child {font: 12.5px/15px 'Saira Semi Condensed', sans-serif;}
.product-view table {
    background: #00000036;border: 0 !important;
}
.product-view .table tbody tr th, .product-view .table tbody tr td {
    color: #fff;
    border: 1px solid #101010;
    padding: 7px 5px;
    font: 14px / 18px 'Saira Semi Condensed', sans-serif;
}
.product-view table .product-action input {background: #354f75; padding: 3px 0px;}
.product-details-frame { padding: 22px 22px;}
.product-details-frame a {color: var(--co-link); text-decoration: underline;}
.product-details-frame a:hover {opacity: 0.7;}
.product-details-frame #input_api_key {
    display: inline-block;
    background: #000;
    padding: 3px 15px;
}
.product-details-frame #input_api_key, .product-details-frame ul.mb-1>li>span {
    color: #43e0ff !important;
}
.product_content button.btn-buy { text-transform: unset;}
.tab-link {color: var(--co-tab-link);}
strong#into_pay { color: var(--co-green-hov) !important;}
.product-view .view-list-group {display: none;}
.view-meta {  width: 50%; float: left;}
.view-price, .view-meta, .view-desc {margin-bottom: 5px;}
.details-content .details-meta { width: 50%; float: left;margin-top: -10px;}
.details-content .details-price {font: 600 24px / 24px 'Saira Semi Condensed', sans-serif;margin: 15px 10px 10px 0;text-align: right;}
.details-preview li img { max-height: 300px;background: #fff;}
.details-thumb {display: none;}
.details-thumb img {}
.view-add-group { margin: 15px 0px 15px;display: grid;}
.product-view .btn-buy, .wallet-form button {
    background: #ffffff linear-gradient(181deg, #009a09 0, #009a09 100%) !important;width: 250px; margin: 10px auto 0;padding: 10px;font-size: 18px;
}
.product-view h3 {
    font: 600 20px / 22px 'Saira Semi Condensed', sans-serif;
}
.product-view p.view-desc {
    font: 13px / 18px 'Saira Semi Condensed', sans-serif;
    color: #ccc;clear: both;
}
.wallet-form button:hover {
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
    transform: translateY(-2px);
}
section.inner-section .col-lg-4 {display: block;}
section.inner-section .account-content .col-lg-4 {
    display: block;
}
section.inner-section .account-content .col-lg-4 .form-control[readonly] {
    background-color: var(--bg-card);
    border: 0px solid var(--bs-gray-dark);
    color: var(--co-text-min);
}
.label_favorite {
    background: #ffffffba linear-gradient(181deg, #c3c3c3 0, #ffffff70 100%);
    width: 250px;
    margin: auto;
    text-align: center;
}
.btn-more {
    background: var(--bg-blu-nav);
    color: #fff;
}
.details-content .col-lg-6 a.btn-more {
    margin: 10px auto 0;
    font-size: 18px;background: #eb542a linear-gradient(135deg, var(--primary) 0, #2a3f5e 100%) !important;
}
.details-content .col-lg-6 .btn-buy {
    width: 250px;
    margin: 10px auto 0;
    padding: 6px 10px;
    font-size: 18px;
}
.details-content .col-lg-6 {ext-align: center;width: 50%;}

.product-details-frame ul>li {
    display: list-item;
    text-align: -webkit-match-parent;
    unicode-bidi: isolate;
}
.product-details-frame ul>li:before {
    unicode-bidi: isolate;
    font-variant-numeric: tabular-nums;
    text-transform: none;
    text-indent: 0px !important;
    text-align: start !important;
    text-align-last: start !important;
    content: " • "; padding: 0 3px;font-size: 16px;
}
.wallet-form button {
    font-size: 14px;
    font-weight: 500;
    padding: 10px 30px;
    border-radius: 6px;
    margin-top: 17px;
    text-transform: uppercase;
    color: var(--white);
    background: var(--pwallet)
}
.wallet-form button:hover {opacity: 0.8; }
p.details-desc {    font: 400 14px / 16px var(--bs-font-sans-serif); color: var(--co-text-min);clear: both;}
.product-details-frame ul>li, .product-details-frame p {font: 14px / 23px var(--bs-font-sans-serif);}
.product-details-frame p strong {font: 700 15px / 23px var(--bs-font-sans-serif);}
.product-details-frame:last-child {margin-bottom: 0px;padding: 20px 12px 30px;}

.account-card.pt-4 p, .account-card.pt-4 ul>li {font: 14px / 23px var(--bs-font-sans-serif);margin-bottom: 5px;}
.account-card.pt-4 h3 {font: 700 17px / 23px var(--bs-font-sans-serif);margin-bottom: 3px;}
.account-card.pt-4 h2 {font: 700 21px / 25px var(--bs-font-sans-serif);margin-bottom: 5px;}
.contact-part .contact-card, .contact-part .contact-card h4, .contact-part .contact-card h7 {color: #ccc;font: 14px / 21px var(--bs-font-sans-serif);}


/*****************************************/
/* Nav Menu Template New */
.cart-sidebar.active a.category-link {margin: 5px 15px;padding: 30px 15px;background: #fafafa29;font: 600 18px / 23px arial; box-shadow: -1px 1px 3px rgb(10 10 10 / 20%);border-radius: 10px;}
.cart-sidebar.active a.category-link img {width: 50px;}
.cart-sidebar.active li.category-item {border-bottom: 3px dashed var(--border-yel2);}
ul.dropdown-list { padding: 0 0 0 15px;}
ul.nav-list {width: 105%;}
.dropdown-list li a {
    padding: 15px 15px;
    margin: 3px 0px;
    background: #fafafa29;
    box-shadow: -1px 1px 3px rgb(10 10 10 / 20%);
    border-radius: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.dropdown-list li a img.me-2 {width: 25px;}


/*****************************************/
/* Blog Widget Template New */
.blog-widget p , .blog-widget h3 { margin: 10px 0;}
.blog-widget { padding: 15px 20px;}
.blog-widget a {color: #43e0ff;}
.blog-widget a:hover, .blog-widget-feed a:hover {color: #cdcdcd;opacity: 0.7;}
.blog-widget-feed a, .blog-widget-category li a:hover { color: var(--blu2-hov);}
.blog-widget-feed span.text-dark {color: #719da1 !important;font: 500 12px / 15px arial;}
.blog-grid .container .feature-card {box-shadow: 0 0 15px 0 rgb(0 0 0 / 50%);}
.blog-widget li:before { content: " • "; padding: 0 3px;}
.blog-widget ul>li { margin: 0 0 5px 12px;padding: 12px 0;    border-bottom: 1px solid #252525;}
.blog-widget p, .blog-widget ul>li { font: 14px / 22px  var(--bs-font-sans-serif);letter-spacing: -0.2px;}
.blog-widget ul.blog-widget-feed>li:nth-child(n+15) {display: none;}
.blog-widget h3 {font: 500 20px / 20px 'Saira Semi Condensed', sans-serif;}
.blog-widget-text {font: 500 14px / 16px arial;}
.blog-widget-media img { width: 100px;height: 70px !important;}
.blog-card {padding: 0px 0 15px;border-radius: 10px; background: #fafafa;font-family: var(--bs-font-sans-serif);}
.blog-card .blog-img img {width: auto !important;vertical-align: middle;}
.blog-card .blog-media {
    height: 200px;
    overflow: hidden;
    display: flex;
    align-items: center;
    margin: 0 0 10px;
    border-radius: 10px 10px 0 0;
}
.blog-content .blog-meta { display: none;}
.blog-card .blog-content {max-height: 190px;overflow: hidden;}
.blog-card .blog-content .blog-title {font-size: 21px; line-height: 23px; margin-bottom: 5px;}
.blog-card .blog-content .blog-desc { font-size: 16px;line-height: 19px;margin-bottom: 10px;}
.details-name a {color: var(--blu2-hov);}
ul.blog-widget-feed li::before, ul.blog-widget-category li::before { content: "";}
.minitextButton {font-size: 11px;line-height: 10px; padding: 0 0 5px;}
.contentCallToAction a.ctaButton {max-width: 200px; margin: 15px 20px 0 0; text-align: left;}
a.ctaDownload { background: url(/iphoto/cta-download.png) no-repeat scroll 5px center #15A61C;}
a.ctaBuy { background: url(/iphoto/cta-buy.png) no-repeat scroll 5px center #FF6C00;}
a.ctaButton {
     color: #FFFFFF;
     display: inline-block;
     font-size: 16px;
     font-weight: 400;
     padding: 4px 15px 4px 37px;
     border-radius: 8px;
}
.facebook_button {background: #164a7b;}
.telegram_button {background: #00768f;}
.ico_button {
    margin: 5px 0 5px;
    color: #FFF;
    border-radius: 100px;
    font-size: 13px;
    padding: 5px 15px;
}
.ico_button:hover {opacity: 0.7;color: #ffc107;}
.icofont-location-pin:after {
    content: "Chat support";margin: 0 0 0 3px;
    font: 13px / 18px var(--bs-font-sans-serif);
}
.row-link {color: #f27474;}
.h-link {color: #ffc107;}


/*****************************************/
/* START THEME LIST */


/*****************************************/
/* START THEME BOX */


/*****************************************/
/* START THEME BOX4 */
.prod-item .product-box4 { background: var(--bg-blu-col);}
.prod-item .product-head-box4 {background: var(--bg-wit-col) !important;}
.product-buttons-box4 {display: flex;}
.product-buttons-box4 .buy-btn-box4 { background: linear-gradient(135deg, #184a33 0, #198754 100%);font-size: 12.5px;line-height: 15px;}
.product-buttons-box4 .more-btn-box4 {
    background: #122333;
    border: 0px solid #ccc;
    color: #ccc;
    font-size: 12.5px;
    line-height: 15px;
}
.product-box4 .product-footer-box4 { padding: 5px 15px; border-bottom: 1px solid #203047;}
.product-box4 .product-body-box4 { border-bottom: 1px solid #203047;}
.product-box4 .border-end-box4 { border-right: 1px solid #203047 !important;}

/*****************************************/
/* SCRIPT THEME BOX */

  #category .feature-content .feature-desc {
    color: green;
  }
 #category32 .btn-buy::before {
    content: attr(data-content);
    color: red;
    display: inline-block;
    margin-right: 5px;
  }

/*****************************************/
/* Footer Template New */
footer.footer-part {
    background: var(--bg-blk);
    color: #fff;    padding-top: 30px;border-top: 5px solid;
    border-image: linear-gradient(to right, rgba(6, 23, 56, 0.6), rgba(17, 125, 151, 0.6)) 1;
}
.footer-out {background: linear-gradient(179deg, #070707 0, #0b1b27 20%);}
.footer-not .footer-links ul li a { margin: 0 5px 5px 0;     color: #877a52;}
.footer-part .footer-links ul li, .footer-part .footer-contact li {width: 50%;float: left;font: 13px / 18px 'Saira Semi Condensed', sans-serif;}
.footer-part .footer-contact li { margin: 0 0 8px;}
.footer-links {display: block;}
.footer-links ul {
    width: 100%;
    display: table-cell;
}
.footer-part .footer-links ul li a, ul.footer-contact p, p.footer-desc {
    font: 13px/18px var(--bs-font-sans-serif);
}
.footer-title {
    margin-bottom: 5px;
}
.footer-widget {
    margin-bottom: 10px;
}
.footer-widget h3 {    font: 600 20px / 18px 'Saira Semi Condensed', sans-serif;    color: var(--co-text-dec);}
.footer-part .footer-links ul li, .footer-part .footer-contact li,  {
    margin: 0 0 5px;
}

.form-button button {
    background: var(--facebook);
}
.form-button button:hover {
    opacity: 0.6;
}
.footer-contact li i {
    color: #e6e6e6;
    font-size: 15px;margin-right: 5px;
}
.footer-desc { margin-bottom: 10px;}
.form-control {
    color: var(--text);
    background: #fff;
    border: 1px solid var(--border-bd);
}
.user-form .form-button a {color: #0d6efd;}
.user-form-remind p a {
    background: var(--google);
    COLOR: #FFF;
    width: 100%;
    font-size: 15px;
    padding: 10px 0px;
    border-radius: 8px;
    letter-spacing: 0.3px;
    text-align: center;
}
.user-form-remind p a:hover {
    opacity: 0.6;
}
.footer-logo {
    margin-bottom: 5px;
}
.footer-links ul li {
    margin: 0;
}
.footer-part .footer-contact li:nth-child(3) {
    width: 100%;
    float: none;
    clear: both;
    display: block;
}
.footer-part .footer-contact li:nth-child(3) i {}
.footer-copytext a:nth-child(2) { display: none;}
footer.footer-part .row:first-child {padding-bottom: 30px;}
footer.footer-part .row:nth-child(2) { display: none;}
.footer-out .footer-desc, .footer-out {color: var(--co-text-dec);}
h7.footer-title {color: var(--co-text-dec);}

/*****************************************/
/* Style col layout */
#smore {display: none;background: #f9fafb; padding: 20px;margin: -18px 0 0;}
.float-right { float: right;}
.float-left { float: left;}
.grid {display: grid;}
.flex {display: flex;}
.flex-direction {flex-direction: column;}
.flex-left {display: flex; margin-left: auto;}
.inline-block {display: inline-block;}
.layout-15 {width: 15%;}.layout-20 {width: 20%;}.layout-25 {width: 25%;}
.layout-30 {width: 30%;}.layout-33 {width: 33%;}.layout-35 {width: 35%;}
.layout-40 {width: 40%;}.layout-50 {width: 50%;}.layout-60 {width: 60%;}
.layout-65 {width: 65%;}.layout-70 {width: 70%;}.layout-80 {width: 80%;}
.layout-85 {width: 85%;}.layout-90 {width: 90%;}.layout-100 {width: 100%;}
.layout-20-left {width: 18%;margin: 0 2% 0 0;}
.layout-145 {width: 145px;}
.layout-120 {width: 120px;}

/*****************************************/
/* keyframes */
@keyframes flickerAnimation{
    0%{opacity:1}50%{opacity:0.5}to{opacity:1}
}
@-webkit-keyframes flickerAnimation{
    0%{opacity:1}50%{opacity:0.5}to{opacity:1}
}
.animate-flicker{-webkit-animation:flickerAnimation .5s infinite;animation:flickerAnimation .5s infinite}
.text_flick {
    background-clip: text;
    background-image: linear-gradient(90deg, #fe6941, #1eff00);
    color: unset;
}
#category14 * .feature-card {}
#category14 *:nth-child(5) .feature-card .feature-name, #category14 *:nth-child(6) .feature-card .feature-name {
    -webkit-animation: flickerAnimation .5s infinite;
    animation: flickerAnimation .7s infinite;
}
#category14 *:nth-child(5) .feature-card .feature-name a, #category14 *:nth-child(6) .feature-card .feature-name a { 
    font: 500 15px / 16px arial;
    text-transform: uppercase;
    background-clip: text;
    background-image: linear-gradient(90deg, #fe6941, #1ef);
    color: transparent;
}
#category27 * .feature-card .feature-name {
    -webkit-animation: flickerAnimation .5s infinite;
    animation: flickerAnimation .7s infinite;
}

#category27 * .feature-card .feature-name a {
    text-transform: uppercase;
    background-clip: text;
    background-image: linear-gradient(90deg, #dc3545, #212529);
    color: transparent;
}

/*****************************************/
/* @media Template New */
@media (max-width: 991px) {
    .footer-widget {margin-bottom: 30px;}
    .row-cols-xl-1 .feature-name, .row-cols-xl-1 .feature-desc {width: 95%;}
    .inner-section.profile-part .col-lg-3 {
    display: inline-grid;
    grid-template-columns: 2fr 2fr;
    gap: 5px 10px;
    background: var(--bg-blu-col);
    color: var(--co-text-min);
    padding: 20px 12px;
    margin: 15px 15px;
    width: auto;
    border-radius: 8px;
    box-shadow: 2px 6px 10px rgba(0, 0, 0, 0.2);
    }
    .sidebar_profile {
    background: #009a09 !important;
    border: 0;box-shadow: unset;
    margin: 0 0 7px;
    padding: 5px 15px;
    border-radius: 15pc;
    }
    .sidebar_profile h6 { color: #fff;font-size: 14px;}
    .sidebar_profile:first-child h6 {font-size: 12px;}
}
@media (min-width: 421px) and (max-width: 767px) {
    .blog-grid .container {
        max-width: unset !important;
    }
}
@media (min-width: 768px) and (max-width: 1199px) {
    .inner-section {
        margin-bottom: 50px;
    }
    .nav-tabs {
        padding: 10px 10px;
    }
}
@media (max-width: 767px) {
    .container, .container-sm {max-width: 100%;}
    .footer-not {padding: 30px 12px 40px !important;}
}
@media screen and (max-width: 680px) {
    
}
@media screen and (max-width: 600px) {
    body:before {margin: -60px 0 0;  background: var(--bg-body) url(/public/client/images/theme-cat-209-X.jpg) no-repeat; background-size: cover;}
    section.feature-part:before {height: 350px;}
    body .row-cols-xl-1 .col-md-9 { padding: 0px 7px 5px 0;;width: 100%;}
    body .row-cols-xl-1 .feature-name,  .row-cols-xl-1 .feature-desc {width: 100%;}
    body .row-cols-xl-1 .feature-name {width: 90%;}
    body .row-cols-xl-1 .row { align-items: center; display: block;}
    body .row-cols-xl-1 .row .row {margin-right: 12px;position: absolute;top: 12px;}
    body .row-cols-xl-1 .row .row .col-md-12 {padding: 0;}
    body .row-cols-xl-1 .label-text.feat b {display: inline-block;color: #6c757d;}
    body .row-cols-xl-1 .feature-card { padding: 15px 12px 10px;}
    body .card-price-product-list .feature-price {padding: 0; font: 600 18px / 18px var(--bs-font-sans-serif);  }
    body .row-cols-xl-1 .card-price-product-list { padding: 1px 15px 1px 0;justify-content: left;}
    body .row-cols-xl-1 button.btn-buy {
        padding: 3px 10px;
        margin: 0 0 0 12px;
        border-radius: 12pc;
        max-width: 140px;
    }
    body .row-cols-xl-1 .col-md-3 {width: auto; padding: 0; margin: 0 5px 0 0;    }
    body .row-cols-xl-1 .product-disable::before {
    position: absolute;
    width: 60px;
    right: 10px;
    left: auto;
    top: 16px;
    padding: 1px 0px;
    background: #6c757d;
    font: 10px / 18px arial;
    text-transform: capitalize;
    border-radius: 9px;
    transform: none;
    }
    .row-cols-xl-1 .feature-desc i {
    background: url(/public/client/images/coupon-iconR.png);
    background-size: cover;
    width: 35px; height: 35px;
    content: "";display: block;
    opacity: 0.5;
    position: absolute;
    right: 10px;
    }
    #category33 .row-cols-xl-1 .feature-desc i, 
    #category34 .row-cols-xl-1 .feature-desc i {
    background: url(/public/client/images/promo-4acc.png);
    background-size: cover;
    width: 35px; height: 35px;
    content: "";display: block;
    opacity: 0.7;
    position: absolute;
    right: 10px;
    }

    .blog-card {margin-right: 12px;margin-left: 12px;}
    .nav-tabs { padding: 10px 10px;}
    section.inner-section ul.nav.nav-tabs a.tab-link {font-size: 14px;}
    #col2 .details-list-group {margin-bottom: 5px;}
    .details-content p.details-desc {margin-bottom: 15px;}
    .details-content .col-lg-6 .btn-buy {width: 100%;font-size: 15px;padding: 3px 10px;}
    .details-content .col-lg-6 a.btn-more {margin: 10px auto 0;padding: 3px 0px;font-size: 15px;background: var(--co-text-dec) !important;}
    .footer-out .footer-desc {color: #9fa3a9;}
    .footer-not .footer-links ul li a {color: #a9965b;}
    .footer-not {padding: 20px 12px 40px !important;border-top: 1px dashed #0b3d4e;}
}
@media (max-width: 575px) {
    .details-name {font: 600 20px / 20px 'Saira Semi Condensed', sans-serif;}
    .details-content, .product-details-frame {padding: 20px 12px;}
    #col2 .details-content .details-name {margin: -22px -12px 15px;}
    .row.row-cols-xl-1 { margin: 0;}
    .row.row-cols-xl-1>* {padding: 0 1px;}
    .row-cols-xl-1 button.btn-buy {}
    .row-cols-xl-1 .row .row {}
    .row-cols-xl-1 .col-md-3 {}
    .inner-section .col-lg-8 {} 
    .inner-section .col-lg-12 { padding: 0 1px;}
    .header-media-group a img, .nav-header a img {width: auto;height: 35px;}
    .header-user i, .header-src i {
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: #ffffffad;
    }
    section.inner-section ul.nav.nav-tabs {
        margin-bottom: 0px;
        padding: 5px 10px;
        flex-direction: unset;
        border-radius: 8px 8px 0 0;
    }
    .product-details-frame:last-child {
        margin-bottom: 0px;padding: 20px 12px 40px;
        border-radius: 0 0 8px 8px;
    }
    .nav-tabs li {padding: 5px 15px;  }
    section.inner-section .col-lg-4 { display: none;}
    .blog-grid .container {padding: 0;}
    .row-cate30 .sms-banner img { padding: 10px 0;}
    .sms-link.flex {padding: 0;}
    .sms-banner .sms-link img {width: 100%;max-width: unset;}
    
}

@media (max-width: 480px) {
    body:before { margin: 10px 0 0;
        background: var(--bg-body) url(/public/client/images/theme-cat-109-X.jpg) no-repeat;
        background-size: cover; background-position: center;
    }
    section.feature-part:before {height: 260px;}
    .feature-part .mb-5 {padding: auto;}
    .details-content .details-meta {margin-bottom: 5px;}
    .ad-botom {margin: 30px -10px -20px;}
    .feature-part .col-md-12 { padding-bottom: 20px;}
    .blog-grid .col-lg-8 {padding: 0;}
    .blog-grid .mb-5 { margin: 0 -20px;}
    .blog-grid .justify-content-center {margin: 0;}
    .blog-grid .container .blog-widget img {width: -webkit-fill-available !important; margin: 0 -20px;}
    .blog-grid .container .blog-widget .home-heading h3 img {width: auto !important; margin: 0 10px 0 0;}

    .row-cols-xl-1 .feature-content .row:before { width: 17px; height: 17px;}
    body .row-cols-xl-1 .col-md-9 { width: 90%;}
    .row-cols-xl-1 .label-text.feat b { }
    .row-cols-xl-1 .feature-desc { }
    .row-cols-xl-1 .feature-card { }
    .row-cols-xl-1 .feature-content { margin-right: 9px;}
    h5.feature-price {  border-radius: 10px;padding: 0 5px;}
    .footer-widget {margin-bottom: 15px;}
    footer.footer-part .row:first-child {padding-bottom: 0px;}
    footer.footer-part {padding: 20px 0px 0 !important;}
    
}

@media (max-width: 450px) {
    .row-cols-xl-1 .row .row {}
    .row-cols-xl-1 .col-md-3 { width: auto;padding: 0;margin: 0 0px 0 auto; }
    .row-cols-xl-1 .feature-content { margin-right: 5px;}
    .row-cols-xl-1 button.btn-buy { }
    .card-price-product-list .feature-price { font: bold 12px / 18px Arial; padding: 0;}
    .row-cols-xl-1 .card-price-product-list { padding: 0px 7px;}
    .row-cols-xl-1 .card-price-product-list .feature-price span {   }
    .row-cate30 .sms-banner img, .sms-banner img { padding: 20px 0;}
    .ilg-block img {width: 100% !important;height: auto !important;}
    .sms-banner img { max-width: 100%}
    .sms-link.flex {padding: 0;}

}


@media (min-width: 421px) and (max-width: 767px) {
    .blog-grid .container { max-width: 100%;}
    section.inner-section {margin: -10px 0 0;}
}

@media (max-width: 350px) {
    .product-details-frame #input_api_key {padding: 3px 5px;}
}

@media (min-width: 450px) {
    .user-form-group {padding: 0 20px;}
}