@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');

*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.classtext h1{
     font-size: 25px;
  font-weight: 700;
  text-transform: uppercase;
  width:400px;
}
.class1{
	height: 5px;
	background: #064f17;
}
.class2{
	padding-top: 10px;
	padding-left: 50px;
	padding-bottom: 25px;
}

.class3{
	padding-top: 10px;
	padding-left: 50px;
}
.class4{
	position: absolute;
	margin-top: 5px;
}
.class5{
	margin-left: 50px;
}
.class5 h2{
	font-size: 20px;
	color: #7fad69;
	flex-wrap: 700;
}
.class5 p{
	margin-top: -10px;
	font-size: 15px;
}
.class5 p a{
	color: #000;
}


.class6{
	padding-top: 10px;
}
.class7{
	position: absolute;
	margin-top: 5px;
}
.class8{
	margin-left: 50px;
}
.class8 h2{
	font-size: 20px;
	color: #7fad69;
	flex-wrap: 700;
}
.class8 p{
	margin-top: -10px;
	font-size: 15px;
}
.class8 p a{
	color: #000;
}
.class9{
	background: #ffed00;
}
#class9{
	position: relative;
	z-index: 1;
}
.class10{
	text-align: center;
}
.class11
h2{
	margin-top: 50px;
	font-size: 20px;
	font-weight: 600;
	color: #000;
	padding-top: 25px;
}
.class12{
	margin-top: -45px;
}
.class13{
	margin-top: 10px;
}
.class14
p{
	text-align: center;
	font-size: 15px;
	padding: 25px 50px;
	color: #000;
}
.class15{
	background: #ffed00;
}
.class16{
	text-align: center;
	margin-top: -180px;
}
.class16 img{
	position: relative;
	z-index: 0;
}
.class17{
	position: absolute;
}
.class19{
	margin-top: 70px;
}
.class22{
	overflow: hidden;
}



.class21{
	text-align: center;
}
.class21 img{
	width: 100px;
	padding-bottom: 5px;
}
.class21
p{
	font-weight: 600;
}

.class22{
	margin-top: -150px;
}

#hover2{
	background: #f4f4ff;
}




.class24{
	margin-top: 50px;
}
.class25{
	margin-top: 50px;
}
.class26{
	padding: 25px;
	background: #f2f3f4;
	box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.2);
}
.class26
h2{
	font-size: 25px;
	font-weight: 700;
	color: #98a500;
}
.class26
hr{
	transition: 1s;
	width: 15%;
	margin-top: -5px;
	border: 3px solid #98a500;
}
.class26
p{
	font-weight: 600;
}

.class26{
	transition: 1s;
}
.class26:hover{
	background:#A33619;
	transform: scale(1.1);
	z-index: 1;
}
.class26:hover p{
	color: #fff;
}
.class26:hover hr{
	width: 80%;
}
.class27{
	position: relative;
	margin-top: 80px;
	overflow: hidden;
	background: #98a500;
}

.class28{
	position: absolute;
	top: 50;
	left: -100;
}
.class29{
	position: absolute;
	right: -100;
	top: 50px;
}


.class30{
	text-align: center;
}
.class30 h1{
	color: #ffed00;
	padding-top: 25px;
	font-family: Raleway;
	font-weight: 700;
}
.class30
img{
	margin-bottom: 25px;
	
}
.cardimg
img{
	margin: auto;
	z-index: 1;
	position: relative;
}

.class31{
	margin-top: -100px;

}
.class31
img{
	margin: auto;
	position: relativez;
	z-index: 0;
}

.bx-wrapper {
	margin-bottom: 0!important;
    -moz-box-shadow: 0 0 0px #ccc!important;
    -webkit-box-shadow: 0 0 0px #ccc!important;
    box-shadow: 0 0 0px #ccc!important;
    border: 0px solid #fff!important;
    background:transparent!important;
}
.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    right: -25px;
    margin-top: -16px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    z-index: 9999;
}
.bx-wrapper .bx-prev {
    left: -25px!important;
    background: url(images/controls.png) no-repeat 0 -32px;
}
.bx-wrapper .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: none!important;

}
.class32{
	padding: 0;
	margin-top: -30px;
}
.class33{
	padding-bottom: 30px;
	background: #f2f3f4;
}
.class34{
	padding-top: 25px;
	padding-left: 20px;
}
.class35{
	margin-top: 50px;
	text-align: center;
}
.class36 h2{
	color: #518550;
	font-size: 25px;
	font-weight: 700;
}
.class36 p{
	font-weight: 600;
	color: #000;
}
.class36
p
a{
	color: #000;
}


.class37{
  background: #518550;
  height: 50px;
  text-align: center;
  padding-top: 10px;
}
.class37 p{
  color: #fff;
  font-size: 15px;
}
.class37 p span{
  color: #ffed00;
  font-weight: 600;
}
.class37 p span a{
  color: #ffed00;
}



/*********product***********/

.class38{
	position: relative;
	border-top: 4px solid #064F17;
}
.class39{
	position: absolute;
	top: 50;
}
.class40{
	position: absolute;
	top: 50;
	right: 0;
}
.class41{
	text-align: center;
	padding-top: 50px;
}
.class41 h1{
	color: #a52f00;
	font-weight: 700;
	font-family: Raleway;
}
.class41
p{
	font-family: Raleway;
	font-weight: 600;
	margin-top: 25px;
}
.class42{
	text-align: center;
	margin-top: 100px;
}

.class43{
	overflow: hidden;
	position: relative;
}

.class44{
	position: absolute;
	top: 50;
	left: -50;
}
.class45{
	position: absolute;
	top: 350;
	right: -50;
}

#class44{
	position: absolute;
	top: 750;
	left: -50;
}
#class45{
	position: absolute;
	top: 950;
	right: -50;
}
.class47{
	margin-top: 50px;
	position: relative;
	text-align: center;
}
.class48{
	position: relative;
	z-index: 1;
}
.class49{
	margin-top: -170px;
	z-index: 0;
}
.class49
h2{
	background:#eee202;
	width: 400px;
	margin: auto;
	padding: 5px 0;
	color: #115a3d;
	font-weight: 700;
	font-size: 22px;
}

.class50{
	margin-top: 50px;
}

.class51
h1{
	text-align: center;
	color: #115a3d;
	font-weight: bold;
	font-size: 25px;
}
.class52 table{
	margin: auto;
	text-align: center;
}
.class52
table
thead
tr
th{
	background: #0b6438;
	color: #fff;
	padding: 10px 15px;
	border: 1px solid #073c1b;
}
.class52
table
tbody
tr
td{
	padding: 10px 15px;
	border: 1px solid #073c1b;
}

#class52 table{
	margin: auto;
	text-align: center;
}
#class52
table
tr
td
{
	color: #000;
	padding: 10px 15px;
	border: 1px solid #073c1b;
}

table
tr #class53{
	background: #0b6438;
	font-weight: 600;
	color: #fff!important;
}
.class53{
	margin-top: 50px;
}



/*******aboutus**********/

.class58{
	position: relative;
	border-top: 4px solid #064F17;
}
.class59{
	position: absolute;
	top: 50;
}

.class60{
	position: absolute;
	top: 50;
	right: 0;
}
.class61{
	text-align: center;
	padding-top: 50px;
}
.class61 h1{
	color: #a52f00;
	font-weight: 700;
	font-family: Raleway;
}
.class61
p{
	font-family: Raleway;
	font-weight: 600;
	margin-top: 25px;
}

.class63{
	overflow: hidden;
	position: relative;
}

.class64{
	position: absolute;
	top: 50;
	left: -50;
}
.class65{
	position: absolute;
	top: 350;
	right: -50;
}

.class66{
	margin-top: 100px;
	margin-bottom: 100px;
	text-align: center;
}
.class68{
	transition: 1s;
}
.class68:hover{
	background:#A33619;
	transform: scale(1.1);
	z-index: 1;
}
.class68:hover h2{
	color: #fff;
}
.class68{
	box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.2);
	border-radius: 15px ;
	background: #fff;
	padding-top: 15px;
	padding-bottom: 20px;
}
.class68
h2{
	font-family: Raleway;
	font-weight: 600;
	margin-top: 15px;
	color: #a52f00;
	font-size:25px;
}
.class69{
	margin-top: 100px;
}
.class69 h1{
	color: #a52f00;
	font-weight: 700;
	font-family: Raleway;
}
.class69
p{
	font-family: Raleway;
	font-weight: 600;
	margin-top: 25px;
}

/**************contact*************/
.class71{
	text-align: center;
	padding-top: 50px;
}
.class71 h1{
	color: #a52f00;
	font-weight: 700;
	font-family: Raleway;
}
.class71
p{
	font-family: Raleway;
	font-weight: 600;
	margin-top: 25px;
}


.class73{
	overflow: hidden;
	position: relative;
}

.class74{
	position: absolute;
	top: 50;
	left: -50;
}
.class75{
	position: absolute;
	top: 350;
	right: -50;
}

.class76{
	margin-top: 100px;
	margin-bottom: 100px;
	text-align: center;
}
.class78{
	transition: 1s;
}
.class78:hover{
	background:#A33619;
	transform: scale(1.1);
	z-index: 1;
}
.class78:hover h2{
	color: #fff;
}
.class78{
	box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.2);
	border-radius: 15px ;
	background: #fff;
	height: 200px;
	padding-top: 15px;
	padding-bottom: 20px;
}
.class78
i{
	font-size: 45px;
}
.class78
h2{
	font-family: Raleway;
	font-weight: 600;
	margin-top: 15px;
	color: #a52f00;
	font-size:25px;
}
.class78
p{
	font-family: Raleway;
	font-weight: 600;
	margin-top: 5px;
	color: #000;
	padding: 0 10px;
	font-size:15px;
}
.class78
p a{
	color: #000;
}

.class79{
	margin-top: 100px;
}
.class79{
	box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.2);
	border-radius: 15px ;
	background: #fff;
	padding-top: 15px;
	padding-bottom: 50px;
}
.class80
h1{
	color: #a52f00;
	font-weight: 700;
	font-family: Raleway;
}
.class81
input{
	width:70%;
	margin: auto;
	border-radius: 0;
	margin-bottom: 15px;
}
.class81
textarea{
	width:70%;
	margin: auto;
	border-radius: 0;
	margin-bottom: 15px;
}
.class81 button{
	background: #a52f00;
	padding: 5px 50px;
	border: 0;
	color: #eee202;
	font-weight: 600;
	font-size: 18px;
	text-transform: uppercase;
	transition: 1s;
}


.class81 button:hover{
	background:#FFF000;
	transform: scale(1.1);
	color: #000;
	z-index: 1;
	box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.2);
}

/**********distributor***************/

.class91{
	text-align: center;
	padding-top: 50px;
}
.class91 h1{
	color: #a52f00;
	font-weight: 700;
	font-family: Raleway;
}
.class91
p{
	font-family: Raleway;
	font-weight: 600;
	margin-top: 25px;
}


.class93{
	overflow: hidden;
	position: relative;
}

.class94{
	position: absolute;
	top: 50;
	left: -50;
}
.class95{
	position: absolute;
	top: 350;
	right: -50;
}

.class96{
	margin-top: 100px;
	margin-bottom: 100px;
	text-align: center;
}
.class98{
	box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.2);
	border-radius: 15px ;
	background: #fff;
	height: 200px;
	padding-top: 15px;
	padding-bottom: 20px;
}
.class98
i{
	font-size: 45px;
}
.class98
h2{
	font-family: Raleway;
	font-weight: 600;
	margin-top: 15px;
	color: #a52f00;
	font-size:25px;
}
.class98
p{
	font-family: Raleway;
	font-weight: 600;
	margin-top: 5px;
	color: #000;
	padding: 0 10px;
	font-size:15px;
}
.class98
p a{
	color: #000;
}

.class99{
	margin-top:50px;
}
.class99{
	box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.2);
	border-radius: 15px ;
	background: #fff;
	padding-top: 15px;
	padding-bottom: 50px;
}

.class101
input{
	margin: auto;
	border-radius: 0;
	margin-bottom: 15px;
}

.class101 button{
	background: #a52f00;
	padding: 5px 50px;
	border: 0;
	color: #eee202;
	font-weight: 600;
	font-size: 18px;
	text-transform: uppercase;
		transition: 1s;
}


.class101 button:hover{
	background:#FFF000;
	transform: scale(1.1);
	color: #000;
	z-index: 1;
	box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.2);
}



/**********social icon****************/
/* fixed social*/
#fixed-social {
   position: fixed;
   top: 50%;z-index: 1000000;
}
#fixed-social i{
  padding-top: 10px;
}
#fixed-social a {
   color: #fff;
   display: block;
   height: 40px;
   position: relative;
   text-align: center;
    line-height: 40px;
   width: 40px;
   margin-bottom: 1px;
   z-index: 200000!important;
}
#fixed-social a:hover>span{
  visibility: visible;
  left: 41px;
  opacity: 1;
} 
#fixed-social a span {
  line-height: 40px;
    left: 60px;
    position: absolute;
    text-align: center;
    width: 120px;
    visibility: hidden;
    transition-duration: 0.5s;
    z-index: 10000;
    opacity: 0;
}
 .fixed-facebook{
  background-color: #4267B2;
 }
 .fixed-facebook span{
  background-color: #4267B2;
 }
 .fixed-twitter{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#8a3ab9+0,e95950+50,fccc63+100 */
background: rgb(138,58,185); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(138,58,185,1) 0%, rgba(233,89,80,1) 50%, rgba(252,204,99,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(138,58,185,1) 0%,rgba(233,89,80,1) 50%,rgba(252,204,99,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(138,58,185,1) 0%,rgba(233,89,80,1) 50%,rgba(252,204,99,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8a3ab9', endColorstr='#fccc63',GradientType=0 ); /* IE6-9 */


 }
 .fixed-twitter span{
 /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#8a3ab9+0,e95950+50,fccc63+100 */
background: rgb(138,58,185); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(138,58,185,1) 0%, rgba(233,89,80,1) 50%, rgba(252,204,99,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(138,58,185,1) 0%,rgba(233,89,80,1) 50%,rgba(252,204,99,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(138,58,185,1) 0%,rgba(233,89,80,1) 50%,rgba(252,204,99,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8a3ab9', endColorstr='#fccc63',GradientType=0 ); /* IE6-9 */

 }
 
 .fixed-youtube{
  background-color: red;

 }

 .fixed-youtube span{
  background-color: red;
 }
 .fixed-whatsapp {
  background-color: green;

 }
 .fixed-whatsapp span{
  background-color: green;
 }


.shree-matiji
img{
	width: 250px;
}
.perrygold
img{
	width: 260px;
}
.about1{
	text-align: center; 
}
.about1 p{
	width: 300px;
	margin: auto;
	margin-top: -30px;
}