/* Template New */
@import url("https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700;800;900&display=swap");
:root {
--bg-body: #253041;
--bg-blu-nav: #183b56;
--bg-blu-col: #2a3f5e;
--co-green-hov: #00ff2d;
    --pwallet: #ffffff linear-gradient(181deg, #999d00 0, #ffa500 100%);
}
body {
    background: var(--bg-body) !important;
    color: #fff;
}
option {background: #2a3f5e;color: #fff; padding: 5px;}

.my-wallet h3 {
    color: #a5dc86;
}
.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);
    border: 0;margin-bottom: 5px;
    box-shadow: 0 0 15px 0 rgb(0 0 0 / 10%);
    padding: 15px 8px;
}
.row-cols-xl-1 .feature-name, .row-cols-xl-1 a {
    color: #fff;margin: 0 0 1px;line-height: 15px;
}
.row-cols-xl-1 a { padding: 3px 0; display: block;}
.row-cols-xl-1 .feature-desc {
    margin: 0;color: #ccc;
    display: inline-block;
    white-space: unset;
    overflow: unset;
    font-size: 13.5px;
    line-height: 15px;
}
.row-cols-xl-1 .feature-desc i {
    display: none;
}
.row-cols-xl-1 a:hover {
    color: #a6d5f9;
}
.row-cols-xl-1 .card-price-product-list {
    background: unset;
    border: 0;margin: 0;
}
.row-cols-xl-1 .card-price-product-list .feature-price span, .details-price span, strong#into_pay {
    color: var(--co-green-hov);
}
.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, #18794c 0, #198754 100%) !important;
}
.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: unset;font-size: 9px;color: #1a808a;border-radius: 9px; border: 1px solid #1a808a;padding: 3px 5px;}
.row-cols-xl-1 .label-text.feat b {
    display: block;
    padding: 0px 0 0;
    font: 500 14px / 14px arial;
    color: #21c7d7;
}
.row-cols-xl-1 .col-md-9 {display: grid;width: 55%;align-items: center;}
.row-cols-xl-1 .col-md-3 {    width: 25%;display: flex;align-items: center;margin-left: auto;}

.row-cols-xl-1 .feature-content .row:before {
    background: url(/public/client/images/productB-x80.png);background-size: cover;
width: 40px;
height: 40px;
    content: "";opacity: 0.5;
    
}
.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: 25%;right: 0;}
.row-cols-xl-1 .product-disable::before {
    position: absolute;
    width: auto;
    left: 33px;
    top: 83%;
    padding: 0 7px;
    background: #dc3545;
    font-size: 10px;
    text-transform: capitalize;
}
.row-cols-xl-1 .product-disable::after {background: none;}
.product-disable button.btn-buy { background: #1e375b !important;color: #299ecf !important;}
.product-view .view-meta label.label-text.feat { font-size: 14px;padding: 8px 10px;}
section.feature-part {  margin: -10px 0 0;}
.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: #fff;
}
.footer-part {background: unset;}
.feature-part .account-card {
    background: url(/public/client/images/bg-mobe.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) {
    border-radius: 10px 10px 0 0;background: #eb542a linear-gradient(135deg, var(--primary) 0, #2a3f5e 100%) !important;
}
.feature-part .mb-5 {
    margin-bottom: 20px !important;
}
.account-card, .details-content, .product-details-frame, .nav-tabs {
    background: #102130;color: #fff;
}
.prod-item .product-box4 { background: var(--bg-blu-col);}
.prod-item .product-head-box4 {background: #eb542a linear-gradient(137deg, var(--primary) 0, #2a3f5e 70%) !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;}
.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: url(/public/client/images/bg-mobe.png) !important;
    background-size: cover;
}
.single-banner::before {
    background: linear-gradient(to left, rgba(6, 23, 56, 0.6), rgb(17 125 151 / 60%));
}
section.inner-section {
    margin-bottom: 20px !important;
}

section.inner-section ul.nav.nav-tabs {
    margin-bottom: 5px;padding: 10px;
    background: #eb542a linear-gradient(135deg, var(--primary) 0, #2a3f5e 100%) !important;
}
.account-card .col-sm-8 { width: 60%;}
.account-card .col-sm-4.col-form-label { width: 40%;}
.details-content {border: 0;}
.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 */
header.header-part, nav.navbar-part {
    background: var(--bg-blu-nav) !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: #fff;
    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: #00f34b;
}
nav.navbar-part li.navbar-item {
    margin: 0 10px 0 0;
    padding: 3px 10px 3px 0;
    border-right: 1px solid var(--bg-body);
}
.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
    background-color: #ffffff42;
    color: var(--co-green-hov);
}
.nice-select .list {
    background-color: var(--bg-blu-nav);
}
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 .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: #ccc;
}
.navbar-part .navbar-content {
    border-top: 1px solid var(--bg-body);
}
.navbar-part .dropdown:hover .dropdown-position-list {
    top: 35px;
    background: var(--bg-blu-nav);
    border: 0;
    padding: 5px 0px;
}
.navbar-part .dropdown-position-list li a:hover {
    color: var(--co-green-hov);
}
.navbar-part .dropdown-position-list li a {
    color: #fff;
    background: var(--bg-blu-nav);
}
.navbar-part .dropdown-position-list::before {
    background: var(--bg-blu-nav);
    border: 0;
}
.navbar-part .dropdown-megamenu:hover .megamenu {
    background: var(--bg-blu-nav) !important;
    color: #fff;
    top: 137px;
    border: 0;
    padding: 10px;
}
.navbar-part h5.megamenu-title {
    border-bottom: 2px solid #0b1b27;
    padding: 0 0 5px;
}
.navbar-part h5, .navbar-part h6, .navbar-part a {
    color: #fff;
}
.navbar-part ul.megamenu-list {
    border-left: 1px solid #555555;
}
.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-blu-nav);
    color: #fff;box-shadow: -1px -5px 5px rgb(255 255 255 / 20%)
}
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(--co-green-hov);
}
li.category-item {
    border-bottom: 1px solid #8b8b8b;
}
aside.cart-sidebar .cart-header {
    border-bottom: 1px solid #8b8b8b;
}
.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 #8b8b8b;
}
aside.nav-sidebar .nav-info-group {
    border-top: 1px solid #8b8b8b;
    margin: 5px 0 10px;
}
.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-green-hov);
}
.wallet-card {
    background: #00000024;
}
.user-form-title h2 {
    color: #fff;
}
.sidebar_profile:hover {
    opacity: 0.7;
}
.sidebar_profile {
    background: var(--bg-blu-nav) !important;
    border: 0;
    margin: 0 0 5px;
}
.mobile-menu a:hover, .mobile-menu button:hover, .dropdown-link:hover {
    background: #00000036;
}

/*****************************************/
/* User Template New */
.user-form-remind { margin-top: 50px;padding: 30px; background: #2f3e4b;}
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: #21324a; 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: #21324a; color: #fff;}
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: #01ff3b !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;}


/*****************************************/
/* Product Template New */
.view-details { margin: 0px;}
.header-widget-group .header-widget p {}
.header-widget-group .header-widget p:nth-child(2) {color: #ffc107 !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: #43e0ff; 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: #cbbd93;}
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;}
.details-content .details-price {font: 600 24px / 24px 'Saira Semi Condensed', sans-serif;margin: 15px 0 10px;}
.details-preview li img { max-height: 300px;}
.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, #999d00 0, #ffa500 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(--primary);
    border: 1px solid var(--bs-gray-dark);
    color: var(--gray-chalk);
}
.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: 10px;
    font-size: 18px;
}
.details-content .col-lg-6 {
    text-align: center;
}
.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;
}
.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: 14px / 22px 'Saira Semi Condensed', sans-serif;clear: both;}
.product-details-frame ul>li {font: 14px / 22px 'Saira Semi Condensed', 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 solid #183b56;}
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;
}
.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: #cdcdcd;}
.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 'Saira Semi Condensed', sans-serif;}
.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;}
.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: #719da1;}
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;
}
.row-link {color: #f27474;}
.h-link {color: #ffc107;}

/*****************************************/
/* Footer Template New */
footer.footer-part {
    background: #102130;
    color: #fff;    padding-top: 30px;
}
.footer-not .footer-links ul li a { margin: 0 5px 5px 0; opacity: 0.5;}
.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 'Saira Semi Condensed', sans-serif;
}
.footer-title {
    margin-bottom: 5px;
}
.footer-widget {
    margin-bottom: 10px;
}
.footer-widget h3 {
    font: 600 20px / 18px 'Saira Semi Condensed', sans-serif;
}
.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;}
.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;}

/*****************************************/
/* 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 {
    font: 600 15px / 16px arial;
    text-transform: uppercase;
    background-clip: text;
    background-image: linear-gradient(90deg, #fe6941, #1ef);
    color: transparent;
}

/*****************************************/
/* @media Template New */
@media (max-width: 991px) {
    .footer-widget {margin-bottom: 30px;}
}
@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: 600px) {
    .card-price-product-list .feature-price {
        font-size: 16px;
    }
    .nav-tabs {
        padding: 10px 10px;
    }
}
@media (max-width: 575px) {
    .details-name {font: 600 20px / 20px 'Saira Semi Condensed', sans-serif;}
    .details-content, .product-details-frame {padding: 20px 12px;}
    .row.row-cols-xl-1 { margin: 0;}
    .row.row-cols-xl-1>* {padding: 0 1px;}
    .row-cols-xl-1 button.btn-buy {padding: 9px 10px;margin: 0 0 0 12px;}
    .row-cols-xl-1 .row .row {margin-right: 30%;}
    .row-cols-xl-1 .col-md-3 { width: auto;padding: 0;margin: 0 -5px 0 auto;}
    .inner-section .col-lg-8, .inner-section .col-lg-12 { padding: 0;}
    .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: 5px;
    flex-direction: unset;
    }
    .nav-tabs li {
        padding: 5px 15px;
        border-right: 1px solid var(--border);
    }
    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) {
    .row-cols-xl-1 .row .row {margin-right: 32%;}
    .feature-part .mb-5 {padding: 0;}
    .details-content .details-meta {margin-bottom: 5px;}
    .ad-botom {margin: 30px -10px -20px;}
    .feature-part .col-md-12 { padding: 0;}
    .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;}
    .row-cols-xl-1 .col-md-9 { padding-left: 8px;}
    .row-cols-xl-1 .label-text.feat b {font: 500 11px / 14px arial; }
    .row-cols-xl-1 .feature-desc { font-size: 12.5px; line-height: 13px;}
    .row-cols-xl-1 .feature-card { padding: 15px 8px;}
    .row-cols-xl-1 .feature-content { margin-right: 9px;}
    h5.feature-price { background: var(--bg-blu-col); border-radius: 10px;padding: 0 5px;}
    .footer-widget {margin-bottom: 15px;}
    footer.footer-part .row:first-child {padding-bottom: 0px;}
    
}

@media (max-width: 450px) {
    .row-cols-xl-1 .row .row {auto 32% auto 0}
    .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 { padding: 9px 15px;border-radius: 5pc 0 0 5pc;font: bold 12px / 18px Arial; width: auto; margin: 0;}
    .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 {
    background-color: #1a808a;
    font: bold 12px / 18px arial;
    color: #fff;
    text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);
    border: 0;
    border-radius: 9px;
    padding: 7px 4px;
    }
    .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;}
}