/* =========================================
   SWAD SETU FOOTER
========================================= */

.footer {
    position: relative;
    width: 100%;
    min-height: 80vh;

    background: url(../images/footer2.png) repeat-y center top;
    background-size: 100% 100%;

    overflow: hidden;
}

/* =====================================================
   FOOTER MAIN
===================================================== */

.footer-main {
    width: 100%;
    min-height: 390px;

    display: grid;
    grid-template-columns:
        1.65fr
        0.65fr
        1.05fr
        0.85fr
        0.95fr;

   
    background-size: cover;
    background-position: center;

    color: #3b2918;

    font-family: Georgia, "Times New Roman", serif;

    border-top: 1px solid rgba(104, 67, 27, 0.35);
}


/* =====================================================
   COMMON COLUMN
===================================================== */

.footer-brand,
.footer-links,
.footer-products,
.footer-care,
.footer-contact {

    padding: 25px 25px;

    position: relative;
}


/* Vertical separator */

.footer-links::before,
.footer-products::before,
.footer-care::before,
.footer-contact::before {

    content: "";

    position: absolute;

    left: 0;
    top: 20px;
    bottom: 80px;

    width: 1px;

     border-right: 1px solid rgba(101, 72, 30, 0.25);
}


/* =====================================================
   BRAND
===================================================== */

.footer-brand {
    padding-left: 42px;
}

.footer-brand-top {
    display: flex;
    align-items: center;
    gap: 25px;
}

.footer-brand-top  img {
    width: 130px;
    height: 130px;
    object-fit: contain;
}
.footer-brand-title{
    display: flex;
    flex-direction: column;
    
    align-items: center;
}



.footer-brand-title h2 {
    margin: 0;
    font-size: 42px;
    line-height: 0.95;
    font-weight: 700;
    letter-spacing: -1.5px;
    color: #291b0e;
}

.footer-brand-title span {
    display: block;
    margin-top: 6px;
    font-size: 14px;
    letter-spacing: 2px;
    color: #382515;
}

.footer-brand-title p {
    margin: 15px 0 0;
    font-size: 14px;
    color: #712510;
    font-weight: 600;
}

.footer-brand-title .footer-downimg {
    width: 120px;
    height: auto;
    display: block;
    margin: 2px auto 0;
}


/* Description */

.footer-brand-description {

    max-width: 360px;

    margin: 10px 5px 0;

    font-size: 15px;

    line-height: 1.45;
letter-spacing: 6.5;
    color: #4d3924;
}


/* Village */

.footer-village {

    width: 400px;
    max-width: 600px;
    opacity: 0.90;
    margin-top: -50px;

   
}


/* =====================================================
   HEADINGS
===================================================== */

.footer-links h3,
.footer-products h3,
.footer-care h3,
.footer-contact h3 {

    margin: 4px 0 3px;

    text-align: center;

    font-size: 18px;

    font-weight: 700;

    color: #342213;

    letter-spacing: 0.2px;
}


/* =====================================================
   TITLE DECORATION
===================================================== */

.footer-title-line{
display: flex;
flex-direction: column;
align-items: center;
}
.footer-downimg{
    width: 100px;
    
}




.footer-title-line span {

    font-size: 9px;

    letter-spacing: 2px;

    color: #806039;
}


/* =====================================================
   QUICK LINKS
===================================================== */

.footer-links ul,
.footer-care ul {

    list-style: none;

    padding: 0;

    margin: 4px 0 0;
}


.footer-links li,
.footer-care li {

    position: relative;

    display: flex;

    align-items: center;

    gap: 10px;

    min-height: 41px;

    margin-bottom: 3px;
}


.footer-links li i {

    width: 15px;

    font-size: 10px;

    color: #72502c;
}


.footer-links a,
.footer-care a {

    text-decoration: none;

    color: #39291b;

    font-size: 15px;

    transition: 0.25s ease;
}


.footer-links a:hover,
.footer-care a:hover {

    color: #8b5d20;

    padding-left: 3px;
}


.footer-arrow {

    margin-left: auto;

    font-size: 20px;

    line-height: 10px;
}


/* =====================================================
   PRODUCTS
===================================================== */

.footer-product-item {

    display: flex;

    align-items: center;

    gap: 10px;

    margin-bottom: 9px;

    min-height: 55px;
    border-bottom: 1px dashed #342213 ;
    
}
.footer-product-item:last-child {
    border-bottom: none;
}

.footer-product-item img {

    width: 45px;
    height: 52px;

    object-fit: contain;

    flex-shrink: 0;
}


.footer-product-item h4 {

    margin: 0;

    font-size: 14px;

    font-weight: 600;

    color: #3b2817;
}


.footer-product-item p {

    margin: 3px 0 0;

    font-size: 10px;

    color: #725838;

    white-space: nowrap;
}


/* =====================================================
   CUSTOMER CARE
===================================================== */

.footer-care li {

    min-height: 41px;

    margin-bottom: 4px;
}


.footer-care li i {

    width: 20px;

    font-size: 16px;

    color: #654522;

    text-align: center;
}


/* =====================================================
   CONTACT
===================================================== */

.footer-contact-item {

    display: flex;

    align-items: flex-start;

    gap: 11px;
margin-top: 15px;
    
}
.footer-contactt{
    display: flex;
    flex-direction: column;
    gap: 10px;
}


.footer-contact-item i {

    width: 17px;

    text-align: center;

    font-size: 18px;

    color: #392515;

    margin-top: 2px;
}


.footer-contact-item a,
.footer-contact-item p {

    margin: 0;

    color: #39291b;

    text-decoration: none;

    font-size: 15px;

    line-height: 1.45;
}


.footer-contact-item a:hover {

    color: #8b5d20;
}


/* =====================================================
   ADDRESS
===================================================== */

.footer-address {

    margin-top: 7px;

    margin-bottom: 10px;
}


/* =====================================================
   FOLLOW US
===================================================== */

.footer-follow {

    margin-top: 8px;
}


.footer-follow h3 {

    margin-top: 4px;
}


.footer-social {

    display: flex;

    justify-content: center;

    gap: 15px;

    margin-top: 6px;
}


.footer-social a {

    width: 30px;
    height: 30px;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    text-decoration: none;

    background: #24190e;

    color: #f2dfb5;

    font-size: 14px;

    transition: 0.25s ease;
}


.footer-social a:hover {

    background: #704b20;

    transform: translateY(-3px);
}


/* =====================================================
   RESPONSIVE
===================================================== */

@media (max-width: 1200px) {

    .footer-main {

        grid-template-columns:
            1.4fr
            0.8fr
            1fr
            0.9fr
            1fr;
    }

    .footer-brand-title h2 {
        font-size: 34px;
    }

    .footer-brand-description {
        font-size: 13px;
    }
}


@media (max-width: 900px) {

    .footer-main {

        grid-template-columns: 1fr 1fr;

    }

    .footer-brand {

        grid-column: span 2;

        text-align: center;
    }

    .footer-brand-top {

        justify-content: center;
    }

    .footer-brand-description {

        margin-left: auto;
        margin-right: auto;
    }

    .footer-village {

        margin-left: auto;
        margin-right: auto;
    }

}


@media (max-width: 600px) {

    .footer-main {

        grid-template-columns: 1fr;

    }

    .footer-brand,
    .footer-links,
    .footer-products,
    .footer-care,
    .footer-contact {

        padding: 25px 30px;
    }

    .footer-brand {

        grid-column: span 1;
    }

    .footer-links::before,
    .footer-products::before,
    .footer-care::before,
    .footer-contact::before {

        left: 20px;
        right: 20px;

        top: 0;
        bottom: auto;

        width: auto;
        height: 1px;
    }

    .footer-brand-title h2 {

        font-size: 35px;
    }

    .footer-products h3,
    .footer-links h3,
    .footer-care h3,
    .footer-contact h3 {

        font-size: 16px;
    }

}
.footer-devider{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
     margin-top: -30px;
   

}
.footer-devider p{

     font-size: 14px;
   color: #342213;
    font-weight: 600;
}

.footer-devider .img1{
    width: 450px;
   
}
.footer-devider .img2{
    width: 450px;
    
}



.process-section-footer {
    width: 100%;
    min-height: 190px;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 1px 25px 12px;

    
    overflow: hidden;
}

/* Individual item */
.process-item {
    flex: 1;
    min-width: 0;

    text-align: center;

    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Image */
.process-img {
    width: 200px;
    height: 105px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin-bottom: 3px;
}

.process-img img {
    width: 100%;
    height: 100%;

    object-fit: contain;

    display: block;
}

/* Heading */
.process-item h3 {
    font-family: Georgia, "Times New Roman", serif;

    font-size: 12px;
    font-weight: 700;

    color: #3f2b16;

    line-height: 1.2;

    white-space: nowrap;
}

/* Subtitle */
.process-item p {
    margin-top: 3px;

    font-family: Georgia, "Times New Roman", serif;

    font-size: 11px;

    color: #5d4327;

    line-height: 1.2;

    white-space: nowrap;
}

/* Arrow */
.process-arrow {
    flex: 0 0 35px;

    margin: -25px 0 0;

    text-align: center;

    font-family: Georgia, serif;
    font-size: 22px;
    font-weight: bold;

    color: #553716;
}



.footer-bottum {
  width: 100%;
  height: 100px;
 
  background-image: url("../images/fotter7.png");
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
position: relative;
  display: flex;
  align-items: center;
  justify-content: center;

  padding: 12px 20px 10px;
  box-sizing: border-box;

  text-align: center;
  color: #e6d1a3;

  font-family: Georgia, "Times New Roman", serif;
}

.footer-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.copyright {
  margin: 0;
  font-size: 14px;
  line-height: 20px;
}

.footer-decoration {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin: 2px 0 1px;

  color: #d5a64a;
  font-size: 12px;
}

.footer-tagline {
  margin: 0;
  font-size: 12px;
  line-height: 18px;
}

.footer-tagline span {
  margin: 0 8px;
  color: #d5a64a;
}
.fotter-img{
    position: absolute;
    top: -40px;
    left: 0;
}
.fotter-img img{
    width: 200px;
}













.marquee {
    width: 100%;
    height: 55px;
    overflow: hidden;

    background-image: url("../images/border5.png");
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;

    display: flex;
    align-items: center;
}

.marquee-track {
    display: flex;
    align-items: center;
    width: max-content;
    white-space: nowrap;

    animation: marqueeMove 25s linear infinite;
}

.marquee-track span {
    flex-shrink: 0;
    margin-right: 45px;

    font-family: "Cinzel", serif;
    font-size: 18px;
    font-weight: 700;
    color: #e4a900;
}


@keyframes marqueeMove {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }
}

.fssai{
display: flex;
align-items: center;
justify-content: center;
gap: 40px;
padding: 10px;

}
.fssai img{
    width: 150px;
}