.card {
background-color: #f9f9f9 !important;
}

 div.sb-icon {
 background-color: #184B45 !important; 
}
.ec-checkout-quantity input{
line-height:30px !important;
}

.list-group .list-group-item{
border-bottom:1px solid #dee2e6 !important;

}
.benefits-section, .ingredient-section, .why2x2-section, .cta-section, .routine-section p{
    text-align:center;
    padding:0 0 20px 0;
    margin:0px !important;
}
.table-newwidth{
width:800px !important;

}

.cta-section{
    padding:0px;
}

.benefits-section, .ingredient-section, .why2x2-section, .routine-section {
    margin: 0 auto;
    padding: 2rem 1rem;
}
.routine-section .table{
/*width:fit-content !important;*/
}
.why2x2-section table{
border:0px !important;
}
.benefits-section, .ingredient-section, .why2x2-section h2{
    font-size: 2rem !important;
    font-weight: 700 !important;
    text-align: center !important;
    margin-bottom: 24px !important;
    letter-spacing: 1px !important
}

.routine-section h2{
	font-size: 2rem !important;
    font-weight: 700 !important;
    text-align: center !important;
	margin-bottom: 0px !important;
    letter-spacing: 1px !important
}

.ck-content .table{
    margin: 0px !important;
    display: block !important;
}
.product-detail .shop_info_tab.entry-main-content #Description table td, .ck-content .table table td {
 border:none ;
}

.benefits-title {
    font-size: 2rem;
    text-shadow: 0 1px 0 #fff
}

.ingredient-title {
    font-size: 2.2rem;
    font-weight: 700
}

.benefits-columns {
    display: flex;
    gap: 38px;
    justify-content: center
}

.benefits-col {
    flex: 1 1 0
}

.benefits-list {
    list-style: none;
    padding: 0;
    margin: 0
}

.benefit-item {
    display: flex;
    align-items: flex-start !important;
    gap: 14px;
    margin-bottom: 26px;
    background: linear-gradient(90deg,#fff4e6 80%,#ffe1c1 100%);
    border-radius: 14px;
    border: 1px solid #ecd3be;
    box-shadow: 0 2px 12px rgba(180,110,41,0.05);
    padding: 18px 16px;
    transition: box-shadow .25s;
text-align:left !important;
}

    .benefit-item:hover {
        box-shadow: 0 4px 28px rgba(180,110,41,0.15)
    }

    .benefit-item:last-child {
        margin-bottom: 0
    }

.benefit-icon {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: linear-gradient(135deg,#184b45 50%,#f4f6fa 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3rem;
    color: #fff;
    font-weight: bold;
    box-shadow: 0 2px 8px rgba(230,133,43,0.15)
}



.ingredient-grid {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 28px
}

.ingredient-card {
    background: #fff;
    border-radius: 18px;
    box-shadow: 0 4px 24px rgba(180,110,41,0.11);
    padding: 24px 16px 20px 16px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: box-shadow .22s;
    border: 1.5px solid #ffe6c2
}

    .ingredient-card:hover {
        box-shadow: 0 8px 32px rgba(180,110,41,0.19);
        border-color: #ecb570
    }

.ingredient-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: linear-gradient(135deg,#fbe0b2 60%,#ffe1c1 100%);
    box-shadow: 0 2px 9px rgba(236,181,112,0.10);
    font-size: 2rem;
    margin-bottom: 12px;
    color: #d4973b
}

.ingredient-name {
    font-size: 1.11rem;
    font-weight: 700;
    color: #ad6512;
    margin-bottom: 3px;
    letter-spacing: .02em
}

.ingredient-scientific {
    font-size: .96rem;
    font-weight: 500;
    color: #784c1e;
    font-style: italic;
    margin-bottom: 10px;
    opacity: .82
}

.ingredient-desc {
    margin-bottom: 0;
    min-height: 48px
}

.why2x2-table {
    width: 100%;
    border-collapse: separate !important;
    border-spacing: 0;
    overflow: hidden;
    table-layout: fixed
}

    .why2x2-table td {
        vertical-align: middle !important;
        text-align: center !important;
        padding: 38px 22px 30px 22px !important;
        border-bottom: 1.5px solid #f5dcb0 !important;
        border-right: 1.5px solid #f5dcb0 !important;
        min-width: 170px !important
    }

    .why2x2-table tr:last-child td {
        border-bottom: none !important
    }

    .why2x2-table td:last-child, .why2x2-table tr td:last-child {
        border-right: none !important
    }

.why2x2-icon {
    font-size: 2.1rem;
    margin-bottom: 13px;
    color: #c69a54;
    display: block
}

.why2x2-mini-title {
    font-size: 1.12rem !important;
    font-weight: 700 !important;
    color: #ad6512;
    margin-bottom: 10px !important;
    letter-spacing: .02em
}

.routine-container {
    display: flex;
    justify-content: center;
    gap: 40px;
    margin: 0 auto;
    text-align: left;
}

.routine-table {
    background: #fff;
    border-radius: 20px;
	border:0px !important;
    box-shadow: 0 6px 30px rgba(20,70,140,0.08);
    overflow: hidden;
    width: 400px !important;
    min-width: 320px !important;
    border-collapse: separate !important;
    border-spacing: 0
}

    .routine-table th {
        background: linear-gradient(90deg,#185adb 60%,#35d8a6 100%) !important;
        color: #fff;
        height:30px !important;
        font-size: 1.25rem !important;
        padding: 18px 24px !important;
        letter-spacing: 1px !important;
        text-align: left !important;
        border-bottom: 1px solid #eee !important;
    }

    .routine-table td {
        font-size: 1.05rem !important;
        color: #212b36;
        padding: 14px 24px !important;
        border-bottom: 1px solid #f1f1f1 !important;
    }

    .routine-table tr:last-child td {
        border-bottom: none !important
    }

.emoji {
    font-size: 1.5rem;
    margin-right: 8px
}



.cta-title {
    font-size: 2.2rem;
    font-weight: 800;
    color: #b46e29;
    margin-bottom: 14px;
    letter-spacing: .02em;
    font-family: 'Montserrat','Segoe UI',Arial,sans-serif
}

.cta-btn {
    display: inline-block;
    padding: 15px 38px;
    background: linear-gradient(90deg,#c98c3c 25%,#b46e29 100%);
    color: #fff;
    font-weight: 700;
    font-size: 1.16rem;
    border-radius: 36px;
    border: none;
    text-decoration: none;
    box-shadow: 0 4px 18px rgba(180,110,41,0.14);
    transition: background .18s,transform .18s,box-shadow .18s;
    margin-top: 5px
}

    .cta-btn:hover {
        background: linear-gradient(90deg,#b46e29 30%,#c98c3c 100%);
        transform: translateY(-2px) scale(1.04);
        box-shadow: 0 8px 32px rgba(180,110,41,0.22);
        text-decoration: none;
        color: #fff
    }

@media(max-width:900px) {
    .benefits-columns {
        flex-direction: column;
        gap: 16px
    }

    .benefits-section {
        padding: 24px 8px 18px 8px
    }

    .ingredient-grid {
        grid-template-columns: repeat(2,1fr)
    }

    .routine-container {
        flex-direction: column;
        align-items: center;
        gap: 24px
    }

    .routine-table {
        width: 95%;
        min-width: unset
    }

    .why2x2-section {
        max-width: 99vw
    }

    .why2x2-table, .why2x2-table tbody, .why2x2-table tr {
        display: block;
        width: 100%
    }

        .why2x2-table tr {
            display: flex;
            flex-direction: row;
            width: 100%
        }

        .why2x2-table td {
            flex: 1;
            border-bottom: 1.5px solid #f5dcb0 ;
border-top: 1.5px solid #f5dcb0 ;
border-left: 1.5px solid #f5dcb0 ;
            border-right: 1.5px solid #f5dcb0 ;
            padding: 22px 8px 18px 8px;
            min-width: unset
        }

        .why2x2-table tr:last-child td {
            border-bottom: none !important
        }

        .why2x2-table tr td:last-child {
            border-right: none !important
        }
}

@media(max-width:700px) {
    .cta-section {
        padding: 24px 8px 18px 8px;
        max-width: 98vw
    }

    .cta-title {
        font-size: 1.45rem
    }

    .cta-desc {
        font-size: 1.01rem
    }

    .cta-btn {
        padding: 12px 22px;
        font-size: 1rem
    }
}

@media(max-width:650px) {
    .why2x2-table tr {
        flex-direction: column
    }

    .why2x2-table td {
        border-right: none;
        border-bottom: 1.5px solid #f5dcb0;
        padding: 16px 8px 14px 8px
    }

    .why2x2-table tr:last-child td {
        border-bottom: none
    }
}

@media(max-width:600px) {
    .ingredient-grid {
        grid-template-columns: 1fr
    }

    .ingredient-card {
        padding: 18px 10px 14px 10px
    }
}

@media screen and (max-width:768px) {
    .landing-section h2 {
        font-size: 1.5rem
    }

    .landing-section p {
        font-size: 1rem
    }

    .landing-features {
        grid-template-columns: 1fr
    }

    .landing-feature {
        padding: 1rem;
        margin-bottom: 1.5rem
    }

        .landing-feature h3 {
            font-size: 1.25rem
        }
}

@media screen and (max-width:480px) {
    .landing-section h2 {
        font-size: 1.25rem
    }

    .landing-feature h3 {
        font-size: 1.125rem
    }

    .landing-feature p {
        font-size: .9rem
    }

    .landing-cta {
        font-size: .9rem;
        padding: .75rem 1.5rem
    }
}


.desc {
    font-family: 'Segoe UI', 'Montserrat', Arial, sans-serif !important;
    font-size: 1.06rem !important;
    color: #68420c !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    letter-spacing: 0.01em !important;
    margin-bottom: 0 !important;
  	
}

.table-newwidth{
width:800px !important;
}



.routine-add-pad-top{
padding-top:20px !important;
}


/*diwali offer landing page*/



.diwali_root {
--brand:#5b8c3a; /* herbal green */
--accent:#f5c06a; /* festive gold */
--muted:#6b6b6b;
--card-bg:#fffaf6;
--radius:12px;
font-family: Inter, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
}
.diwali_body{ color:#222; margin:0; display:flex; justify-content:center}


.diwali_container{width:100%;}


/* Section base */
.diwali_section{background:linear-gradient(180deg, rgba(255,255,255,0.95), rgba(255,250,246,0.98)); border-radius:var(--radius); padding:26px; box-shadow:0 8px 30px rgba(16,24,40,0.06); margin-bottom:20px}
.diwali_section h3{margin:0 0 10px 0; font-size:20px; color:var(--brand)}
.diwali_lead{font-size:15px; color:var(--muted); margin-bottom:14px}


/* Why choose */
.diwali_features{display:grid; grid-template-columns:repeat(2,1fr); gap:14px}
.diwali_feature-card{background:var(--card-bg); padding:14px; border-radius:10px; display:flex; gap:12px; align-items:flex-start}
.diwali_feature-card .diwali_icon{width:44px; height:44px; border-radius:10px; background:linear-gradient(135deg, rgba(91,140,58,0.12), rgba(245,192,106,0.08)); display:flex; align-items:center; justify-content:center; font-weight:700; color:var(--brand); flex-shrink:0}
.diwali_feature-card h4{margin:0 0 4px 0; font-size:15px}
.diwali_feature-card p{margin:0; font-size:13px; color:var(--muted)}


/* Offer */
.diwali_offer{display:flex; gap:18px; align-items:center; justify-content:space-between}
.diwali_offer-left{flex:1}
.diwali_price-box{background:linear-gradient(90deg, #fff7e6, #fffaf0); padding:16px; border-radius:10px; text-align:center; min-width:190px}
.diwali_price-box .diwali_price{font-size:22px; font-weight:800; color:var(--brand)}
.diwali_price-box .diwali_tag{font-size:13px; color:var(--muted); margin-top:6px}
.diwali_badge{display:inline-block; background:var(--accent); color:#fff; padding:6px 10px; border-radius:999px; font-weight:600; font-size:13px}


/* How to use */
.diwali_steps{display:flex; gap:12px; flex-wrap:wrap}
.diwali_step{flex:1 1 220px; background:#fff; padding:12px; border-radius:10px; border:1px solid rgba(91,140,58,0.06)}
.diwali_step h5{margin:0 0 8px 0; font-size:14px; color:var(--brand)}
.diwali_step p{margin:0; font-size:13px; color:var(--muted)}


/* Testimonials */
.diwali_testimonials{display:flex; gap:12px; flex-direction:column}
.diwali_testimonial{background:#fff; padding:14px; border-radius:10px; border-left:4px solid rgba(91,140,58,0.12)}
.diwali_testimonial p{margin:0 0 10px 0; font-size:14px}
.diwali_author{font-size:13px; color:var(--muted)}


/* CTA */
.diwali_cta-wrap{display:flex; gap:12px; align-items:center; margin-top:14px}
.diwali_btn-primary{background:var(--brand); color:#fff; border:none; padding:12px 18px; border-radius:10px; font-weight:700; cursor:pointer; box-shadow:0 8px 18px rgba(91,140,58,0.18)}
.diwali_btn-ghost{background:transparent; color:var(--brand); border:1px solid rgba(91,140,58,0.18); padding:10px 14px; border-radius:10px; cursor:pointer}


/* Responsive */
@media (max-width:760px){
.diwali_features{grid-template-columns:1fr}
.diwali_offer{flex-direction:column; align-items:flex-start}
.diwali_price-box{width:100%}
.diwali_steps{flex-direction:column}
}

/* customized code from header */

.header-wrap{
            min-height: 0px !important;
        }

        @media only screen and (max-width: 768px) {
    .header-bottom {
        padding: 30px 0px !important;
    }
}

 .header_a, .header_a:hover, .header_a:active {
            font-size: 14px; 
            letter-spacing: 1px; 
            margin-top: 5px; 
            font-family: 'Montserrat', sans-serif; 
            color: #184a44 !important;
        }


 .deals-container, .store-container, .career-container, .contactus-container, .about-container, .bestseller-container, .categories-section, .products-section,.footer-container, .routines-container, .testimonial-section{
     max-width: 1600px;
     margin: 0 auto;
     padding: 0 0.5rem;
     padding-bottom: 80px;
}

/* .landing-container{*/
/*     max-width: 1200px;*/
/*}*/

.testimonial-section{
max-width: 1500px !important;
    
}

  @media (max-width: 992px) {
   .testimonial-section{
         padding: 0 1.5rem;
    }
}

.footer-container{
padding-bottom: 0px !important;
}

        body {
            background-color: #f9f9f9 !important;
        }

        /*slider section coding starts here*/

        .slide {
            position: absolute;
            width: 100%;
            height: 100%;
            opacity: 0;
            transition: opacity 1s ease-in-out;
            background-size: cover;
            background-position: center;


        }

        .slide.active {
            opacity: 1;

        }

        .slide-1 {            
            background-image: linear-gradient(89.88deg, rgba(255, 255, 255, 0.1) 10%, rgba(0, 0, 0, 0.7) 90%);
            background-blend-mode: normal;
            background-size: cover;
            background-repeat: no-repeat;
        }
     
    
     
        .banner-text {
            position: absolute;
            bottom: 30px;
            right: 5%;
            z-index: 2;
            color: white;
            text-align: center;
            max-width: 500px;
            text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
            padding: 20px;
            width: 100%;
        }

        .banner-title {
            font-size: 2rem;
            font-weight: 500;
            margin-bottom: 6px;
            line-height: 1.2;
        }

        .banner-subtitle {
            font-size: 1.1rem;
            font-weight: 300;
            margin-bottom: 15px;
            line-height: 1.4;
        }

        .highlighted-text {
            color: #e6d0b1;
            font-style: italic;
        }

        .explore-btn {
            display: inline-block;
            background-color: #0e5c50;
            color: white;
            padding: 8px 20px;
            font-size: 0.9rem;
            text-transform: uppercase;
            border: none;
            cursor: pointer;
            letter-spacing: 1px;
        }

        
        @media (max-width: 480px) {
            .hero-slider-1 .single-hero-slider{
                height: 75vh !important;
                max-height: 75vh !important;
            }
            .banner-title {
                font-size: 1.3rem;
                margin-bottom: 4px;
            }

            .banner-subtitle {
                font-size: 0.8rem;
                margin-bottom: 10px;
            }

            .banner-text {
                bottom: 0;
                left: 50%;
                transform: translateX(-50%);
                max-width: 100%;
                width: 100%;
                padding: 12px;
                margin-bottom: 30px
            }


            .explore-btn {
                padding: 5px 12px;
                font-size: 0.7rem;
            }

        }

/*slider section coding ends here*/

/*ticker code starts here*/
.ticker-wrap {
    width: 100%;
    overflow: hidden;
    background-color: #f5f3ee;
    padding: 10px 0;
    border-top: 1px solid #efe8db;
    border-bottom: 1px solid #efe8db;
    margin: 0 auto;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    position: relative;
}

.ticker {
    display: flex;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
}

.ticker__track {
    display: flex;
    animation: ticker 30s linear infinite;
    width: max-content;
}

.ticker__item {
    display: inline-block;
    padding: 0 40px;
    font-size: 16px;
    color: #333;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Smooth infinite animation */
@keyframes ticker {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-35%);
    }
}

/* Responsive Styles */
@media (max-width: 768px) {
    .ticker__item {
        padding: 0 20px;
        font-size: 14px;
    }
}

/*ticker code ends here*/


/*categories ection coding starts*/
.categories-section {
        margin-top: 60px;
    }

.categories-heading,.products-heading,.bestsellers-heading,.deals-heading,.routine-title,.testimonial-section-title {
    color: #184B45;
    text-align: center;
    margin-bottom: 40px;
    font-size: 48px;
    font-weight: 900;
}


.categories {
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    overflow-x: auto;
    gap: 0.9rem;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.categories::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera */
}

.category-card {
    flex: 0 0 auto;
    width: calc(33.333% - 20px);
    min-width: 300px;
    max-width: 502px;
    aspect-ratio: 502 / 685;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    transition: transform 0.3s ease;
}


.category-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.overlay {
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 10px;
    height: 90px;
    background-color: #184b45;
    border-radius: 15px;
    padding: 0 20px;
    box-sizing: border-box;

    display: flex;
    align-items: center;
    
    transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), 
                background-color 0.4s ease;
}

.overlay-content{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 90px;
    align-content: center;
    border-radius: 15px;
    padding: 0 20px;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
}

/* Entrance animation */
@keyframes overlayIn {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Hover effect: slight slide-up */
.overlay:hover {
    transform: translateY(-7px);
}

.category-content {
    color: white;
}

.category-title {
    font-size: 27px;
    margin-bottom: 5px;
    color: white;
}

.shop-now {
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 2px;
    border-bottom: 1px solid white;
    display: inline-block;
    color:#fff;
}

 .categories-wrapper {
 position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
 }
 /* Navigation Buttons */
 .nav-btn {
     width: 50px;
     height: 50px;
     border: none;
     border-radius: 50%;
     background: #184B45;
     color: white;
     font-size: 20px;
     cursor: pointer;
     transition: all 0.3s ease;
     display: flex;
     align-items: center;
     justify-content: center;
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     z-index: 10;
 }

     .nav-btn:hover {
         background: #2a6b63;
     }

     .nav-btn:disabled {
         background: #ccc;
         cursor: not-allowed;
     }

 .category-prev-btn {
     left: -25px;
 }

 .category-next-btn {
     right: -25px;
 }
 /* Hide arrows on desktop, show only on mobile */
.mobile-only {
    display: none;
}

 
@media (max-width: 768px) {
    
 .mobile-only {
        display: flex;
    }
     .category-prev-btn {
         left: 10px;
     }

     .category-next-btn {
         right: 10px;
     }
 }

@media (max-width: 1100px) and (min-width: 769px) {
    .category-card {
        width: calc(50% - 20px);
    }
}

@media (max-width: 768px) {
    .categories {
        /*flex-direction: column;*/
        /*align-items: center;*/
    }

    .category-card {
        width: 100%;
        max-width: 400px;
    }
}
        
@media only screen and (max-width: 480px) {
    .mb-sm-5 {
     margin-bottom: 0rem !important; 
    }
}
@media (max-width: 768px) {

    .deals-container, .store-container, .career-container, .contactus-container, .about-container, .bestseller-container, .categories-section, .products-section,.footer-container,.testimonial-section, .routines-container, .video-section{
     padding-bottom: 40px !important;
    }
    
    .footer-container{
    padding-bottom: 60px !important;
    }
    
    .categories-heading,.products-heading,.bestsellers-heading,.deals-heading,.routine-title,.testimonial-section-title {
        font-size: 36px !important;
        margin-bottom: 25px;
    }
       
    .banner-title {
        font-size: 1.6rem;
    }
    
    .banner-subtitle {
        font-size: 0.9rem;
        margin-bottom: 12px;
    }
    
    .banner-text {
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        max-width: 90%;
        width: 500px;
        padding: 15px;
        margin-bottom: 30px
    }
    
    
    .explore-btn {
        padding: 6px 15px;
        font-size: 0.8rem;
    }
}
        
        

/*categories section coding ends*/




/*product section coding starts*/
        .row {
            --bs-gutter-x: 0.9rem !important;
            
        }
        
        

        .products-grid {
            flex:0 0 calc(50% - 10px);
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 10px;
        }

        .product-card {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            height: 100%;
    
            background-color: white;
            border:1px solid #ececec;
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            /*margin-bottom: 0.9rem;*/
        }

        .product-card:hover {
            transform: translateY(-5px);
            box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.1);
            border: 1px solid #184B45;
            
        }

        .product-image-container {
            background-color: #E5E5E5;
            height: 250px;
            overflow: hidden;
            position: relative;
        }

        .product-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }

        .product-details {
            padding: 15px;
            text-align: center;
            
    
        }

        .product-title {
            font-weight: 700;
            margin-bottom: 5px;
            font-size: clamp(14px, 2.5vw, 20px);
            line-height: 1.4;
            word-wrap: normal;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;

        }
        .product-title a {
            color: #184B45 !important;
       } 

        .product-category {
            margin-bottom: 10px;
            font-size: clamp(14px, 2.5vw, 18px);
            
        }

        .product-category a {
            color: #999;

        }

        .product-rating {
            color: #FFD700;
            font-size: 16px;
            margin-bottom: 10px;
        }

        .product-price {
            font-weight: 600;
            font-size: clamp(16px, 3vw, 20px);
            margin-bottom: 0.9rem;
        }

        .add-to-cart-btn {
            background-color: #184B45;
            color: white;
            border: none;
            border-radius: 4px;
            padding: 10px 15px;
            width: 100%;
            font-weight: 700;
            font-size: clamp(12px, 2.5vw, 18px);
            cursor: pointer;
            transition: background-color 0.3s ease;
        }

        .add-to-cart-btn:hover {
            background-color: #123935;
        }


.product-img-action-wrap {
    position: relative;
    overflow: hidden;
}

.product-action-1 {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 9;
    display: flex;
    flex-direction: column;
    gap: 8px;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.product-img-action-wrap:hover .product-action-1 {
    opacity: 1;
}

.product-action-1 .action-btn {
    width: 36px;
    height: 36px;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #333;
    font-size: 16px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    transition: all 0.3s ease;
}

.product-action-1 .action-btn:hover {
    background-color: #d9ad77;
    color: #fff;
    transform: scale(1.1);
}
        @media (max-width: 768px) {
            .products-grid {
                grid-template-columns: repeat(2, 1fr);
            }
         
        }

        @media (max-width: 480px) {
            .products-grid {
            grid-template-columns: repeat(2,1fr);
            }

            .product-image-container {
                height: 180px;
            }



        }

/*product section coding ends*/


/*footer section coding starts*/

 .footer {
            
            position: relative;
            background-color: #184B45; 
            /*#0e5c50*/
            color: white;
            padding: 0px 0;
            background-image: url("/storage/footer/footer-pattern.png");
            background-repeat: no-repeat;
            background-size: contain;
            background-position: bottom center;

        }

       

        /* Top Features Section */
        .features {
            display: flex;
            justify-content: space-between;
            padding: 20px 0;
            border-bottom: 1px solid rgba(255, 255, 255, 0.2);
        }

        .feature {
            display: flex;
            align-items: center;
            flex: 1;
            padding: 0 15px;
            max-width: 33.333%;
            position: relative;
        }

        .feature:not(:last-child):after {
            content: '';
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            height: 90%;
            width: 1.5px;
            background-color: rgba(255, 255, 255, 0.3);
        }

        .feature-icon {
            width: 40px;
            height: 40px;
            margin-right: 15px;
            background-color: transparent;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .feature-icon img {
            width: 100%;
            height: auto;
            object-fit: contain;
        }


        .feature-text h3 {
            font-size: 16px;
            margin-bottom: 5px;
            font-weight: 500;
            color: white;

        }

        .feature-text p {
            font-size: 12px;
            opacity: 0.8;
            color: white;
        }

        /* Main Footer Content */
        .footer-content {
            display: flex;
            justify-content: space-between;
            padding: 30px 0;
            flex-wrap: wrap;
        }

        /* Logo and About Section */
        .footer-about {
            width: 20%;
            min-width: 220px;
            margin-bottom: 20px;
        }

        .footer-logo img {
            margin-bottom: 15px;
            width: 100%;
            max-width: 140px;
            /* Maximum width, but will scale down if needed */
        }

        .footer-about p {
            font-size: 13px;
            line-height: 1.6;
            margin-bottom: 20px;
        }

        .connect-label {
            margin-bottom: 10px;
            font-size: 14px;
            font-weight: 500;
        }

        .social-links {
            display: flex;
            gap: 15px;
        }

        .social-links a {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 36px;
            height: 36px;
            border-radius: 50%;
            background-color: rgba(255, 255, 255, 0.1);
            color: white;
            text-decoration: none;
            transition: background-color 0.3s;
        }

        .social-links a:hover {
            background-color: rgba(255, 255, 255, 0.2);
        }

        /* Footer Columns */
        .footer-columns {
            display: flex;
            flex: 1;
            justify-content: space-between;
            flex-wrap: nowrap;
        }

        .footer-column {
            flex: 1;
            min-width: 120px;
            margin-bottom: 20px;
            padding: 0 15px;
            text-align: left;
        }

        .footer-column h3 {
            font-size: 16px;
            margin-bottom: 15px;
            font-weight: 600;
            position: relative;
            padding-bottom: 8px;
               color: white;
        }

        .footer-column ul {
            list-style: none;
        }

        .footer-column ul li {
            margin-bottom: 8px;
        }

        .footer-column ul li a {
            color: white;
            text-decoration: none;
            font-size: 14px;
            opacity: 0.8;
            transition: opacity 0.3s;
            display: inline-block;
        }

        .footer-column ul li a:hover {
            opacity: 1;
        }

        /* Contact Info */
        .contact-info {
            flex: 0 0 22%;
            min-width: 240px;
            padding: 0 15px;
        }

        .contact-info h3 {
            font-size: 16px;
            margin-bottom: 15px;
            font-weight: 600;
            position: relative;
            padding-bottom: 8px;
               color: white;
        }

        .contact-info p {
            display: flex;
            align-items: flex-start;
            margin-bottom: 15px;
            font-size: 14px;
            line-height: 1.5;
        }

        .contact-info i {
            margin-right: 10px;
            min-width: 20px;
            color: #fff;
        }

        .contact-info .address {
            max-width: 250px;
        }

        /* Payment and Shipping Partners Section */
        .partners-section {
            padding: 15px 0;
            border-top: 1px solid rgba(255, 255, 255, 0.5);
            /* White border at top */
            border-bottom: 1px solid rgba(255, 255, 255, 0.2);
            display: flex;
            justify-content: center;
            align-items: center;
            flex-wrap: wrap;
            gap: 15px;
        }

        .partner-group {
            display: flex;
            align-items: center;
        }

        .partner-label {
            margin-right: 10px;
            font-size: 13px;
            opacity: 0.9;
        }

        .partner-logo {
            height: 20px;
            margin-left: 5px;
        }

        .partner-divider {
            margin: 0 15px;
            height: 20px;
            width: 1px;
            background-color: rgba(255, 255, 255, 0.5);
        }

        /* Bottom Footer */
        .footer-botto {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 15px 0;
            flex-wrap: wrap;
            font-size: 13px;
        }

        .footer-bottom-item {
            display: flex;
            align-items: center;
            margin: 5px 0;
        }

        .footer-divider {
            height: 15px;
            width: 1px;
            background-color: rgba(255, 255, 255, 0.5);
            margin: 0 15px;
        }

        /* Responsive Design */
        @media (max-width: 992px) {
            .features {
                flex-direction: column;
            }

            .feature {
                max-width: 100%;
                margin-bottom: 20px;
            }

            .feature:not(:last-child):after {
                display: none;
            }

            .footer-content {
                flex-wrap: wrap;
            }

            .footer-columns {
                flex-wrap: wrap;
                width: 100%;
                display: flex;
                justify-content: space-between;
            }

            .footer-about {
                width: 100%;
                min-width: 200px;
                margin-bottom: 30px;
            }

            .footer-logo {
                max-width: 120px;
                /* Adjust for tablet view */
            }

            .footer-column {
                width: 50%;
                min-width: 180px;
                flex: 0 0 auto;
                text-align: left;
            }

            .contact-info {
                width: 100%;
                min-width: 200px;
                margin-top: 20px;
            }

            .partners-section {
                flex-direction: column;
                gap: 10px;
            }

            .partner-divider {
                height: 0px;
                width: 0%;
                margin: 0px 0;
            }

            .footer-botto {
                flex-direction: column;
                text-align: center;
                gap: 15px;
            }

            .footer-divider {
                display: none;
            }
        }

        @media (max-width: 768px) {

            .footer-content {
                flex-direction: column;
            }

            .footer-about {
                width: 100%;
                text-align: center;
                margin-bottom: 30px;
            }

            .footer-logo {
                margin: 0 auto 15px;
                max-width: 130px;
                /* Centered but still reasonable size for mobile */
            }

            .footer-about h3:after,
            .contact-info h3:after {
                left: 50%;
                transform: translateX(-50%);
            }

            .social-links {
                justify-content: center;
            }

            .footer-columns {
                width: 100%;
                display: flex;
                flex-wrap: wrap;
            }

            .footer-column {
                width: 50%;
                min-width: unset;
                padding: 0 15px;
                margin-bottom: 25px;
                text-align: left;
            }

            .footer-column h3:after {
                left: 50%;
                transform: translateX(-50%);
            }

            .contact-info {
                width: 100%;
                min-width: unset;
                padding: 0;
                margin-bottom: 30px;
                text-align: center;
            }

            .contact-info p {
                justify-content: center;
                text-align: center;
            }

            .contact-info .address {
                max-width: 100%;
            }

            .partners-section {
                padding: 15px 0;
            }

            .partner-group {
                width: 100%;
                justify-content: center;
            }

            .footer-botto {
                flex-direction: column;
                align-items: center;
                text-align: center;
            }

            .footer-bottom-item {
                justify-content: center;
            }

            .footer-divider {
                display: none;
            }
        }

        /* Extra styles for single line on larger screens */
        @media (min-width: 1200px) {
            .footer-content {
                display: flex;
                align-items: flex-start;
                justify-content: space-between;
            }

            .footer-about {
                width: 18%;
            }

            .footer-logo {
                max-width: 85%;
                /* Adjust logo size based on container width */
            }

            .footer-columns {
                width: 60%;
                flex-wrap: nowrap;
            }

            .footer-column {
                padding: 0 10px;
            }

            .contact-info {
                width: 22%;
            }
        }

/*footer section coding ends*/

/*best seller section starts*/
.featured-product{flex:0 0 calc(50% - 10px);position:relative;border-radius:12px;overflow:hidden;min-width:49%;height: 448px;}
.featured-product img{width:100%;object-fit:cover;display:block;height:448px}
.bestsellers-container{display:flex;flex-wrap:wrap;gap:20px;align-items:stretch;min-height:520px}
.ads-vertical-container{display:grid;flex-wrap:wrap;gap:10px;align-items:stretch;min-height:520px;width:49%}
.featured-content{position:absolute;bottom:0;left:0;right:0;padding:30px;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,rgba(0,0,0,0) 100%);color:#333}
.featured-title{font-size:2.5rem;font-weight:bold;margin-bottom:5px;text-align:center;color:#fff}
.featured-subtitle{font-size:16px;margin-bottom:15px;text-align:center;color:#fff}
.shop-now-btn{background-color:#184B45;color:#fff;border:none;border-radius:4px;padding:10px 20px;font-size:16px;cursor:pointer;transition:background-color .3s ease;display:block;text-align:center;width:fit-content;margin:0 auto}
.shop-now-btn:hover{background-color:#123935}
.view-all-container{display:flex;justify-content:center;margin-top:30px}
.view-all-btn{background-color:#fff;color:#184B45;border:2px solid #184B45;border-radius:4px;padding:12px 50px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease}
.view-all-btn:hover{background-color:#184B45;color:#fff}
@media(max-width:992px){
.bestsellers-container{flex-direction:column;min-height:auto;gap:15px}
.featured-product{width:100%;max-width:500px;height:500px;position:relative;margin-bottom:15px;flex:auto}
.featured-product img{top:0;left:0;width:100%;height:100%}
.bestsellers-section{margin-bottom:40px}
.bestsellers-heading{margin-bottom:25px}
}
@media(max-width:768px){
.view-all-container{margin-top:20px}
.ads-vertical-container{display:flex;flex-wrap:nowrap;overflow-x:auto;min-height:auto;width:auto;}
.featured-product{min-width:100%;height:400px}
}

@media(max-width:480px){
.ads-vertical-container{display:flex;flex-wrap:nowrap;overflow-x:auto;min-height:auto;width:auto;}
.featured-product{min-width:100%;height:400px}

}
.products-grid-2{flex:0 0 calc(50% - 10px);display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);grid-gap:10px;min-width:300px}
/*best seller section ends here*/


/*About us page styling starts*/
.header {
    background-color: #d4b08b;
    padding: 30px 0;
    text-align: center;
    margin-bottom: 20px;
}



.intro {
    padding: 30px 15px;
    text-align: center;
    max-width: 1000px;
    margin: 0 auto 20px;
}

.section {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 30px 15px;
    gap: 60px;
    margin-bottom: 30px;
}

.section:nth-child(even) {
    flex-direction: row-reverse;
}

.section-content {
    flex: 1;
    min-width: 0;
}

.section-image {
    flex: 1;
    text-align: center;
    min-width: 0;
}

.section-image img {
    max-width: 100%;
    max-height: 500px;
    border-radius: 10px;
    aspect-ratio: 643/750;
    object-fit: cover;
}

.section-title {
    font-size: 28px;
    margin-bottom: 20px;
    position: relative;
    display: inline-block;
}

.section-title::after {
    content: '';
    position: absolute;
    width: 50px;
    height: 2px;
    background-color: #d4b08b;
    bottom: -5px;
    left: 0;
}

.team-section {
    padding: 30px 15px;
    text-align: center;
    margin-bottom: 30px;
}

.team-members {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin-top: 40px;
    gap: 30px;
}

.team-member {
    border-radius: 10px;
    display: flex;
    flex-direction: column;
}

.team-member-text {
    margin-bottom: 15px;
}

.team-member-image {
    width: 100%;
    aspect-ratio: 643/750;
    border-radius: 8px;
    overflow: hidden;
}

.team-member-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.team-description {
    margin-top: 40px;
    text-align: left;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 15px;
}

/* Responsive design */
@media (max-width: 1200px) {
    .team-members {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .section {
        gap: 40px;
    }
}

@media (max-width: 1024px) {
    .team-members {
        grid-template-columns: repeat(2, 1fr);
        gap: 25px;
    }

    .about-container {
        padding: 15px;
    }

    .intro {
        padding: 25px 15px;
    }

    .section {
        padding: 25px 15px;
        gap: 30px;
    }
}

@media (max-width: 768px) {

    .section,
    .section:nth-child(even) {
        flex-direction: column;
        text-align: center;
        gap: 25px;
        padding: 20px 10px;
    }

    .section-title::after {
        left: 50%;
        transform: translateX(-50%);
    }

    .section-content {
        padding: 0 10px;
    }

    .header {
        padding: 20px 0;
    }

    .intro {
        padding: 20px 10px;
    }

    .team-section {
        padding: 20px 10px;
    }
}

@media (max-width: 600px) {
    .team-members {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }

    .about-container {
        padding: 10px;
    }

    .container {
        padding: 0 10px;
    }

    .section-title {
        font-size: 24px;
    }
}

@media (max-width: 480px) {
    .team-members {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .team-member {
        max-width: 100%;
    }

    .intro {
        padding: 15px 10px;
    }

    .section {
        padding: 15px 10px;
        margin-bottom: 20px;
    }

    .team-description {
        padding: 0 10px;
    }
}
        
        
        
/*about us page styling ends*/

/*career page styling starts*/

        .card-container {
            display: flex;
            flex-direction: column;
            gap: 20px;
            margin-top: 20px;
        }

        .main-card {
            background-color: #ffefd5;
            border-radius: 10px;
            padding: 30px;
            margin: 50px auto;
            display: grid;
            grid-template-columns: 1fr 1fr;
            /* Equal space for both containers */
            gap: 20px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            overflow: hidden;
        }

        .card-content {
            padding: 15px;
        }

        .card-image-container {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            border-radius: 8px;
            padding: 15px;
            text-align: center;
        }

        .image-heading {
            color: #004d40;
            font-size: 18px;
            font-weight: bold;
            margin-bottom: 15px;
            text-align: center;
        }

        .reasons-list {
            list-style-type: none;
            margin-top: 10px;
            margin-bottom: 15px;
            text-align: left;
        }

        .reasons-list li {
            margin-bottom: 8px;
            color: #004d40;
            padding-left: 15px;
            position: relative;
        }

        .reasons-list li::before {
            content: "●";
            position: absolute;
            left: 0;
            color: #004d40;
        }

        h3 {
            color: #065f46;
            margin-bottom: 20px;
            font-size: 22px;
        }

        .bullet-list {
            list-style-type: none;
        }

        .bullet-list li {
            margin-bottom: 8px;
            line-height: 1.5;
            padding-left: 20px;
            position: relative;
            font-size: 14px;
        }

        .bullet-list li::before {
            content: "•";
            position: absolute;
            left: 0;
            color: #000;
        }

        .person-img {
            width: 100%;
            border-radius: 5px;
            margin: 0 auto;
            display: block;
        }

        /* Alternate card layout */
        .card:nth-child(even) {
            direction: rtl;
            /* Reverse the order for even cards */
        }

        .card:nth-child(even) .card-content,
        .card:nth-child(even) .card-image-container {
            direction: ltr;
            /* Reset text direction inside containers */
        }

        /* Responsive Styles */
        @media (max-width: 768px) {
            .card {
                grid-template-columns: 1fr;
                /* Stack vertically on smaller screens */
                padding: 20px;
            }

            .card:nth-child(even) {
                direction: ltr;
                /* Reset direction on mobile */
            }

            .card-image-container {
                margin: 15px 0;
            }

            .card-content {
                padding: 10px 0;
            }

            .person-img {
                max-width: 140px;
            }
        }

        @media (max-width: 480px) {
/*            .header {
                padding: 10px 0;
            }*/

            .career-container {
                padding: 10px;
            }

            .card {
                padding: 15px;
            }

            h3 {
                font-size: 20px;
            }

            .image-heading {
                font-size: 16px;
            }
        }
        
        
        /*career page styling ends*/
        :root {
  --body-font-size: 1rem !important;
  --bs-body-font-weight: 500 !important;
}

.header-style-1 .header-middle-ptb-1{
    background-color: #fff !important;
}

.product-cart-wrap:hover{
border: 1px solid #184b45 !important;
}

.single-flash > .product-cart-wrap:hover{
border: 0px solid !important;
}

.product-cart-wrap .product-content-wrap .product-price span{
color:var(--color-brand-dark) !important;
}



.header-style-1 .header-middle-ptb-1 {
    padding: 10px 0 !important;
}

.hero-slider-1 .single-hero-slider{
	height:76vh !important;
	max-height:76vh !important;

}

.header-top-ptb-1, .header-top-ptb-1 #news-flash 
 {
    font-size: 12px !important;
}

iframe{
	width: -webkit-fill-available;
 
}

p{
font-weight: 500 !important;
}

@media only screen and (max-width: 480px) {
    .mobile-promotion {
        background: #184a44 !important;
        color: #fff;
        display: block;
        padding: 7px 0;
        text-align: center;
        font-size: 12px;
    }
.header .container h1{
    font-size: 28px;
	}
}

@media only screen and (max-width: 768px) {
.header .container h1{
    font-size: 28px;
	}


}

.header-style-1 .header-top-ptb-1{
background-color:#184a44 !important;
}

.main-menu>nav>ul>li>a {
    font-size: 20px !important;
    font-weight: 700;
}

.header-info>ul>li a {
    color: white !important;
}

#news-flash{
color:white !important;
}

button.submit, button[type=submit] {   
    border: none !important;
    /* border: 1px solid var(--color-brand-dark); */
}





/*policies styling*/


        .policies-container {
            max-width: 1200px;
            margin: 50px auto;
            display: flex;
            flex-direction: column;
            gap: 50px;
        }

        .policy-card {
            background: linear-gradient(to bottom, #FFFFFF 0%, #CEA57B 100%);
            border-radius: 10px;
            padding: 30px;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
        }

        .policy-title {
            color: #0d463c;
            font-size: 32px;
            margin-bottom: 30px;
            font-weight: 600;
        }

        .policy-points {
            list-style-type: none;
        }

        .policy-points li {
            position: relative;
            padding-left: 15px;
            margin: 15px;
            color: #333;
            line-height: 1.5;
            font-size: 16px;
        }

        .policy-points li:before {
            content: "•";
            position: absolute;
            left: 0;
            color: #0d463c;
        }

        .hidden {
            display: none;
        }

        .btn-container {
            text-align: center;
            margin-top: 15px;
        }

        .view-more-btn-1, .view-more-btn-2, .view-more-btn-3, .view-more-btn-4 {
            background-color: transparent;
            border: 1px solid #0d463c;
            color: #0d463c;
            padding: 6px 15px;
            border-radius: 4px;
            cursor: pointer;
            font-size: 16px;
            transition: background-color 0.3s, color 0.3s;
        }

        .view-more-btn-1:hover, .view-more-btn-2:hover, .view-more-btn-3:hover, .view-more-btn-4:hover {
            background-color: #0d463c;
            color: white;
        }
.view-more-content-1, .view-more-content-2, .view-more-content-3, .view-more-content-4{
  display: none;
}