@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,700;1,600&family=Roboto+Slab:wght@300;400;500;600&display=swap');
.header-wrapper{display: flex;  align-items: center; justify-content: space-between; width: 100%;}
.logo-box{}
.header-side{flex:1; display: flex; flex-direction: column; padding-left: 25px;}
.h-top{width: 100%; display: flex; justify-content: flex-end;}
ul.topbar-social{margin-top: 5px;}
.header-contact{margin: 10px 0; display: flex; align-items: center; }
.header-contact a{color: #963200;}
.header-contact a:hover{color: #010164;}
a.con-btn{font-size: 16px; margin: 0; color: #ffffff;}
a:hover.con-btn{font-size: 16px; margin: 0; color: #ffffff; background: #963200;}
.donation-join{margin-bottom: 65px; background: url(../images/wheat-top.jpg); background-repeat: no-repeat; background-position: left center; padding: 100px 0;}
.welcome-wrap {
	padding: 30px 35px;
	width: 100%;
	float: left;
	border-right: 1px solid #e8f5e9;
}
.welcome-wrap h2 {
	margin: 0 0 30px;
}
.welcome-wrap h1 {margin: 0 0 30px; font-size: 24px; color: #010164; font-family: 'Roboto Slab', serif; font-weight: 400; }
.section-title-2 h5{font-weight: normal; font-size: 22px;}
.small-head{font-size: 18px; text-transform: uppercase; font-weight: 300 !important; color: #963200; letter-spacing: 1px !important;}
.volbox h2{font-size: 22px; font-weight: 400;}
.with-tick{list-style: none; margin: 0; padding: 0;}
.with-tick li{display: flex; align-items: flex-start; margin-bottom: 10px; }
.with-tick li i{margin-top: 5px; margin-right: 10px;}
.why-block{display: flex; gap:1%; margin-top: 65px;}
.why-box{width: 19%; aspect-ratio:1; border: 2px dashed #963200; text-align: center; display: flex; flex-direction: column;box-shadow: 0 7px 15px 0 rgba(0, 0, 0, .13), 0 1px 4px 0 rgba(0, 0, 0, .11); border-radius: 10px; padding: 15px; align-items: center;}
.why-box p{line-height: 20px; font-weight: 600; font-size: 16px; color: #010164; }
.why-box img{max-width: 64px; margin-bottom: 15px;}
.our-core-projects{background-attachment: fixed; background-position: center;}
.h3-aboutxt span{color: #963200}
.h3-aboutxt h2{color: #010164;}
.volunteer-form{box-shadow: 0 45px 65px rgba(0,0,0,0.50), 0 35px 22px rgba(0,0,0,0.16);}
.volunteer-form textarea.form-control{height: 100px; line-height: 22px; padding-top: 15px;}
.quality-section{margin: 45px 0; background: url(../images/rice-bag.jpg); background-repeat: no-repeat; background-position: right bottom; display: flex; width: 100%;}
.quality-block{display: flex; flex-wrap: wrap; width: 100%; gap:4%}
.quality-box{width: 48%; display: flex; margin-bottom: 4%;border-radius: 15px; padding: 15px; background: rgba(255,255,255,0.6); box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.1); backdrop-filter:blur(5px);}
.q-content h3{font-size: 20px; font-weight: 500;}
.q-img img{max-width: 80px; margin-right: 25px;}
.plus-sign{position: relative;}
.counter-block{display: flex; flex-wrap: nowrap; align-items: flex-start; position: relative; z-index: 1;}
.counter-block span{font-size: 42px; margin-left: 5px; font-weight: bold; line-height: 36px;color: #963200 !important;}
.counter-count{color: #963200 !important;}
.footer-widget ul{list-style: none; margin: 0; padding: 0; }
.footer-widget li{margin-bottom: 5px;}
.footer-address ul li {line-height: 25px; margin-bottom: 16px; position: relative; color: #ffffff; display: flex; flex-wrap: nowrap;}
.footer-address ul li i {font-size: 24px; color: #ffffff; margin-right: 10px; width: 35px;}
.footer-address ul li div{flex:1;}
.footer-copyr{color: #a2a2a2; font-size: 14px;}
.whatsapp-fixed{position: fixed; display: block;width: 50px; height: 50px;border-radius: 15px;line-height: 35px;text-align: center; background: #25D366; color: #ffffff; font-size: 28px; right: 24px;bottom: 85px;cursor: pointer; overflow: hidden; display: flex; justify-content: center; align-items: center; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition:all 0.3s ease; z-index: 10;}
.whatsapp-fixed:hover{background: #0084d6; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition:all 0.3s ease; color: #ffffff;}
.whatsapp-fixed:active, .whatsapp-fixed:focus{color: #ffffff;}

.gotop{position: fixed; display: none;width: 50px; height: 50px;border-radius: 15px;line-height: 35px;text-align: center; background: #010164; color: #ffffff; font-size: 28px; right: 24px;bottom: 25px;cursor: pointer; overflow: hidden;  justify-content: center; align-items: center; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition:all 0.3s ease; z-index: 20;}
.gotop:hover{background: #0084d6; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition:all 0.3s ease; color: #ffffff;}
.gotop:active, .gotop:focus{color: #ffffff;}

.promises{background-attachment:fixed; background-position: center;}
.wd-full{width: 100%;}
.ul-apart{display: flex; flex-direction: column;}
.facts-section{padding: 20px 0 100px; display: flex; width: 100%; background: url(../images/fact-bg.jpg) no-repeat; background-size: cover; }
.img-col{display: flex; flex-wrap: wrap; gap:4%; width: 100%; justify-content: space-between; }
.img-b{background: #ffffff; border-radius: 10px; display: flex; position: relative; justify-content: center; align-items: center; width: 48%; padding: 3px; overflow: hidden;}
.img-b img{width: 100%; border-radius: 8px;}
.heading-title{color: #010164;}
.heading-title span {color: #963200;}
.news-events{background: url(../images/rice-bg2.png) no-repeat; background-position:left;  }
.bg-2{background: url(../images/bg-2.jpg) no-repeat; background-position: right top;  }
.company-profile{background: #010164; padding: 45px 0; display: flex; width: 100%;}
.glimpse-block{display: flex; justify-content: center; width: 100%; flex-wrap: wrap; gap:15px;}
.g-box{background: #ffffff; border-radius: 15px; padding: 15px; display: flex; flex-direction: column; align-items: center; justify-content: center; width: calc(50% - 15px);transition: all ease-in-out 0.5s;
	-webkit-transition: all ease-in-out 0.5s; }
.company-profile h2{color: #ffffff;}
.g-box h3{font-size:22px; margin: 15px 0 5px;transition: all ease-in-out 0.5s;
	-webkit-transition: all ease-in-out 0.5s;}
.g-box img{max-width: 80px;transition: all ease-in-out 0.5s;
	-webkit-transition: all ease-in-out 0.5s;}
.g-box:hover{background: #963200; transform: translateY(-5px); box-shadow: 0 29px 52px rgba(0,0,0,0.40), 0 25px 16px rgba(0,0,0,0.20);
transition: all ease-in-out 0.5s;
	-webkit-transition: all ease-in-out 0.5s;}
.g-box:hover h3, .g-box:hover p{color: #ffffff;transition: all ease-in-out 0.5s;
	-webkit-transition: all ease-in-out 0.5s;}
.g-box:hover img{filter: -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1); transition: all ease-in-out 0.5s;
	-webkit-transition: all ease-in-out 0.5s;}
.tech-section{display: flex; width: 100%; }
.tech-div{display: flex; border: 1px solid #cccccc; padding: 15px; border-radius: 15px; box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22); margin-bottom: 45px;background: #ffffff; position: relative; z-index: 1; flex-wrap: wrap;}
.tech-content{width: 50%; padding: 15px;}
.global-mkt img{max-width: 100%;}
.certification-row{display: flex; flex-wrap: wrap; gap:15px; justify-content: flex-start; width: 100%;}
.certi-box{width:calc(25% - 15px);}
.certi-box img{width: 100%;}

/* Contact starts */

.contact-wrap{display: flex; flex-wrap: wrap; width: 100%;gap:4%;}
.contact-left{width: 48%; }
.contact-map{width: 100%; margin-top: 25px;}
.contact-map iframe{width: 100%;}
.contact-form{width: 48%;}
.info-contact{display: flex; align-items: flex-start; margin-bottom: 20px; width: 100%; }
.info-contact i{margin-right: 10px; font-size: 24px; width: 30px; display: flex; justify-content: center; color:#b9b9b9;}
.info-contact a{color: #963200; }
.info-contact a:hover{color: #010164; }
.contact-map{box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22); line-height: 0;}
.list-social{list-style: none; margin: 0; padding: 0; display: flex; gap:10px;}
.item-social a{color: #010164; border: 1px solid #010164; font-size: 22px;}
.item-social a:hover{background: #963200; border: 1px solid #963200; color: #ffffff;}
.border-0{border: 0 !important;}
.inner-header{background-attachment: fixed; background-position: top; background-size: cover;}
.contact-page{padding: 80px 0;}
.name_company{font-size: 24px; margin-bottom: 20px;}
/* Contact ends */

.about-page{padding: 80px 0;}
.about-left{width: 48%;}
.about-right{width: 48%; background: rgba(255,255,255,0.8); padding: 15px; border-radius: 15px; backdrop-filter: blur(5px); }
.abt-full{display: flex; width: 100%; flex-wrap: wrap;}
.abt-full p{width: 100%;}
.about-wrap{display: flex; flex-wrap: wrap; width: 100%;gap:4%;}
.about-left img, .about-right img{max-width: 100%;}
.basic-info{width:100%; display: flex; flex-direction: column; padding: 15px;}
.info-box{display: flex; flex-wrap: wrap; align-items:flex-start; gap:15px; width: 100%;}
.info-box h6{width: 100%; max-width: 200px; font-size: 16px; font-family: 'Poppins', sans-serif; font-weight: 600;}
.com-dt{flex:1;}
.com-dt ul{margin: 0 0 1rem 15px; padding: 0;}
.mission{padding: 15px 25px; background:#963200; color: #ffffff; border-radius: 15px; box-shadow: 25px 0 20px -20px rgba(0, 0, 0, 0.45), -25px 0 20px -20px rgba(0, 0, 0, 0.45); }
.mission h3{margin-top: 20px;}
.mission h3, .mission p{color: #ffffff;}
.core-team{padding: 75px 0; display: flex; width: 100%;}
.team-wrap{display: flex; flex-wrap: wrap;  margin: 35px 0}
.founder-box{display:flex; width: 100%; justify-content: center; flex-direction: column;}
.founder-box img{width: 300px;}
.founder-box .box{display: flex; flex-wrap: wrap; width: 100%; justify-content: center;  box-shadow: 0 0 40px 0 rgba(0,0,0,.15);}
.other-team{width: 100%; display: flex; margin-top:25px; gap:2%; flex-wrap: wrap;}
.ot-box{width: 23.5%; padding: 15px; border: 1px solid #cccccc; box-shadow: 0 0 40px 0 rgba(0,0,0,.15); margin: 15px 0; }
.other-info{margin-top: 15px;}
.founder-box .ot-box img{width: 100%; height: auto;}
.carea{padding: 15px; color: #ffffff; background: #010164; flex:1;}
.carea h5{color: #ffffff; margin-bottom: 0;}
.carea p{color: #ffffff;}
.items{display: flex; flex-wrap: wrap; gap:25px; width: 100%;}
.items .item{width: calc(33.33% - 25px);}
.items .item img{height: 250px; object-fit: cover;}
.spec-ul{display: flex; width: 100%; margin-top: 10px; flex-direction: column;}
.spec-ul ul{list-style: none; display: flex; flex-wrap: wrap; width: 100%; list-style: none; margin: 0; padding: 0;}
.spec-ul li{width: 100%; margin:0; display: flex; margin-bottom: 15px; }
.spec-ul li label{width: 200px;padding-right: 15px; font-weight: bold;}
.spec-ul li span{padding-left: 15px; flex:1;}

.product-wrapper{display: flex; width: 100%; flex-wrap: wrap; gap:25px;}
.product-cat{width: 300px; display: flex; flex-direction: column;box-shadow: 25px 0 20px -20px rgba(0, 0, 0, 0.45), -25px 0 20px -20px rgba(0, 0, 0, 0.45); border-radius: 15px; padding: 15px; border: 1px solid #f0f0f0; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#963200+0,b53f03+100 */
background: linear-gradient(45deg,  #963200 0%,#b53f03 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 }
.product-cat ul{margin: 25px 0 0; padding: 0; list-style: none; display: flex; flex-direction: column;}
.product-cat li{margin-bottom: 10px;}
.product-cat li a{padding: 8px 15px; display: flex;align-items: flex-start; justify-content: flex-start; color: #ffffff; font-weight: 500; width: 100%; border:1px solid transparent;transition: all ease-in-out 0.3s;
	-webkit-transition: all ease-in-out 0.3s;}
.product-cat li a:hover{transition: all ease-in-out 0.3s;
	-webkit-transition: all ease-in-out 0.3s;  background: rgba(255,255,255,0.1);}
	.product-cat li a i{margin-right: 5px; margin-top: 5px;}
.product-desc{flex:1; display: flex; flex-direction: column;}
.product-desc h4{font-size: 22px; margin-top: 25px}
.product-desc h1{font-size: 36px; margin-top: 15px; margin-bottom: 5px;}
.product-subhead{margin-bottom: 15px; font-size: 18px; font-weight: 500;}
.product-desc img{max-width: 100%;}
.product-desc p{margin: 15px 0 0;}
.counter-box div img{margin-bottom: 25px;}
.logo img{max-height: 85px;}
.recipes-wrapper{display: flex; width: 100%; flex-wrap: wrap; gap:20px;}
.r-box{display: flex; width: calc(25% - 20px); flex-direction: column; overflow: hidden; border-radius: 10px;box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); transition: all ease-in-out 0.3s; -webkit-transition: all ease-in-out 0.3s;}
.r-box:hover{box-shadow: 0 2px 1px rgba(0,0,0,0.09), 0 4px 2px rgba(0,0,0,0.09), 0 8px 4px rgba(0,0,0,0.09), 0 16px 8px rgba(0,0,0,0.09), 0 32px 16px rgba(0,0,0,0.09); transition: all ease-in-out 0.3s; -webkit-transition: all ease-in-out 0.3s; transform: translateY(-5px); }
.r-box:hover .r-image {overflow: hidden; }
.r-box .r-image img{transition: all ease-in-out 0.3s; -webkit-transition: all ease-in-out 0.3s;}
.r-box:hover .r-image img{transform: scale(1.2);transition: all ease-in-out 0.3s; -webkit-transition: all ease-in-out 0.3s;}
.r-box img{max-width: 100%;}
.r-title{display: flex; justify-content: center; font-weight: 500; font-size: 16px; background: #963200; color: #ffffff; align-items: center; padding: 10px; position: relative; z-index: 1;}
.recipe-img-ingredients{display: flex; flex-wrap: wrap;width: 100%; gap:2%;}
.recipe-img{width: 48%; max-width: 450px;}
.recipe-img img{width: 100%;}
.recipe-ingredients{flex:1}
.ingre-subhead{margin-bottom: 10px; margin-top: 25px;}
.back-btn{display: flex; justify-content: center; margin-top: 15px;}
.primary-btn{font-size: 16px;margin: 0;color: #ffffff; border-radius: 5px; background: #010164; text-transform: uppercase; font-family: 'Poppins', sans-serif;line-height: 44px;font-weight: 600; padding: 0 50px;transition: all ease-in-out 0.3s; -webkit-transition: all ease-in-out 0.3s; display: flex; align-items: center; justify-content: center; position: relative;}
.primary-btn:hover{color: #ffffff; background: #963200;transition: all ease-in-out 0.3s; -webkit-transition: all ease-in-out 0.3s;}
.primary-btn i{margin-right: 10px; font-size: 22px; position: absolute; left: 15px; top: 10px; }
.table td, .table th{padding: 5px 10px;}
.prod-cat{margin: 15px 0}
.prod-cat{display: flex;justify-content: center; width: 100%;}
.prod-cat ul{display: flex; flex-wrap: wrap; gap:15px; margin: 0; padding: 0; width: 100%; list-style: none;}
.prod-cat li{width: calc(33.33% - 15px); padding: 15px; border: 1px solid #cccccc;}
.prod-cat li h2{font-size: 16px; font-family: 'Poppins', sans-serif; line-height: 22px; margin-top: 15px; text-align: center; width: 100%;}
.prod-cat li a{display: flex; height: 100%;}
.p-cat{height: 100%;}
.p-table-block{display: flex; width: 100%; flex-wrap: wrap; margin-bottom: 15px;}
.p-image{width: 50%; height: 100%; display: flex;}
.p-image img{height: 100%; object-fit: cover; width: 100%; height: 294px;}
.p-table{width: 50%;}
.p-table p{margin: 0 !important; padding: 5px !important;}
.p-table table{width: 100% !important;font-size: 15px !important;}
.p-table tr td:first-child{width: auto !important;}
.p-table tr td:last-child{width: 140px !important;}
.p-table tr:first-child p{font-weight: bold; font-size: 18px; color: #ffffff;}


@media (max-width:1080px){
	.navrow .navbar-expand-lg .navbar-nav .nav-link{font-size: 15px; padding: 0 25px}
	.h-top{display: none;}
	.header-wrapper{flex-direction: column; padding: 15px;}
	.header-side{position: relative; width: 100%; }
	.h-bottom{}
	.navbar-toggler{background: #963200 !important;}
	.donation-join{margin-top: 25px; padding: 0 0 25px;}
	.contact-wrap{padding: 15px;}
	.contact-page{padding: 40px 0;}
}
@media (max-width:890px){
	.about-wrap{padding: 15px;}
	.about-left{width: 100%;}
	.about-right{width: 100%; padding-top: 25px;}
	.g-box{width: calc(100% - 15px)}
	.prod-cat li{width: 100%;}
	.product-wrapper{flex-direction: column;}
		.product-desc h1{font-size: 26px;}
}
@media (max-width:767px){
	.quality-block{flex-direction: column;}
	.quality-box{width: 100%;}
	.welcome-wrap{padding: 30px 0;}
	.bg-2{background-size: 300px; padding-top:170px;}
	.why-block{flex-wrap: wrap; gap:4%}
	.why-box{width:29.33%; margin-bottom: 25px; }
	.img-col{margin-bottom: 25px;}
	.news-txt{background: rgba(255,255,255,0.8); padding: 15px; border-radius: 15px; backdrop-filter:blur(5px)}
	.welcome-wrap h1{font-size: 24px; line-height: 28px;}
	.volbox h2{font-size: 20px;}
	.about-page{padding: 40px 0;}
	.founder-box img{width: 200px; height: 200px; border-radius: 50%; border:5px solid #963200; box-shadow: 0 26px 58px 0 rgba(0, 0, 0, .22), 0 5px 14px 0 rgba(0, 0, 0, .18); margin: 25px 0;}
	.contact-left{width: 100%;}
	.contact-form{width: 100%; margin-top: 25px;}
	.tech-content{width: 100%; padding: 15px;}
	.items .item{width: calc(50% - 25px);}
	.header-style-3 .topbar{display: none;}
	.about-right{padding: 15px 0;}
	.certi-box{width:calc(33.33% - 15px);}
		.recipe-img{width: 100%;}
		.r-box{width: calc(33.33% - 14px)}
		.r-title{font-size: 14px;}
		.founder-box .box{flex-direction: column; align-items: center;}
		.ot-box{width:49%;justify-content: center; display: flex; align-items: center; flex-direction: column;}
		.founder-box .ot-box img{max-width: 200px;}
}
@media (max-width:480px){
	.why-box{width:48%;}
	.pro-title{padding-left: 0;}
	.info-box{flex-direction: column; gap:0;}
	.info-box h6{max-width: 100%;}
	.inner-header h1{font-size: 32px;}
	.inner-header ul li a{font-size: 18px;}
	.navrow .navbar-expand-lg .navbar-nav .nav-link{line-height: 36px;}
	.items .item{width: 100%;}
	.certi-box{width:calc(50% - 15px);}
	.r-box{width: calc(50% - 10px)}
.p-table-block{flex-direction: column;}
.p-image, .p-table{width: 100%;}
.ot-box{width:100%;}

}