@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');

body {font-family: 'Work Sans', Helvetica, sans-serif !important; font-weight:300; background:#fff;user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; z-index:99999;}
h1, h2, h3, h4, h5 {font-family: 'Manrope', Helvetica, sans-serif !important; font-weight:800;}

/* NAVBAR STYLES */
.navbar {margin: 0; height: auto; border-bottom-color: transparent !important; background: #fff; padding: 8px 20px; transition: background, padding 0.4s ease-in-out 0s;
  -moz-box-shadow:0 4px 4px rgba(0,0,0,0.3);-webkit-box-shadow:0 4px 4px rgba(0,0,0,0.3); box-shadow:0 4px 4px rgba(0,0,0,0.3);}
.navbar .navbar-brand {color: #333; text-decoration: none;}
.navbar .navbar-brand img {padding: 4px; margin-right: 20px;}
.navbar .navbar-nav-wrapper {align-items: center;}
.navbar .navbar-nav.nav-center {margin-left: auto;margin-right: auto;}
.navbar .navbar-brand:focus, .navbar-dark .navbar-brand:hover {color: white; outline: none;}
.navbar .navbar-nav {margin-top: 5px; margin-right: 0; margin-left: auto;}
.navbar .navbar-nav .nav-link {color: #212529; padding: 2px 20px; text-align: center; font-size: 15px; font-weight: 500; line-height: 33px; margin: 7px 5px 10px; transition: 0.4s all;}
.navbar .navbar-nav .nav-link:focus, .navbar .navbar-nav .nav-link:hover {outline: none; color: #1B5E20; }
.navbar .navbar-nav .btn {transition:0.4s all; border-radius: 25px; line-height: 30px; padding: 2px 25px !important; margin-right: 10px; min-width: 90px; margin-top: 10px; box-shadow: none;}
.navbar .navbar-nav .btn-login {background: #1B5E20; color: #fff;}
.navbar .navbar-nav .btn-signup {background: #0077ff; color: #fff;}
.navbar .navbar-nav .btn:hover, .navbar .navbar-nav .btn:focus {color: #fff;}
.navbar .navbar-nav .btn-login:hover {background:#6DCC73; color: #fff; border-color: #6DCC73;}
.navbar .navbar-nav .btn-signup:hover {background:#2563eb;}
.navbar .navbar-toggler {color: #fff; border-color: none; outline: none}
.navbar .navbar-toggler:focus {box-shadow: none;}
.navbar .navbar-toggler-icon {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgb(7,67,24)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");}
@media (max-width: 992px){
.navbar .navbar-nav .nav-link { padding: 2px 10px; min-width: 130px; margin: 5px auto 0;}
.navbar .navbar-nav .nav-link:focus, .navbar .navbar-nav .nav-link:hover {outline: none; }
.navbar .navbar-nav-wrapper {flex-direction: column;}
.navbar .navbar-nav.nav-center {margin: 0 auto;}
.navbar .navbar-nav.ms-auto {margin: 0 auto;}
.navbar .navbar-nav .btn {margin:7px auto; width: 150px; padding: 0 11px !important; }}
@media (max-width: 768px){
.navbar .navbar-nav .nav-link {margin: 5px auto 0;}
.navbar .navbar-nav .btn {max-width: 150px; margin: 5px auto;}}

/********************************/
/************ FOOTER ************/
/********************************/
.foot {background: #222; padding: 80px 20px;}
.foot img {margin-top: -10px; margin-left: -10px; margin-bottom: 10px; padding: 0;}
.foot .foot-title {font-size: 16px; letter-spacing: 1px; font-weight:800; display: block; line-height: 25px; color: #fff; margin: 0; text-decoration: none; margin-bottom: 20px;}
.foot p {font-size: 14px; font-weight:400; display: block; line-height: 24px; color: #fff; margin: 0 0 15px; text-decoration: none;}
.foot .links a {color: #fff; font-size: 14px; display: block; outline: none; margin-bottom: 10px; transition: ease-in-out 0.4s all; }
.foot .links a:hover {text-decoration: underline; color: #90ee90;}
.foot .links span {color: #fff; font-size: 16px; display: block; outline: none; margin-bottom: 5px;}
@media (max-width: 768px){
.foot {padding: 80px 20px;}
.foot .foot-title {margin-top: 10px; margin-bottom: 10px;}
.foot p {font-size: 14px; font-weight:400; display: block; line-height: 24px; color: #fff; margin: 0 0 25px; text-decoration: none;}}
.myfoot {padding: 40px 20px 20px; background-color: #151515;}
.myfoot p {font-size: 14px; display: block; color: #98948b; font-stretch: condensed; text-transform: capitalize; letter-spacing: 1px;}
.myfoot p.creator {float: right; margin-left: 20px; margin-right: 0;}
.myfoot a {color: #98948b; display: inline;}
.myfoot a:hover,.myfoot a:focus {color: #54a219; outline: none;}
/* takemeup */
.takemeup {background:#f3b100; border-radius: 50%; width: 45px; height:45px; position:fixed;bottom:0;right:10px; text-decoration: none; transform: translate(-50%,-50%); font-size: 22px; z-index: 999;}
.takemeup i {text-align: center; color: #fff; display: block; margin-top: 10px;}
.takemeup:hover {text-decoration: none;}

/***************************************/
/*************** HOME HERO *************/
/***************************************/
.home_hero {text-align: left; color:#212529; background:#fff;}
.home_hero .overlay {padding: 170px 100px 70px; background-color:rgba(255,255,255,0.45); }
.home_hero .tagline {font-size: 16px; font-weight: 400; margin-bottom: 25px; letter-spacing: 2px; display: block; }
.home_hero h1 {font-size: 85px; font-weight: 500; line-height: 95px; margin-bottom: 25px;}
.home_hero h1 span {color: #1B5E20; font-weight: 800;}
.home_hero p { font-size: 16px; line-height: 28px; font-weight: 400; font-family:"Work Sans", sans-serif;}
.home_hero a {font-size: 14px; margin-top: 20px; font-weight: bold; padding: 12px 30px; line-height: normal; border-radius: 25px; background-color: #1B5E20; border: 1px solid #1B5E20; 
text-decoration: none; display: inline-block; text-align:center; color: #fff; font-family:"Manrope", sans-serif; transition: 0.4s ease-in-out all;} 
.home_hero a:hover {background-color: #6DCC73; color: #fff;}
.home_hero .droneman {background-image:url('../img/droneman.png'); margin-top: -100px; margin-left: -100px; background-repeat:no-repeat; background-size: cover; height: 700px;}
@media (max-width: 992px) {
.home_hero .overlay {padding: 180px 20px 5px; }
.home_hero h1 {font-size: 60px; line-height: 65px; }
.home_hero p {font-size: 20px; line-height: 33px;}}
@media (max-width: 768px) {
.home_hero .overlay {padding: 150px 20px 50px; }
.home_hero .tagline {font-size: 17px; font-weight: 500;}
.home_hero h1 {font-size: 55px; line-height: 65px;}
.home_hero .droneman {
    /*margin-top: 30px; margin-left: -130px; */
    display:none;
}}

/********************************/
/********* HOME ABOUT ***********/
/********************************/
.home_about {padding: 80px 0px; padding-top: 0; position: relative; z-index: 1; overflow: hidden;}
.home_about .background-pattern { position: absolute; top: 150px; right: 0; min-width: 500px; min-height: 500px; opacity: 0.17; z-index: 0;}
.home_about .subtitle {text-transform: uppercase; color: #6DCC73; font-weight: 600; line-height: 36px;}
.home_about h2 {font-size: 40px; line-height: 48px; font-weight: 900; color: #1B5E20;}
.home_about .far-right {color: #020202; line-height: 33px; font-weight: 400;}
.home_about .home_about_image {border-radius: 22px; width: 100%; background-color: #6dcc73; height: 380px; background-image: url('../img/about_home.jpg'); background-repeat:no-repeat; 
background-position:center; background-size:cover; margin-bottom: 0;}
@media (max-width: 768px) {
.home_about .background-pattern {display: none;}
.home_about h2 {font-size: 32px; line-height: 38px;}}

/********************************/
/********* WHAT WE DO ***********/
/********************************/
.whatwedo {padding: 0px; padding-bottom:80px; background: #fff; position: relative; z-index: 100; text-align: left; }
.whatwedo .background-pattern { position: absolute; top: 20px; left: 25%; min-width: 500px; height: 500px; opacity: 0.27; z-index: 0; transform: rotate(25deg);}
.whatwedo .far-right {color: #020202; line-height: 33px; font-weight: 400;}
.whatwedo .subtitle {text-transform: uppercase; color: #6DCC73; font-weight: 600; line-height: 36px;}
.whatwedo h2 {font-size: 40px; line-height: 48px; font-weight: 900; color: #1B5E20;}
.whatwedo .image-container {width: 100%; height: 650px; position: relative; overflow: hidden; border-radius: 12px;}
.whatwedo .image-container img {position: absolute; width: 100%; height: auto; top: 0; left: 0; transition: transform 0.6s ease, opacity 0.6s ease; opacity: 0; z-index: 1;}
.whatwedo .image.active {transform: translateX(0); opacity: 1; z-index: 2;}
.whatwedo .image.entering {transform: translateX(-100%); opacity: 0;}
.whatwedo .image.exiting {transform: translateY(-50%); opacity: 0; z-index: 0;}
.whatwedo .about_wide {max-width: 1200px; text-align: left; margin: 0 auto;}
.whatwedo .about_wide .card {border-radius: 12px;}
.whatwedo .about_wide .card h2 { font-size: 50px; color: #212529; font-weight: 700; line-height: 75px; text-align: center; margin-bottom: 40px; border-radius: 12px;}
.whatwedo .about_wide .card li {list-style: none; margin-bottom: 15px;font-size: 18px; font-weight: normal;}
.whatwedo .about_wide .card-header {background-color: #6DCC73; border-radius: 12px;}
.whatwedo .about_wide .card-header .btn {text-decoration: none;text-transform: capitalize; color: #212529; box-shadow: none; font-size: 20px;font-weight: bold;}
.whatwedo .about_wide .card-header .btn i {float: right; display: inline-block; transition: 0.4s all ease-in;}
.whatwedo .about_wide .card-header h2 {text-align: center; margin-bottom: 40px;}
@media (max-width: 768px) {
.whatwedo .background-pattern {display: none;}
.whatwedo h2 {font-size: 32px; line-height: 38px;}}

/********************************/
/********* HOME PRODUCTS ********/
/********************************/
.home_products { min-height: 400px; padding: 80px 0px; background: #fff; position: relative; z-index: 100; text-align:left;}
.home_products .home_layer {background-image: url('../img/green_art.png'); background-position: center; background-size: contain; background-repeat:repeat; }
.home_products .background-pattern { position: absolute; top: 20px; left: 25%; min-width: 500px; height: 500px; opacity: 0.17; z-index: 0; transform: rotate(25deg);}
.home_products .subtitle {text-transform: uppercase; color: #6DCC73; font-weight: 600; line-height: 36px;}
.home_products h2 {font-size: 40px; line-height: 48px; font-weight: 900;}
.home_products .far-right {color: #020202; line-height: 33px; font-weight: 400;}
.home_products .product {border: 1px solid #6DCC73; border-radius: 10px; padding: 0; padding-top: 20px; background-color:#fff; transition: 0.2s all ease-in;margin: 30px 0 0; box-shadow: 0 0 10px #ccc;}
.home_products .product .product_details {padding: 20px;}
.home_products .product .product_image {background-position: center; display: block; background-size: contain; height: 75px; width: 100%; background-repeat:no-repeat; margin:0px auto 10px;}
.home_products .product .livestock {background-image: url('../img/products/home_cow.jpeg');}
.home_products .product .poultry { background-image: url('../img/products/home_chicken.jpeg');}
.home_products .product .dairy { background-image: url('../img/products/home_livestock.jpeg');}
.home_products .product .processed {background-image: url('../img/products/home_flour.jpeg');}
.home_products .product:hover {background-color:#fff; cursor:pointer; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); transform: translateY(-5px);}
.home_products .product h4 { font-size: 20px; margin-top:0; font-weight: 600; margin-bottom: 10px; }
.home_products .product p {font-size:13px; font-weight:400; color:#020202; line-height: 24px; margin-bottom: 5px;}
.home_products .product a {font-size: 12px; font-weight:600; line-height: 24px; color: #6DCC73; text-decoration: none;}
.home_products .product a > i {display:inline-block; margin-top: 10px; font-size: 10px; line-height: 24px; }
.home_products .btn-outline-contact {margin-top: 35px; font-size:14px; border: 1px solid #1B5E20; color: #1B5E20; line-height: normal; font-weight: bold; padding: 12px 30px; border-radius: 25px;}
.home_products .btn-outline-contact:hover {background-color: #6DCC73; color: #fff;}
@media (max-width: 992px){.home_products {padding: 40px 0;}}
@media (max-width: 768px) {
.home_products .background-pattern {display: none;}
.home_products .product {border: 1px solid transparent; text-align: center; }
.home_products .product h4 {text-align: center;}
.home_products .product .product_image {height: 65px; background-position: center; margin: 0 auto;}
.home_products .product .product_details {padding: 10px 20px;}
.home_products .product .poultry {margin-left: 0; overflow:hidden;}
.home_products h2 {font-size: 32px; line-height: 38px;}}

/********************************/
/********* FUTURE FOCUS *********/
/********************************/
.future_focus { min-height: 400px; padding: 80px 0px; background: #FFF; position: relative; z-index: 100; text-align:left;}
.future_focus .background-pattern { position: absolute; top: 20px; left: 25%; min-width: 500px; height: 500px; opacity: 0.17; z-index: 0; transform: rotate(-25deg);}
.future_focus .subtitle {text-transform: uppercase; color: #6DCC73; font-weight: 600; line-height: 36px;}
.future_focus h2 {font-size: 40px; line-height: 48px; font-weight: 900;}
.future_focus .far-right {color: #020202; line-height: 33px; font-weight: 400;}
.future_focus .focus {display: flex;}
.future_focus .focus .focus_image {width: 28px; height: 28px; background-repeat:no-repeat; background-position:center; background-size:cover; margin-top: 15px;}
.future_focus .focus .focus_detail {width: calc(100% - 90px); margin-left: 15px;}
.future_focus .focus_1 {background-image:url('../img/focus/focus_1.svg');}
.future_focus .focus_2 {background-image:url('../img/focus/focus_2.svg');}
.future_focus .focus_3 {background-image:url('../img/focus/focus_3.svg');}
.future_focus .focus_4 {background-image:url('../img/focus/focus_4.svg');}
.future_focus .focus_5 {background-image:url('../img/focus/focus_5.svg');}
.future_focus .focus_6 {background-image:url('../img/focus/focus_6.svg');}
.future_focus .focus_7 {background-image:url('../img/focus/focus_7.svg');}
.future_focus h4 {color: #212529; font-size: 35px; line-height: 55px; margin-bottom: 0px;}
.future_focus span {color: #212529; text-transform: capitalize; letter-spacing:0.3px; display: block; font-size: 13px; line-height: 22px; margin: 0 0 25px; font-weight: 500;}
.future_focus .focus_imagea {margin-top: -50px; width: 100%; background-color:transparent; height: 450px; background-repeat:no-repeat; background-position:center; background-size:cover;}
.future_focus .image1 {background-image: url('../img/future_focus.svg');}
@media (max-width: 768px) {
.future_focus {margin-top: 50px;}
.future_focus .background-pattern {display: none;}
.future_focus .focus_imagea {margin-top: 40px;}}

/********************************/
/******* THOSE WE SERVE *********/
/********************************/
.those_we_serve { min-height: 400px; padding: 0 0px 60px; background: #FFF; position: relative; z-index: 100; text-align:center;}
.those_we_serve h2 {font-size: 40px; line-height: 48px; font-weight: 900;}
.those_we_serve .server {border: 1px solid #6DCC73; border-radius: 10px; padding: 20px 30px; background-color:#fff; transition: 0.2s all ease-in; box-shadow: 0 0 10px #ccc; margin-bottom: 20px;}
.those_we_serve .weserve_image {display:block; margin: 10px auto 20px; background-position: center; background-size: cover; height: 90px; width: 90px; background-repeat:no-repeat;}
.those_we_serve .conscious {background-image: url('../img/weserve1.png'); height: 70px; }
.those_we_serve .biz {background-image: url('../img/weserve2.png'); height: 70px; }
.those_we_serve .buyers {background-image: url('../img/weserve3.png'); height: 70px; }
.those_we_serve .sustain {background-image: url('../img/weserve4.png'); height: 70px; }
.those_we_serve h5 {color: #212529; font-size: 16px; font-weight:bold; line-height: 25px; margin-bottom: 10px;}
.those_we_serve p {color: #212529; text-transform: capitalize; display: block; font-size: 14px; line-height: 24px; margin: 0 auto; font-weight: 400;}
@media (max-width: 768px) {.those_we_serve {margin-top: 50px;} .those_we_serve p {margin-bottom: 15px;}}

/********************************/
/********* HOME CONTACT *********/
/********************************/
.home_contact {padding: 60px; text-align: center; position: relative; overflow:hidden; background:#1B5E20; background-size: cover; border-radius: 20px; margin: 20px 0 100px; z-index: 9;}
.home_contact .background-pattern { position: absolute; top: 0px; left: -125px; min-width: 500px; height: 350px; opacity: 0.17; z-index: 0; transform: rotate(25deg);}
.home_contact .background-pattern2 { position: absolute; bottom: -128px; right: -120px; min-width: 500px; height: 350px; opacity: 0.17; z-index: 0;transform: rotate(-25deg);}
.home_contact .text-success {color: #6DCC73; font-weight: 400; line-height: 36px;}
.home_contact h2 {color: #fff; width: 70%; font-size: 50px; line-height: 55px; font-weight: 800; margin: 10px auto 40px;}
.home_contact .highlight {color: #f3b100;}
.home_contact p {letter-spacing: 2px; color: #9fc497; font-weight: 400;}
.home_contact .btn-outline-contact {border: 1px solid #e1a924; color: #fff; min-width: 160px; font-weight: 600; padding: 10px 30px; border-radius: 25px;}
.home_contact .btn-outline-contact:hover {background-color: #e1a924;}
@media (max-width: 992px) {.home_contact {padding: 60px 0; } .home_contact h2 { width: 80%; font-size: 40px; line-height: 45px;}}
@media (max-width: 768px) {.home_contact h2 { width: 100%; font-size: 30px; line-height: 40px;}.home_contact .background-pattern2 {display:none;}}

/********************************/
/********** PAGE HOME ***********/
/********************************/
.page_home {text-align:left; background-image:url('../img/1b.png'); background-repeat:no-repeat; background-size:cover; background-position:top; padding: 0px; position: relative; z-index: 10;}
.page_home_layer {background:rgba(0,0,0,0.7); color:#fff; padding: 200px 50px 100px;}
.page_home .pagetext {font-weight: 600; line-height: 24px; font-size: 16px; margin: 0 auto 20px; text-transform: uppercase;}
.page_home .pagetitle {font-weight: 800; line-height: 60px; font-size: 48px; margin: 0 auto 30px;}
.page_home .pagetitle span {color: #6DCC73;}
.page_home .pagesubtitle {color: #fff; line-height: 28px; font-size: 17px; font-weight: 400; width: 60%; }
@media (max-width: 992px) {
.page_home .pagetitle {font-size: 35px; line-height: 58px; }
.page_home .pagesubtitle {font-size: 16px; width: 80%;}}
@media (max-width: 768px) {
.page_home_layer {padding-left: 20px; padding-right: 20px; padding-bottom: 80px;}
.page_home .pagetitle {font-size: 30px; line-height: 42px;}
.page_home .pagesubtitle {font-size: 16px; width: 100%;}}

/********************************/
/******** VISION MISSION ********/
/********************************/
.vision_mission {margin-top: 70px; text-align: left;}
.vision_mission .board {padding: 30px 50px; background: #1B5E20; color: #fff; border-radius: 12px;}
.vision_mission .text_image {display:flex; color: #fff; font-size: 30px; line-height: 35px; margin-bottom: 10px;}
.about_overview .board p {font-size: 17px; line-height: 24px; font-weight: 400; margin-bottom: 15px;}
.vision_mission .text_image .image {margin-left: 15px; margin-top:-5px; width: 50px; height: 50px; background-repeat:no-repeat; background-position:center; background-size:cover;}
.vision_mission .text_image .vision {background-image: url('../img/vision.png'); }
.vision_mission .text_image .mission {background-image: url('../img/mission.png'); }
@media (max-width: 992px) {.vision_mission .about_images {margin-top: 70px;}}
@media (max-width: 768px) {
.vision_mission {margin-top: 50px;} 
.vision_mission .board {margin-bottom: 50px; padding: 30px;}}

/********************************/
/********* CORE VALUES **********/
/********************************/
.core_values {background-color: #1B5E20; margin-top: 80px; margin-bottom: 80px; border-radius: 12px; padding: 60px; position: relative; z-index: 10; border: 3px solid #1B5E20;}
.core_values .value-pattern { position: absolute; bottom: -10px; overflow:hidden; right: 30px; width: 360px; height: 400px; opacity: 0.97; z-index: 0; }
.core_values h2 {color: #fff; font-size: 40px; line-height: 55px; margin-bottom: 10px; text-align:center;}
.core_values p {font-size: 16px; line-height: 24px; font-weight: 400; letter-spacing: 1px; margin-bottom: 15px; text-align:center;}
.core_values .value {display:flex; border: 1px solid #6DCC73; border-radius: 12px; padding: 20px; background:#fff; text-align:left; transition: 0.2s all ease-in; margin: 30px 0 0; 
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);}
.core_values .value:hover {cursor:pointer; transform: translateY(-5px);}
.core_values .value h4 { font-size: 22px; margin-top:0; font-weight: 800; text-align:left; margin-bottom: 10px; }
.core_values .value p {font-size:14px; font-weight:400; color:#252729; letter-spacing: 0px; line-height: 24px; text-align: left; margin-bottom: 0;}
.core_values .value .value_image {display:inline-block; margin-right: 20px; background-position: left; background-size: cover; height: 150px; width: 130px; background-repeat:no-repeat;}
.core_values .value .value_details {width: calc(100% - 150px);}
.core_values .value .innovation { background-image: url('../img/values/value_innovation.jpg');}
.core_values .value .sustainability { background-image: url('../img/values/value_sustainability.jpg');}
.core_values .value .empowerment {background-image: url('../img/values/value_empowerment.jpg');}
.core_values .value .integrity {background-image: url('../img/values/value_integrity.jpg'); height: 160px; }
.core_values .value .quality {background-image: url('../img/values/value_quality.jpg'); height: 160px; }
@media (max-width: 992px) {
.core_values {padding: 60px 20px;}
.core_values .value .value_image {height: 120px; width: 100px;}
.core_values .value .value_details {width: calc(100% - 120px);}}
@media (max-width: 768px) {
.core_values {margin-top: 0px; padding: 60px 20px;}}

/********************************/
/***** PRODUCTS/AGRONOMY ********/
/********************************/
.products_page {margin-top: 80px; margin-bottom: 80px;} 
.products_page .products_list {margin-bottom: 70px;background-position: center; background-size:cover; background-repeat: no-repeat; min-height: 330px; border-radius: 12px; overflow: hidden;}
.products_page .products_list .overlay {background: rgba(0, 0, 0, 0.75); height: 100%; width: 100%; padding: 60px; color: white; }
.products_page .products_list .content {z-index: 2;}
.products_page .products_list .content h6 {font-weight: 400; text-transform: uppercase; font-size: 17px; line-height: 36px; color: #f3b100; }
.products_page .products_list .content h2 {font-weight: 800; font-size: 50px; line-height: 60px; margin-top: 20px; margin-bottom: 40px;}
.products_page .products_list .content p {font-weight: 400; font-size: 17px; width: 75%; line-height: 27px; margin-bottom: 20px;}
.products_page .products_list .highlight {color: #6DCC73;}
.products_page .products_list .btn-outline-contact {border: 1px solid #e1a924; color: #fff; min-width: 160px; font-weight: 600; padding: 10px 30px; border-radius: 25px;}
.products_page .products_list .btn-outline-contact:hover {background-color: #e1a924;}
/* agronomy */
.products_page .cassava {background-image: url('../img/agropage/cassava.png'); }
.products_page .corn {background-image: url('../img/agropage/corn.png');}
.products_page .plantain {background-image: url('../img/agropage/home_plaintain.png');}
.products_page .yam {background-image: url('../img/agropage/yam.png');}
.products_page .sesame {background-image: url('../img/agropage/sesame.png');}
/* products */
.products_page .livestock {background-image: url('../img/products/livestock.jpg');}
.products_page .poultry {background-image: url('../img/products/poultry.jpg');}
.products_page .beverages {background-image: url('../img/products/water.avif');}
.products_page .processed {background-image: url('../img/products/flour.jpg');}
@media (max-width: 992px) {
.products_page .products_list .overlay {padding: 70px 40px; }
.products_page .products_list .content h2 {font-size: 30px; line-height: 35px; margin-top: 20px; margin-bottom: 20px;}
.products_page .products_list .content p {font-size: 14px; width: 85%; line-height: 24px; margin-bottom: 20px;}}
@media (max-width: 768px) {
.products_page .products_list {min-height: 330px;}
.products_page .products_list .overlay {padding: 70px 40px; }
.products_page .products_list .content h2 {font-size: 30px; line-height: 35px; margin-top: 20px; margin-bottom: 20px;}
.products_page .products_list .content p {width: 100%;}
.products_page .products_list .btn-outline-contact {font-size: 14px; padding: 10px 20px;}}

/********************************/
/******* CONTACTS TOP **********/
/********************************/
.contact_top {margin-top: 180px; padding: 0px; position: relative; z-index: 1;}
.contact_top .background-left { position: absolute; top: -100px; left: 0; min-width: 200px; min-height: 500px; opacity: 0.15; z-index: 0;}
.contact_top .background-right { position: absolute; top: 0px; right: 0; min-width: 200px; min-height: 500px; opacity: 0.15; z-index: 0;}
.contact_top .pagetext {color: #6DCC73; font-weight: 600; line-height: 24px; font-size: 16px; text-align:center; margin: 0 auto 20px;}
.contact_top .pagetitle {color: #1B5E20; font-weight: 800; line-height: 58px; font-size: 55px; text-align:center; margin: 0 auto 30px;}
.contact_top .pagesubtitle {color: #020202; line-height: 24px; width: 50%; margin: 0 auto;text-align:center; font-size: 17px; font-weight: 400; }
@media (max-width: 992px) {
.contact_top .pagetitle {font-size: 35px;}
.contact_top .pagesubtitle {width: 80%;}}
@media (max-width: 768px) {
.contact_top .pagetitle {font-size: 30px;}
.contact_top .pagesubtitle {width: 100%;}}

/********************************/
/******* CONTACTS PAGE **********/
/********************************/
.contact_page {margin: 80px 0;}
.contact_page .myalert {font-size: 10px; padding: 5px; color: #fff; margin-top: -20px;}
.contact_page .myalert .close {margin-top: -3px; margin-right: 5px; font-size: 15px; color: #fff;}
.contact_page label {font-weight:bold; font-size: 16px; color: #1B5E20;}
.contact_page label span {color:#f00;}
.contact_page .form-control {border: 1px solid #535461; border-radius: 6px; margin-bottom: 5px; font-size: 16px; padding: 16px 20px; box-shadow: none;}
.contact_page .form-control::placeholder {color: #a0a0a0;}
.contact_page .form-control:focus {border: 1px solid #1B5E20;}
.contact_page .btn {background:transparent; border: 2px solid #1B5E20; color: #1B5E20; box-shadow: none; border-radius: 25px; padding: 10px 35px; font-size: 15px; font-weight: bold;}
.contact_page .btn:hover {background:#1B5E20; border: 2px solid #1B5E20; color: #fff; }
.contact_page .contact_page_image {border-radius: 22px; width: 100%; background-color: #6dcc73; height: 650px; background-repeat:no-repeat; background-position:center; background-size:cover;}
.contact_page .contact1 {background-image: url('../img/about_overview.jpg'); transform: scaleX(-1);}
@media (max-width: 768px) {
.contact_page {margin-top: 50px;}
.contact_page .contact_page_image {margin-top: 40px;}}

/********************************/
/******* CONTACTS CARD **********/
/********************************/
.contact_cards {margin: 0; padding: 0px 0 50px; background: #fff; color: #fff;}
.contact_cards .contact_card {background: #1B5E20; border-radius: 12px; padding: 40px; text-align: left; position: relative; overflow:hidden; margin-bottom: 40px;}
.contact_cards .contact_card .image { height: 70px; width: 70px; margin-bottom: 15px; background-repeat:no-repeat; background-position:center; background-size:cover;}
.contact_cards .contact_card .envelope {background-image: url('../img/icons/envelope.svg'); filter: invert(1) brightness(2);}
.contact_cards .contact_card .call {background-image: url('../img/icons/call.svg'); filter: invert(1) brightness(2);}
.contact_cards .contact_card .location {background-image: url('../img/icons/locateicon2.jpg'); }
.contact_cards .contact_card h4 {color: #fff;}
.contact_cards .contact_card h4 span {color: #D4A537; }
.contact_cards .contact_card p {font-size: 14px; line-height: 28px; font-weight: 300;}
.contact_cards .contact_card a {color: #D4A537; font-size: 14px; text-decoration: none; font-weight: 400; line-height: 28px;}
@media(max-width: 768px){
.contact_cards {padding-top: 50px;}}

/********************************/
/*********** BLOG CARD **********/
/********************************/
.blog_cards {margin: 0; padding: 80px 0 50px; background: #fff; color: #212529;}
.blog_cards .card {transition: 0.4s all ease-in; text-align: left; position: relative; overflow:hidden; margin-bottom: 60px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);}
.blog_cards .card .details {padding: 10px 25px;}
.blog_cards .card .image {position: relative; height: 270px; width: 100%; margin-bottom: 15px; background-repeat:no-repeat; background-position:center; background-size:cover;}
.blog_cards .card .tag {background:#1B5E20; font-weight: bold; font-size: 12px; padding: 5px 15px; border-radius: 0; position: absolute; bottom: 0px; left: 0px; color: #fff;}
.blog_cards .card .envelope {background-image: url('../img/blog/blog.jpeg');}
.blog_cards .card .call {background-image: url('../img/blog/blog.jpeg');}
.blog_cards .card h4 {color: #212529; font-size: 20px; font-weight: bold; line-height: 28px; margin-top: 0;}
.blog_cards .card p {color: #212529;font-size: 16px; line-height: 28px; font-weight: 400; margin-bottom: 5px;}
.blog_cards .card a {color: #1B5E20; font-size: 16px; text-decoration: none; font-weight: 600; line-height: 28px; display: inline-block; margin-bottom: 10px;}
.blog_cards .card:hover {box-shadow: 0 10px 20px rgba(0, 0, 0, 0.5); transform: translateY(-5px);}
@media(max-width: 768px){
.blog_cards {padding-top: 50px;}}

 
/********************************/
/********** BLOG POST ***********/
/********************************/
.blog_post {text-align:center; background-image:url('../img/1b.png'); background-repeat:no-repeat; background-size:cover; background-position:bottom; padding: 0px; position: relative; z-index: 10;}
.blog_post_layer {background:rgba(0,0,0,0.7); color:#fff; padding: 250px 50px 100px;}
.blog_post .pagetext {font-weight: 600; line-height: 24px; font-size: 16px; margin: 0 auto 20px; text-transform: uppercase;}
.blog_post .pagetitle {font-weight: 800; line-height: 68px; font-size: 55px; margin: 0 auto 30px;}
.blog_post .pagetitle span {color: #6DCC73;}
.blog_post .pagesubtitle {color: #fff; line-height: 24px; font-size: 17px; font-weight: 400; }
@media (max-width: 992px) {
.blog_post .pagetitle {font-size: 35px; line-height: 58px; }
.blog_post .pagesubtitle {font-size: 16px;}}
@media (max-width: 768px) {
.blog_post_layer {padding-left: 20px; padding-right: 20px; padding-bottom: 100px;}
.blog_post .pagetitle {font-size: 30px; line-height: 42px;}}


/********************************/
/********** BLOG CONTENT ********/
/********************************/ 
.blog_content_section {margin: 80px 0;}
.blog_content {border: 1px solid #ccc; border-radius: 12px; text-align:left; color: #212529; max-width: 800px; margin: 0 auto; padding: 60px; position: relative; z-index: 10;}
.blog_content h4 {font-weight: 800; line-height: 68px; font-size: 25px; margin: 0 auto 30px;}
.blog_content span {color: #6DCC73;}
.blog_content p {line-height: normal; font-size: 16px; font-weight: 400; }
@media (max-width: 992px) {
.blog_post .pagetitle {font-size: 35px; line-height: 58px; }
.blog_post .pagesubtitle {font-size: 16px;}}
@media (max-width: 768px) {
.blog_post_layer {padding-left: 20px; padding-right: 20px; padding-bottom: 100px;}
.blog_post .pagetitle {font-size: 30px; line-height: 42px;}}