/*
	Theme Name: Agris - Agriculture & Organic HTML Template.
	Author: ThemeMax
	Support: thememax22@gmail.com
	Description: Agris – Agriculture Services HTML5 Template is a highly customizable HTML template. Based on Bootstrap-5, 12 column Responsive grid Template, Suitable Agriculture firm and businesses. It also has Multipurpose HTML layout, much more. 
	Version: 1.0
*/

/* CSS List 
-----------------------------------
1. Theme Common css
2. Header css
3. Slider css
4. About css
5. Services css
6. Service details css 
7. Cta css
8. Counter css
9. Testimonial css
10. Faq css
11. Appoint css
12. Blog css
13. Blog standard css
14. Blog details css
15. Newsletter css
16. Footer css
17. Feature css
18. Team css
19. Farmar single css
20. Product css
21. Shop css
22. Product Details css
23. Sell css
24. Food css
25. Project css
26. breadcrumb css
27. Contact css
*/


/*Theme Common css */

@import url('https://fonts.googleapis.com/css2?family=Covered+By+Your+Grace&family=Manrope:wght@200;300;400;500;600;700;800&display=swap');
body {
	font-family: 'Manrope', sans-serif;
	font-weight: normal;
	font-style: normal;
}

img {
	max-width: 100%;
	transition: all 0.3s ease-out 0s;
}
.f-left {
	float: left
}
.f-right {
	float: right
}
.fix {
	overflow: hidden
}
a, .btn .button, button {
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

a:focus, .button:focus, button:focus {
	text-decoration: none;
	outline: none;
}

.btn:focus{
	box-shadow: none;
}
button{
	cursor: pointer
	}

a, button {
	color: #530028;
	outline: medium none;
	text-decoration: none;
}
input:focus, textarea:focus{
	outline: none;
}

button, input, select, textarea {
	font-size: 15px;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Manrope', sans-serif;
	font-weight: normal;
	color: #1f1e16;
	font-style: normal;
	text-transform: normal;
	margin-bottom: 0;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: inherit;
}
h1 {
	font-size: 40px;
	font-weight: 500;
}
h2 {
	font-size: 35px;
	font-weight: 500;
}
h3 {
	font-size: 27px;
	font-weight: 300;
}
h4 {
	font-size: 22px;
	font-weight: 300;
}
h5 {
	font-size: 18px;
}
h6 {
	font-size: 16px;
}

ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

li {
	list-style: none
}

p {
	font-size: 16px;
	font-weight: normal;
	line-height: 28px;
	color: #646464;
	margin-bottom: 0px;
	font-family: 'Manrope', sans-serif;
}

label {
	color: #7e7e7e;
	cursor: pointer;
	font-size: 14px;
	font-weight: 400;
}

.btn {
	background: #530028;
	color: #fff;
	display: inline-block;
	font-size: 16px;
	font-weight: 500;
	padding: 20px 45px;
	text-align: center;
	border-radius: 0;
	position: relative;
	border: 0;
	z-index: 1;	
}

.btn:hover{
	color: #fff;
}

.btn::before{
	position: absolute;
	content: "";
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: #530028;
	transition: all 0.3s ease-out 0s;
	opacity: 0;
	visibility: hidden;
	transform: scale(0);
	z-index: -1;
	color: #fff;
}

.btn:hover::before{
	opacity: 1;
	visibility: visible;
	height: 100%;
	height: 100%;
	transform: scale(1);
	color: #fff;	
}

.btn-two{
	background: #db3636;
	color: #fff;
}

.btn-two::before{
	background: #db3636;;
}

.btn-two:hover{
	color: #fff;
}

.btn i{ 
	margin-left: 7px;
}


::-webkit-input-placeholder {
	color: #1f1e16;
	opacity: 1;
	font-weight: 600;
	}

::-moz-placeholder {
	color: #1f1e16;
	opacity: 1;
	font-weight: 600;
	}

::-ms-input-placeholder {
	color: #1f1e16;
	opacity: 1;
	font-weight: 600;
	}

.form-focus-class input:focus, .form-focus-class textarea:focus{
	background: transparent;
	border: 1px solid #530028;
}


.section-title h2{
	font-size: 40px;
	font-weight: 700;
	color: #1f1e16;
	margin-bottom: 20px;
}

.section-title h2 span{
	color: #530028;
}

/* Header css */

.header-social ul li {
	display: inline-block;
	margin-right: 15px;
}

.header-social ul li a {
	display: block;
	font-size: 14px;
}

.top-contact ul li {
	display: inline-block;
	margin-left: 20px;
}

.top-contact ul li:first-child {
	margin-left: 0px;
}

.top-contact ul li a {
	font-size: 14px;
}

.top-contact ul li a i {
	color: #530028;
	padding-right: 8px;
}

.logo img {
	width: 100px;
}

.main-menu ul li {
	display: inline-block;
	margin-left: 30px;
	position: relative;
}

.main-menu ul li:first-child {
	margin-left: 0px;
}

.main-menu ul li a {
	display: block;
	padding: 45px 0;
	font-size: 20px;
	position: relative;
}
.main-menu ul li:hover> a{
	color: #fff;
}

.main-menu ul li::before {
    position: absolute;
    content: "";
    left: 0;
    width: 0;
    height: 1px;
    background: #530028;
    top: 65%;
	transition: .5s;
}

.main-menu ul li:hover::before{
	width: 50%;
}

.main-menu ul li::after {
	position: absolute;
	content: "";
	right: 0;
	width: 0;
	height: 1px;
	background: #db3636;
	top: 65%;
	transition: .5s;
}

.main-menu ul li:hover::after{
	width: 50%;
}

.main-menu ul li ul.submenu {
    position: absolute;
    width: 200px;
    z-index: 1;
    background: #fff;
    left: 0;
    text-align: left;
    top: 120%;
    opacity: 0;
    visibility: hidden;
    transition: .5s;
}

.main-menu ul li:hover> ul.submenu{
	opacity: 1;
	visibility: visible;
	top: 100%;
}

.main-menu ul li ul.submenu li {
    display: block;
    margin: 0;
    border-bottom: 1px solid #c7c7c7;
}

.main-menu ul li ul.submenu li a{
	display: block;
	padding: 15px 20px;
	color: #1f1e16;
}

.main-menu ul li ul.submenu li:hover> a{
	color: #4baf47;
	margin-left: 10px;
}

.main-menu ul li ul.submenu li::before{
	display: none;
}

.main-menu ul li ul.submenu li::after{
	display: none;
}


.main-header {
	margin-top: 20px;
}

.menu-bar-btn {
	border: 2px solid #FFF8EB;
	padding: 2px;
}
.menu-bar-btn button {
	background: none;
	border: 0;
	display: inline-grid;
	transform: translateY(-7px);

}

.menu-bar-btn span {
	display: block;
	width: 35px;
	height: 2px;
	margin-top: 7px;
	background: #FFF8EB;
	text-align: center;
	transition: .5s;
}

.side-info-wrapper {
	position: fixed;
	width: 370px;
	z-index: 999;
	right: -400px;
	padding: 40px 30px;
	top: 0;
	transition: .9s;
	cursor: pointer;
}

.side-info-wrapper.side-info-opened {
	right: 0;
}

.side-logo-with-close {
	overflow: hidden;
}

.side-logo-with-close .logo {
	float: left;
}

.side-logo-with-close .side-close i {
	float: right;
	width: 40px;
	height: 40px;
	border-radius: 6px;
	background: #530028;
	text-align: center;
	line-height: 40px;
	color: #fff;
}

.side-logo-with-close .side-close i:hover{
	background: #db3636;
	
}


.side-info-wrapper .mean-container .mean-nav ul li a.mean-expand {
	width: 40px;
	height: 40px;
	background: #530028;
	margin-bottom: 0;
	padding: 0;
	margin-top: 7px;
	line-height: 40px;
	color: #fff;
	border-radius: 6px;
}

.side-info-wrapper .mean-container .mean-nav ul li a.mean-expand:hover{
	background: #eec044;
}

.side-info-wrapper .mean-container .mean-nav ul li li a {
	padding: 15px 10%;
}

.mean-container .mean-nav > ul > li:first-child > a {
	border-top: 0;
}

.side-social a {
	width: 40px;
	height: 40px;
	display: inline-block;
	background: #530028;
	margin-right: 10px;
	text-align: center;
	line-height: 40px;
	color: #fff;
	border-radius: 6px;
}

.side-social a:hover{
	background: #db3636;
}

.side-contact h4 {
	font-size: 24px;
	font-weight: 500;
	margin-bottom: 20px;
	color: #1f1e16;
}

.side-contact ul li {
	margin-bottom: 15px;
	color: #1f1e16;
}

.side-contact ul li:last-child{
	margin-bottom: 0;
}

.side-contact ul li i {
	width: 30px;
	height: 30px;
	border: 1px solid #c7c7c7;
	text-align: center;
	line-height: 30px;
	border-radius: 6px;
	margin-right: 9px;
}


/* slider css */

.header-area.transparent-header {
	position: fixed;
	z-index: 99;
	width: 100%;
	top: 0;
	left: 0;
	width: 0 auto;
}



.slider-height {
	height: 870px;
}

.slider-content h2 {
	font-size: 85px;
	color: #fff;
	font-weight: 800;
	line-height: 100px;
}

.slider-content p {
	font-size: 18px;
	color: #fff;
}

.slider-active.slick-slider .slick-arrow {
	position: absolute;
	top: 50%;
	right: 150px;
	border: 0;
	background: 0;
	color: #fff;
	z-index: 1;
	font-size: 17px;
	transform: translate(-50%);
	width: 40px;
	height: 40px;
	border: 2px solid #fff;
	border-radius: 50%;

}

.slider-active.slick-slider .slick-next {
	left: auto;
	right: 100px;
}


/* About css */

.about-single-content h4 {
	font-size: 20px;
	font-weight: 601;
}
.about-single-check ul li {
	margin-bottom: 10px;
}

.about-single-check ul li i {
	padding-right: 7px;
	color: #530028;
}


.about-thumb {
    padding: 15px;
    box-shadow: 0px 30px 60px 0px rgba(0, 15, 56, 0.1);
}
.about-thumb img {
	width: 100%;
	 border: 3px solid #530028;
}

.about-title {
	padding: 30px;
	background: #ddd;
	position: relative;
}

.about-title::before {
    position: absolute;
    content: "";
    left: 0;
    width: 5px;
    height: 100%;
    background: #530028;
    top: 0;
}

.about-title h3 {
    font-size: 32px;
    font-weight: 700;
    color: #1c1c1c;
	margin-bottom: 15px;
}

.about-title-check ul li {
	margin-bottom: 5px;
	font-size: 20px;
	font-weight: 600;
}

.about-page-box-main h3 {
	font-size: 35px;
	font-weight: 600;
	margin-bottom: 20px;
}

.about-page-box {
	margin-top: 15px;
}

.about-page-box h4 {
	font-size: 22px;
	font-weight: 500;
	margin-bottom: 10px;
}

/* Services css */

.services-content h4 a {
	font-size: 22px;
	font-weight: 600;
	margin: 15px 0;
	display: block;
	color: #530028;
}


/* team css */

.team-iteam {
	background: #fff;
	text-align: center;
	margin-bottom: 30px;
	background: #fff;
	padding-bottom: 10px;
}

.team-thumb img {
	width: 100%;
}
.team-content {
	padding: 15px;
	text-align: left;
}
.team-content h4 a {
	font-size: 24px;
	font-weight: 600;
	margin: 15px 0;
	display: block;
	color: #db3636;
}

.team-social ul li {
	display: inline-block;
	margin-left: 5px;
}

.team-social ul li a {
	width: 35px;
	height: 35px;
	background: #ddd;
	display: block;
	border-radius: 30px;
	line-height: 2;
	text-align: center;
}

.team-social {
	margin-top: 15px;
}

/* brand css */

.brand-item img {
	width: 180px;
}

/* Blog css */

.blog-thumb{
	overflow: hidden;
}

.blog-thumb a img {
	width: 100%;
	transition: .3s;
}

.single-blog:hover .blog-thumb img{
	transform: scale(1.1);
}

.blog-content {
	padding: 30px;
	background-color: rgb(255, 255, 255);
	box-shadow: 0px 0px 18px 0px rgba(31, 30, 22, 0.08);
	bottom: 0;
	left: 0;
}

.blog-meta ul li {
	display: inline-block;
	margin-right: 15px;
	color: #646464;
}

.blog-meta ul li i{
	padding-right: 7px;
	color: #eec044;
}

.blog-heading h3 a {
	font-size: 24px;
	font-weight: 700;
	margin-top: 25px;
	line-height: 36px;
	color: #1f1e16;
	display: block;
}
.blog-heading h3 {
	font-size: 24px;
	margin: 15px 0;
	font-weight: 600;
}
.blog-heading h3 a:hover{
	color: #4baf47;
}


/* footer css */
.footer-logo img {
	width: 110px;
}

.footer-widget h4 {
	font-size: 20px;
	color: #fff;
	font-weight: 800;
	margin-bottom: 60px;
	text-transform: uppercase;
}

.footer-widget p {
	color: #fff;
	margin-top: 40px;
	margin-bottom: 30px;
}

.footer-social a {
	width: 50px;
	height: 50px;
	display: inline-block;
	border: 2px solid #fff;
	border-radius: 50%;
	text-align: center;
	line-height: 50px;
	color: #fff;
	margin-right: 13px;
}

.footer-social a:hover {
	background: #530028;
	border: 0;
	
}

.footer-widget ul li {
	margin-bottom: 15px;
}

.footer-widget ul li a {
	color: #fff;
}

.footer-widget ul li a:hover {
	color: #db3636;
	
}

.footer-info-text ul li {
	color: #fff;
	margin-bottom: 15px;
}

.footer-info-text ul li i{
	padding-right: 8px;
}


/* Contact css */

.single-contact {
	padding: 70px 15px;
	border: 1px solid #c7c7c7;
}

.single-contact a {
	width: 80px;
	height: 80px;
	display: block;
	margin: auto;
	background: #530028;
	border-radius: 50%;
	line-height: 80px;
	color: #fff;
	font-size: 26px;
}

.single-contact a:hover{
	background: #db3636;
	
}

.single-contact span {
	font-size: 16px;
	color: #1f1e16;
	margin-top: 25px;
	display: block;
	font-weight: 600;
}

.single-contact h3 {
	font-size: 18px;
	color: #1f1e16;
	margin-top: 20px;
	font-weight: 700;
}

.contact-form input {
	width: 100%;
	height: 50px;
	border: 1px solid #c7c7c7;
	background: #fcfcfb;
	margin-bottom: 30px;
	padding: 20px;
}

.contact-form textarea{
	width: 100%;
	height: 200px;
	border: 1px solid #c7c7c7;
	margin-bottom: 30px;
	background: #fcfcfb;
	padding: 20px;
}

.contact-form a {
	text-align: center;
	display: block;
	background: #530028;
	padding: 20px;
	color: #fff;
}

.contact-form a:hover{
	background: #db3636;
}


.main-header.sticky {
	position: fixed;
	background: #fff;
	z-index: 999;
	left: 0;
	right: 0;
	top: 34px;
	animation-name: fadeInDown;
	animation-duration: 700ms;
	box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.2);
}

.main-header.sticky {
	position: fixed;
	background: #fff;
	z-index: 999;
	left: 0;
	right: 0;
	top: -20px;
	animation-name: fadeInDown;
	animation-duration: 700ms;
	box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.2);
}

.transparent-header .main-header.sticky {
		top: 34px;
	
}


.main-header.sticky .menu-bar-btn {

	border: 2px solid #530028;

}

.main-header.sticky .menu-bar-btn span {
	
	background: #530028;
	
}

.organogram-thumb img {
	width: 100%;
}