:root {
    --bg-titanium-1: #fff;
    --text-titanium-1: #383838;
    --bg-titanium-2: #ffffff7c;
    --text-titanium-2: #434343;
}

.bg-titanium-1 {
    background-color: #f3f3f3;
    color: var(--text-titanium-1);
}

.bg-titanium-1 h3 {
    color: var(--text-titanium-1);
}


.bg-titanium-1 .card-product .card-product-info .title {
    color: var(--text-titanium-1);
}

.bg-titanium-1 .card-product .card-product-info .price {
    color: var(--text-titanium-1);
}

.bg-titanium-1 .tab-product .nav-tab-item a {
    color: var(--text-titanium-1);
}

.bg-titanium-1 .tab-product .nav-tab-item a:hover, .bg-titanium-1 .tab-product .nav-tab-item a.active {
    background: -webkit-linear-gradient(#0047AB, #0060e7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    border-bottom-color: #0060e7;
}

.bg-titanium-1 .heading-section p {
    color: var(--text-titanium-2) !important;
}

.bg-titanium-1 .wg-blog .content .title a  {
    color: var(--text-titanium-1);
}

.bg-titanium-1 .wg-blog.style-1 .body-text {
    color: var(--text-titanium-1);
}

.bg-titanium-1 .blog-detail-wrap > .inner {
    background-color: var(--bg-titanium-1);
}

.bg-titanium-1 .sidebar .sidebar-heading {
    color: var(--text-titanium-1);
}

.bg-titanium-1 .relatest-post-item .title a {
    color: var(--text-titanium-1);
}

.bg-titanium-1 .relatest-post-item.style-row .meta p {
    color: var(--text-titanium-2);
}

.bg-titanium-1 .relatest-post-item:not(:last-child) {
    border-color: #ffffff3a;
}

footer.bg-titanium-1 .footer-heading {
    color: var(--text-titanium-1);
}

footer.bg-titanium-1 p {
    color: var(--text-titanium-1);
}
footer.bg-titanium-1 p a {
    color: var(--text-titanium-1);
}

footer.bg-titanium-1 .footer-menu .footer-menu_item {
    color: var(--text-titanium-1);
}

footer.bg-titanium-1 .footer-menu .footer-menu_item:hover {
    color: var(--text-titanium-2);
}

footer.bg-titanium-1 .form-newsletter input {
    background-color: transparent;
    border-color: #fff;
}

footer.bg-titanium-1 .tf-cart-checkbox label {
    color: var(--text-titanium-2);
}

footer.bg-titanium-1 .tf-cart-checkbox label a {
    color: var(--text-titanium-2);
}
footer.bg-titanium-1 .footer-wrap {
    border: none;
}

footer.bg-titanium-1 .footer-info li i {
    color: var(--text-titanium-1);
}

footer.bg-titanium-1 .footer-bottom-wrap {
    border-color: #ffffff31;
}

.bg-titanium-2 {
    background-color: #fff;
    color: var(--text-titanium-1);
}

.bg-titanium-2 .heading-section h3, .bg-titanium-2 .heading-section .heading {
    color: var(--text-titanium-1);
}


.bg-titanium-2 .sw-dots.type-circle .swiper-pagination-bullet.swiper-pagination-bullet-active {
    border-color: var(--text-titanium-1);
}

.bg-titanium-2 .sw-dots.type-circle .swiper-pagination-bullet::after {
    border-color: var(--text-titanium-1);
}

.bg-titanium-2 .sw-dots.type-circle .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
    background-color: var(--white);
}


.bg-titanium-2 .canvas-body {
    background-color: var(--bg-titanium-2);
}

.bg-titanium-2 .tf-btn-filter {
    background: transparent;
    color: var(--text-titanium-1);
}

.bg-titanium-2 .text-caption-1 {
    color: var(--text-titanium-1);
}

.bg-titanium-2 .widget-facet .facet-title {
    color: var(--text-titanium-1);
}

.bg-titanium-2 .widget-facet.facet-categories li a {
    color: var(--text-titanium-1);
}

.bg-titanium-2 .widget-facet.facet-categories .categories-item.active, 
.bg-titanium-2 .widget-facet.facet-categories .categories-item:hover {
    color: var(--bg-titanium-2);
    background: -webkit-linear-gradient(#0047AB, #0047AB);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    border-bottom-color: #0047AB;
}
.bg-titanium-2 .noUi-base .noUi-connects {
    background-color: var(--text-titanium-2);
}
.bg-titanium-2 .noUi-connect {
    background: #ffffff;
}

.bg-titanium-2 .noUi-horizontal .noUi-handle, .noUi-vertical .noUi-handle {
    border-color: #ffffff;
    background-color: var(--bg-titanium-1);
}

.bg-titanium-2 .widget-facet.facet-price .price-val {
    border-color: var(--text-titanium-2);
}

.bg-titanium-2 .widget-facet.facet-price .price-val::after {
    color: var(--text-titanium-1);
}

.bg-titanium-2 .widget-facet:not(:last-child) {
    border-color: var(--bg-titanium-1);
}

.bg-titanium-2 .tf-shop-control .tf-control-layout .tf-view-layout-switch.active svg circle, 
.bg-titanium-2 .tf-shop-control .tf-control-layout .tf-view-layout-switch.active svg rect {
    fill: var(--text-titanium-1);
    stroke: var(--text-titanium-2);
}

.bg-titanium-2 .tf-shop-control .tf-control-layout .tf-view-layout-switch svg circle, 
.bg-titanium-2 .tf-shop-control .tf-control-layout .tf-view-layout-switch svg rect {
    stroke: var(--text-titanium-2);
}

.bg-titanium-2 .tf-btn-filter:hover {
    border-color: var(--text-titanium-2);
}

.bg-titanium-2 .tf-dropdown-sort:hover {
    border-color: var(--text-titanium-2);
}

.bg-titanium-2 .card-product .card-product-info a.title {
    color: var(--text-titanium-1);
}

.bg-titanium-2 .wg-pagination .pagination-item {
    color: var(--text-titanium-1);
    border-color: var(--text-titanium-2);
}

.bg-titanium-2 .wg-pagination li:hover .pagination-item, 
.bg-titanium-2 .wg-pagination li.active .pagination-item {
    background-color: var(--text-titanium-1);
    border-color: var(--text-titanium-1);
    color: var(--bg-titanium-2);
}

.bg-titanium-2 .card-product.style-list .btn-main-product {
    margin-top: 10px;
    background-color: transparent;
    color: var(--text-titanium-1);
}

.bg-titanium-2 .card-product.style-list .btn-main-product:hover {
    background-color: var(--text-titanium-1);
    color: var(--bg-titanium-2);
}

.bg-titanium-2 .tf-product-media-thumbs .swiper-slide.swiper-slide-thumb-active .item::after {
    border-color: var(--text-titanium-1);
    border-width: 3px;
    border-spacing: 1px;
}

.bg-titanium-2 .tf-product-info-list .tf-product-info-name > .text {
    color: var(--text-titanium-1);
}

.bg-titanium-2 .tf-product-info-list .tf-product-info-name .name {
    color: var(--text-titanium-1);
}
.bg-titanium-2 .tf-product-info-price .price-on-sale {
    color: var(--text-titanium-1);
}
.bg-titanium-2 .tf-product-info-price .compare-at-price {
    color: var(--text-titanium-2);
}
.bg-titanium-2 .tf-product-info-list .tf-product-info-desc > p {
    color: var(--text-titanium-2);
}
.bg-titanium-2 .tf-product-info-list .tf-product-info-heading,
.bg-titanium-2 .tf-product-info-list ul.tf-product-info-sku {
    border-color: #ffffff1f;
}

.bg-titanium-2 .tf-product-info-list ul.tf-product-info-sku li .text-1 {
    color: var(--text-titanium-1);
}

.bg-titanium-2 h6 {
    color: var(--text-titanium-1);
}

.bg-titanium-2 .accordion-product-wrap .btn-open-sub:after, 
.bg-titanium-2 .accordion-product-wrap .btn-open-sub::before {
    background-color: var(--text-titanium-1);
}

.bg-titanium-2 .accordion-product-wrap .accordion-product-item:not(:last-child) {
    border-color: #6060606b;
}

.bg-titanium-2 .tab-shipping p {
    color: var(--text-titanium-1);
}

.bg-titanium-2 ul.list-text.type-disc li:before {
    background-color: var(--text-titanium-1);
}

.bg-titanium-2 h3 {
    color: var(--text-titanium-1);
}

.bg-titanium-2 .widget-tabs.style-3 .widget-menu-tab {
    border-color: var(--bg-titanium-2);
}

.bg-titanium-2 .widget-tabs.style-3 .widget-menu-tab .item-title::after {
    background: linear-gradient(to right, #859398, #ffffff);
}

/* .bg-titanium-2 .tf-btn {
    background-color: transparent;
    border-color: var(--text-titanium-1);
} */

.bg-titanium-2 .tf-social-icon a {
    color: var(--text-titanium-1);
    border-color: var(--text-titanium-1);
}

.bg-titanium-2 .testimonial-item.style-4 {
    color: #000;
    background-color: #f4f4f4;
    border-color: #f1f1f1;
}

.bg-titanium-2 .testimonial-item.style-4:hover {
    border-color: #fff;
}

.bg-titanium-2 h4 a {
    color: var(--text-titanium-1);
}

.bg-titanium-2 .btn-line {
    color: var(--text-titanium-2);
    background: none;
    -webkit-text-fill-color: var(--text-titanium-2);
}

.bg-titanium-2 .btn-line:hover {
    -webkit-text-fill-color: var(--text-titanium-1);
}

.bg-titanium-2 .btn-line::before {
    background-color: var(--text-titanium-1);
}

.bg-titanium-2 .btn-line::after {
    background-color: var(--text-titanium-2);
}

.blog-detail-wrap.bg-titanium-2 > .inner {
    background-color: var(--bg-titanium-1);
}

.bg-titanium-2 ul.list-tags.has-bg a {
    background-color: transparent;
    color: var(--text-titanium-1);
    border: 1px solid var(--text-titanium-1);
}

.bg-titanium-2 ul.list-tags.has-bg a:hover {
    border-color: var(--text-titanium-2);
}

.bg-titanium-2 .heading-section p {
    color: var(--text-titanium-2);
}

.bg-titanium-2 .wg-blog .content .title a {
    color: var(--text-titanium-1);
}

.bg-titanium-2 .wg-blog .content .title a.link:hover {
    background: -webkit-linear-gradient(#859398, var(--text-titanium-1));
    -webkit-background-clip: text;
    -webkit-text-fill-color: var(--text-titanium-1);
}

.bg-titanium-2 .wg-blog.style-1 .body-text {
    color: var(--text-titanium-1);
}

.bg-titanium-2 h5 {
    color: var(--white);
}

.bg-titanium-2 .page-faqs-wrap .ask-question {
    background-color: var(--bg-titanium-1);
    box-shadow: none;
}

.bg-titanium-2 .tf-select select {
    color: var(--text-titanium-1);
    border-radius: 10px !important;
    border-color: var(--text-titanium-1) !important;
    outline-color: var(--text-titanium-1) !important;
}

.bg-titanium-2 select option {
    color: var(--bg-titanium-1);
}

.bg-titanium-2 .page-faqs-wrap .ask-question .ask-question-wrap form textarea {
    border-color: var(--text-titanium-1) !important;
    outline-color: var(--text-titanium-1) !important;
}

.bg-titanium-2 .btn-style-2 {
    background-color: var(--text-titanium-1);
    color: var(--bg-titanium-1);
}

.bg-titanium-2 .btn-style-2:hover {
    background-color: var(--text-titanium-2);
}

.bg-titanium-2 input[type=text],
.bg-titanium-2 input[type=email] {
    border-color: #f5f5f5;
    background: #fdfdfd;
}

.bg-titanium-2 h4 {
    color: var(--text-titanium-1);
}

.bg-titanium-2 input[type=email] {
    border-color: #f5f5f5;
    background: #fdfdfd;
}
.bg-titanium-2 textarea {
    border-color: #f5f5f5;
    background: #fdfdfd;
}

.bg-titanium-2 .tf-social-icon.style-1 a {
    background: transparent;
}

.bg-titanium-2 .canvas-filter .canvas-bottom.bg-titanium-2 {
    padding: 2rem 5px;
    padding-bottom: 1rem;
}
/* .bg-titanium-2 .tf-btn.btn-reset:hover {
    background-color: var(--bg-titanium-1);
    border-color: var(--bg-titanium-1);
} */

.bg-titanium-2 .blog-detail-wrap > .inner {
    background-color: var(--bg-titanium-2);
}
.bg-titanium-2 .sidebar .sidebar-heading {
    color: var(--text-titanium-1);
}

.bg-titanium-2 .relatest-post-item .title a {
    color: var(--text-titanium-1);
}

.bg-titanium-2 .relatest-post-item.style-row .meta p {
    color: var(--text-titanium-2);
}

.bg-titanium-2 .relatest-post-item:not(:last-child) {
    border-color: #ffffff3a;
}
.bg-titanium-2 .nav-ul-mb .btn-open-sub:after, 
.bg-titanium-2 .nav-ul-mb .btn-open-sub::before{
    background-color: var(--text-titanium-1);
}
.text-titanium-1 {
    color: var(--text-titanium-1) !important;
}
.text-gradient-1 {
    background: -webkit-linear-gradient(#859398, #ffffff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.bg-titanium-grad {
    background: var(--bg-titanium);
    background: var(--bg-titanium-grad);
}
.bg-titanium-grad .tf-icon-box.style-2 .icon-box {
    color: var(--text-titanium-1);
}
.bg-titanium-grad .tf-icon-box.style-2 .content h6 {
    color: var(--text-titanium-1);
}

.bg-titanium-grad .tf-icon-box.style-2 .content p {
    color: var(--text-titanium-2) !important;
}

.page-title .heading {
    color: #fff;
    /*color: var(--text-titanium-1);*/
}

ul.breadcrumbs li a {
    color: #fff;
}

.card-product:not(.list-st-3, .list-st-2, .style-list) .card-product-wrapper {
    aspect-ratio: 1;
}

.card-product.style-list {
    align-items: center;
}

.stagger-wrap .swiper-slide.stagger-item {
    cursor: pointer;
}

.stagger-wrap .swiper-slide.stagger-item:hover {
    opacity: 0.5;
}

.stagger-wrap .stagger-item {
    transition-delay: 0s !important;
}