@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;1,700&family=Open+Sans:ital,wght@0,500;0,600;0,800;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;600;700&display=swap');


body,html{
padding: 0;
margin:0 ;
box-sizing: border-box; 
}

.sweet-product{
  overflow: hidden;
}


*,p,h1,h2,h3,h4,h5,h6{
padding: 0;
margin: 0;	
font-family:Rubik;
}
a{
text-decoration: none;
color: #262626;
}
.zoom-in {
  cursor: zoom-in;
}
 

.class0{
	background:#d7d7d7;
    height: 3px;
}

.class1{
	padding-left: 50px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.class2{
	 background: #d7d7d7;
	text-align: center;
	width: 250px;
	border-radius: 25px;
}
.class2 p{
	padding: 5px;
	font-weight: 600;
}
.class2 p a:hover{
	text-decoration: none;
}
.class2 i{
	padding: 5px;
	color: #848484;
}
.class2 p a{
	color: #848484;
}

 
.class3 p{
	padding: 5px;
	font-weight: 600;
}
.class3 p a:hover{
	text-decoration: none;
}
.class3 i{
	padding: 5px;
	color: #e31e24;
}
.class3 p a{
	color: #000;
}
.class4{
	/*background: #e1e1e1;*/
	width: 250px;
	padding:5px;
}
.pt50{
	padding-top: 50px;
}
.pb50{
	padding-bottom: 50px;
}
.ha-about span{
letter-spacing: 10px;
color: #000;
}
.ha-about h1{
color: #e40000;
font-weight: 700;
font-size: 45px;
}

.ha-about p{
	margin-top: 25px;
	color: #2e2d2c;
}
.tasty{
	padding: 0;
	width: 100%;
	overflow: hidden;
}
.tasty-left{
	background: #3e7a79; 
}

.tasty-left > div{ 
padding-top: 25px;
}

.tasty-right{
	background: #fde801; 
}
.tasty-right > div{
	text-align: center;
	padding-top: 50px;
}
.tasty-right-img1{
	margin-bottom: 40px;
}
.tasty-right > div p{
color: #000;
font-size: 18px;

padding:25px ;
padding-top: 25px;
text-align: left;
}

.sweets {
    background-image: url('../images/extra/bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    text-align: center;
    padding: 0;
    overflow: hidden;
    padding-top: 50px;
}
.sweets > div > div h2{ 
	color: #fde801;
	font-weight: 700;
}
.sweets-img1{
	padding-top: 10px;
	padding-bottom: 25px;
}
.sweets-img2{
	padding-bottom: 25px;
}



.h-about{
	text-align: center;
	background: #f4f4f4;
	padding-top: 50px;
	padding-bottom: 50px;
}
.h-about h2{
	color: #fa0018;
	font-weight: 700;
}
.h-about-left{
	padding-top: 50px;

}

#video-popup-container {
  display:none;
  position: fixed;
  z-index: 996;
  width: 60%;
  left: 50%;
  margin-left: -30%;
  top: 20%;
  background-color: #fff;
}

#video-popup-close {
  cursor: pointer;
  position: absolute;
  right: -10px;
  top: -10px;
  z-index: 998;
  width: 25px;
  height: 25px;
  border-radius: 25px;
  text-align: center;
  font-size: 12px;
  background-color: #000;
  line-height: 25px;
  color: #fff;
}

#video-popup-iframe-container {
  position: absolute;
  z-index: 997;
  width: 100%;
  padding-bottom: 56.25%;
  border: 2px solid #000;
  border-radius: 2px;
  background-color: #000;
}

#video-popup-iframe {
  z-index: 999;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: #000;
}

#video-popup-overlay {
  display: none;
  position: fixed;
  z-index: 995;
  top: 0;
  left: 0;
  background-color: #000;
  opacity: 0.8;
  width: 100%;
  height: 100%;
}

#video-popup-close:hover {
  color: #DE0023;
}

.h-about-right{ 
}
.h-about-right a{
	cursor: pointer;
}

.good-health{
	padding-bottom: 100px;
}


.class21 img{
  height: 50px;
}
.class21 h1{
position: relative;
    color: #fff600;
    clip-path: polygon(0 0, 100% 0, 95% 100%, 5% 100%);
    background: #92295f;
    width: fit-content;
    padding: 5px 128px;
    margin: auto;
    font-weight: 700;
}
.class23{
  background: #92295f;
  border-radius:0px 0px 50px 50px;
  margin-top: -10px;
  padding: 30px 0;
  height: 400px;
}
.class23 img{
  width: 80%;
}


.class31{
  padding-left: 20px;
}
.class32{
  margin-top: 30px;
  padding-right: 20px;
}
.class32 h4{
  color: #92295f;
  font-weight: 700;
}
.class32 p{ 
}





.class33{
  padding-left: 20px;
  margin-top: 20px;
}
.class34{
  margin-top: 30px;
  padding-left: 20px;
  }
.class34 h4{
  color: #1faeaf;
  font-weight: 700;
}
.class34 p{ 
}


.class35{
  padding-left: 20px;
   margin-top: 20px;
}
.class36{
  margin-top: 30px;
  padding-left: 20px;
  }
.class36 h4{
  color: #77a21d;
  font-weight: 700;
}
.class36 p{ 
}




.class37{
  margin-top: 30px;
  padding-left: 20px;
  }
.class37 h4{
  color: #92295f;
  font-weight: 700;
}
.class37 p{ 
}
.class38 {
    padding-right: 23px;
    margin-top: 10px;
    margin-left: -20px;
}



.class39{
  margin-top: 30px;
  padding-left: 20px;
  }
.class39 h4{
  color: #15b4b1;
  font-weight: 700;
}
.class39 p{ 
}
.class40 {
    padding-right: 23px;
    margin-top: 10px;
    margin-left: -20px;
}




.class41{
  margin-top: 30px;
  padding-left: 20px;
  }
.class41 h4{
  color: #77a21d;
  font-weight: 700;
}
.class41 p{ 
}
.class42 {
    padding-right: 23px;
    margin-top: 10px;
    margin-left: -20px;
}




/********foooter start******/
footer{
  background:#92000e;
}

.class51 {
  text-align: center;
}
.class51 ul{
  list-style: none;
  padding-top: 20px;
}
.class51 ul li{
  display: inline;
  padding: 5px;
}

.class52 {
  text-align: center;
}
.class52 p{
  color: #fff;
  font-size: 18px;
}
.class52 p span{
  color: #d1aa03;
}


#class53{
  padding: 50px 0 30px  30px;
}
#class53 i {
    font-size: 44px;
    /* background: red; */
    padding: 15px;
    color: #fde801;
    /* height: 60px; */
    /* width: 60px; */
    top:33px;
    border-radius: 5px;
    position: absolute;
}
#class53 h4{
 margin-left: 65px;
    font-family: cursive;color: #fff;
}
#class53 h2{
 margin-left: 65px;
    font-family: cursive; 
    color: #fff;
    font-size: 18px;
}


#class54{
  padding: 50px 0 30px  30px;
}
#class54 i {
    font-size: 35px;
    /* background: red; */
    /* padding: 12px; */
    color: #fde801;
    /* height: 60px; */
      top: 46px;
    /* width: 60px; */
    border-radius: 5px;
    position: absolute;
    font-size: 53px;
}
#class54 h4{
 margin-left: 65px;
    font-family: cursive;color: #fff;
}
#class54 h2{
 margin-left: 65px;
    font-family: cursive;
    color: #fff;
    font-size: 18px;
}
#class54 h2 a,#class53 h2 a{
	color: #fff;
	text-decoration: none;
}


#class55{
  padding: 50px 0 30px  30px;
}
#class55 i {
    font-size: 54px;
    /* background: red; */
    padding: 9px;
    color: #fde801;
    /* height: 60px; */
    /* width: 60px; */
    top: 43px;
    border-radius: 5px;
    position: absolute;
}
#class55 h4{
 margin-left: 65px;
    font-family: cursive;color: #fff;
}
#class55 h2{
 margin-left: 65px;
    font-family: cursive;
    color: #fff;
    font-size: 18px;
}
.class56 {
    height: auto;
    text-align: center;
    background: #c11324;
    /* padding: 1px; */
    padding-bottom: 15px;
}
.class56 h3{
  font-size: 18px;
  color: #fff;
  padding-top: 15px;
}
.class56 h3 span,.class56 h3 span a{
  color: #e4ff00;
}
.extraspace{
  height: 100px;
}



/*about code start*/
.inner-sec{
	background-image: url('../images/extra/innerbg.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	height:350px;
	text-align: center;
	position: relative;   
	padding-top: 100px;
}
.inner-content span{
    letter-spacing: 10px;
    color: #fff;
}
.inner-content h1{
	    color: #ffe119;
    font-weight: 700;
    font-size: 45px;
         -webkit-text-stroke-width: 3px;   
            -webkit-text-stroke-color: #cb5719;   
            text-shadow:3px 3px 4px rgba(0, 0, 0, 0.3);
}
.inner-img{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin:auto;
}



.about-content{
	text-align: center;
	padding-top: 50px;
	padding-bottom: 50px;
}
.about-second{
	padding-bottom: 50px;
}
.about-second h2{
    color: #ffcd09;
    font-size: 35px;
    font-weight: 700;
    width: fit-content;
    margin: auto;
    background: #e82228;
    padding: 10px 40px;
    border-radius: 50px;
    border: 3px solid #c59c38;
}
.about-second p{

	text-align: center;
	max-width: 700px;
	margin: auto;
		margin-top: 25px;
}
.about-list{
	margin-top: 100px;
}
.about-list > div{
	position: relative;
	margin-bottom: 50px;
}
.about-list > div h3{
	position: relative; 
	font-weight: 500;
	color: #000;
	font-size: 20px;
	padding-left: 45px;
}
.about-list > div h3::after{
	position: absolute;
	content: " ";
	left: 0;
background-image:url('../images/extra/true.png') ;
height: 35px;
width: 36px;
}


#class28a{
	background-image: url('../images/extra/about-bg.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	height: auto;
	padding-top:80px;
	padding-bottom:100px;
  overflow: hidden;
}

.class28a{ 
}

.class29a{ 
	padding:10px 25px;
}
.class30a{
	background-color: #e31e24;
	margin: auto;
	height: 100px;
	text-align: center;
	width:100px;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	-ms-border-radius: 50px;
	-o-border-radius: 50px;
	padding-top:15px;
}
.class31a{
	background-color: #fff;
	margin-top: -40px;
	box-shadow:0px 0px 8px 0px rgb(0 0 0 / 10%);
	text-align: center;
	padding: 25px;
	padding-bottom: 5px;
	border-radius: 25px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	-ms-border-radius: 25px;
	-o-border-radius: 25px;
	padding-bottom: 25px;
}
.class31a h2{
	font-size: 22px;
	font-family:Raleway;
	font-weight: 700;
	margin-top: -10px;
	color: #e31e24;
}
.class31a p{
	color: #393939; 
	margin-top: 15px;
	font-family:Raleway; 
}
.class29-left{
	padding-right: 100px;
}
.class29-right{
padding-left: 100px;
}






/*sweet code start*/
.sweet-inner-sec{
	background-image: url('../images/extra/sweet-inner.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	height: 350px;
	text-align: center;
	position: relative;  
	display: flex;
	justify-content: center;
	    align-items: center;
}
.sweet-inner-content span{
    letter-spacing: 10px;
    color: #fff;
}
.sweet-inner-content h1{
  text-transform: uppercase;
	    color: #ffe119;
    font-weight: 700;
    font-size: 45px;
         -webkit-text-stroke-width: 3px;   
            -webkit-text-stroke-color: #cb5719;   
            text-shadow:3px 3px 4px rgba(0, 0, 0, 0.3);
}



/*papad code start*/
.papad-inner-sec{
	background-image: url('../images/extra/papad-inner.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	height: 350px;
	text-align: center;
	position: relative;  
	display: flex;
	justify-content: center;
	    align-items: center;
}
.papad-inner-content span{
    letter-spacing: 10px;
    color: #fff;
}
.papad-inner-content h1{
	    color: #ffe119;
    font-weight: 700;
    font-size: 45px;
         -webkit-text-stroke-width: 3px;   
            -webkit-text-stroke-color: #cb5719;   
            text-shadow:3px 3px 4px rgba(0, 0, 0, 0.3);
}



/*wafers code start*/
.wafers-inner-sec{
	background-image: url('../images/extra/chips-inner.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	height: 350px;
	text-align: center;
	position: relative;  
	display: flex;
	justify-content: center;
	    align-items: center;
}
.wafers-inner-content span{
    letter-spacing: 10px;
    color: #fff;
}
.wafers-inner-content h1{
	    color: #ffe119;
    font-weight: 700;
    font-size: 45px;
         -webkit-text-stroke-width: 3px;   
            -webkit-text-stroke-color: #92000e;   
            text-shadow:3px 3px 4px rgba(0, 0, 0, 0.3);
}


.inner-img-1{
	position: absolute;
	bottom: 0;
	left: 0; 
	margin:auto;
}
.inner-img-2{
	position: absolute; 
	right: 0;
	margin:auto;
}



.sweet-product-left{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#bb0c07+0,fee100+100 */
background: rgb(187,12,7); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(187,12,7,1) 0%, rgba(254,225,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(187,12,7,1) 0%,rgba(254,225,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(187,12,7,1) 0%,rgba(254,225,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bb0c07', endColorstr='#fee100',GradientType=1 ); /* IE6-9 */
border-radius: 50px;
padding-top: 35px;
}

.sweet-product-right{ 
    height: auto;
    display: flex;
    flex-direction: column; 
    justify-content: center;
    padding: 0;
}
.sweet-product-right h2{
	color: #bb0c07;
	font-weight: 700;
	font-size: 45px; 
	text-align: center;
}
.sweet-product-right > div{
	background: #e82228;
	border-bottom-right-radius: 25px;
	border-top-right-radius: 25px;
padding: 25px 50px; 
border: 3px solid #f4c001;
border-left: none;
text-align: center;
margin-top: -10px;
}
.sweet-product-right > div h3{
	color: #ffe509;
	font-weight: 700;
	font-size: 25px;
}
.sweet-product-right > div h4{
	font-weight: 600;
	color: #fff;
}

.sweet-product .row{
	margin-bottom: 100px;
}
.sweet-product .d-flex{ 
	    flex-direction: row-reverse;
}

.sweet-product .d-flex .sweet-product-right > div{
	background: #e82228;
	border-radius: 0;
	border-bottom-left-radius: 25px;
	border-top-left-radius: 25px;
padding: 25px 50px; 
border: 3px solid #f4c001;
border-right: none;
text-align: center;
margin-top: -10px;
}



.about-content h2 {
    color: #ffcd09;
    font-size: 35px;
    font-weight: 700;
    width: fit-content;
    margin: auto;
    background: #e82228;
    padding: 10px 40px;
    border-radius: 50px;
    border: 3px solid #c59c38;
    margin-bottom: 25px;
}
.about-content h2 span{
	color: #fff;
}


.wafers-content > div{
	background: #ffe119;
	text-align: center;
	padding-top: 25px;
	margin-bottom: 50px;
}
.wafers-content h2{
	background: #e82228;
	font-weight: 700;
	font-size: 20px;
	color: #fff;

	padding: 20px 5px;
}
.wafers-content h2 span{
	color: #ffe119;
}











.class143{
	margin-top: 50px;
}
.class143 input{
	margin-top: 25px;
}


.myform{
  background: #fff;
  border-radius: 15px;
  padding: 35px 50px;
  -webkit-box-shadow: 1px -3px 14px -1px rgba(0,0,0,0.21);
  -moz-box-shadow: 1px -3px 14px -1px rgba(0,0,0,0.21);
  box-shadow: 1px -3px 14px -1px rgba(0,0,0,0.21);
  margin-bottom: 50px;
  }
  input[type="text"],     input[type="email"]   {
  position: relative;
  display: block;
  width: 100%;
  color: #a5a5a5;
  line-height: 26px;
  padding: 10px 20px;
  height: 60px;
  font-size: 14px;
  border-radius:15px;
  background: #f4f4f4;
  border: 1px solid transparent;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px; 
  margin-bottom: 25px;
  -webkit-box-shadow: 1px -3px 14px -1px rgba(0,0,0,0.21);
  -moz-box-shadow: 1px -3px 14px -1px rgba(0,0,0,0.21);
  box-shadow: 1px -3px 14px -1px rgba(0,0,0,0.21);
  }
  
  textarea {
  position: relative;
  display: block;
  width: 100%;
  line-height: 26px;
  padding: 10px 20px!important;
  color: #a5a5a5!important;
  height: 200px!important;
  font-size: 14px;
  resize: none;
  border-radius: 15px!important;
  background: #f4f4f4!important;
  border: 1px solid transparent!important;
  -webkit-transition: all 300ms ease!important;
  -ms-transition: all 300ms ease!important;
  -o-transition: all 300ms ease!important;
  -moz-transition: all 300ms ease!important;
  transition: all 300ms ease!important;
  -webkit-border-radius: 15px!important;
  -moz-border-radius: 15px!important;
  -ms-border-radius: 15px!important;
  -o-border-radius: 15px!important;
  margin-bottom: 25px!important;
  -webkit-box-shadow: 1px -3px 14px -1px rgba(0,0,0,0.21)!important;
  -moz-box-shadow: 1px -3px 14px -1px rgba(0,0,0,0.21)!important;
  box-shadow: 1px -3px 14px -1px rgba(0,0,0,0.21)!important;
}
  input[type="submit"] {
  background: #ffe119;
  color: #000;
  line-height: 26px;
  padding: 10px 50px;
  height: 60px;
  font-size: 14px;
  border-radius:15px;
  border:3px solid  #ffe119;
  text-transform: uppercase;
  transition: all 0.6s;
  }
  input[type="submit"]:hover{
  background: #92000e;
  color: #fff;
  }
  *:focus {
  outline: none;
  }
  
  textarea:focus, input:focus{
  outline: none!important;
  }
  .form-control:focus {
  border-color: inherit;
  -webkit-box-shadow: none;
  box-shadow: none;
  }












  
/***************contact***************/
.class50c{
  padding-right: 25px;
  margin-top: 50px;
  }
  
  .class51c
  h1{
     color: #92000e;
     font-weight: 700;
     text-transform: uppercase;
     font-family: Calibri;
     text-decoration: underline;
     text-decoration-color: #92000e;
     text-underline-offset: 10px;
     text-decoration-thickness: 2px;
     margin-bottom: 25px;
     font-size: 25px;
     -moz-text-decoration-color: #92000e;
}
   
  .class52c{
    margin-top: 55px; 
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #92000e;
  }
  .class52c i{  
    font-size: 22px;  
  }
  .class52c p span{ 
  }
  .class52c p{
    color: #000;
  }
  .class52c
  h2{
    font-size: 20px;
      color: #92000e;
    font-weight: 700;
    text-transform: uppercase;
    font-family: Calibri;
  }
  
  .class53c{
    margin-top: 25px;   
    padding-top: 10px;
    padding-bottom: 10px;
      border-bottom: 1px solid #92000e;
  }
  .class53c i{
    font-size: 22px;  
  }
  .class53c p{
    color: #000;
  }
  .class53c
  p
  a{
    color: #000;
  }
  
  .class53c
  h2{
      color: #92000e;
    font-weight: 700;
    text-transform: uppercase;
    font-family: Calibri;
    font-size: 20px;
  }
  .class54c{
    margin-top: 25px;   
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 50px;
  }
  .class54c i{ 
    font-size: 22px;
  }
  .class54c p span{
    margin-left: 30px;
  }
  .class54c p a{
    color: #000;
  }
  .class54c
  h2{
      color: #92000e;
    font-weight: 700;
    text-transform: uppercase;
    font-family: Calibri;
    font-size: 20px;
  }
  
  .class55c {
      margin-top: 50px;
      padding-left: 25px;
      background: #92000e;
      padding-top: 0;
      margin-bottom: 50px;
      padding-bottom: 25px;
  }
  
  .class56c
  h1{
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    font-family: Calibri;
     text-decoration: underline; 
     text-decoration-color: #fff;
      text-underline-offset: 10px; 
      text-decoration-thickness: 2px;
    margin-bottom: 25px;
    font-size: 25px;
  }
   
  .class56c p{
    margin-top: -10px;
    color: #fff;
     font-size: 20px;
       font-family: 'Calibri';
  }
   
   
  .class58c{
      padding-bottom: 25px;
  }