body {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
img {
  /* pointer-events: none; */
  -webkit-user-drag: none;     /* Chrome / Safari */
    user-drag: none;             /* Standard */
    pointer-events: none; 
}


@font-face {
  font-family: 'Helvetica';
  src: url('/fonts/Helvetica.ttf') format('truetype');
  font-weight: 400;
}

@font-face {
  font-family: 'Helvetica';
  src: url('/fonts/Helvetica-Bold.ttf') format('truetype');
  font-weight: 700;
}

@font-face {
  font-family: 'Helvetica';
  src: url('assets/fonts/Helvetica-Oblique.ttf') format('truetype');
  font-style: italic;
  font-weight: 400;
}

@font-face {
  font-family: 'Helvetica';
  src: url('assets/fonts/Helvetica-BoldOblique.ttf') format('truetype');
  font-style: italic;
  font-weight: 700;
}

@font-face {
  font-family: 'Helvetica';
  src: url('assets/fonts/helvetica-light-587ebe5a59211.ttf') format('truetype');
  font-weight: 300;
}

@font-face {
  font-family: 'Helvetica Rounded';
  src: url('assets/fonts/helvetica-rounded-bold-5871d05ead8de.otf') format('opentype');
  font-weight: 700;
}

html,body{
  overflow-x: hidden;
}
body {
    font-family: "Poppins";    
    color: #747d88;
    background-color: #fff;
    font-size: 1rem;
    line-height: 1.7;
    position: relative;
  }
  .poppins-font{
    font-family: "Poppins"; 
  }
  .font-face{
    font-family: 'HWT Artz', sans-serif !important;
    font-weight: 700;
    font-style:normal; 
  }
  .metropolis-font{
     font-family: 'Metropolis Regular', sans-serif !important;
     font-weight: 700;
     font-style:normal; 
    
  }
  a{
    text-decoration: none;
  }

  .container,
.container-fluid {
  padding-left: 1rem;
  padding-right: 1rem;
}
  .logo-iconhead img{
    height:100px;
    width:100%;
  }
 .circle-image{
    padding-top:5% !important;
    /* width:234px;
    height:234px; */
    
 }
 .circle-img{
  padding-top: 15% !important;
 }
 .logo-root img{  
    z-index:1;
    background: transparent;
 }
 .sabudana-vada {
  position: absolute;
  top: 108%;
  left: 0;
  transform: translate(-12%, -250px); 
  z-index: 10;

}

.sabudana-vada img {
  width: 300px;   /* set your desired width */
  height: 300px;  /* set your desired height */
}


  /* .navbar-info .contactus{
    font-family: 'Poppins', sans-serif !important;
    font-weight: 700 !important;
    font-size:1.5rem;   
  } */



  .header-horizontal {
    width: 100%;
    color: #45595b;
  }
  .header-horizontal .navbar {
    height: 5rem;
    position: relative;
    padding: 1rem 0;
    font-weight: 500;
  }
  .header-horizontal .navbar-extra {
    color: #747d88;
    margin-left:20%;
  }
  .header-horizontal + .after-head .content-offs {
    padding-top: 5rem;
  }
  .header-horizontal + .after-head .content-offs-stick {
    padding-top: 4rem;
  }
  .header-horizontal .navbar-brand {
    padding: 0;
    font-size: 3rem;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    margin-right: 3rem;
  }
  .header-horizontal .navbar-brand-circle {
    height: 1em;
    margin-right: 1.5rem;
  }
  .header-horizontal .navbar-toggler {
    margin-left: auto;
    color: inherit;
    font-size: 1.5rem;
    line-height: 3rem;
    width: 3rem;
    height: 3rem;
    padding: 0;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s;
  }
  .header-horizontal .navbar-toggler:hover {
    color: inherit;
  }
  .header-horizontal .navbar-nav > .nav-item > .nav-link {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 23.33px;
    line-height: 100%;
    list-style: none;
    letter-spacing: 0;
    vertical-align: middle;
    color:rgba(75, 85, 99, 1);
  }
  .header-horizontal .navbar-nav > .nav-item > .nav-link :hover{
    color: rgba(255, 98, 67, 1) !important;
  }

  .navbar-nav .nav-link.active {
    color: rgba(255, 98, 67, 1) !important;
  }
  .navbar-info .contactus{
    font-family: 'Poppins', sans-serif !important;
    font-weight: 600 !important;
    font-size:20px;
    text-wrap: nowrap;
  }
  .header-horizontal .nav-link {
    line-height: 1;
    color: inherit;
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  .header-horizontal .nav-link > .nav-arrow {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
  }
  .header-horizontal .nav-link:hover,
  .header-horizontal .nav-link:active {
    color: #ffb524;
  }
  .header-horizontal .nav-item,
  .header-horizontal .navbar-info {
    font-size: 0.8125rem;
  }
  .header-horizontal .nav-arrow {
    margin-left: 0.5em;
    font-size: 0.75em;
    line-height: 1;
    text-align: center;
    display: inline-block;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s;
  }
  .header-horizontal .actions-nav {
    padding: 1.5rem 0;
  }
  .header-horizontal .navbar-collapse .container {
    display: -webkit-box !important;
    display: -moz-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: box !important;
    display: flex !important;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .navbar-toggler:hover,
.navbar-toggler:focus {
  outline: 0 none;
}
.navbar-toggler .nav-show {
  display: block;
}
.navbar-toggler .nav-hide {
  display: none;
}
.navbar-toggler.active .nav-show {
  display: none;
}
.navbar-toggler.active .nav-hide {
  display: block;
}
.header-horizontal .navbar-toggler {
    margin-left: auto;
    color: inherit;
    font-size: 1.5rem;
    line-height: 3rem;
    width: 3rem;
    height: 3rem;
    padding: 0;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s;
  }
  .header-horizontal .navbar-toggler:hover {
    color: inherit;
  }
  .section-start{
    padding-top:7% !important;
  }
  .making{
    color: #072A61;
    font-size: 60px;
    line-height: 50px;
  }
  .hindi-word{
    color: #0C54A0;
    font-size: 211px;
    font-weight: 'poppins', sans-serif;
    font-weight: 700;
    line-height: 155px;
    /* margin-bottom: -14px; */
  }
  .enjoyable{
    color: #C44523;
    font-size:77.67px;
    margin-bottom: 0px;
  }
  .versus{
    margin-top:-15% !important;
    z-index: 1;
  }
  .text-display{
    margin-top:-2% !important;
  }
  .super-fluffy {
    position: relative;   
    margin-top: -35% !important;  
  }
  .non-sticky{
    font-size: 26px;
    color:white; 
  }
  /* .dotted-line {
    position: absolute;
    top: 50%;
    left: -20%;
    width: 70%;
    height: 100px;
    border-top: 4px dotted white;
    border-radius: 0  0 50% 50%; 
    z-index: -1;
  } */
  .average{
    font-weight:700;
    color:#FFDD00;
    font-size:75px;
    line-height: 94px;
  }
  .sabudana{
    font-weight:700;
    color:#FFDD00;
    font-size:50px;
    margin-top:-30px !important;
  }
  .line_height{
    line-height: 1.3;
  }  
  .step-color{
    font-size:40px;
    color: #B53E1B;
  }
 
  .step-para{
    font-family: 'Metropolis Regular', sans-serif !important;
    font-weight: 500;
    font-size:22px;
    line-height:25px;
    color:black;
  }
  .step-blue{
    color:#072A61;
    font-size:32px;
    margin-bottom: -1px;
  }

  .step-img img{
   margin-top:-2% !important;
  }
  .step-image img{
    margin-top:5% !important;
   }
  
  
   .yellowbg {
    background-image: url("../images/banner/main.png");
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    width: 100%;
    z-index: 10;
    height:680px;
  }
  /* .yellowbg {
    background-image: url("../images/banner/main.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top center;
    background-color: #f5f5f5;
    position: relative;
    width: 100%;
    z-index: 10;
    min-height: 980px;
  } */
  
   .orangebg {
    position: absolute;
    width: 100%;
    background-image: url(../images/banner/sec-2.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: -23%;
    z-index: 6;
    height: auto;
    /* padding-bottom: 80px; */
    padding-bottom:200px;
}
.fluffybg{
    position: relative;
    width: 100%;
    background-image: url('../images/fluffy.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 5 !important;
    min-height:1200px;
}
.slide-bg{
  background-image: url(../images/banner/sec-3.png);
  position: relative;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin-top: -8%;
  z-index: 4 !important; 
  padding-top:8%;
  padding-bottom: 15%; 
}
.steps-yellowbg{
  background-image: url(../images/banner/sec-4.png);    position: relative;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: -10%; 
    padding-top:15%;
    z-index: 3 !important; 
    padding-bottom: 6%;    
}
.blogbg{
  background-image: url('../images/blogbg.png');
  position: relative;
  width: 100%;
  min-height: 900px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;       
    padding-top:-20%;
    margin-top: -10%; 
    z-index: 1 !important; 
}
.blog-img{
background-image: url('../images/banner/Blog.png');
background-size: contain;
background-repeat: no-repeat;
height:550px


/* height:100%; */
}
.blog-img img{
margin-top:10% !important;

}
.blog-text h2{
  font-size:65px;  
  padding-top:10%;
  text-align: center;
  color:#FFD004;
}
  .yellow-rightdot img{    
    height: 200px;
    width: 200px;
    margin-top: 18% !important;
    position:relative;
    top:-45px ;
 
  } 

  /* .fast-img{
    margin-top:-37% !important; 
       margin-left: -15px !important;
  }  */
/* .wave {
  background-image: url("data:image/svg+xml,%3Csvg width='1440' height='529' viewBox='0 0 1440 529' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M-1046 51.9975L-997.745 102.423C-949.49 151.487 -852.979 250.976 -754.276 231.896C-657.765 211.453 -561.255 72.4405 -464.745 23.3773C-368.235 -27.0486 -271.724 12.4744 -173.021 62.9004C-76.5103 111.964 20 171.93 116.51 171.93C213.021 171.93 311.724 111.964 408.235 81.9805C504.745 51.9975 601.255 51.9975 697.765 72.4405C794.276 92.8834 892.979 132.406 989.49 111.964C1086 92.8834 1182.51 12.4744 1279.02 12.4744C1377.72 12.4744 1474.23 92.8834 1570.74 102.423C1667.26 111.964 1763.77 51.9975 1860.28 92.8834C1958.98 132.406 2055.49 271.419 2103.74 340.925L2152 410.431V529H2103.74C2055.49 529 1958.98 529 1860.28 529C1763.77 529 1667.26 529 1570.74 529C1474.23 529 1377.72 529 1279.02 529C1182.51 529 1086 529 989.49 529C892.979 529 794.276 529 697.765 529C601.255 529 504.745 529 408.235 529C311.724 529 213.021 529 116.51 529C20 529 -76.5103 529 -173.021 529C-271.724 529 -368.235 529 -464.745 529C-561.255 529 -657.765 529 -754.276 529C-852.979 529 -949.49 529 -997.745 529H-1046V51.9975Z' fill='%230071CE'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 629px; 
} */
.btn {
    font-size: 0.875rem;
    height: 2.875rem;
    line-height: 1.875rem;
    padding: 0.5rem 1.5rem;
    font-family: "Poppins";
    font-weight: 600;
    border-radius: 1.4375rem;
    text-shadow: none;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s;
    border: 0 none !important;
    opacity: 1 !important;
    -ms-filter: none !important;
    filter: none !important;
  }
  .btn-theme {
    /* background-color: #ffb524; */
    background-color: #00A5FF;
    color: #fff;
    /* -webkit-box-shadow: 0 0.5rem 1.5rem rgba(255, 181, 36, 0.5);
    box-shadow: 0 0.5rem 1.5rem rgba(255, 181, 36, 0.5); */
    
  }
  .explore-btn a {
    font-family: "Poppins";
    font-weight: 600;
    border-radius: 29.52px;
    background-color: #00A5FF;
    justify-content: center;
    align-items: center;
    padding: 10px 18px;
    color: white;
    box-shadow: 2.18px 6.54px 6.83px 0px #00000059;
    /* width: 30%; */

}

.explore {
  cursor: pointer !important;
}
.action_btns {
  position: absolute;
  /* top: 40%; */
  top:30%;

  width: 100%;
  z-index: 99;
}

.action_btns .btn {
 margin:15px;
  width: 30px;
  height: 40px;
  padding: 5px;
  font-size: 25px;
  background-color: #FF6243;
  color:white;
  border-radius: 1.4px;
 
}

.action_btns .btn.btn_prev {
  float: left;
  /* position: relative;
  z-index: 5; */
}

.action_btns .btn.btn_next {
  float: right;
  /* position: relative;
  z-index: 5; */
}
/* .review input{
  display: none;
}
.review{
  display: flex;
  flex-direction: start;
  justify-content: center;
  margin-left: 10px;
  margin-bottom: 7px;
 }
label.fa-star{
font-size:70px;
transition:all 200ms ease-out;
color: #D9D9D9;
padding: 0px 10px;
} */

/* .review {
  display: flex;
  flex-direction: row-reverse; 
  justify-content: center;
   margin-left: 10px; 
  margin-bottom: 7px;
}

input[type='radio'] {
  display: none;
}

label.fa-star {
  font-size: 70px;
  transition: all 200ms ease-out;
  color: #D9D9D9;
  padding: 0px 10px;
  cursor: pointer;
} */

/* Change color on hover */
/* .review label.fa-star:hover,
.review label.fa-star:hover ~ label.fa-star {
  color: gold;
} */

/* Change color when selected */
/* .review input[type='radio']:checked ~ label.fa-star {
  color: gold;
} */


.review {
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
  margin-top: -30px;
}

.review input[type="radio"] {
  display: none;
}

.review label {
  font-size: 90px !important;
  color: #D9D9D9 !important;
  cursor: pointer;
  transition: color 0.2s;
  
}


/* Hover effect */
/* .review label:hover,
.review label:hover ~ label {
  color: gold !important;
} */

/* Checked (selected) effect */
.review input[type="radio"]:checked ~ label {
  color: gold !important;
  
}



.feedback{
  font-size: 65.97px;
  color: #FF6243;
  text-align: center;
  line-height: 40px;
  padding-top: 30px;
}
.feedback-titlepara{
  font-weight: 500;
  color:#4B4B4B;
  text-align: center;
  font-size: 28px;
  line-height: 34px;
  padding: 10px 212px;
  text-transform: lowercase;
}
.feedback-title{
  color:#FF502E !important;
  font-size:32px;
}

.feedback-para{
font-family: 'Metropolis', sans-serif;
font-weight: 500;
font-size: 16.76px;
text-align: justify;
text-transform: lowercase;
  color: rgba(0, 0, 0, 1);
  padding: 0px 17px;
  /* border-bottom: 2px solid black; */
}
.orange-button{  
  background-color: #FF502E;
  color:white; 
 
}
.yellow-button{
   background-color: #FFD004;
  color:white; 
}
.yellow-button:hover{
  /* background-color: rgb(255, 80, 46); */
   background-color: #FFD004;
  color: white;
}
 .cardSlider .wrapper {
  position: relative;           
}

.cards_container {
  box-sizing: border-box;
  width: 100%;
  height: auto;
  margin: 0 auto;
  background: #FFCD1E;
  border-radius: 15.76px;
  padding:25px;
}

.cards_container .item {
  height: auto;
  display:none;
  padding:0 40px;
}
.cards_container .item.active {
  display: block;  
} 

 
/* .cards_container {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  height: 300px;
  margin: 0 auto;
  background: #FFCD1E;
  border-radius: 15.76px;
  padding: 25px;
  overflow: hidden;
}

.cards_container .item {
  position: absolute;
  top: 30px;
  left: 0;
  width: 100%;
  height: 300px;
  padding: 0 40px;
  opacity: 0;
  transition: opacity 0.9s ease;
  z-index: 0;
}

.cards_container .item.active {
  opacity: 1;
  z-index: 1;
} */



/*footer code*/

.footer-navbar .nav {
  
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.footer-navbar .nav-link {
  padding: 0;
  color:white;
}
.footer-navbar .footer-title {
  font-weight: 600;
  /* font-family: "Rubik"; */
}
.footer-navbar .navbar-brand {
  line-height: 1;
  display: block;
  opacity: 1 !important;
  -ms-filter: none !important;
  filter: none !important;
}
.footer-view-links {
  padding: 8rem 0 0;
  position: relative;
  text-align: center;
  z-index: 1;
}
.footer-view-links .footer-copy {
  padding: 1rem 0 1rem;
  text-align: left;
  font-size: 14px;
  font-family: "Archivo Narrow", sans-serif;
}
.footer-view-links .navbar-brand,
.footer-view-links .footer-title {
  margin-bottom: 1rem;
}
.footer-view-links .navbar-brand {
  padding: 0 0 0.125em;
  margin-top: -1.25rem;
  font-size: 2.5rem;
}
.footer-view-links .footer-socials {
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-box;
  display: inline-flex;
  margin-left: -2rem;
  margin-top: 1rem;
}
.footer-view-links .footer-socials .footer-socials-link {
  font-size: 1.5rem;
  /* margin-left: 2rem; */


}
.footer-content {
  padding-top: 15% !important;
  padding-bottom: 3%;
}
.logo-icon {
  font-size: 0.65em;
  /* padding-bottom: 0.05em; */
  display: block;
}



.logo-icon img{
    height:229px;
    width:265px;

}
.fssai-logo img{
  padding-top:6%;    
  padding-bottom:10px;
}
.foot-logo img{
  height:80px;
  width:100px;
}

.lic-text{
padding-left:20px !important;
}
.button-blue{
background-color: white;
color: #0071CE;
font-weight: 700;
}

.button-blue:hover{
  background-color: #ff4c34;
  color: #fff;
  font-weight: 700;
  }
.vl {
border-left: 2px solid white;
height: 100px;
}


.btn-theme-white-bordered {
  background-color: transparent;
  color: #fff;
  position: relative;
  -webkit-box-shadow: 0 0 0 0 #fff;
  box-shadow: 0 0 0 0 #fff;
  /* padding: 8px 100px 0 20px; */
  width:100%;
  text-align: left;

}
.btn-theme-white-bordered:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 2px solid #fff;
  border-radius: 1.4375rem;
}
.madein {

  font-weight: 300 !important;
  font-size: 42px;
  line-height: 140%;
  letter-spacing: 0;


 


  text-transform: uppercase;
}

.india {
  font-family: 'Helvetica Compressed', Arial, sans-serif;
  font-weight: 500;
  font-size: 42px;
  line-height: 140%; /* 58.8px */

  letter-spacing: 8.4px; /* 20% of 42px */


  text-transform: uppercase;
  color: #FCF7E2;

}

.archivo{
  font-family:'Archivo Narrow', sans-serif;
  font-weight: 400;
  font-size:16px;
}



/*Ramani style code*/
.corner-left {
  position: absolute;
  top: 10px;  
  width: 100px;
  /* margin-top:28.5% !important; */
  margin-top:1.8% !important;
}
.left-corner img{
  z-index:1;
}
/* Bottom-right corner object */
.corner-right {
  position: absolute;
  /* bottom: 50px; */
  bottom:70px;
right:2px;
  width: 100px;
}

.slide-left-bt{
  position: relative;
  left:-12%;
  border-radius: 50% !important;
  width: 40px !important;
}
.slide-right-bt{
  position: relative;
  right: -12%;
  border-radius: 50% !important;
  width: 40px !important;
}
.slider-section {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
  margin-top:7% !important;
}

.slider {
  position: relative;
  width: 60%;
  height: 300px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 4% !important;
}

.slide {
  position: absolute;
  transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
  width: 40%;
  opacity: 0.5;
}

.slide.active {
  width: 50%;
  opacity: 1;
  transform: scale(1.2);
}

.slide.left {
  transform: translateX(-100%) scale(0.8);
}
.slide.active .center-left{
  font-size: 50px;
  color: #072A61;
  
}

.slide.active .center-center{
  font-size: 50px;
  color: #072A61;
}

.slide.active .center-right{
  font-size: 50px;
  color: #072A61;
}
 
.center-left{
  font-family: 700;
  font-size: 36px;
  color: #FF502E;
 margin-top:-30px !important; 
 text-align: center;
 /* position: relative; */
 /* margin-left:-40%; */
  
}
.center-center{
  font-family: 700;
  font-size: 36px;
  color: #FF502E;
 margin-top:-30px !important; 
 text-align: center;
 /* position: relative; */
 /* margin-left:-5% !important; */
 /* text-wrap: nowrap; */
  
}
.center-right{
  font-family: 700;
  font-size: 36px;
  color: #FF502E;
 margin-top:-30px !important;
 text-align: center; 
 /* position: relative; */
 /* margin-left:50%; */
 /* text-wrap: nowrap; */
}


.slider .center-right{
  font-family: 700;
  font-size: 36px;
  color: #FF502E;
  text-align: center;
  /* padding-top:35%; */
  
}


.slide.right {
  transform: translateX(100%) scale(0.8);
}

/* Centered Text */
.slide-bg .title-section {
  text-align: center;
  
}

.title-section h2 {
  font-size: 56px;
  font-weight: bold;
  color: #062A66;

  line-height: 56px;
}

.title-section p {
  font-size: 89px;
  color: #333;
  font-weight: 700;
  color:#FF6243;
  line-height: 90px;
}



/*parthiban style*/
.blue-bg {


  background-image: url(../images/banner/sec-5.png);
  position: relative;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;

  margin-top:-10%;
  z-index: 2;
  padding-top:12%;

}

.blue-bg-img2 {
  position: absolute;
  bottom: 50px;
  right: 70px; 
  width: auto; 
  /* max-width: 500px; */
}
.blue-bg-text{
  /* padding-top:550px; */
  display: block;
  text-align: center;
  justify-content: center;

}
.blue-bg .blue-bg-img{
  /* padding-top:550px; */
  text-align: center;
  justify-content: center;
}
.blue-bg .blue-padding{
  padding-left:150px;
  padding-top: 50px;
}
.whitebottom-img{
  position:relative;
  top:50px;
}

.blue-bg-text .text-first{
  color:white;
  font-family: HWT Artz;
      font-weight: 700;
      font-size: 55.97px;
   text-transform: uppercase;
}
.blue-image-text{
font-size: 27.76px;
text-transform: capitalize;
color:#FFFFFF;
padding-top: 15px;

}
.blue-bg-text .text-sec{
  color:#FFCD1E;
  font-family: HWT Artz;
  font-weight: 700;
  font-size: 55.97px;
  text-transform: uppercase;
}
.red-blog{
  background: url('data:image/svg+xml;utf8,<svg width="1440" height="860" viewBox="0 0 1440 860" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M-15 0.967041H1602.27V703.011V732.117V859.021L1568.53 849.985C1567.44 849.713 1566.32 849.431 1565.16 849.14C1530.43 840.441 1465.13 824.084 1399.83 824.084C1369.73 824.084 1339.62 827.561 1309.51 831.038C1272.14 835.355 1234.77 839.671 1197.39 837.336C1151.16 833.978 1104.39 820.388 1057.44 806.749C1037.01 800.811 1016.54 794.865 996.077 789.75C928.597 772.282 861.117 763.849 793.637 780.714C764.908 788.151 736.178 800.283 707.449 812.415C668.698 828.779 629.947 845.143 591.196 849.985C536.837 857.264 482.479 841.871 428.12 826.479C414.998 822.763 401.877 819.048 388.756 815.651C322.401 798.183 254.92 789.75 187.44 798.183C119.96 806.616 52.4801 832.517 18.7401 845.769L-15 859.021V703.011L-15 0.967041Z" fill="%23FF6243"/></svg>');
  background-size: cover;
  height:1000px;
  position: relative;
  z-index: -6;
  top:-300px; 
  /* background-repeat: no-repeat; */
}
.card-section {
  background-image: url(../images/banner/sec-7.png);  
  background-position: bottom;
  /* min-height: 850px;
  margin-top: -100px;   */
  position: relative;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;

   z-index: 0;
   padding-bottom: 15%;
   margin-top: -7%;
  
}
.card-group{
  padding-top:0px;
}

.card-img-top2{
  width: 234.34px !important;
  height:234.34px;
 
}
.card-img-top1{
  width: 262.35px !important;
  height:262.35px;
 
}
.card-img-top3{
  width: 224.22px !important;
  height:204.43px;
  margin-top:30px; 
}
.first-card{
  background-color:#FFCD1E !important;
  border-radius:36.67px !important;
  height:466px;
  /* width:385px; */

}
.third-card{
    background-color:#FFCD1E !important;
  border-radius:36.67px !important;
  height:466px;
  /* width:385px; */
}
.top-font{
  font-family: HWT Artz;
  font-weight: 700;
  font-size: 35.16px;
  line-height: 30px;
  /* letter-spacing: 0%;
  vertical-align: middle; */
  text-transform: uppercase;
  color:#FF502E;
  
}
.top-fontlist{
  font-size:70px !important;
}
.top-font2{
  font-family: HWT Artz;
      font-weight: 700;
      font-size: 35.16px;
      line-height: 30px;
      /* letter-spacing: 0%;
      vertical-align: middle; */
      text-transform: uppercase;
      color:#FFCD1E;

}
.second-card{
  background-color:#0071CE !important; 
  border-radius:36.67px !important;
  height:466px;
  /* width:385px; */
}
.card-circle{
  height:147.93px;
  width:147.93px;
}
.card-circle-red img{
  margin-top:50px;
}
.card-inner-padding{
  padding:10px 30px;
}
.btn-yellow{
  background-color: #FFCD1E;
}
.card-button{
  border-radius:19.17px;
  padding:5px 18px;
  font-weight: 500;
  font-size: 13.02px;
  line-height: 29px;
}
.font-card{
  font-family: 'Metropolis', sans-serif;
      font-weight: 500;
      font-size: 18px;
      line-height: 23px;
      color:#072A61;
}
.font-card-two{
  font-family: 'Metropolis', sans-serif;
font-weight: 500;
font-size: 18px;
line-height: 23px;
color:#FFFFFF;

}
.nav-line{
  border-right:1px solid #FFFFFF;
 /* margin-right: 20px; */
}
.footer-copy-text{
  font-family: Archivo Narrow;
font-weight: 400;
font-size: 17.77px;
line-height: 12.91px;

}
.white-dot-blue{
  position: relative;
  top:85px;
}
.slider-btn {
  position: absolute;
  top: 30%;
  width: 100%;
}

.slider-btn .btn {
 margin:15px;
  width: 40px;
  height: 40px;
  padding: 5px;
  font-size: 25px;
  background-color: #FF6243;
  color:white;
  border-radius: 50%;
 
}

.slider-btn .btn.btn_prev {
  float: left;
}

.slider-btn .btn.btn_next {
  float: right;
}
/* .svg-container {
  background-color: #FFCD1E;
  display: inline-block;
  width: 1501px;
  height: 796px;
  clip-path: path('M4.41074e-05 0L1500.31 0.000131162L1500.31 651.273L1500.31 678.274L1500.31 796L1469.01 787.618C1468 787.365 1466.96 787.104 1465.88 786.834C1433.67 778.765 1373.09 763.59 1312.51 763.59C1284.58 763.59 1256.66 766.816 1228.73 770.041C1194.06 774.046 1159.38 778.05 1124.71 775.883C1081.83 772.769 1038.43 760.161 994.886 747.508C975.929 742.001 956.943 736.484 937.957 731.739C875.357 715.534 812.757 707.711 750.157 723.357C723.506 730.256 696.854 741.51 670.203 752.765C634.254 767.945 598.305 783.126 562.357 787.618C511.929 794.37 461.501 780.091 411.074 765.811C398.901 762.365 386.729 758.918 374.557 755.767C313 739.562 250.4 731.739 187.8 739.562C125.2 747.385 62.6 771.413 31.2999 783.706L-6.95885e-05 796L-5.69361e-05 651.273L4.41074e-05 0Z');
  -webkit-clip-path: path('M4.41074e-05 0L1500.31 0.000131162L1500.31 651.273L1500.31 678.274L1500.31 796L1469.01 787.618C1468 787.365 1466.96 787.104 1465.88 786.834C1433.67 778.765 1373.09 763.59 1312.51 763.59C1284.58 763.59 1256.66 766.816 1228.73 770.041C1194.06 774.046 1159.38 778.05 1124.71 775.883C1081.83 772.769 1038.43 760.161 994.886 747.508C975.929 742.001 956.943 736.484 937.957 731.739C875.357 715.534 812.757 707.711 750.157 723.357C723.506 730.256 696.854 741.51 670.203 752.765C634.254 767.945 598.305 783.126 562.357 787.618C511.929 794.37 461.501 780.091 411.074 765.811C398.901 762.365 386.729 758.918 374.557 755.767C313 739.562 250.4 731.739 187.8 739.562C125.2 747.385 62.6 771.413 31.2999 783.706L-6.95885e-05 796L-5.69361e-05 651.273L4.41074e-05 0Z');
  border: 1px solid #000;

} */
.steps-wrapper {
  position: relative;
  overflow: visible;
}

.curve-line {
  position: absolute;
  top: 110px;
  left: 0;
  width: 100%;
  height: auto;
  z-index: 1; /* behind images, above background */
  pointer-events: none;
}

.step-img {
  position: relative;
  z-index: 2; /* keeps image above the curve */
}
.container {
  position: relative;
}

.white-curve-line {
  position: absolute;
  top: 180px; /* adjust this to control curve position */
  left: 0;
  width: 100%;
  height: auto;
  z-index: 1; /* behind image content */
  pointer-events: none;
}

.text-display {
  position: relative;
  z-index: 2; /* brings content above the SVG */
}


.contactus {
  transition: background-color 0.9s ease, color 0.9s ease;
}

.contactus:hover {
  background-color: rgba(255, 98, 67, 1) !important;
  color: #fff; /* optional: make text white on red background */
}

.nav-link:hover {
  color: rgba(255, 98, 67, 1) !important;
}


/* .slant-icon {
  display: inline-block;
  transform: rotate(75deg); 
  transition: transform 0.3s ease;
} */

.explore img {
  width: 9.54px;
  height: 9.54px;
  display: inline-block;
  transform: rotate(1deg); 
  transition: transform 0.3s ease;
}

.orange-button:hover{
  background-color: rgb(255, 80, 46);
  color: white;
}



/*recipe page*/

.crispy{
background-image: url('../images/recipe/main.png');  
background-repeat: no-repeat;
  background-size: contain;
  background-position: top;

  position: relative;
  z-index: 3;


}
.recipe-section-title{
  padding-top:90px;
}
.top-text{
  font-family: HWT Artz;
font-weight: 700;
font-size: 95.58px;
line-height: 80px;
text-align: center;
color: #072A61;
}
.red-text{
  color: #FF6243;
}
.hero-padding{
   padding-top:15px;
}
.first-recipe-text{
  font-family: Metropolis;
font-weight: 700;
font-size: 35.94px;
line-height:40px;
color:#072A61;
}
.sec-red-font{
  font-family: HWT Artz;
font-weight: 700;
font-size: 46.21px;
line-height: 108%;
color:#FF6243;

 }
.border-text {
  /* border-bottom: 1px solid #002A6A; */
  /* border-width: 10px; */
  display: inline-block;
  position: relative;
} 

.border-text::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -5px; /* adjust spacing below text */
  width: 145px; /* ✅ set your desired border width here */
  border-bottom: 7px solid #002A6A;
}
.recipe-para-text{
  font-family: Metropolis;
font-weight: 500;
font-size: 26.75px;
line-height: 30px;
color:#4B4B4B;
padding-top:20px;
}

.recipe-yellow-bg{
  /* background-color: #FFCE22; */
  /* height: 2100px; */
  position: relative;
  z-index: 2;
  /* top:-410px; */
  /* padding-bottom: 370px; */
}
.recipe-card{
  /* margin-top: 350px; */
  
  /* more reliable than margin-top in absolute context */
  position: relative;
  top:-100px;


}
.recipe-row {
  align-items: center;

}
.recipe-card .time p{
  line-height:35px;
  font-size:19px;
  font-weight: 400;
  color: rgba(75, 75, 75, 1);
  font-family: 'Metropolis Regular', sans-serif !important;

}

.border-recipe-right{
  border-right: 2px solid #4B4B4B;
  /* display: inline;
  margin:0px 15px;*/
  height:70px; 

}
/* .recipe-yellow-bg .recipe-card  .border-recipe-right svg{
  border-right: 2px solid #4B4B4B;
 
} */
.svg-outer {
  display: flex;
  justify-content: center;
  gap: 20px; 
  align-items: flex-start;
  margin-top: 20px;
}

.svg-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.svg-border{
  border-right: 2px solid #4B4B4B;
  margin-left: 10px;
}
.svg-item p {
  margin-top: 8px;
  font-size: 14px;
  color: #072A61;
}
.recipe-ingred-text{
  font-family: Metropolis;
font-weight: 700;
font-size: 32.74px;
text-transform: uppercase;
color: #FCF7E2;
}
.ingrediants-card{
  background-color: #FF6243;
  /* height:400px; */
  padding:4px 28px 18px 28px;
  position: relative;
  /* z-index: -1 !important; */
  border-radius:21.89px;
  border: none;
  top:-260px;

  z-index:10;
  overflow: visible;

  
}

.recipe-two{
  position: relative;
  top: -100px; /* or adjust per screen with media queries */


}
.recipe-three{
  position: relative;
  top: -250px; /* or adjust per screen with media queries */

}

.recipe-text-img{
font-weight: 500;
font-size: 19.55px;
color:#4B4B4B;
margin-right: 10px;

}
.grid-container {
  display: grid;
  grid-template-columns: 70% 30%;
  /* gap: 10px;
  padding: 20px; */
  border-radius: 17px; 
  overflow: hidden; 
}

.grid-item {
  background-color: white;
  text-align: center;
  padding:7px;

}
    /* Odd rows */
    .grid-item:nth-child(4n-3),
    .grid-item:nth-child(4n-2) {
      background-color:#FFEDE6;
    }

    /* Even rows */
    .grid-item:nth-child(4n-1),
    .grid-item:nth-child(4n) {
      background-color: #FFD5C5;
    }
.grid-container .grid-item {
  display: flex;
  align-items: start;
  margin-left:3px;
}
.grid-container .grid-item li::marker {
  color: #FF6243;
  font-size: 25px;
}
.grid-container .grid-item li {
  font-family: Metropolis;
font-weight: 700;
font-size: 17.48px;
text-transform: capitalize;
color:#4B4B4B;

}
.grid-container .grid-item{
  font-family: Metropolis;
font-weight: 700;
font-size: 17.48px;
text-transform: capitalize;
color:#4B4B4B;
}


.ins-top-text{
  font-size: 45px;
  line-height: 45px;
  color:#072A61;
}
.ins-sec-text{
    font-size: 35px;
    line-height: 50px;
    color: #FF6243;
}

.ins-para-text{
  flex-direction: column; 
  justify-content: flex-start;
  align-items: flex-start; 
font-weight: 500;
font-size: 26px;
line-height:33px;
display:flex;
text-align: justify !important;
color:rgba(75, 75, 75, 1);
font-family: 'Metropolis Regular', sans-serif !important;

}
.ins-para-text li{
  margin-bottom: 15px;

}
.red-class {
  background-color: #FF6243;
  position: relative;
  top: -210px;
  padding: -18px;
  height: 110px;
}
.red-class svg{
  position: relative;
  top:-40px;
}
.red-class .svg-image-text {
  position: relative;
}

.red-class .svg-text {
  position: absolute;
  top: 30%;
  left: 40%;
  transform: translate(-50%, -50%);
  font-size: 37.63px;
  color:#FFFFFF;  
}
.red-text-para{
  font-family: Metropolis;
font-weight: 700;
font-size: 28px;
/* line-height: 230%; */
line-height:119%;

color:#FFFFFF;
}
.sabudana-text{
font-size: 309.45px;
line-height: 108%;
text-align: center;
color:#EFBA00;
position: relative;
top:185px;
z-index: 1; /* behind image */
}
.sabudana-text-wrapper {
  position: relative; 
  top:-200px;
}


.sabudana-overlay {
  position: absolute;
  top: 0;
  left: 30%;
  z-index: 2; /* image on top */
  width: 598px; /* or however big you want */
  height: auto;
  pointer-events: none; /* image won't block mouse */
}
/* .recipe-wave {
  background-image: url("data:image/svg+xml;utf8,<svg width='1440' height='638' viewBox='0 0 1440 638' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M-551.745 102.423L-600 51.9975V529H-551.745H-308.276H-29V655.814H1440V529H1725.02H2016.74H2306.28H2549.74H2598V410.431L2549.74 340.925C2501.49 271.419 2404.98 132.406 2306.28 92.8834C2249.14 68.6789 2192.01 79.8194 2134.87 90.9599C2095.5 98.6379 2056.12 106.316 2016.74 102.423C1971.82 97.9826 1926.89 78.1855 1881.75 58.291C1829.91 35.447 1777.78 12.4744 1725.02 12.4744C1670.27 12.4744 1615.52 38.3531 1560.77 64.2317C1519.01 83.9697 1477.25 103.708 1435.49 111.963C1361.91 127.549 1287.06 108.281 1212.88 89.1857C1189.76 83.2336 1166.7 77.2983 1143.77 72.4404C1047.26 51.9975 950.745 51.9975 854.235 81.9805C822.393 91.8728 790.312 105.029 758.15 118.218C692.832 145.005 627.179 171.93 562.51 171.93C480.848 171.93 399.185 128.995 317.523 86.0609C302.675 78.2547 287.827 70.4485 272.979 62.9004C174.276 12.4744 77.7654 -27.0487 -18.7449 23.3773C-60.3768 44.5418 -102.009 82.4442 -143.641 120.347C-198.519 170.309 -253.397 220.271 -308.276 231.896C-405.89 250.765 -501.359 153.668 -550.13 104.066C-550.674 103.512 -551.212 102.965 -551.745 102.423Z' fill='%230071CE'/></svg>");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  min-height: 700px;
  position: relative;
  z-index: 3;


  
} */
.recipe-wave {
  background-image: url("data:image/svg+xml;utf8,<svg width='1468' height='500' viewBox='0 0 1468 500' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M11.5166 16.9346C107.273 -20.151 203.047 9.81102 300.979 47.9561C397.49 85.3624 494 131.081 590.511 131.081C687.021 131.081 785.724 85.3623 882.234 62.5029C978.745 39.6435 1075.26 39.6435 1171.77 55.2295C1268.28 70.8154 1366.98 100.948 1463.49 85.3623C1464.99 85.1357 1466.5 84.8974 1468 84.6484V500.001H0V21.6162C2.3312 20.6107 4.66196 19.6411 6.99316 18.7119L11.5166 16.9346Z' fill='%230071CE'/></svg>");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  /* min-height: 700px; */
  position: relative;
  z-index: 3;
}

.recipe-button{
  display: inline;
  border: none;
  border-radius: 29.17px;
  padding:6px 29px;
  /* margin-left:25px; */
}
.button-ecnter-recipe{
  align-items: left;
}
/* parthi khichdi */
.khichdi-top-img{
  position: relative;
  /* right:-60px; */
}

.crispy-kheer{
  background-image: url("data:image/svg+xml;utf8,<svg width='1440' height='1118' viewBox='0 0 1440 1118' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M-572.999 10.6806L1566.33 -493L1779.63 412.962L1827.03 614.287L1779.65 613.135C1778.13 613.123 1776.55 613.11 1774.93 613.096C1726.35 612.686 1635 611.914 1548.63 632.25C1508.8 641.627 1470.03 655.49 1431.26 669.354C1383.14 686.563 1335.01 703.773 1284.86 712.399C1222.69 722.465 1156.68 719.494 1090.45 716.513C1061.61 715.215 1032.73 713.916 1004.11 713.688C909.536 712.162 817.711 722.296 733.573 765.076C697.829 783.621 663.512 808.224 629.195 832.827C582.908 866.012 536.62 899.198 486.831 917.515C417.136 943.838 340.554 940.903 263.971 937.969C245.486 937.261 227 936.553 208.612 936.256C115.53 934.38 23.7047 944.513 -62.9957 976.411C-149.696 1008.31 -231.089 1062.75 -271.694 1090.36L-312.299 1117.97L-350.856 954.203L-350.857 954.204L-572.999 10.6806Z' fill='%23FCF7E2'/></svg>");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  min-height: 1100px;
  position: relative;
  z-index: 3;
}
.sabudana-kheer{
  font-size: 309.45px;
  line-height: 108%;
  text-align: center;
  color:#EFBA00;
  position: relative;
  top:105px;
  z-index: 1; /* behind image */
  }
.blue-kheer{
  width: 550px;
  margin-top:41px;
}
.kheer-top-adjust{
  margin-top:-90px;
}
.red-class-kheer{
  background-color: #FF6243;
  height:111px;
  position: relative;
  top:40px;
}
.red-class-kheer .svg-text {
  position: absolute;
  top: 49%;
  left: 40%;
  transform: translate(-50%, -50%);
  font-size: 37.63px;
  color:#FFFFFF;  
}
.red-class-kheer .svg-image-text {
  position: relative;
  top: -32px;
}
.red-text-kheer{
  font-family: Metropolis;
font-weight: 700;
font-size: 28px;
line-height: 230%;
/* line-height:119%; */

color:#FFFFFF;
}
  /* Show dropdown on hover */
  /* .nav-item.dropdown:hover .dropdown-menu {
    display: block;
  }

  .nav-link.dropdown-toggle {
    pointer-events: none;
  }

  .nav-item.dropdown:hover .nav-link.dropdown-toggle {
    pointer-events: auto;
  } */
  /* Control width and height of dropdown */
  .dropdown-menu {
    min-width: auto; /* Removes default Bootstrap min-width */
    width: 100px;     /* Set your desired width */
    padding: 0.3rem 0; /* Less vertical padding inside dropdown */
  }

  .dropdown-item {
    padding: 0.25rem 1rem; /* Reduce item height spacing */
    font-size: 0.9rem;     /* Optional: smaller text */
  }
  .cards_container .item {
    display: none;
    opacity: 0;
    transition: opacity 0.6s ease-in-out;
    position: absolute;
    width: 100%;
  }
  
  .cards_container .item.active {
    display: block;
    opacity: 1;
    position: relative;
  }

  .wave {
    background-image: url("data:image/svg+xml,%3Csvg width='1440' height='529' viewBox='0 0 1440 529' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M-1046 51.9975L-997.745 102.423C-949.49 151.487 -852.979 250.976 -754.276 231.896C-657.765 211.453 -561.255 72.4405 -464.745 23.3773C-368.235 -27.0486 -271.724 12.4744 -173.021 62.9004C-76.5103 111.964 20 171.93 116.51 171.93C213.021 171.93 311.724 111.964 408.235 81.9805C504.745 51.9975 601.255 51.9975 697.765 72.4405C794.276 92.8834 892.979 132.406 989.49 111.964C1086 92.8834 1182.51 12.4744 1279.02 12.4744C1377.72 12.4744 1474.23 92.8834 1570.74 102.423C1667.26 111.964 1763.77 51.9975 1860.28 92.8834C1958.98 132.406 2055.49 271.419 2103.74 340.925L2152 410.431V529H2103.74C2055.49 529 1958.98 529 1860.28 529C1763.77 529 1667.26 529 1570.74 529C1474.23 529 1377.72 529 1279.02 529C1182.51 529 1086 529 989.49 529C892.979 529 794.276 529 697.765 529C601.255 529 504.745 529 408.235 529C311.724 529 213.021 529 116.51 529C20 529 -76.5103 529 -173.021 529C-271.724 529 -368.235 529 -464.745 529C-561.255 529 -657.765 529 -754.276 529C-852.979 529 -949.49 529 -997.745 529H-1046V51.9975Z' fill='%230071CE'/%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
      min-height: 539px; /* Adjust as needed */
  }
  

  





    .foot-logo {
      display: flex;
      align-items: center; /* vertically center image and text */
      gap: 10px; /* optional spacing between image and text */
    }

    .foot-logo p{
      margin-top: 40px;
    }

    .checkbox-wrap {
      display: flex;
      align-items: flex-start;
      gap: 10px;
      color: white;
      font-family: 'Helvetica', sans-serif;
      font-size: 16px;
      line-height: 1.5;
      max-width: 400px;
    }
    
    .checkbox-wrap input[type="checkbox"] {
      appearance: none;           /* remove default */
      -webkit-appearance: none;
      width: 18px;
      height: 18px;
      border: 2px solid white;
      background-color: transparent;
      cursor: pointer;
      position: relative;
      margin-top: 3px;
    }
    
    .checkbox-wrap input[type="checkbox"]::before {
      content: '';
      position: absolute;
      width: 6px;
      height: 10px;
      border-right: 2px solid white;
      border-bottom: 2px solid white;
      transform: rotate(45deg);
      top: 2px;
      left: 5px;
      opacity: 0;
    }
    
    .checkbox-wrap input[type="checkbox"]:checked::before {
      opacity: 1;
    }
    
    .checkbox-wrap a {
      color: white;
      text-decoration: underline;
    }
    
    .f-para{
      padding: 0px 30px;
      text-align: justify;
      line-height: 25px;

    }
    .content label a{
      color:#fff;
      text-decoration: underline;
    }


    .f-para .content input[type=email]{
    background-color: transparent;
    color: #fff;
    position: relative;
    -webkit-box-shadow: 0 0 0 0 #fff;
    box-shadow: 0 0 0 0 #fff;
    /* padding: 8px 100px 0 20px; */
    width:100%;
    text-align: left;
    border: 2px solid #fff;
    border-radius: 1.4375rem;
    padding: 15px 100px 15px 20px !important;

    }

    .f-para .content input[type=email]::placeholder {
      color: #fff;
      opacity: 1; /* Ensures full visibility in some browsers */
      text-transform: uppercase;
  }
  

  .content .form-check-input {
    background-color: transparent;
    border: 1px solid #fff; /* Optional: Add visible border if needed */
    color: #fff; /* Optional: for checkmark */
    margin-top:5px;
  }

  .footer-img-icon{
    width: 18px; height: 18px; vertical-align: middle;
  }
  .footer-social{
    width: 34px; height: 34px;

  }
  .section-start {
    position: relative; /* anchor point for absolute positioning */
}
  
  @keyframes spin360 {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }
  
  .spin-slow {
    animation: spin360 50s linear infinite;
  }

  @keyframes waveFloat {
    0%   { transform: translateY(0); }
    50%  { transform: translateY(-10px); }
    100% { transform: translateY(0); }
  }
  
  .wave-float {
    animation: waveFloat 8s ease-in-out infinite;
  }


  .flip-hover {
    transition: transform 0.6s ease-in-out;
  }
  
  .flip-hover:hover {
    transform: scaleX(-1); /* horizontal flip */
  }


  @keyframes pulse {
    0% {
      transform: scale(1);
      opacity: 1;
    }
    50% {
      transform: scale(1.05);
      opacity: 0.7;
    }
    100% {
      transform: scale(1);
      opacity: 1;
    }
  }
  
  .pulse-on-scroll {
    animation: pulse 3s ease-in-out infinite;
  }
  
  
  @keyframes hanging {
    0% { transform: rotate(0deg); }
    25% { transform: rotate(3deg); }
    50% { transform: rotate(0deg); }
    75% { transform: rotate(-3deg); }
    100% { transform: rotate(0deg); }
  }
  
  .hanging {
    display: inline-block;
    transform-origin: top center;
    animation: hanging 5s ease-in-out infinite;
  }
.orange-sec2 .third-img{
  position: relative;   
  margin-top: 17% !important;  

}

.flip-on-hover {
  transition: transform 0.6s ease;
  transform-style: preserve-3d;
  display: inline-block;
  cursor: pointer;
}

.flip-on-hover:hover {
  transform: rotateY(180deg);
}

.pulse-once {
  animation: pulseOnce 1s ease-out;
}

@keyframes pulseOnce {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.08);
    opacity: 0.9;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
/* .blog-img .fast-img img{
  width:100px;

} */

.animated-text span {
  display: inline-block;
  opacity: 0;
  transform: translateX(-20px);
}

.animated-text.visible span {
  animation: slideLetter 0.5s forwards;
}

@keyframes slideLetter {
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

/* Delay each letter */
.animated-text.visible span:nth-child(1) { animation-delay: 0s; }
.animated-text.visible span:nth-child(2) { animation-delay: 0.1s; }
.animated-text.visible span:nth-child(3) { animation-delay: 0.2s; }
.animated-text.visible span:nth-child(4) { animation-delay: 0.3s; }
.animated-text.visible span:nth-child(5) { animation-delay: 0.4s; }
.animated-text.visible span:nth-child(6) { animation-delay: 0.5s; }
.animated-text.visible span:nth-child(7) { animation-delay: 0.6s; }
.animated-text.visible span:nth-child(8) { animation-delay: 0.7s; }
.animated-text.visible span:nth-child(9) { animation-delay: 0.8s; }
.animated-text.visible span:nth-child(10) { animation-delay: 0.9s; }
.animated-text.visible span:nth-child(11) { animation-delay: 1s; }
.animated-text.visible span:nth-child(12) { animation-delay: 1.1s; }
.animated-text.visible span:nth-child(13) { animation-delay: 1.2s; }


.white-curve-line path {
  stroke-dasharray: 0.5 15;           /* already there, controls dash style */
  stroke-dashoffset: 1000;            /* high offset to start the line offscreen */
  animation: draw-line 100s linear infinite;
}

@keyframes draw-line {
  to {
    stroke-dashoffset: 0;
  }
}

.curve-line path {
  stroke-dasharray: 0.5 15;            /* dash pattern */
  stroke-dashoffset: 1000;             /* hide line initially */
  animation: draw-curve 80s linear infinite;  /* animation applied */
}

@keyframes draw-curve {
  to {
    stroke-dashoffset: 0;
  }
}

.coin-rotate {
  animation: spin-coin 2s linear;
  transform-style: preserve-3d;
}

@keyframes spin-coin {
  0% { transform: rotateY(0deg); }
  100% { transform: rotateY(360deg); }
}


  .recipe-vada {
    width: 100%;
    max-width: 1620px;
    display: block;
    margin: 0 auto;
    transform: scale(1.05); /* Slight zoom */
    margin-top: -30px; /* Optional tweak for alignment, remove if not needed */
  }
  .info-wrapper {
    display: flex;

    gap: 15px;
    padding: 10px;
    border-radius: 10px;
  }
  
  .info-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-family: sans-serif;
    color: #003049; /* Dark navy text */
    width:20%;
  }
  
  .separator {
    height: 60px;
    width: 1px;
    background-color:rgba(75, 75, 75, 1); /* Match icon/text color */
  }
  
  .jump-once {
    display: inline-block;
    animation: jump 0.6s ease-out;
  }
  
  @keyframes jump {
    0%   { transform: translateY(0); }
    30%  { transform: translateY(-20px); }
    60%  { transform: translateY(0); }
    100% { transform: translateY(0); }
  }
  
  .wobble-once {
    display: inline-block;
    animation: wobbleY 10s ease-out infinite;;
  }
  
  @keyframes wobbleY {
    0%   { transform: translateY(0); }
    15%  { transform: translateY(-5px); }
    30%  { transform: translateY(5px); }
    45%  { transform: translateY(-3px); }
    60%  { transform: translateY(3px); }
    75%  { transform: translateY(-2px); }
    100% { transform: translateY(0); }
  }
  .kheer-card {


    position: relative;

    top: -252px !important;
 
}

/*Form Page*/


input[type="text"], input[type="email"] {
  width: 100%; /* adjust as needed */
  height: 51px;
  padding: 8px;
  border: 2px solid #EEEEEE;
  border-radius: 10px;
  background-color: #EEEEEE; /* light gray */
  outline: none;
  transition: border 0.2s, box-shadow 0.2s;
}
input[type=file]{
  width: 100%; /* adjust as needed */
  height: 50px;
  padding: 12px;
  border: 2px solid #EEEEEE;
  border-radius: 10px;
  background-color: #EEEEEE; /* light gray */
  outline: none;
  transition: border 0.2s, box-shadow 0.2s;
  font-family:'Archivo Narrow', sans-serif;
}
textarea{
  width: 100%; /* adjust as needed */
  height: 160px;
  padding: 8px;
  border: 2px solid #EEEEEE;
  border-radius: 10px;
  background-color: #EEEEEE; /* light gray */
  outline: none;
  transition: border 0.2s, box-shadow 0.2s;
}


.contact-form input[type="text"], .contact-form input[type="email"], .contact-form input[type="number"] {
  width: 100%; /* adjust as needed */
  height: 50px;
  padding: 8px;
  border: 2px solid #EEEEEE;
  border-radius: 10px;
  background-color: #EEEEEE; /* light gray */
  outline: none;
  transition: border 0.2s, box-shadow 0.2s;
}
.contact-form textarea{
  width: 100%; /* adjust as needed */
  height: 150px;
  padding: 8px;
  border: 2px solid #EEEEEE;
  border-radius: 10px;
  background-color: #EEEEEE; /* light gray */
  outline: none;
  transition: border 0.2s, box-shadow 0.2s;
}




.contact_form input[type="text"], .contact_form input[type="email"], .contact_form input[type="number"] {
  width: 100%; /* adjust as needed */
  height: 40px;
  padding: 8px;
  border: 2px solid #EEEEEE;
  border-radius: 10px;
  background-color: #EEEEEE; /* light gray */
  outline: none;
  transition: border 0.2s, box-shadow 0.2s;
}

.contact_form textarea{
  width: 100%; /* adjust as needed */
  height: 110px;
  padding: 8px;
  border: 2px solid #EEEEEE;
  border-radius: 10px;
  background-color: #EEEEEE; /* light gray */
  outline: none;
  transition: border 0.2s, box-shadow 0.2s;
}

.contact-form label, .contact_form label{
  font-family: Poppins;
font-weight: 500;
font-size: 22px;
color:#4B4B4B;
/* line-height: 140%;
letter-spacing: 0%;
vertical-align: middle;
text-transform: capitalize; */

}

.formbg{
    background-image: url("../images/form-bg.png");
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;    
    width:100%;
   
  }
   /* .form-footer{
    position: relative;
    background-image: url("data:image/svg+xml;utf8,<svg width='1440' height='848' viewBox='0 0 1440 848' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M-993 83.3533L-944.745 164.187C-896.49 242.837 -799.979 402.32 -701.276 371.734C-604.765 338.964 -508.255 116.124 -411.745 37.4745C-315.235 -43.3596 -218.724 19.9968 -120.021 100.831C-23.5103 179.48 73 275.607 169.51 275.607C266.021 275.607 364.724 179.48 461.235 131.417C557.745 83.3533 654.255 83.3533 750.765 116.124C847.276 148.894 945.979 212.251 1042.49 179.48C1139 148.894 1235.51 19.9968 1332.02 19.9968C1430.72 19.9968 1527.23 148.894 1623.74 164.187C1720.26 179.48 1816.77 83.3533 1913.28 148.894C2011.98 212.251 2108.49 435.091 2156.74 546.511L2205 657.931V848H2156.74C2108.49 848 2011.98 848 1913.28 848C1816.77 848 1720.26 848 1623.74 848C1527.23 848 1430.72 848 1332.02 848C1235.51 848 1139 848 1042.49 848C945.979 848 847.276 848 750.765 848C654.255 848 557.745 848 461.235 848C364.724 848 266.021 848 169.51 848C73 848 -23.5103 848 -120.021 848C-218.724 848 -315.235 848 -411.745 848C-508.255 848 -604.765 848 -701.276 848C-799.979 848 -896.49 848 -944.745 848H-993V83.3533Z' fill='%230071CE'/></svg>");
    background-repeat: no-repeat;
    background-size: cover; 
    width: 100%;
    min-height:800px;
    top:-462px;
    z-index:1 !important;
  margin-bottom:-700px !important;
  } */
  .card-border{
    position: relative;
    border-radius: 45px;
    background-color: white;
    top:100px;
    box-shadow: 17px 21px 60.7px -4px #00000040;
    /* padding:30px 20px 10px 20px; */
    padding: 50px 30px 50px 30px;
  }
  .card_border{
    position: relative;
    border-radius: 45px;
    background-color: white;
    top:100px;
    box-shadow: 17px 21px 60.7px -4px #00000040;
    padding:30px 20px 10px 20px;
    /* padding: 50px 30px 50px 30px; */
  }
  .just-say{
    font-weight: 700;
    color:#FF6243;
    font-size:65.97px;
  }
  .contact-form{
    padding: 20px;
    z-index:9999 !important;  
  }
  .form-footer{
    margin-top:-6% !important;
  }
.submit-btn{
  padding: 5px 50px !important; 
}


  /*Contact page style*/
  .contact_para{
    font-family: 'Metropolis Regular', sans-serif !important;
    font-weight:500;
  color:#4B4B4B;
  font-size:22px;
  line-height: 1.2;
  text-align: center;
  }
  .contact-para{
    font-family: 'Metropolis Regular', sans-serif !important;
    font-weight:500;
  color:#4B4B4B;
  font-size:28px;
  line-height: 1.2;
  }
  .card-start {
    margin-top:-80px;
    
  }
  .contact-card{
    position: relative;
    /* width: 230px;
    height: 250px;     */
    width: 210px;
    height: 240px;
    background: #EEEEEE;
    border-radius: 16px;
    text-align: center;
    padding-top:60px;
  }
  .contact-card img{
    height:50px;
    width:50px;
  }
  .contact-card-address img{
    height:50px;
    width:50px;
  }
 .contact-card-address{
  position: relative;
    /* width: 230px;
    height: 250px;     */
    width: 210px;
    height: 240px;
    background: #EEEEEE;
    border-radius: 16px;
    text-align: center;
    padding-top:30px;
  }
  .contact-text{
    font-family: Poppins;
font-weight: 600;
font-size: 20px;
vertical-align: middle;
text-transform: capitalize;
color:#4B4B4B;
  }
  .contact-paragraph{
    font-size: 20px;
    color:#4B4B4B;
    line-height: 1.2;
  }
  .contact-para{
    font-family: Archivo Narrow;
font-weight: 400;
line-height: 1;
letter-spacing: 0%;
font-size: 18px;

  }
  .contact-para a{
    color:#4B4B4B;
  }
  .get{
    color:#FF6243;
    font-size: 45px;
  }
  .map{
    border-radius: 30px;
  }
  .contact_submit{
    padding:0 150px;
    font-size:20px;
    font-family: Archivo Narrow;
    font-weight: 500;
  }
  .address-line{
    line-height: 1.2;
    font-size:16px;
    font-family: "Archivo Narrow", sans-serif;
  }
  .address-card h4{ 
padding-top:-20px !important;
  }



  
   /* Blog page */

.blog-yellowbg{
  background-image: url("../images/blog/blog-top-head.png");
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  min-height:280px;
}

.gluten-tittle{
    font-family: HWT Artz;
    font-weight: 700;
    font-size: 45px;
    line-height: 40px;
    color:#FF6243;
}
.gluten-text{
  font-family: HWT Artz;
  font-weight: 700;
  font-size: 45px;
  line-height: 40px;
  color:#064282;
}
.gluten-para{
  font-family: Metropolis;
  font-weight: 500;
  font-size: 28px;
  line-height: 32px;
  color:#4B4B4B;
  text-align: justify;
}
.gluten-text-two{
  font-family: HWT Artz;
  font-weight: 700;
  font-size: 42.85px;
  line-height: 148%;
  color:#064282;
}
.gluten-tittle-two{
  font-family: HWT Artz;
  font-weight: 700;
  font-size: 42.85px;
  line-height: 148%;
  color:#FF6243;
}
.Celiac-text{
font-family: Metropolis;
font-weight: 700;
font-size: 35.94px;
line-height: 109.00000000000001%;
color:#072A61;
}
.mild-blog{
margin-bottom: 0px;
}
.benefits-para-pad{
padding:0px 150px;
}
.benefits-red{
background-color: #FF6243;
border-radius:107.17px;
height:391px;
width:209px;
}
.benefits-yellow{
background-color: #FFCE22;
border-radius:107.17px;
height:391px;
width:209px;
}
.card-inner-font{
font-family: Poppins;
font-weight: 700;
font-size: 20px;
line-height: 100%;
text-align: center;
color:#FFCE22;
}
.card-para-font{
font-family: Metropolis;
font-weight: 500;
font-size: 18px;
line-height: 121%;
text-align: center;
color:#FFFFFF;
}
.card-pad-yellow{
padding:40px 5px 0px 5px;
}
.card-pad{
padding:30px 5px 0px 5px;
}
.blue-blog{
background-image: url("../images/blog/blue-blog-img.png");
background-repeat: no-repeat;
background-size: cover;
position: relative;
min-height:1357px;
}
.gluten-tittle-blue{
  font-family: HWT Artz;
  font-weight: 700;
  font-size: 45px;
  line-height: 148%;
  color: #FFCE22;
}
.blog-blue-bg{
padding-top: 180px;
}
.gluten-tittle-white{
font-family: Metropolis;
font-weight: 500;
font-size: 35px;
line-height: 121%;
text-align: center;
color:#FFFFFF;
}
.blog-blue-para{
font-family: Metropolis;
font-weight: 500;
font-size: 28px;
line-height: 121%;
text-align: center;
color:#FFFFFF;
}
.free-diet{
  font-family: HWT Artz;
font-weight: 700;
font-size: 70.52px;
line-height: 148%;
letter-spacing: 0%;
vertical-align: middle;
color:#FF6243;
}
.free-diet-link li{
  font-family: Metropolis;
font-weight: 500;
font-size: 28px;
line-height: 121%;
letter-spacing: 0%;
text-align: justify;
vertical-align: middle;
margin-bottom:30px;
color:#4B4B4B;
}
.red-circletry{
  width: 150px;
height:130px;
right:-80px;
top:-100px;
}
.final-thoughts{
  background-image: url("../images/blog/yellow-thoughtbg.png");
background-repeat: no-repeat;
background-size: cover;
position: relative;
min-height: 811px;
margin-bottom: -286px;
z-index:-1;
}
.final-thoughts img{
  margin-top:-15%;
}
.yellow-circle-final{
  width: 200px;
height: 150px;
margin-top:-50px;
/* margin-left: */
} .blue-blog {
  position: relative;
}
.leaf-img {
  max-width: 433px;
  height: auto;
  position: relative;
  z-index: 1;
}
.dot-label-left1 {
  position: absolute;
  font-weight: bold;
  color: #fff;
  font-size: 14px;
  line-height: 1.3;
  max-width: 120px;
  text-align: left;
}
.dot-label-left1 .yellow-sabudana {
  color: #FFD700; 
}
.dot-label-left1 p {
  font-family: Poppins;
font-weight: 700;
font-size: 16px;
margin-top:25px;
text-align: center;
}
.dot-label-left1::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 200px;
  height: 22px;
  background-image: url("../images/blog/fruit-dotline.png");
  background-repeat: no-repeat;
  background-size: contain;
}
.dot-label-left1.left::before {
  left: 100px;
  transform: translateY(-50%) rotate(0deg);
}
.dot-label-right1 {
  position: absolute;
  font-weight: bold;
  color: #fff;
  font-size: 14px;
  line-height: 1.3;
  max-width: 120px;
  text-align: left;
}
.dot-label-right1 span {
  color: #FFD700; 
}
.dot-label-right1 p {   
  font-family: Poppins;
font-weight: 700;
font-size: 16px;
margin-top:20px;
text-align: center;
}

.dot-label-right1::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 200px;
  height: 22px;
  background-image: url("../images/blog/fruit-dotline.png");
  background-repeat: no-repeat;
  background-size: contain;
}
.dot-label-right1.right::before {
  right: 130px;
  transform: translateY(-50%) rotateY(180deg);
}
.meat-para{
  margin-top:100px !important;
}
.dairy-para{
  margin-top:100px !important;
}
.bracket-para{
  font-family: Metropolis !important;
font-weight: 500 !important;
font-size: 12px !important;
}
.fruits {
  top: 45%;
  left: 27%;
}
.legumes {
  top: 60%;
  left: 25%;
}
.meat {
  top: 75%;
  left: 26%;
}
.nuts {
  top: 46%;
  right: 25%;
}
.grains {
  top: 60%;
  right: 20%;
}
.dairy {
  top: 72%;
  right: 25%;
}
.break {
  display: block;
}
.thought-img-top{
  margin-top:60px;
}
.final-overlay-container {
  position: relative;
  display: inline-block;
}

.final-overlay {
  position: absolute;
  top: 20%;
  left: 14%;
  font-family: Metropolis;
  font-weight: 500;
  font-size: 28px;
  line-height: 113.99999999999999%;
  text-transform: lowercase;  
  max-width: 75%;
  padding: 0px 1px;
  text-align: center;
  color:#FFFFFF;
  /* background-color: rgba(0, 0, 0, 0.4);
  border-radius: 5px; */
}
.final-overlay h1{
  position: absolute;
  top: -130px;
  left: 22%;
  color: #FFCD1E;
  font-family: HWT Artz;
  font-weight: 700;
  font-size: 70.52px;
  line-height: 148%;

}

/* Blog-two page */
.blog-two-font{
  font-family: HWT Artz;
  font-weight: 700;
  font-size: 144.54px;
  line-height: 88%;
  color:#FF6243;
  position: relative;
  top:50px;
  margin-bottom:80px;
}
.para-size{
  font-family: Metropolis;
font-weight: 500;
font-size: 35px;
line-height: 121%;
color:#4B4B4B;
}
.food-para-pad {
  padding: 0px 137px;
}
.gap-agjust-lg{
  gap:3em;
}

.card-two-pad {
  padding: 17px 5px 0px 5px;
}
.blog-recipe-sec{
  background-image: url("../images/blog/blog-recipe-two.png");
  background-repeat: no-repeat;
background-size: cover;
position: relative;
min-height: 711px;
margin-bottom: -125px;
z-index:-1;
}
.card-two-blog{
  position: relative;
  top:230px;
  background-color: #0071CE;
  width:340px;
  height: 218px;
  border-radius: 34px;
  /* cursor: pointer !important; */
  /* transition: box-shadow 0.3s ease, transform 0.3s ease; */
  box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.4) !important;
}


.img-left-move{
  position: relative;
  left:-85px;
}
.blog-recipe-sec .top-blog-two{
  font-family: Poppins;
  font-weight: 700;
  font-size: 18.4px;
  line-height: 150%;
  text-align: center;
  color:#FFCD1E;
}
.blog-recipe-sec .text-blog-two{
  font-family: Metropolis;
  font-weight: 500;
  font-size: 16.56px;
  line-height: 121%;
  color:#FFFFFF;
  text-align: left;
  padding-left:23px;
}
.blog-recipe-sec .padd-blog-two{
  padding-left: 35px;
}
.conclusion-overlay-container {
  position: relative;
  display: inline-block;
}

.conclusion-overlay {
  position: absolute;
  top: 20%;
  left: 13%;
  font-family: Metropolis;
  font-weight: 500;
  font-size: 28px;
  line-height: 113.99999999999999%;
  text-transform: lowercase;  
  max-width: 75%;
  padding: 0px 1px;
  text-align: center;
  color:#FFFFFF;
  /* background-color: rgba(0, 0, 0, 0.4);
  border-radius: 5px; */
}
.conclusion-overlay h1{
  position: absolute;
  top: -130px;
  left: 28%;
  color: #FFCD1E;
  font-family: HWT Artz;
  font-weight: 700;
  font-size: 70.52px;
  line-height: 148%;

}

/* Product page */
.product-top-sec {
  background-image: url(../images/product/product-circle.png);
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  padding-bottom: 8%;
  z-index: 2;
  /* min-height: auto; */
  /* height:100%; */
}
.yellow-pro-back{
  background-color: #FFCD1E;
  border-radius: 40px;
  height:auto;
  padding: 30px;
}
.red-pro-back{
    background-color: #ed1b24;  
    border-radius: 40px;
  height:auto;
  padding: 30px; 
}
.product-top-tworoots {
  min-width: 739px;
  height: 611px;
  /* min-width: 500px;
height: 500px; */
  position: relative;
  left: -140px;
}
.card-height {
  width: 100%;
  height: auto;
  /* margin: 0px 20px 30px 50px; */
  border-radius: 26px;
  background-color: #FCF7E2;
  padding: 37px 10px 0px 10px;
}
.pro-top-font {
  font-family: HWT Artz;
  font-weight: 700;
  font-size: 130.41px;
  line-height: 94%;
  color: #FF6243;
}
.pro-top-font-yellow {
    font-family: HWT Artz;
    font-weight: 700;
    font-size: 130.41px;
    line-height: 94%;
    color: #ffcd1e;
}
.para-pro-font {
  font-family: Poppins;
  font-weight: 700;
  font-size: 25.1px;
  line-height: 37px;
  color: #4B5563;
}
.pro-ing-font{
  color:#FF6243;
}
.pro-ing-font-yellow {
    color: #ffcd1e;
}
.pro-top-adjust{
  padding-top:30px;
}
.card-height-vada{
  background-color:#FCF7E2;
  border-radius: 26px;
  border: none;
  padding:4px 10px;
  background-color:#FCF7E2;
}
.blue-card-pro{
  background-color: #0071CE;
  border: none;
  border-radius: 26px;


}
.svg-pro{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, auto);
  position: relative;
  top:30px;
}
.svg-border-pro{
  border-left: 2px solid white;
  height: 75%;
}
.svg-pro .svg-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.svg-pro .svg-text {
  color: #FFFFFF;
  /* margin-top: 8px; */
  font-family: Poppins;
  font-weight: 600;
  font-size: 16px;
  line-height: 107%;
  text-align: center;
}
/* .pro-top-border{
  border-top: 2px solid white;
  padding-bottom:6px;
} */
.nutrition-card{
  background-color: #FF6243;
  padding: 4px 28px 0px 28px;
  position: relative;
  border-radius:21.89px;
  border: none;
  /* margin-top: -10px; */
}
.recipe-nutri-text {
  font-family: HWT Artz !important;
  font-weight: 700;
  font-size: 40px;
  line-height: 53px;
  color: #FFFFFF;
}
.pro-bottom-text {
  font-family: Poppins;
  font-weight: 400;
  font-size: 25.1px;
  line-height: 8px;
  color: #FFFFFF;
}
.nutri-container {
  display: grid;
  grid-template-columns: 70% 30%;
  /* gap: 10px;
  padding: 20px; */
  border-radius: 17px; 
  overflow: hidden; 
}

.nutri-item {
  background-color: white;
  text-align: left;
  padding-left: 13px;
}
    /* Odd rows */
    .nutri-item:nth-child(4n-3),
    .nutri-item:nth-child(4n-2) {
      background-color:#FFEDE6;
    }

    /* Even rows */
    .nutri-item:nth-child(4n-1),
    .nutri-item:nth-child(4n) {
      background-color: #FFD5C5;
    }
.nutri-container .grid-item {
  display: flex;
  align-items: start;
  margin-left:3px;
}
.nutri-container .nutri-item li::marker {
  color: #FF6243;
  font-size: 25px;
}
.nutri-container .nutri-item li {
  font-family: Metropolis;
font-weight: 700;
font-size: 17.48px;
text-transform: capitalize;
color:#4B4B4B;

}
.left-pro-adj{
  position: relative;
  left:68px;
}
.right-pro-adj{
  position: relative;
  left:30px;
}
.india-pro{
  font-family: Poppins;
  font-weight: 600;
  margin-bottom: 0px;
  font-size: 25.1px;
  line-height: 40px;
  color:#FFFFFF

}
.logo-icon p{
  font-family: Poppins;
  font-weight: 700;
  font-size: 25.1px;
  line-height: 100%;
}
.border-full {
  font-family: Poppins;
  font-weight: 600;
  font-size: 22px;
  line-height: 100%;
  color:#303640;
  border: 1px solid black;
  border-radius: 12px;
  padding:5px 0px;
}
.isol-img{
  width:40px !important;
}
.product-yellowbg{
  background-image: url(../images/product/product-yellow-bg.png);  
    position: relative;
    width: 100%;

    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  min-height:872px;
  margin-top:-6%;
  padding-top:8%;
  z-index: 1;
    
}
.product-redbg{
   background-image: url(../images/product/product-red-bg.png);  
    position: relative;
    width: 100%;

    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  min-height:872px;
  margin-top:-6%;
  padding-top:8%;
  z-index: 1;
   /* position: relative;
  width: 100%;  
  background:
    linear-gradient(#ed1b24, #ed1b24),
    url(../images/product/product-yellow-bg.png);
  background-blend-mode: multiply; 
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;

  min-height:872px;
  margin-top:-6%;
  padding-top:8%;
  z-index:1; */
}
.product-yellowbg h1{
  font-family: HWT Artz;
  font-weight: 700;
  font-size: 60px;
  line-height: 148%;
  color:#FF502E;
}
.like-font{
  font-family: HWT Artz;
  font-weight: 700;
  font-size: 60px;
  line-height: 20px;
  color:#FF502E;
}
.like-card-first {
  background-color: #FCF7E2;
  border: none;
  border-radius: 36.67px;
  /* padding-bottom: 10px; */
  /* height: 371px; */
}
.like-card-first:hover{
  background-color: #FFCD1E;
  box-shadow: -3px 10px 21.5px 0px #00000040;
  cursor: pointer;
}
.like-card-first img:hover {
  position: relative;
  margin-top: -30%;
  left: -55px;
  min-width: 525px;
  cursor: pointer;
}
.hover-pro-text {
  font-family: HWT Artz;
  font-weight: 700;
  font-size: 32px;
  line-height: 2%;
  color: #FF502E;
  text-align: center;
  position: relative;
  top: -12px;
}
.vada-pro-small{
  min-width:234px;
}
.vada-pro-small {
  min-width: 248px;
  position: relative;
  left: -43px;
}
.pro-right-img{
  position: relative;
  top:-10px;
}
.like-sec{
  margin-bottom:-7%;
}
/* .pro-top-border{
  border-bottom: 2px solid white;
  position: relative;
  top:-10px;
} */
.pro-top-border {
  position: relative; /* Important for positioning the ::after */
}

.pro-top-border::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 7px;
  width: 195%;
  height: 2px; /* <-- Thickness of your border */
  background-color: white; /* <-- Border color */
}

.border-design {
  position: relative; /* Important for positioning the ::after */
}

.border-design::after {
  content: "";
  position: absolute;
  left: 0px;
  bottom: -7px;
  width: 37%;
  height: 1.5px; /* <-- Thickness of your border */
  background-color: black; /* <-- Border color */
}

.card-section .first-card-require:hover{
  position: relative;
  top:-15%;
}
.card-section a{
  text-decoration: none;
}
.blog-img .first-card-require img:hover{
  position: relative;
  top:-10%;
}
.star{
  display: flex;
  /* flex-direction: row-reverse; */
  position: relative; 
}
      /* label{
            color:red !important;
            } */
            /* .contact_form .input-box{
              color:red !important;
            } */
    .error, .input-error{
    font-family: Poppins;
    font-weight: 500;
    font-size: 22px;
    color: #db0b0b !important;
}
/* .margintop{
  margin-top:-70px !important;
} */


.recipe-title{
  font-family: HWT Artz;
  font-weight: 700;
  font-size: 75px; 
  text-transform: uppercase;
  color:#FF502E;
  
}

/*amazon links code*/
  .buy-card {
    display: block;
    /* background: #2b2b2b; */
    background: #0C54A0;
    color: #fff;
    text-align: center;
    padding: 22px 10px;
    border-radius: 18px;
    text-decoration: none;
    height: 100%;
    transition: all 0.3s ease;
    width:100%;
}

.buy-card:hover {
    transform: translateY(-4px);
    color: #fff;
}

.buy-card small {
    display: block;
    font-size: 11px;
    letter-spacing: 1px;
    margin-bottom: 6px;
    opacity: 0.9;
}

/* Brand text styles */

.buy-card img{
    width:100%;
    height:100px;  
    object-fit: contain;
}

@media (max-width: 575px) {
.buy-card {
/* padding: 16px 8px; */
padding: 10px 8px;
border-radius: 14px;
max-height:120px;
}
.amazon img{
  max-width: 200px !important;
  padding-top:14px;
}

.buy-card img {
max-width: 230px;
}


.buy-card small {
font-size: 10px;
margin-bottom:0px;
}
}


/* ---------------- TABLET ---------------- */
@media (min-width: 576px) and (max-width: 991px) {
.buy-card img {
max-width: 110px;
}
}


/* ---------------- DESKTOP ---------------- */
@media (min-width: 992px) {
.buy-card {
padding: 22px 10px;
}


.buy-card img {
/* max-width: 130px; */
max-width:230px;
}
}
.card-product{
  min-height:280px !important;
}
.text-yellow-color{
  color:#ffcd1e;
}
.step-yellow{
  color:#ffcd1e;
    font-size:32px;
  margin-bottom: -1px;
}
  .step-yellow-color{
  font-size:40px;
  color: white;
}
.step-yellow-para{
  font-family: 'Metropolis Regular', sans-serif !important;
  font-weight: 500;
  font-size:22px;
  line-height:25px;
  color:white;
}
.iproduct-top-tworoots {
 min-width: 739px;
  height: 611px;
  /* min-width: 500px;
height: 500px; */
  position: relative;
  left: -140px;
}

/*blog pages code*/
.blog-whitebg{
  background-image: url("../images/blog/blog-white-head.png");
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  min-height:450px;
  
}
.benefit-whitebg{
   background-image: url("../images/blog/blog-white-head.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    background-attachment: fixed;
    padding-bottom: 300px; /* extend under the curve */
}
.bloglist-whitebg{
   background-image: url("../images/blog/blog-white-head.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    background-attachment: fixed;
    padding-bottom: 200px; /* extend under the curve */
}
  .soak-yellow-bg{
    background-image: url('../images/blog/soak-sabudana-yellowbg.png');
    background-size: cover;  
    background-repeat: no-repeat;
    min-height:1150px;
    width:100%;
    margin-top:-10%;    
    position: relative;  
    z-index: 1;
  }
   .soak-red-bg{
    background-image: url('../images/blog/soak-sabudana-redbg.png');
    background-size: cover;  
    background-repeat: no-repeat;
    min-height:1250px;
    width:100%;
    margin-top:-20%; 
    margin-bottom:-25%;   
    position: relative;  
    z-index: 2;
  }
  .cook-sabudana-yellowbg{
     background-image: url('../images/blog/cook-sabudana-yellowbg.png');
    background-size: cover;  
    background-repeat: no-repeat;
    min-height:1250px;
    width:100%;
    /* margin-top:-10%;     */
    position: relative;  
    z-index: 1;
  }
  .soak-foot{
    z-index:3;
     position: relative;
     margin-top:-10%;
  }
  /* .top-sabudana-space{
    padding-top:-20% !important;
  } */
   .soak-circle-left{
      width:auto;
      height:200px;
      margin-top:-30%;
      margin-left:-30%;
  }
  .soak-circle-right{
    margin-top:-20%;
    height:100px;
  }
.soak-circle-red-right{
   padding-top:40%;
   padding-left:150px !important;  
}

   .soak-sabudana{
padding-top:10%;
margin-left:-100px;
   }
   .soak-sabudana-title{
    padding-top:20%;
   }
   
   .soak-sabudana-para{
    font-family: 'Metropolis Regular', sans-serif !important;
    font-weight: 500;
    font-size: 21.12px;
    line-height: 25px;
    color: black;
   }
  .sago-text{
    margin-top:-12%;
  }
  .soak-red-para{
    color:white !important;
  }
  .cook-step{
    width: 150px;
height: auto;
  }
  .title-cooktext{
    font-family: Poppins;
font-weight: 700;
font-style: Bold;
font-size: 62px;
color: #2B2B2B;
text-align: center;
vertical-align: middle;
text-transform: capitalize;
  }
.subtitle-cooktext{
  font-family: Poppins;
font-weight: 700;
font-style: Bold;
font-size: 62px;
text-align: center;
vertical-align: middle;
color: #FF502E;

}
.cook-dailysabudanaimg{
  margin-top:-100px;
}
.blog-whitecookbg{
  background-image: url("../images/blog/blog-white-head.png");
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  min-height:990px;
  margin-top:-110px;  
}
.subtitle-cooktextstep2{
   font-family: Poppins;
font-weight: 700;
font-style: Bold;
font-size: 62px;
text-align: center;
vertical-align: middle;
color: #2B2B2B;

}
.cook-final{
  z-index:1;
  margin-top:-150px;
}
/* .important-img img{
  margin-top: -200px;
} */
.final-overlay h2{
font-family: Poppins;
font-weight: 700;
font-style: Bold;
font-size: 50px;
line-height: 120%;
letter-spacing: 0%;
vertical-align: middle;
text-transform: capitalize;
}
.title-important img {
    margin-right: 50px;
    padding-top:35px;   
}
.cook-finaloverlay p{
  text-transform: initial !important;
}
.benefit-title{
 font-family: HWT Artz;
font-weight: 700;
font-style: Regular;
font-size: 75px;
text-transform: uppercase;
color:#072A61;
}
.benefit-red-title{
  color: #FF6243;
}
.benefit-subtitle{
  font-family: Poppins;
font-weight: 700;
font-style: Bold;
font-size: 45px;
text-transform: initial;
color: #072A61;
}
.benefit-red-subtitle{
  color: #FF6243;
}
.right-space{
margin-right:20px;
height: 100px;
}
.benefit-para{
font-family: Poppins;
font-weight: 500;
font-style: Medium;
font-size: 35px;
color:#2B2B2B;
Line-height: 111.00%;
letter-spacing: 0%;
vertical-align: middle;
text-transform: lowercase;
}
.benefit-subpara{
  font-family: Poppins;
font-weight: 300;
font-style: Light;
font-size: 25px;
line-height: 130%;
letter-spacing: 0%;
vertical-align: middle;
text-transform: lowercase;
}
.why-title{
  font-family: HWT Artz;
font-weight: 700;
font-style: Regular;
font-size: 40px;
line-height: 148%;
letter-spacing: 0%;
vertical-align: middle;
text-transform: lowercase;
color: #FF6243;

}
.benefit-list li{
font-family: Poppins;
font-weight: 400;
font-style: Regular;
font-size: 25px;
line-height: 111.00000000000001%;
letter-spacing: 0%;
vertical-align: bottom;
text-transform: capitalize;
color:#000000;
}
.nature{
  font-family: Poppins;
font-weight: 700;
font-style: Bold;
font-size: 45px;
line-height: 111.00000000000001%;
letter-spacing: 0%;
vertical-align: middle;
color: #FF6243;
}
.digest{
    font-family: Poppins;
font-weight: 700;
font-style: Bold;
font-size: 45px;
line-height: 111.00000000000001%;
letter-spacing: 0%;
vertical-align: middle;
color:#FFCD1E;
}
.digest-img{
  padding-right:50px; 
  height:70px;
}
.nature-img{
  height:70px;
  padding-right:50px;
}
.nature-para{
  font-family: Poppins;
font-weight: 500;
font-style: Medium;
font-size: 25px;
line-height: 111.00000000000001%;
letter-spacing: 0%;
vertical-align: middle;
text-transform: lowercase;
color: #4B4B4B;
}
.digest-para{
  font-family: Poppins;
font-weight: 500;
font-style: Medium;
font-size: 25px;
line-height: 111.00000000000001%;
letter-spacing: 0%;
vertical-align: middle;
text-transform: lowercase;
color:white;
}
.nature-title{
  font-family: HWT Artz;
font-weight: 700;
font-style: Regular;
font-size: 40px;
line-height: 102%;
letter-spacing: 0%;
vertical-align: middle;
text-transform: lowercase;
color: #FF6243;
}
.digest-title{
    font-family: HWT Artz;
font-weight: 700;
font-style: Regular;
font-size: 40px;
line-height: 102%;
letter-spacing: 0%;
vertical-align: middle;
text-transform: lowercase;
color:#FFCD1E;
}
.nature-list li{
  font-family: Poppins;
font-weight: 400;
font-style: Regular;
font-size: 25px;
line-height: 111.00000000000001%;
letter-spacing: 0%;
vertical-align: middle;
text-transform: lowercase;
color: #4B4B4B;
line-height:40px;
}
.digest-list li{
  font-family: Poppins;
font-weight: 400;
font-style: Regular;
font-size: 25px;
line-height: 111.00000000000001%;
letter-spacing: 0%;
vertical-align: middle;
text-transform: lowercase;
color: white;
line-height:30px;
}
.fourth-card{
  background-color:#FF6243 !important; 
  border-radius:36.67px !important;
  height:330px;
  /* width:385px; */
}
.hydration-para1{
  font-family: Poppins;
font-weight: 300;
font-style: Light;
font-size: 25px;
line-height: 111.00000000000001%;
letter-spacing: 0%;
vertical-align: middle;
text-transform: lowercase;
color:#FFFFFF;
text-align: center;
}
.hydration-para2{
  font-family: Poppins;
font-weight: 400;
font-style: Regular;
font-size: 25px;
line-height: 111.00000000000001%;
letter-spacing: 0%;
text-align: center;
vertical-align: middle;
text-transform: lowercase;
color:#FFFFFF;
text-align: center;
}
.benefit-foot{
  margin-top:-12%;
}
 .view-more{
  margin-top:-50px;
 }
 .buynow{
  font-family: Metropolis;
font-weight: 700;
font-style: Bold;
font-size: 32.14px;
line-height: 148%;
letter-spacing: 54%;
vertical-align: middle;
text-transform: uppercase;
color:white;
 }
.fluffy-title h2{
  font-family: HWT Artz;
font-weight: 700;
font-style: Regular;
font-size: 121.33px;
line-height: 148%;
color: #FFDD00;
z-index: 1 !important;
padding-top:35%;
}
.madefrom{
  /* font-family: Metropolis; */
font-weight: 500;
font-style: Medium;
font-size: 29.32px;
line-height: 89%;
letter-spacing: 21%;
text-align: center;
text-transform: uppercase;
color:white;
padding-top:30px;
}
.buynow-product {
    font-family: Metropolis;
    font-weight: 700;
    font-style: Bold;
    font-size: 32.14px;
    line-height: 148%;
    letter-spacing: 30%;
    vertical-align: middle;
    text-transform: uppercase;
    color: #0c54a0;
    padding-top:20px;
}
.buynow-iproduct{
  font-family: Metropolis;
    font-weight: 700;
    font-style: Bold;
    font-size: 32.14px;
    line-height: 148%;
    letter-spacing: 30%;
    vertical-align: middle;
    text-transform: uppercase;
    color: #ffcd1e;
    padding-top:20px;
}
.whatsapp a:hover{
  color:#4B4B4B;
  font-weight: 300;
  text-decoration-thickness: 1px;
}