.plus-jakarta-sans {
     font-family: "Plus Jakarta Sans", sans-serif;
     font-optical-sizing: auto;
     font-weight: normal;
     font-style: normal;
 }

 .playfair-display {
     font-family: "Playfair Display", serif;
     font-optical-sizing: auto;
     font-weight: normal;
     font-style: normal;
 }

 * {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
 }

 /* navber section */

 .first-header {
     display: flex;
     justify-content: end;
     padding: 10px 25px;
     background-color: #2C1810;
 }

 .careers {
     color: #999999;
     padding-left: 15px;
     font-family: 'plus jakarta sans';
     font-size: 12px;
     font-weight: 500;
     text-decoration: none;
 }

 .careers:hover {
     color: rgb(200, 163, 95);
 }

 .main-header {
     display: flex;
     justify-content: space-between;
     align-items: center;
     padding: 10px 200px;
     background-color: #FEFCF7;
 }

 .nav-menu {
     display: flex;
     justify-content: center;
     align-items: center;

 }

 .nav-head {
     position: relative;
     color: #2C1810;
     padding: 10px 5px;
     margin: 0 15px;
     font-family: 'plus jakarta sans';
     font-size: 13px;
     font-weight: 500;
     text-decoration: none;
 }

 .nav-head:hover {
     color: #5b1a1a;
 }

 nav a::after {
     content: "";
     position: absolute;
     left: 0;
     bottom: 3px;
     width: 100%;
     height: 2px;
     background: #5b1a1a;
     transform: scaleX(0);
     transform-origin: left;
     transition: 0.3s;
 }

 nav a:hover::after {
     transform: scaleX(1);
 }

 .special-menu {
     width: fit-content;
     height: fit-content;
     padding: 10px 15px;
     background-color: #5b1a1a;
     color: #fffdf7;
     border-radius: 10px;
     position: relative;
     transition: 0.3s;
     z-index: 0;
 }

 .special-menu:hover {
     color: #C8A35F;
 }

 .special-menu::before {
     content: "";
     position: absolute;
     inset: 0;
     background: #5b1a1a;
     border-radius: 10px;
     z-index: -1;
     animation: pulse 1.5s infinite;
 }

 @keyframes pulse {
     0% {
         transform: scale(0.5);
         opacity: 1;
     }

     100% {
         transform: scale(1.25);
         opacity: 0;
     }
 }

 .language {
     height: fit-content;
     display: flex;
     gap: 3px;
     font-family: 'plus jakarta sans';
     font-size: 12px;
     font-weight: 600;
     color: #2A1F0A;
     border: 1px solid #c8a35f;
     padding: 3px 12px;
     border-radius: 25px;
     margin: 5px 0;
     cursor: pointer;
     transition: 0.3s;
 }

 /* ---- search icon ---- */
 .search-icon {
     width: 40px;
     height: 40px;
     display: flex;
     align-items: center;
     justify-content: center;
     margin: 15px;
     border: 1px solid #B6ACA1;
     border-radius: 50%;
 }

 .hamburger img {
     height: 50px;
     display: none;
 }

 .nav-select {
     display: flex;
     gap: 5px;
     align-items: center;
 }

 .language:hover {
     box-shadow: 0 0 10px 1px #999999;
 }

 .divider {
     color: #c8a35f;
 }

 .active-lan {
     background-color: #F6EFE3;
     border-radius: 50px;
 }

 /* nav section end */

 /* fixed section */
 .nominee {
     position: fixed;
     right: 0;
     top: 40%;
 }

 .girl-pic {
     margin: 15px;
     width: fit-content;
     background-color: #C8A35F;
     padding: 10px;
     border-radius: 15px 15px 15px 0px;
     position: fixed;
     right: 0;
     bottom: 0;

 }

 .fixed-pic {
     height: 70px;
     border-radius: 50%;
 }

 .up-arrow {
     position: fixed;
     bottom: 0;
     width: 50px;
     height: 50px;
     display: flex;
     align-items: center;
     justify-content: center;
     background-color: #FAF5E8;
     padding: 10px;
     margin: 15px;
     border: 1px solid #B6ACA1;
     border-radius: 50%;
 }

 .up-arrow:hover {
     background-color: #5a1520;
 }

 /* banner section- start */

 .hero-banner {
     background-image: url(./assets/images/hero-bg.webp);
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
     animation-name: ease;
     animation-duration: 20s;
     animation-timing-function: ease-in-out;
     animation-iteration-count: infinite;
     animation-direction: alternate;
 }

 @keyframes ease {
     0% {
         background-size: 100%;
     }

     50% {
         background-size: 105%;
     }

     100% {
         background-size: 100%;
     }
 }

 .hero-bg {
     width: 100%;
     height: 70vh;
     background: linear-gradient(135deg, rgba(44, 24, 16, 0.82) 0%, rgba(123, 31, 46, 0.65) 100%);
     display: flex;
     justify-content: space-between;
     padding: 150px;
 }

 .left-side {
     display: flex;
     flex-direction: column;
     gap: 10px;
     color: #FFFFFF;
 }

 .first-para {
     font-family: 'Plus jakarta sans';
     font-size: 13px;
     font-weight: 600;
     color: #c8a35f;
     text-transform: uppercase;
     line-height: 21px;
     word-spacing: 2px;
 }

 .main-para {
     font-family: 'Playfair Display';
     font-size: 48px;
     font-weight: 700;
     line-height: 53px;
     color: #fffdf7;
 }

 .trusted {
     font-family: 'plus jakarta sans';
     font-size: 17px;
     font-weight: 400;
     line-height: 29px;
     color: #fffdf7d9;
 }

 .two-buttons {
     padding-top: 10px;
 }

 .brown-btn,
 .transparent-btn {
     font-family: 'plus jakarta sans';
     font-size: 17px;
     font-weight: 600;
     background-color: #7B1F2E;
     color: #FFFFFF;
     border: 1px solid #7B1F2E;
     border-radius: 10px;
     margin-right: 10px;
     padding: 14px;
     transition: 0.3s;
 }

 .brown-btn:hover,
 .transparent-btn:hover {
     cursor: pointer;
     box-shadow:
         inset 0 0 50px #e8f0a528;
     transform: translateY(4px);
 }

 .transparent-btn {
     background-color: #ffffff00;
     color: #fffdf7cf;
     border: 1px solid #fffdf780;
 }

 .right-side {
     display: flex;
     align-items: end;
 }

 .float {
     height: 250px;
     position: relative;
     animation-name: float;
     animation-duration: 5s;
     animation-iteration-count: infinite;
 }

 @keyframes float {
     0% {
         top: 0px;
     }

     50% {
         top: 12px;
     }

     100% {
         top: 0px;
     }
 }

 .location {
     background-color: #D0AB66;
     padding: 5px 10px;
     border-radius: 50px;
     height: fit-content;
     margin-left: -50px;
     position: relative;
     animation-name: location;
     animation-duration: 5s;
     animation-iteration-count: infinite;
 }

 @keyframes location {
     0% {
         bottom: 0px;
     }

     50% {
         bottom: 12px;
     }

     100% {
         bottom: 0px;
     }
 }

 /* banner section end */

 /* text with icons section */
 .text-1 p {
     font-family: 'plus jakarta sans';
     font-size: 12px;
     line-height: 20px;
     font-weight: 600;
     color: #2c1810;
 }

 .text-1 {
     width: fit-content;
     padding: 5px 12px;
     margin: 15px 0;
     background-color: #FFFDF7;
     border: 1px solid #c1a899;
     border-radius: 50px;
     display: flex;
     gap: 5px;
     align-items: center;
 }

 .texts-icons {
     display: flex;
     gap: 15px;
     justify-content: center;
     background-color: #FAF5E8;
 }

 .f-1 {
     border: 1px solid #c1a89963;
 }

 /* button section */

 .btn-group {
     background-color: #FAF5E8;
     display: flex;
     padding: 15px;
     justify-content: center;
     gap: 10px;
     align-items: center;
 }

 .group-btn {
     color: #FFFFFF;
     padding: 14px;
     border-radius: 10px;
     transition: 0.3s;
     font-family: 'plus jakarta sans';
     font-size: 13px;
     font-weight: 600;
 }

 .group-btn:hover {

     cursor: pointer;
     box-shadow:
         inset 0 0 50px rgba(232, 240, 165, 0.158);
     transform: translateY(4px);
 }

 .yellow {
     background-color: #F8CA23;
     border: none;
 }

 .violet {
     background-color: #9B73F4;
     border: none;
 }

 .orange {
     background-color: #FE6B23;
     border: none;
 }

 .green {
     background-color: #95CA42;
     border: none;
 }

 .bold,
 .small {
     font-family: 'plus jakarta sans';
     color: #7A6A56;
 }


 /* real food section */

 .bold {
     font-weight: 400;
     font-size: 17px;
     text-transform: uppercase;
     color: #6B5744;
 }

 .real-food {
     background-color: #1A1207;
     display: grid;
     grid-template-columns: 1fr 1fr 1fr;
 }

 .first-pic,
 .second-pic {
     width: 100%;
 }

 .food-test {
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     gap: 10px;
     padding: 30px 60px;
     overflow: hidden;
     color: #FFFFFF;
 }

 .real-text {
     font-family: 'Playfair Display';
     font-size: 36px;
     line-height: 43px;
     font-weight: 700;
     color: #fffdf7;
 }

 .no-preservative-text {
     font-family: 'Plus jakarta sans';
     font-size: 15px;
     line-height: 24px;
     font-weight: 400;
     text-align: center;
     color: #fffdf799;
 }

 .real-food-btn {
     font-family: 'Plus jakarta sans';
     font-size: 17px;
     line-height: 27px;
     font-weight: 400;
     color: #2c1810;
     padding: 6px 15px;
     background-color: #C8A35F;
     border: 1px solid #C8A35F;
     border-radius: 50px;
     transition: 0.3s;
 }

 .real-food-btn:hover {
     cursor: pointer;
     background-color: #6b574400;
     color: #C8A35F;
     box-shadow:
         inset 0 0 50px rgba(232, 240, 165, 0.158);
     transform: translateY(4px);
 }

 /* Pakora section start */
 .blank {
     height: 20px;
     background-color: #F0FDF4;
     border-bottom: 1px solid #E7F4E3;
 }

 .para-1 {
     background-color: #F6EFE3;
     display: flex;
     justify-content: center;
     gap: 5px;
     align-items: center;
     padding: 10px;
 }

 .text-black {
     color: #1a1207;
 }

 .the-1 {
     font-family: 'plus jakarta sans';
     font-size: 13px;
     font-weight: 600;
     line-height: 21px;
     color: #5b1a1a;
 }

 .the-b1 {
     font-family: 'plus jakarta sans';
     font-size: 12px;
     font-weight: 700;
     line-height: 19px;
     color: #5b1a1a;
     margin-left: 5px;
     border: none;
     background-color: #7b1f2e00;
     text-decoration: underline;
 }

 .the-b1:hover {
     color: #8E6260;
 }

 .Pakora-icons {
     background-color: #faf5e8;
     padding: 4px 12px;
     border-radius: 50px;
     border: 1px solid #F2EAD9;
     display: flex;
     align-items: center;
     width: fit-content;
 }

 .Pakora-para {
     align-self: center;
     padding: 25px 50px;
     background-color: #FFFFFF;
     border-radius: 0 15px 15px 0;
     box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.247);
 }

 .pakora-btn {
     font-size: 15px;
     font-family: 'plus jakarta sans';
     font-weight: 700;
     line-height: 24px;
     padding: 8px 15px;
     border: 1px solid #1A1207;
     border-radius: 50px;
     color: #ffffff;
     background-color: #1A1207;
     margin-top: 10px;
     transition: 0.3s;
 }

 .pakora-btn:hover {
     cursor: pointer;
     background-color: #ffffff;
     color: #1A1207;
     box-shadow:
         inset 0 0 50px rgba(232, 240, 165, 0.363);
     transform: translateY(4px);
 }

 .p-transparate-btn {
     border: 1px solid #c8a35f;
     color: #1A1207;
     background-color: #1a120700;
 }

 .pakora-flex {
     display: flex;
     gap: 10px;
     margin: 10px 0;
 }

 .Pakora-main {
     display: flex;
     padding: 50px 150px;
     background-color: #FAF5E8;
 }

 .ta {
     background-color: #D0AB66;
     padding: 5px 12px;
     border-radius: 50px;
     width: fit-content;
     margin: 15px;
 }

 .Pakora-pic {
     width: 50%;
     background-image: url(./assets/images/food-kadhi-premium.webp);
     background-position: bottom;
     background-size: cover;
     overflow: hidden;
     border-radius: 15px 0 0 15px;
     box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.247);
 }


 /* numbers-speak--start */

 .icon {
     height: 35px;
     padding: 7px;
     margin: 20px 0;
     background-color: #4B3426;
     border-radius: 10px;
     transform: scale(1);
 }

 .counter {
     font-family: 'Playfair Display';
     font-size: 56px;
     line-height: 56px;
     font-weight: 400;
     text-align: center;
     color: #C8A35F;
 }

 .counter-small {
     color: #B6ACA1;
     font-weight: 500;
 }

 .first-box {
     background-color: #2C1810;
     padding: 20px;
     border: 1px solid #422C24;
     border-radius: 20px;
     display: flex;
     gap: 10px;
     flex-direction: column;
     align-items: center;
 }

 .first-box:hover {
     background-color: #362017;
     cursor: pointer;
     box-shadow:
         0 0 5px rgba(232, 240, 165, 0.158),
         0 0 .5px rgba(232, 240, 165, 0.158),
         0 0 .5px rgba(232, 240, 165, 0.158);


 }

 .first-box:hover .icon {
     transform: scale(1.2);
 }

 .box-icons {
     background-color: #2C1810;
     display: grid;
     grid-template-columns: 1fr 1fr 1fr 1fr;
     gap: 20px;
     padding: 20px;
 }

 .numbers-speak {
     background-color: #2C1810;
     padding: 60px;
     display: flex;
     flex-direction: column;
     gap: 20px;
     align-items: center;
 }

 /* numbers-speak--end */

 /* logos--start */

 .para-heading {
     font-size: 15px;
     line-height: 26px;
     font-weight: 600;
     color: #6b5744;
 }

 .logo-para {
     font-family: 'Plus jakarta sans';
     font-size: 13px;
     line-height: 18px;
     font-weight: 400;
     text-align: center;
     color: #6b5744;
 }

 .logo {
     height: 80px;
 }

 .first-logo {
     display: flex;
     flex-direction: column;
     align-items: center;
     padding: 0 20px;
     opacity: .8;

 }

 .first-logo:hover {
     opacity: 1;
 }

 .logo-images {
     display: grid;
     grid-template-columns: 1fr 1fr 1fr;
     justify-content: center;
     align-items: center;
 }

 .logos {
     padding: 40px 200px;
     background-color: #FFFDF7;
     display: flex;
     flex-direction: column;
     gap: 20px;
     justify-content: center;
     align-items: center;
 }

 .heading-two {
     color: #1A1207;
 }

 .para {
     color: #6b5744;
 }

 .head-text {
     margin-top: 50px;
     display: flex;
     flex-direction: column;
     align-items: center;
 }

 /* testimonial section */

 .img-heaad {
     font-family: 'plus jakarta sans';
     font-size: 14px;
     line-height: 22px;
     font-weight: 700;
     padding: 20px;
     background-color: #6E1B29;
     color: #fffdf7;
     display: inline;
     border-radius: 50%;
 }

 .main-concept {
     font-family: 'plus jakarta sans';
     font-size: 15px;
     font-style: italic;
     line-height: 26px;
     font-weight: 400;
     color: #6b5744;
     margin-top: 20px;
 }

 .name {
     font-family: 'plus jakarta sans';
     font-size: 15px;
     line-height: 24px;
     font-weight: 600;
     color: #2c1810;
     margin-top: 20px;
 }

 .designation {
     text-align: left;
     margin-bottom: 20px;
 }

 .ingredient {
     font-family: 'plus jakarta sans';
     font-size: 12px;
     line-height: 19px;
     font-weight: 600;
     padding: 3px 8px;
     background-color: #F0D8DC;
     color: #7b1f2e;
     display: inline;
     border-radius: 50px;
     /* margin-top: 200px; */
 }

 .first-testimonial {
     width: 350px;
     padding: 30px;
     background-color: #FAF5E8;
     border: 1px solid #E9E0C9;
     border-radius: 20px;
     transition: 0.3s;
 }

 .first-testimonial:hover {
     box-shadow:
         1px 2px 3px 1px #7A6A56;
     transform: translateY(-2px);
 }

 .testimonial {
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
     gap: 20px;
 }

 /* why choose us */
 .choose-icon {
     height: 40px;
     padding: 8px;
     background-color: #F5EDE0;
     border-radius: 5px;
     transform: scale(1);
 }

 .choose-heading {
     font-family: 'playfair dispaly';
     font-size: 17px;
     font-weight: 700;
     line-height: 20px;
     color: #2c1810;
 }

 .choose-para {
     font-family: 'plus jakarta sans';
     font-size: 15px;
     font-weight: 400;
     line-height: 26px;
     color: #6b5744;
 }

 .first-choose {
     display: flex;
     flex-direction: column;
     align-items: start;
     gap: 10px;
     background-color: #FAF8F4;
     border: 1px solid #EDE8DE;
     border-radius: 15px;
     padding: 30px;
     transition: 0.3s;
 }

 .first-choose:hover {
     background-color: #FAF5E8;
     box-shadow:
         1px 2px 3px 1px #7A6A56;
     transform: translateY(-2px);
 }

 .first-choose:hover .choose-icon {
     transform: scale(1.2);
 }

 .first-choose:hover .choose-heading {
     color: #5a1520;
 }

 .why-choose-us {
     display: grid;
     grid-template-columns: 1fr 1fr 1fr;
     gap: 20px;
     padding: 30px 80px;
 }

 /* recipes section-made with-love */
 .recipes {
     height: 250px;
     overflow: hidden;
 }

 .recipes-pic {
     width: 100%;
     border-radius: 15px;
     transform: scale(1);
     transition: 0.3s;
 }

 .recipe-text {
     font-family: 'playfair dispaly';
     font-size: 17px;
     font-weight: 700;
     line-height: 20px;
     color: #fffdf7;
 }

 .recipe-text-para {
     font-family: 'plus jakarta sans';
     font-size: 15px;
     font-weight: 400;
     line-height: 24px;
     color: #c8a35f;
 }

 .first-recipe {
     width: 280px;
     display: flex;
     gap: 20px;
     flex-direction: column;
     align-items: start;
     background-color: #2A1F0A;
     border-radius: 15px;
     transition: 0.3s;
 }

 .first-recipe:hover {
     box-shadow:
         1px 2px 3px 1px #2e2720;
     transform: translateY(-2px);
 }

 .first-recipe:hover .recipes-pic {
     transform: scale(1.2);
 }

 .menu-text {
     margin: 20px;
     /* padding: 20px; */
 }

 .recipes-menu {
     display: grid;
     grid-auto-flow: column;
     grid-auto-columns: 1fr;
     gap: 20px;
     overflow-x: auto;
     margin: 30px 150px;
     padding-bottom: 40px;
 }

 .recipes-menu::-webkit-scrollbar {
     /* width: 5px;  */
     height: 6px;
 }

 .recipes-menu::-webkit-scrollbar-track {
     background-color: #ff9b102c;
     border-radius: 10px;
 }

 .recipes-menu::-webkit-scrollbar-thumb {
     background: #D0AB66;
     border-radius: 10px;
 }

 .recipes-menu::-webkit-scrollbar-thumb:hover {
     background-color: #6B5744;
 }

 .made-with {
     display: flex;
     flex-direction: column;
     background-color: #1A1207;
     padding: 20px 0 60px 0;
 }

 .recipe-btn {
     font-family: 'plus jakarta sans';
     font-size: 13px;
     font-weight: 600;
     font-size: 1.0625rem;
     color: #FFFDF7;
     background-color: #ffffff00;
     border: 1px solid #fffdf780;
     border-radius: 10px;
     padding: 14px;
     transition: 0.3s;
 }

 .recipe-btn:hover {
     cursor: pointer;
     box-shadow:
         inset 0 0 50px rgba(232, 240, 165, 0.158);
     transform: translateY(3px);
 }

 .veiw-btn {
     display: block;
     margin: 0 auto;
 }

 /* featured product */

 .product {
     height: 200px;
     padding: 30px;
     transition: 0.3s;
 }

 .tag {
     position: relative;
     background-color: #D0AB66;
     padding: 5px 10px;
     border-radius: 50px;
     height: fit-content;
     margin-left: -80px;
     margin-top: 20px;
 }

 .img-section {
     display: flex;
     background-color: white;
     border-radius: 15px;
     justify-content: center;
     padding: 0 20px;
 }

 .p-detail {
     color: #2c1810;
 }

 .p-details {
     color: #6b5744;
 }

 .ic {
     height: 15px;
 }

 .star-para {
     font-family: 'Plus jakarta sans';
     font-size: 13px;
     font-weight: 600;
     color: #2c1810;
     line-height: 21px;
     word-spacing: 2px;
 }

 .rating {
     font-weight: 400;
 }

 .star {
     display: flex;
     justify-content: center;
 }

 .bg {
     font-family: 'plus jakarta sans';
     font-size: 12px;
     line-height: 19px;
     font-weight: 600;
     padding: 3px 8px;
     background-color: #D4E5DA;
     color: #2d5a3d;
     display: inline;
     border-radius: 50px;
 }

 .italic {
     margin-top: 10px;
 }

 .gram {
     background-color: #d4e5da00;
     border: 1px solid #2d5a3d;
     color: #2d5a3d;
 }

 .g-grp {
     display: flex;
     gap: 5px;
     justify-content: center;
 }

 .b {
     font-family: 'plus jakarta sans';
     font-family: 13px;
     line-height: 13px;
     font-weight: 600;
     color: #5a1520;
 }

 .icon-bg {
     display: flex;
     flex-direction: row;
     justify-content: center;
     border-radius: 50px;
     color: white;
     padding: 6px 12px;
 }

 .icon-grp {
     display: flex;
     gap: 10px;
 }

 .menu-text {
     text-align: center;
     padding: 0;
     gap: 5px;
 }

 .lower-section {
     text-align: center;
     gap: 5px;
 }

 .product-para {
     font-family: 'plus jakarta sans';
     font-size: 13px;
     line-height: 21px;
     font-weight: 500;
     color: #c8a35f;
     text-align: center;
     padding-top: 10px;
 }

 .details-section {
     display: flex;
     flex-direction: column;
     gap: 10px;
     padding: 20px 0 15px 0;
     justify-items: center;

 }

 .first-product {
     padding: 20px 20px 10px 20px;
     border: 1px solid #E4DCC4;
     border-radius: 15px;
     background-color: #FAF5E8;
     transition: 0.3s;
 }

 .first-product:hover {
     border: 1px solid #C8A35F;
     transform: translateY(-4px);
     box-shadow: inset 0 -30px 20px 0px #f3a7b4;
 }

 .first-product:hover .product {
     transform: scale(1.2);
 }

 .first-product:hover .product-para {
     font-size: 16px;
 }

 .product-details {
     display: flex;
     gap: 30px;
     margin-top: 30px;
 }

 .featured {
     padding: 40px 250px;
     justify-items: center;
 }

 .right-arrow {
     border-radius: 50%;
     padding: 10px 12px;
     border: 1px solid #ded3b7;
     background-color: #FAF5E8;
 }

 .right-arrow:hover {
     background-color: #C8A35F;
 }

 .double-arrows {
     display: flex;
     gap: 20px;
     padding: 20px;
 }

 .product-btn {
     padding: 15px 20px;
     border-radius: 10px;
     background-color: #5a1520;
     border: 1px solid #5a1520;
     font-family: 'plus jakarta sans';
     font-size: 15px;
     font-weight: 500;
     line-height: 18px;
     color: white;
     transition: 0.3s;
 }

 .product-btn:hover {
     cursor: pointer;
     box-shadow:
         inset 0 0 50px rgba(232, 240, 165, 0.158);
     transform: translateY(3px);
 }

 /* deliver section */

 .delivery {
     background-color: #2C1810;
     padding: 60px 30px;
     display: flex;
     flex-direction: column;
     gap: 20px;
     margin: 150px;
     border-radius: 15px;
 }

 .deli {
     color: #fffdf7cc;
 }

 .deli-yellow {
     font-family: 'plus jakarta sans';
     font-size: 16px;
     line-height: 26px;
     font-weight: 800;
     color: #1a1a1a;
     background-color: #F8CB46;
     padding: 8px 12px;
     border-radius: 5px;
 }

 .oran {
     background-color: #FC8019;
     color: #fffdf7;
 }

 .deli-vio {
     font-family: 'plus jakarta sans';
     font-size: 16px;
     line-height: 26px;
     font-weight: 800;
     color: #ffffff;
     background-color: #7B2D8E;
     padding: 8px 12px;
     border-radius: 5px;
 }

 .deli-grp {
     padding: 10px;
 }

 .deli-h {
     font-family: 'plus jakarta sans';
     font-size: 15px;
     line-height: 24px;
     font-weight: 600;
     color: #faf5e8f2;
 }

 .deli-p {
     font-family: 'plus jakarta sans';
     font-size: 11px;
     line-height: 18px;
     font-weight: 400;
     color: #faf5e8f2;
 }

 .little-deli {
     width: 200px;
     padding: 20px;
     border-radius: 15px;
     background-color: #5140375f;
     border: 1px solid #faf5e8f2;
     display: flex;
     align-items: center;
     transition: 0.3s;
 }

 .little-deli:hover {
     transform: translateY(-4px);
     background-color: #514037;
     border: 1px solid #C8A35F;
 }

 .deliver-context {
     display: flex;
     gap: 10px;
     margin: 10px 0;
 }

 /* as seen in -- section */

 .seen-img {
     width: 100%;
     filter: grayscale(100%);
     margin-bottom: 20px;
 }

 .seen-ita {
     font-family: 'plus jakarta sans';
     font-size: 13px;
     font-weight: 400;
     line-height: 20px;
     font-style: italic;
     color: #6b5744;
 }

 .seen-card {
     width: 280px;
     background-color: #FAF5E8;
     border: 1px solid #B6ACA1;
     border-radius: 15px;
     padding: 20px;
     transition: 0.3s;
 }

 .seen-grp {
     margin-top: 20px;
     display: grid;
     grid-template-columns: 1fr 1fr 1fr 1fr;
     gap: 20px;
 }

 .seen-card:hover {
     transform: translateY(-4px);
     box-shadow: 2px 1px 2px 0px #2c18107b;
 }

 .seen-card:hover .seen-img {
     filter: grayscale(0%);
 }

 .underlined-btn {
     background-color: #ded3b700;
     color: #7b1f2e;
     font-family: 'plus jakarta sans';
     font-size: 15px;
     font-weight: 600;
     line-height: 24px;
     cursor: pointer;
     border: none;
     border-bottom: 1px solid #7b1f2e;
 }

 .seen-btn {
     margin: 20px;
 }

 .as-seen-in {
     justify-items: center;
     padding: 30px 0;
 }

 /* end */

 /* instagram section */
 .ins-icon-img {
     height: 40px;
     padding: 5px;
     background-color: #2a1f0a44;
     border-radius: 5px;
     filter: invert(10);
 }

 .insta-icon {
     align-self: end;
     padding: 20px;
 }

 .little-icon-img {
     height: 25px;
     filter: invert(100%);
 }

 .comment-text {
     font-family: 'plus jakarta sans';
     font-size: 15px;
     font-weight: 700;
     line-height: 24px;
     color: #fffdf7;
 }

 .text-icon {
     display: flex;
 }

 .comment-sec {
     display: flex;
     gap: 10px;
 }

 .in-text {
     font-family: 'plus jakarta sans';
     font-size: 13px;
     font-weight: 400;
     line-height: 18px;
     color: #ffffffd9;
 }

 .insta-text-part {
     padding: 20px;
 }

 .bg-video {
     height: 100%;
     width: 100%;
     position: absolute;
     z-index: -1;
 }

 .first-vedio {
     width: 280px;
     height: 500px;
     border-radius: 15px;
     /* padding: 20px; */
     position: relative;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     overflow: hidden;
     z-index: 1;
 }

 .first-vedio:hover .ins-icon-img {
     background-color: #BB3588;
     filter: invert(0);
 }

 .vedio-sec {
     margin-top: 30px;
     display: grid;
     grid-template-columns: 1fr 1fr 1fr;
     gap: 30px;
 }

 .viral-on-instagram {
     justify-items: center;
     padding: 60px 0;
     background-color: #FAF5E8;
 }

 .insta-text {
     font-family: 'plus jakarta sans';
     font-size: 15px;
     line-height: 24px;
     font-weight: 600;
     color: #7b1f2e;
 }

 .lil-icon {
     height: 25px;
 }

 .ins-text {
     margin: 20px;
 }

 /* end */

 /* FAQ Section */
 .question-01 {
     font-family: 'playfair display';
     font-size: 17px;
     line-height: 27px;
     font-weight: 600;
     color: #2c1810;
 }

 .answer {
     font-family: 'plus jakarta sans';
     font-size: 15px;
     line-height: 26px;
     font-weight: 400;
     color: #6b5744;
 }

 .answer a {
     color: #7b1f2e;
 }

 .ic-arrow img {
     width: 20px;
 }

 .question-1 {
     display: flex;
     justify-content: space-between;
     padding-bottom: 20px;
     cursor: pointer;
 }

 .faq-details {
     width: 700px;
     padding: 20px;
     border: 1px solid #BA8A8B;
     border-radius: 15px;
     margin: 20px 0;
 }

 .qs-02 {
     width: 700px;
     background-color: #FFFDF7;
     padding: 20px;
     border: 1px solid #CFC19A;
     border-radius: 15px;
     margin-bottom: 20px;
 }

 .faq-sec {
     background-color: #FAF5E8;
     justify-items: center;
     padding: 30px;
 }

 /* end */

 /* footer section */
 footer {
     background-color: #2C1810;
     padding: 60px 150px;
 }

 .footer-top-sec {
     display: flex;
     justify-content: space-between;
     gap: 30px;
 }

 .footer-logo {
     width: 40%;
 }

 .nandi-hai {
     color: #c8a35f;
     font-family: 'playfair display';
     font-weight: 400;
     font-size: 18px;
     line-height: 27px;
 }

 .naandi {
     font-family: 'playfair display';
     font-size: 14px;
     line-height: 22px;
     color: #c8a35f;
 }

 .links {
     font-family: 'plus jakarta sans';
     display: flex;
     flex-direction: column;
     gap: 10px;
 }

 .links a {
     font-size: 15px;
     font-weight: 400;
     line-height: 27px;
     color: #faf5e8d9;
     text-decoration: none;
 }

 .links a:hover {
     text-decoration: underline;
     color: #c8a35f;
 }

 .p-footer {
     font-size: 15px;
     font-weight: 600;
     line-height: 17px;
     text-transform: uppercase;
     color: #c8a35f;
 }

 .link-icons-footer {
     display: flex;
     gap: 3px;
     align-items: center;
 }

 .footer-grp-icons {
     font-weight: 400;
     color: #faf5e8d9;
 }

 .footer-1-icons {
     height: 18px;
     filter: invert(80%);
 }

 .footer-2-icons {
     display: flex;
     gap: 5px;
 }

 .foot-1 {
     height: 40px;
     padding: 5px;
     border-radius: 50%;
     background-color: #1a1a1a4a;
     filter: invert(60%);
 }

 .fssai {
     padding: 3px 10px;
     color: #2d5a3d;
     font-size: 13px;
     font-weight: 600;
     line-height: 21px;
 }

 .fssai-p {
     width: fit-content;
     border-radius: 50px;
     background-color: #D4E5DA;
 }

 .little-text-faq {
     font-size: 11px;
     font-weight: 400;
     line-height: 18px;
     color: #7a6a56;
 }

 .lil-faq-box img {
     width: 40px;
 }

 .faq-p1 {
     line-height: 13px;
     color: #faf5e8b3;
 }

 .lil-faq-box {
     display: flex;
     gap: 3px;
     align-items: center;
 }

 .bottom-p1 {
     font-family: 'plus jakarta sans';
     font-size: 14px;
     line-height: 14px;
     font-weight: 600;
     color: #c8a35f;
     padding-bottom: 10px;
 }

 .b-p-icon a {
     font-family: 'plus jakarta sans';
     font-size: 13px;
     line-height: 27px;
     font-weight: 400;
     color: #faf5e8d9;
     text-decoration: none;
     display: flex;
     align-items: center;
     gap: 3px;
 }

 .b-p-icon a:hover {
     color: #faf5e8;
 }

 .b-p-icon {
     display: flex;
     justify-content: space-between;
 }

 .bottom-1 {
     margin-top: 40px;
     padding: 20px 0;
     border-width: 1px 0;
     border-style: solid;
     border-color: #d4e5da84;
 }

 .b-p2 {
     font-family: 'plus jakarta sans';
     font-size: 13px;
     font-weight: 400;
     line-height: 21px;
     color: #faf5e866;
 }

 .bottom-2 span {
     color: #6b5744;
 }

 .bottom-2 a {
     font-family: 'plus jakarta sans';
     font-size: 13px;
     font-weight: 400;
     color: #6b5744;
     padding: 0 3px;
 }

 .bottom-2 {
     display: flex;
     justify-content: space-between;
     padding-top: 20px;
 }
 /* footer end */




 @media screen and (max-width: 480px) {

     /* nav section */
     .first-header {
         display: none;
     }

     .main-header {
         margin: 0;
         padding: 0 20px;
         justify-content: space-between;
     }

     .nav-menu {
         display: none;
     }

     .hamburger img {
         display: block;
     }

     /* nav close */

     /* fix section */
     .nominee {
         display: none;
     }

     .girl-pic {
         margin: 8px;
         border-radius: 10px 10px 10px 0px;
     }

     .fixed-pic {
         height: 30px;
     }

     .up-arrow {
         margin: 8px;
         width: 35px;
         height: 35px;
     }

     /* end */

     /* banner start */
     .hero-banner {
         background-repeat: no-repeat;
         background-size: cover;
         animation: none;
     }

     .hero-bg {
         display: flex;
         flex-direction: column-reverse;
         height: fit-content;
         padding: 30px;
     }

     .left-side,
     .right-side {
         margin: 15px 0;
         display: flex;
         flex-direction: column;
         align-items: center;
     }

     .left-side p {
         text-align: center;
     }

     .two-buttons {
         display: flex;
         flex-direction: column;
         gap: 10px;
         align-items: center;
     }

     .location {
         margin-left: 0;
     }

     /* banner close */
     /* text-icons & buttons */
     .texts-icons {
         padding: 10px;
         padding-bottom: 20px;
         display: flex;
         flex-wrap: wrap;
         gap: 5px;
     }

     .text-1 {
         margin: 0;
     }

     .btn-group {
         padding: 20px 0;
         flex-wrap: wrap;
     }

     /* close */


     /* real food section start */
     .real-food {
         grid-template-columns: 1fr 1fr;
     }

     .food-test {
         padding: 20px;
         grid-column: 1/3;
         grid-row: 1;
     }

     .real-food-test {
         grid-column: 1;
         grid-row: 2;
     }

     .real-food-test-2 {
         grid-column: 2;
         grid-row: 2;
     }

     /* real-food-sec close */

     /* pakora section start */
     .para-1 {
         flex-wrap: wrap;
     }

     .Pakora-main {
         padding: 20px;
     }

     .Pakora-pic {
         width: 35%;
     }

     .Pakora-para {
         width: 65%;
         padding: 20px;
     }

     /* pakora close */

     /* number section start */
     .box-icons {
         grid-template-columns: 1fr 1fr;
         gap: 3px;
         padding: 0;
     }

     .first-box {
         padding: 10px;
     }

     /* logo section */
     .logos {
         padding: 20px;
     }

     .first-logo {
         padding: 0;
     }

     /* testimonial section */
     .heading-two {
         text-align: center;
     }

     .testimonial {
         flex-wrap: nowrap;
         margin: 20px 0;
         gap: 5px;
     }

     .testimonial-large {
         overflow-x: scroll;
         width: 100%;
     }

     .first-testimonial {
         /* padding: 0; */
         width: 500px;
     }

     /* end(have some issues) */

     /* why choose us */
     .why-choose-us {
         padding: 0;
         grid-template-columns: 1fr;
         margin: 0 10px;
         gap: 15px;
     }

     /* end */

     /* made-with-love-section */
     .head-text p {
         text-align: center;
     }

     .made-with {
         padding: 0 20px;
         padding-bottom: 20px;
     }

     .recipes-menu {
         margin: 20px 10px;
     }

     /* end */

     /* featured section */
     .product-details {
         flex-wrap: wrap;
         justify-content: center;
         gap: 15px;
     }

     .featured {
         padding: 40px 25px;
     }

     .pro-1 {
         display: none;
     }

     /* end */

     /* delivery section */
     .delivery {
         margin: 20px;
         padding: 30px;
     }

     .deli-hidden {
         display: none;
     }

     /* end */

     /* as seen in section */
     .seen-grp {
         grid-template-columns: 1fr;
     }

     /* end */

     /* vedio section */
     .viral-on-instagram {
         padding: 30px 0;
     }

     .vedio-sec {
         grid-template-columns: 1fr;
     }

     /* end */

     /* FAQ section */
     .faq-details,
     .qs-02 {
         width: 100%;
     }

     /* end */

     /* footer section */
     footer {
         padding: 30px;
     }

     .footer-top-sec {
         flex-wrap: wrap;
         justify-content: center;
     }

     .footer-logo {
         width: 100%;
     }

     .links {
         align-items: center;
     }

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

     .b-p-icon {
         flex-wrap: wrap;
         justify-content: left;
         gap: 10px;
     }

     .bottom-2 {
         flex-wrap: wrap;
         justify-content: center;
     }


 }