.footer-logo img {
    height: 100px !important;
}

.top-bar-text .tf-btn {
    color: #b2ff00 !important;
}

    .top-bar-text .tf-btn::after {
        background-color: #b2ff00 !important;
    }

.verify-button {
    font-weight: 600 !important;
    color: #000;
    text-decoration: underline;
    font-size: 14px;
}

.bg_black {
    background: #000000;
}

.tf-marquee {
    background: #000000;
}

.footer .footer-newsletter .form-newsletter {
    margin-top: 27px;
    margin-bottom: 40px;
    position: relative;
}

    .footer .footer-newsletter .form-newsletter input {
        height: 55px;
        border-radius:24px;
        padding-right: 143px;
    }

    .footer .footer-newsletter .form-newsletter .button-submit {
        position: absolute;
        top: 7px;
        right: 8px;
    }

        .footer .footer-newsletter .form-newsletter .button-submit button {
            height: 41px;
            padding-top: 0;
            padding-bottom: 0;
        }

.card-product {
    margin-bottom: 0px;
}

.why-us-section {
    background: #fef2f2;
}

.tf-img-with-text.style-1 {
    background-color: unset !important;
}

.card-product .card-product-info .title {
    font-weight: 600;
}

.tf-content-wrap .description {
    line-height: 1.5;
}



.product-listing .card-product h2 {
    font-size: 30px;
    line-height: 1.5;
}

.product-listing .card-product h4 {
    font-size: 22px;
    line-height: 1.5;
}

.product-listing .card-product .category-badge {
    background: #c2acab;
    color: #000000;
    display: inline-block;
    padding: 5px 15px;
    border-radius: 5px;
}


ul.ingrediants-list {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
}

    ul.ingrediants-list li {
        background: #000;
        color: #ffffff;
        padding: 5px 15px;
        border-radius: 8px;
        font-size: 12px;
        line-height:18px;
        display: flex;
        align-items: center;
        gap: 5px;
    }

        ul.ingrediants-list li .circle-tag {
            display: inline-block;
            height: 5px;
            width: 5px;
            border-radius: 50%;
            background: #ffffff;
        }


ul.features-list li {
    margin-bottom: 10px;
}

.btn-fill.primary-btn {
    background: #FF5800;
    border-color: #FF5800;
    margin-right: 10px;
}


.contact___us {
    background-attachment: scroll;
    background-clip: border-box;
    /* background-color: green; */
    background-image: none;
    background-origin: padding-box;
    background-position-x: 0;
    background-position-y: 0;
    background-repeat: repeat;
    background-size: auto auto;
    bottom: 0;
    color: #333;
    cursor: pointer;
    font-size: 18px;
    font-weight: 700;
    padding-bottom: 6px;
    padding-left: 14px;
    padding-right: 14px;
    padding-top: 9px;
    position: fixed;
    text-align: center;
    z-index: 1000;
    /* box-shadow: 0 0 4px #333; */
    bottom: 30px;
    right: 0;
    animation: up-down 2s infinite;
}

@keyframes up-down {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(20px);
    }

    100% {
        transform: translateY(0);
    }
}

@media (min-width:320px) and (max-width:767px) {
    .contact___us img {
        height: 50px;
        width: 50px;
    }
}

.contact___us p {
    display: flex;
    align-items: center;
}

    .contact___us p .whatsappText {
        color: #fff;
        font-size: 16px;
        background: #000;
        padding: 5px 30px;
        position: relative;
        left: 25px;
        z-index: -1;
        border-radius: 50px 0px 0px 50px;
        visibility: hidden;
        opacity: 0;
        transition: visibility 0.5s, opacity 0.5s linear;
    }

        .contact___us p .whatsappText span {
            color: #1BE111;
            font-size: 12px;
        }

    .contact___us p:hover .whatsappText {
        visibility: visible;
        opacity: 1;
    }

.button-style-arrow:hover {
    background-color: #000000 !important;
}

.new-widget-content-inner:first-child {
    padding-top: 35px;
}

.new-widget-content-inner {
    padding: 0px 35px 0px 35px;
}

    .new-widget-content-inner::after {
        content: "";
        display: block;
        width: 100%;
        height: 1px;
        background-color: #000000;
        margin-top: 30px;
        margin-bottom: 30px;
        margin-left: auto;
        margin-right: auto;
    }

    .new-widget-content-inner:last-child::after {
        height: 0px;
    }

.new-widget-content-inner {
    font-size: 16px;
}

    .new-widget-content-inner ul li{
        margin-bottom:4px;
    }

    .new-widget-content-inner h1,
    .new-widget-content-inner h2,
    .new-widget-content-inner h3,
    .new-widget-content-inner h4,
    .new-widget-content-inner h5,
    .new-widget-content-inner h6 {
        line-height: 1.5;
        margin-bottom: 10px;
        font-weight: 600;
    }

    .new-widget-content-inner h1 {
        font-size: 30px;
    }

    .new-widget-content-inner h2 {
        font-size: 26px;
    }

    .new-widget-content-inner h3 {
        font-size: 22px;
        margin-top:30px;
    }

    .new-widget-content-inner h4 {
        font-size: 20px;
    }

    .new-widget-content-inner h5 {
        font-size: 18px;
    }

    .new-widget-content-inner h6 {
        font-size: 20px;
    }


    .new-widget-content-inner p {
        margin-bottom: 20px;
    }

.text-link {
    color: #FF5800;
    font-weight: 600;
    text-decoration: underline;
}


.widget-content-tab #description {
    padding-top:35px;
}

.verify-btn-strip {
    color: #fff;
    padding: 6px 12px;
    background: #b22626;
    border-radius:24px;
}
    .verify-btn-strip i{
        display:block;
    }
    .verify-btn-strip {
        display: flex;
        align-items: center;
    }



.tf-product-info-title{

}

/* Product Info Wrap */
.tf-product-info-wrap {
    border-radius: 16px;
    padding: 30px 30px 30px 5px;
    position: relative;
    transition: all 0.3s ease-in-out;
}


/* Title & Description */
.tf-product-info-title h5 {
    font-size:32px;
    line-height:40px;
    font-weight: 600;
    color: #222;
    margin-bottom: 12px;
}

.tf-product-info-title p {
    color: #000;
    line-height: 24px
    font-size: 16px;
    margin-bottom: 20px;
}

/* Section Headings */
.tf-product-info-list h6 {
    font-size: 24px;
    font-weight: 600;
    color: #333;
    margin: 20px 0 25px;
    border-left: 4px solid #007bff;
    padding-left: 8px;
}

/* Ingredients List */
.ingrediants-list {
    list-style: none;
    padding: 0;
    margin-bottom: 25px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

    .ingrediants-list li {
        background: #f3f6fa;
        padding: 8px 14px;
        border-radius: 20px;
        font-size: 0.95rem;
        color: #444;
        font-weight: 500;
        border: 1px solid transparent;
        transition: all 0.3s ease;
        cursor: pointer;
    }

        .ingrediants-list li:hover {
            background: #fff;
            border: 1px solid #007bff;
            color: #007bff;
            box-shadow: 0 3px 8px rgba(255, 88, 0, 0.15);
        }

/* Features List */
.features-list {
    list-style: none;
    background:#fff;
    padding: 2rem !important;
    max-width:75% !important;
    width:100%;
    margin-bottom: 2rem !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.05) !important;
    border: 1px solid rgba(255, 140, 0, 0.1) !important;
}

    .features-list li {
        margin-bottom: 14px;
        font-size: 1rem;
        line-height:30px;
        color: #333;
        display: flex;
        align-items: center;
        border-bottom: 1px solid rgba(0, 0, 0, 0.05);
        gap: 6px;
        padding: 20px 14px !important;
        border: 1px solid #eee;
        border-radius: 8px;
        transition: background 0.3s ease, transform 0.2s ease;
    }

    

.features-list strong {
    color: #111;
    font-weight: 600;
    flex-shrink: 0;
}

.features-list span,
.features-list a {
    flex: 1;
}

    .features-list a.text-link {
        color: #2563eb;
        font-weight: 500;
        text-decoration: none;
        border-bottom: 1px dashed transparent;
        transition: color 0.3s ease, border-bottom-color 0.3s ease;
    }

        .features-list a.text-link:hover {
            color: #1e40af;
            border-bottom-color: #1e40af;
        }


/* CTA Button */
.tf-btn {
    padding: 12px 28px;
    font-size: 1rem;
    font-weight: 600;
    border-radius: 4px;
    display: inline-block;
    transition: all 0.3s ease;
}

.tf-btn.btn-fill {
    background: linear-gradient(135deg, #000, #000);
    color: #fff !important;
    border: none;
    box-shadow: 0 3px 10px rgba(0, 123, 255, 0.2);
}

    .tf-btn.btn-fill:hover {
        background: linear-gradient(135deg, #2c5fe1, #2c5fe1);
        transform: translateY(-2px);
    }

/* Responsive */
@media (max-width: 768px) {
    .tf-product-info-wrap {
        padding: 20px;
    }

    .tf-product-info-title h5 {
        font-size: 1.2rem;
    }

    .tf-btn {
        width: 100%;
        text-align: center;
    }
}
/* Make features list look like a table */
.features-list {
    display: table;
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    background: #fff;
    border-radius: 10px;
    margin-top:30px;
    border:1px solid #eee;
    overflow: hidden;
}

    .features-list li {
        display: table-row;
    }

    .features-list strong,
    .features-list span,
    .features-list a {
        display: table-cell;
        padding: 12px 16px;
        font-size: 0.95rem;
        vertical-align: middle;
    }

    /* Left column (label) */
    .features-list strong {
        font-weight: 600;
        color: #222;
        width: 35%;
        border-right: 1px solid #e5e5e5;
    }

    /* Right column (value) */
    .features-list span,
    .features-list a {
        color: #444;
    }

    /* Row borders */
    .features-list li:not(:last-child) strong,
    .features-list li:not(:last-child) span,
    .features-list li:not(:last-child) a {
        border-bottom: 1px solid #e5e5e5;
    }

    /* Link style */
    .features-list a.text-link {
        color: #007bff;
        text-decoration: underline;
        transition: color 0.3s ease;
    }

        .features-list a.text-link:hover {
            color: #0056b3;
        }

/* Responsive: stack labels & values on small screens */
@media (max-width: 768px) {
    .features-list {
        display: block;
        box-shadow: none;
        border-radius: 0;
        padding:10px;
    }

        .features-list li {
            display: flex;
            border-bottom: 1px solid #eee;
            padding: 10px 10px !important;
        }

        .features-list strong,
        .features-list span,
        .features-list a {
            display: block;
            padding: 4px 0;
            border: none !important;
        }
}
.pl-0{
    padding-left:0px !important;
}


.widget-tabs.style-has-border{
    background:#fff;
}

.article-btn .tf-btn{
    padding:10px 0px !important;
    border-radius:unset !important;
}
/* Default header */
#header {
    position: relative;
    width: 100%;
    z-index: 1000;
    transition: all 0.3s ease;
}

    /* Sticky state */
    #header.sticky {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background: #fff; /* optional: add background */
        box-shadow: 0 2px 8px rgba(0,0,0,0.1); /* subtle shadow */
        animation: slideDown 0.3s ease;
    }

@keyframes slideDown {
    from {
        transform: translateY(-100%);
    }

    to {
        transform: translateY(0);
    }
}
button, input, optgroup, select, textarea{
    border-radius:4px !important;
}


@media (max-width: 1599px) {
    /* for screen 1440px  */
    .tf-btn.style-2 {
        padding: 8px 15px;
        line-height: 24px;
        text-align: center;
    }
    .tf-content-wrap .heading {
      
        font-weight: 600;
    }
}

@media (max-width: 1439px) {
    /* for screen 1366px  */
    .tf-btn.style-2 {
        padding: 8px 12px;
        line-height: 24px;
        text-align: center;
    }
}

@media (max-width: 1365px) {
    .tf-btn.style-2 {
        padding: 8px 10px;
        font-size: 11px;
        line-height: 16px;
        text-align: center;
    }
    .product-content h3 {
        font-size: 18px;
        line-height: 24px;
        font-weight: 700;
        color: #222;
        margin-bottom: 8px;
    }
    .blog-article-item .article-title a {
        font-size: 18px;
        font-weight: 500;
        line-height: 24px;
        color: var(--main);
    }
    .testimonial-item.style-column {
        padding: 44px 15px 24px;
    }
    .flat-title .title {
        font-size: 32px;
        line-height: 40px;
    }
    .tf-content-wrap .heading {
        font-size: 32px;
        line-height: 40px;
    }
    /* for screen 1200px  */
}

@media (max-width: 1199px) {
    /* for screen 992px  */
    .thumbs-slider .tf-product-media-thumbs .swiper-slide {
        width: auto;
        height: auto; 
    }
    .new-widget-content-inner {
        padding: 0px 35px 0px 15px;
    }
    .features-list{
        max-width:100% !important;
    }
    #header .tf-btn {
        font-size: 12px !important;
    }
}

@media (max-width: 991px) {
    /* for screen 768px  */
    .tf-btn{
        width:unset !important;
    }
}

@media (max-width: 767px) {
    /* for screen 576px  */
    .features-list {
        display: block;
        box-shadow: none;
        border-radius: 0;
        padding: 10px !important;
    }

        .features-list li {
            display: flex;
            border-bottom: 1px solid #eee;
            padding: 5px 10px !important;
        }

    .tf-product-info-wrap {
        padding: 00px !important;
    }

    .widget-tabs.style-has-border {
        margin-top: 30px;
    }

        .widget-tabs.style-has-border .widget-menu-tab {
            gap: 10px 25px;
            margin: 0 15px;
            display: flex;
        }
        p{
            font-size:14px !important;
            line-height:20px !important;
        }
    li {
        font-size: 14px !important;
        line-height: 20px !important;
    }
  
    .widget-tabs.style-has-border .widget-menu-tab {
        gap: 10px 25px;
        margin: 0 15px;
        display: flex;
        overflow: auto;
    }
    .new-widget-content-inner h2{
        font-size:24px !important;
        line-height:30px !important;
    }
    .new-widget-content-inner h3 {
        font-size: 20px !important;
        margin-top: 26px !important;
    }
    .footer-logo img {
        height: 63px !important;
    }
    .footer .footer-logo, .footer .footer-heading {
        margin-top: 8px;
        margin-bottom: 22px;
    }
 
}

.footer-menu-list li{
    margin-bottom:6px;
   
}
.footer-menu-list li a {
    color:#fff !important;
    opacity:70%;
}
@media (max-width: 576px) {
    .flat-title .title {
        font-size: 24px;
        line-height: 30px;
    }
    .tf-btn.style-2 {
        padding: 8px 14px;
        font-size: 16px;
        line-height: 24px;
        text-align: center;
    }
    #header .tf-btn {
        font-size: 14px !important;
    }
    .tf-content-wrap .heading {
        font-size: 24px;
        line-height: 30px;
        font-weight:700;
    }
    /* for screen mobile  */
}
.sub-nav-menu .menu-link-text {
    font-size: 12px !important;
}
.new-widget-content-inner ul {
    list-style: none; /* Remove default bullets */
    padding-left: 25px; /* Space for the custom dot */
}

    .new-widget-content-inner ul li {
        position: relative; /* Required for ::before positioning */
        margin-bottom: 8px; /* Optional spacing between items */
    }

        .new-widget-content-inner ul li::before {
            content: "";
            position: absolute;
            left: -20px; /* Position to the left of text */
            top: 8px;
            width: 8px; /* Dot width */
            height: 8px; /* Dot height */
            background-color: #2c5fe1 !important; /* Dot color */
            border-radius: 50%; /* Makes it a circle */
        }

.mobile-sticky-strip {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    z-index: 9999;
    box-shadow: 0 -2px 10px rgba(0,0,0,0.15);
}

.mobile-btn {
    flex: 1;
}

    .mobile-btn a {
        display: flex;
        align-items: center; /* Align icon and text horizontally */
        justify-content: center;
        padding: 12px 0;
        text-decoration: none;
        color: #fff;
        font-size: 16px;
        transition: all 0.3s ease;
    }

    .mobile-btn i {
        font-size: 20px;
        margin-right: 8px; /* Space between icon and text */
        color: #fff;
    }

    /* Call button - blue */
    .mobile-btn.call {
        background-color: #007bff;
    }

    /* WhatsApp button - green */
    .mobile-btn.whatsapp {
        background-color: #25D366;
    }

    /* Hover effect */
    .mobile-btn a:hover {
        opacity: 0.85;
    }