html {
    scroll-behavior: smooth;
}  
#contact{
    -webkit-transition: all .10s ease-in-out;
    -o-transition: all .10s ease-in-out;
    transition: all .10s ease-in-out;
}

.largetext{    font-size: 38px;position: relative;line-height: 1.3em;margin-bottom: 26px;text-transform: uppercase;  }
.largetext:after{width: 66px;height: 3px;background-color: #39ba56;content:"";display: block;margin: 15px 0;}
.gray-light{background: #F7F8FA;}

.bgred{background-color: #39ba56!important;}
.redtext{color: #39ba56!important;}
.graytext{color:#999999;}
.whitetext{color:#fff;font-weight:500;}
.browntext{color: #4c3318;}
.darkgray{background-color: #383838;}
.banner{background-image: url(../images/farm.jpeg);background-position: center;background-repeat: no-repeat;background-size: cover;height:100vh;position: relative;}
/* .banner:before{position: absolute;height: 100%;width: 100%;background-color: rgba(0, 0, 0, 0.48);content: "";} */
.banner:before{position: absolute;height: 100%;width: 100%;/*background-color: rgba(0, 0, 0, 0.2);*/    background-color: rgba(58, 187, 86, 0.2);content: "";}
.smalltext{    font-size: 21px;font-weight: 500;margin-bottom: 12px;color: #333;}

.topbar-wrap{display: flex;justify-content: space-between;    align-items: baseline;}

@media (max-width: 991px){
.navbar .navbar-toggler .surface {height: 33px;width: 26px;position: relative;z-index: 1;display: block;}
.surface .linebar {width: 100%;height: 2px;display: block;position: absolute;border-radius: 4px;z-index: 5;top: 50%;left: 0;margin: -1px 0 0;transform-origin: center;-webkit-transform-origin: center;-moz-transform-origin: center;-o-transform-origin: center;-ms-transform-origin: center;background: #39ba56;-webkit-transition: all 277ms ease-in-out;-moz-transition: all 277ms ease-in-out;-o-transition: all 277ms ease-in-out;transition: all 277ms ease-in-out;-ms-transition: all 277ms ease-in-out;}
.navbar .navbar-toggler .surface .linebar.first {top: 20%;}
.surface .linebar.second {top: 51%;}
.surface .linebar.third {
    top: 81%;
}
}

.topbar{position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;/* padding: 0.5rem 1rem; */padding: 10px 0px;}
.topbar .logolist{list-style-type: none;padding: 0;margin: 0;}
.logo{height: 97px;width: 245px;}

.breadcrums-banner {background-image: url(../images/farm.jpeg);background-size: cover;background-position: center;position: relative;}
.breadcrums-banner:before {background-color: rgba(0, 0, 0, 0.70);opacity: 0.7;/* background-color: #121B51; */height: 100%;width: 100%;position: absolute;top: 0px;left: 0px;content: "";
}
.breadcrums-text {color: #f9f9f9;font-size: 32px;font-weight: 400;line-height: 36px;padding-bottom: 159px;padding-top: 223px;text-transform: uppercase;text-align: center;position: relative;}
.breadcrumb-bottom {background-color: #44a84d;bottom: 0px;height: 55px;left: 0;padding: 14px 0 15px;position: absolute;width: 100%;}
.breadcrumb-menu {list-style-type: none;padding: 0;margin: 0;}
.breadcrumb-menu li {display: inline-block;color: #fff;padding: 0 3px;}
.breadcrumb-menu li a {color: #fff;text-decoration: none;}

.addressection{list-style-type: none;padding: 0;margin: 0;}
.addressection .text-left .phone{color: #666667;text-decoration: none;}
.addressection li{display: inline-block;padding-left: 5px;padding-right: 5px;}
.icon-circle{background: #f1f3f9;height: 40px;width: 40px;line-height: 40px;text-align: center;font-size: 22px;margin: 0 17px;color: #4c3318;}
.icon{border-radius: 50%;}
.cols{flex:1;display: flex;}
.cols .img-left{display: inline-block;}
.cols h5{display: block;font-size: 16px;margin-bottom: 1px;}
.cols p{font-size:14px;}
.address-tittle{text-transform: uppercase;}
.addressptext{max-width: 195px;}
.navleft{margin-left: -40px;}

/* .navbar{background-image: url(../images/green-bg.png);background-size: cover;width:100%;} */
.mainNavigation{position: absolute;width: 100%;z-index: 1;height: max-content;}
.mainNavigation .navigation{    max-width: 1170px;margin: 0 auto;    padding: 0.5rem 0;}
.mainNavigation .navbar-nav .nav-link{/*border-right: 1px solid #fff;*/padding: 8px 24px;}
.mainNavigation .navbar-nav .nav-link:hover{color:#ffcb05;}
.mainNavigation.sticky {position: fixed;top: 0;width: 100%;left: auto;right: auto;background-color: #fff;    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);}
.mainNavigation.sticky .navbar-nav .nav-link{color:#333;/*border-right: 1px solid #000;*/padding: 7px 18px;}
.mainNavigation.sticky .navbar-nav .nav-link:hover{color:#ffcb05;}
.mainNavigation .navbar-brand{background-image: url(../images/logo.png);background-size: cover;background-position: center;width:192px;height:97px;display: block;font:0/0 a;}
.navbar-nav .dropdown-menu{width:225px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);}
.navbar-nav .dropdown-menu .dropdown-item{padding: 11px 1.5rem;border-bottom: 1px solid #eee;    outline: 0;}
.dropdown:hover>.dropdown-menu {display: block;}
.navbar-nav .nav-link.active {color: #ffcb05!important;}


.our-product{padding: 80px 0;}
.product-wrap{display: flex;justify-content: center;}
.product-box{flex:0 0 23.5%;margin: 0 22px;cursor: pointer;}
.product-pic{background-image: url('../images/organic-soyabean.jpg');background-position: center;background-size: cover;background-repeat: no-repeat;}
.our-product .largetext::after{margin: 15px auto;}
.discription{padding: 10px;}
.discription .smalltext{font-weight: 400;font-size: 19px;    margin-top: 10px;}

   
.banner-headtext{margin: 0 auto 45px;display: block;color: #fff;text-align: center;line-height: 55px;font-size: 41px;font-weight: 500;text-transform: capitalize;}

/* contact us index page*/
.contactsection{padding: 100px 0;}
.contact-wrap{display:flex;justify-content: space-between}
.contact-wrap .left-col{flex: 0 0 60%;    padding-right: 60px;}
.contact-wrap .right-col{flex:0 0 40%}


.our-contact{display: block;margin: 0 auto 0 auto;max-width: 800px;text-align: center;}
.contactsection .colscontact {flex: 1;display: flex;border-bottom: 1px solid #cecece;padding: 16px 0px 1px 0px;}
.contactsection .colscontact h5 {color: #666;font-size: 17px}
.contactsection .colscontact i {color: #4c3318;font-size: 20px;margin-right: 14px;margin-top: 3px;}
.contactsection .colscontact p{color:#999999;}
.contactsection .colscontact a{color:#999999;text-decoration:none;  }
.colscontact:nth-last-child(1) {border-bottom: none;}
/* footer*/
.footer p{margin-bottom: 0;color: #cecece;padding: 30px 0px 30px 0;font-size: 15px;}
.footer p span{margin-right: 4px;margin-left: 4px;}
.footer p a{color: #cecece;}
.utext{list-style-type: none;padding: 0;margin: 0;color: #666667;}
.utext li {margin-bottom: 9px;}
.utext li::before {display: inline-block;margin-left: 0.395em;vertical-align: middle;font-family: "FontAwesome";content: "\f00c";color: #E32526;margin-right: 8px;}
.serviceslist{color: #666667;padding: 0;margin:0;}
.serviceslist  li{margin-bottom: 14px;display: flex;}
.serviceslist  li::before{display: inline-block;margin-left: 0.395em;vertical-align: middle;font-family: "FontAwesome";content: "\f00c";color:#E32526;margin-right: 8px;}
.read-more{font-size: 18px;font-weight: 600;    margin-bottom: 15px;
    display: block;}
.read-more:hover{color:#39ba56}
.banner-caption{    display: flex;height: 100%;align-items: center;position: relative;max-width: 800px;margin: 0 auto}
.banner-text{display: block;}
.view-more{display: block;text-align: center;background-color: #39ba56;max-width: 120px;margin: 0 auto;padding: 10px;color: #fff;tra}
.view-more:hover{background-color: #4c3318;color:#fff;text-decoration: none;}

.content{max-width: 1170px;margin: 0 auto;width:100%}
.about-section{padding: 100px 0 139px;position: relative;}
.about-section::before{z-index: -1;content: "";background-image: url(../images/wheat-grain.png);width: 334px;height: 199px;position: absolute;bottom: 0;right: 0;background-size: cover;}
.about-wrap{display:flex;}
.about-wrap .leftcol{flex:0 0 60%;display: flex;align-items: center}
.organic{background-image: url(../images/about-services-1.jpg);background-position: center;background-size: cover;height:468px;width:468px;position: relative;    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.organic::after{    content: "";position: absolute;top: 55px;right: -51px;width: 100%;height: 100%;background-color: transparent;border: 20px solid rgb(80, 60, 31);z-index: -1;}
.about-wrap .rightcol{flex:0 0 40%}
.wrap{padding-right: 28px;}

.why-chosse-us{background-image: url('../images/services.jpg');background-position: center;background-size: cover;background-repeat: no-repeat;position: relative;}
.why-chosse-us::before{content:"";position: absolute;height: 100%;width:100%;background-color: #fff;opacity:0.9;}
.why-chosse-us .content{padding: 100px 0;}
.why-choose-wrap{display: flex;    justify-content: center;    margin-top: 68px;position: relative;}
.why-choose-box{flex: 0 0 23.5%;text-decoration: none;margin: 0 11px;padding: 20px;-webkit-transition-duration: 0.2s;-moz-transition-duration: 0.2s;-o-transition-duration: 0.2s;transition-duration: 0.2s;}

.why-choose-box:hover{background-color: #fff;text-decoration: none;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);    -webkit-transform: translateY(-4px);
    -moz-transform: translateY(-4px);
    -o-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
     transform: translateY(-4px);}
.pic{       background-color: transparent;height: 100px;width: 100px;display: block;border-radius: 100%;margin: 0 auto;text-align: center;padding: 11px 8px;border: 2px solid #666666;}
.pic img{      height: 75px;
    width: 75px;}
.discription{text-align: center}
.why-chosse-us .smalltext{text-align: center;color:#333;margin:10px 0;display: block;
    font-weight: 500;}
.why-chosse-us .largetext{display: block;margin: 15 auto;text-align: center;}
.why-chosse-us .largetext:after {display: block;margin: 15px auto;}

.contactsection .largetext:after{margin: 15px auto}
.contactsection .form-control{    height: calc(2.25rem + 10px);    border-radius: 20px;    padding: 0 24px;}
.contactsection .message{height: calc(2.25rem + 120px);}
.submitt{max-width: 174px;padding: 11px 0;width:100%;}



.innersection{padding: 80px 0;}
.contact-wrap{display: flex;justify-content: space-between;}
.contact-wrap .left-side{flex: 0 0 50%}
.contact-wrap .right-side{flex:0 0 50% }

.breadcrumsbanner {position: relative;background-image: url(../images/breadcrumb-bg.jpg);background-size: cover;background-position: center;height: 250px;display: flex;justify-content: center;align-items: center;}
.breadcrumsbanner::before{position: absolute;height: 100%;width: 100%;background-color: rgba(0, 0, 0, 0.48);content: "";}
.breadcrumstext {position: relative;color: #fff;z-index: 1;}
.get-in-touch {position: fixed;bottom: 3%;right: 2%;} 
.enquire {display: inline-block;cursor: pointer;background-image: url(../images/get-in-touch.png);height: 102px;width: 103px;background-repeat: no-repeat;background-position: 100%;background-size: contain;}

.innersector{padding: 80px 0;}
.vision-wrap{display: flex;justify-content: space-between;margin-top: 20px;}
.vision-box{flex: 0 0 50%;padding: 20px;background-color: #eee;margin: 0 18px 20px;}

.page-core-values .why-choose-wrap{justify-content: flex-start;flex-wrap: wrap;}
.page-core-values .why-choose-box{flex: 0 0 29.5%;background-color: #eee;margin-bottom: 20px;}

.process-flow{}
.process-wrap{display: flex;flex-wrap: wrap;justify-content: space-between}
.process-box{flex: 0 0 49.5%;padding: 15px}
.quality{background-image: url(../images/quality-inner.png);background-position: center;background-size: 100%;height:468px;width:468px;position: relative;    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.farm-organic{background-image: url(../images/farm-organic.png);background-position: center;background-size: cover;height:468px;width:468px;}


.step{height: 80px;width: 80px;background-color: #d8fbdb;/* padding: 20px; */border-radius: 100%;display: block;line-height: 78px;text-align: center;color: #43a84d;font-size: 21px;font-weight: 600;}
.process-box .smalltext{margin: 12px 0;}

.page-profile .process-box{flex: 0 0 90%}
.specialization{}
.specialization li{margin-bottom: 12px;}
.soyabean-seeds{background-image: url('../images/soyabean-seeds.jpg');background-position: center;background-position: center;height:468px;width:468px;}
.inspection{display: flex;justify-content: space-between}
.inspect-left{flex: 0 0 48.5%}
.inspect-right{flex: 0 0 48.5%}
.parametrs{width:50%;display: inline-block;padding: 20px 0;}
.parametrs-list{padding: 0;margin: 0;list-style-type: none;}
.parametrs-list li{border-bottom: 1px solid #eee;text-align: center;}
.para{padding: 20px 0;}
.organic-soyabean-meal{background-image: url('../images/organic-soybean-meal.jpg');background-position: center;background-position: center;height:468px;width:468px;}

.organic-oil{background-image: url('../images/organic-soyabean-crude-oil.jpg');background-position: center;background-position: center;height:468px;width:468px;}




.main-timeline{ font-family: 'Roboto', sans-serif; }
.main-timeline:before{content: '';height: 100%;width: 4px;border: 2px dashed #eee;transform: translateX(-50%);position: absolute;left: 50%;top: 0;}
.main-timeline:after{content: '';display: block;clear: both;}
.main-timeline .timeline{width: 50%;padding:10px 40px 10px 10px;margin: 0 10px 30px 0;float: left;position: relative;}
.main-timeline .timeline:after{content: '';background-color: #eee;height: 24px;width: 24px;border-radius: 50%;position: absolute;right: -12px;bottom: 0;}
.main-timeline .timeline-content{color: #444;background-color: #eee;padding: 25px 90px 25px 45px;border-radius: 0 80px;border: 10px solid #3eb454;display: block;position: relative;}
.main-timeline .timeline-content:hover{ text-decoration: none; }
.main-timeline .timeline-icon{color: #fff;background-color: #3eb454;font-size: 37px;line-height: 60px;text-align: center;height: 60px;width: 70px;border-radius: 30px 0 0 30px;position: absolute;bottom: 10px;right: 0;}
.main-timeline .title{color: #3eb454;font-size: 20px;font-weight: 700;letter-spacing: 1px;text-transform: uppercase;margin: 0 0 13px;}
.main-timeline .description{font-size: 14px;letter-spacing: 1px;margin: 0;}
.main-timeline .timeline:nth-child(even){padding: 10px 10px 10px 40px;margin: 0 0 30px 10px;float: right;}
.main-timeline .timeline:nth-child(even):after{right: auto;left: -12px;}
.main-timeline .timeline:nth-child(even) .timeline-content{padding: 25px 45px 25px 90px;border-radius: 80px 0;}
.main-timeline .timeline:nth-child(even) .timeline-icon{border-radius: 0 30px 30px 0;left: 0;right: auto;}
.main-timeline .timeline:nth-child(4n+2) .timeline-content{ border-color: #49411d; }
.main-timeline .timeline:nth-child(4n+2) .timeline-icon{ background-color: #49411d; }
.main-timeline .timeline:nth-child(4n+2) .title{ color: #49411d; }
.main-timeline .timeline:nth-child(4n+3) .timeline-content{ border-color: #26de81; }
.main-timeline .timeline:nth-child(4n+3) .timeline-icon{ background-color: #26de81; }
.main-timeline .timeline:nth-child(4n+3) .title{ color: #26de81; }
.main-timeline .timeline:nth-child(4n+4) .timeline-content{ border-color: #1B9CFC; }
.main-timeline .timeline:nth-child(4n+4) .timeline-icon{ background-color: #1B9CFC; }
.main-timeline .timeline:nth-child(4n+4) .title{ color: #1B9CFC; }
@media screen and (max-width:767px){
    .main-timeline:before{
        transform: translateX(0);
        left: 15px;
    }
    .main-timeline .timeline,
    .main-timeline .timeline:nth-child(even){
        width: 100%;
        margin: 0 0 30px;
        padding: 10px 10px 10px 35px;
    }
    .main-timeline .timeline:after,
    .main-timeline .timeline:nth-child(even):after{
        left: -10px;
    }
    .main-timeline .timeline-icon,
    .main-timeline .timeline:nth-child(even) .timeline-icon{
        font-size: 30px;
        border-radius: 30px 0 0 30px;
        right: 0;
        left: auto;
        bottom: auto;
        top: 10px;
    }
    .main-timeline .timeline-content,
    .main-timeline .timeline:nth-child(even) .timeline-content{
        padding: 85px 25px 25px 25px;
        border-radius: 70px 0;
    }
}
@media screen and (max-width:567px){
    .main-timeline .title{ font-size: 18px; }
}


@media (max-width: 441px){
    .product-wrap{flex-direction: column;;}
}


@media (max-width: 768px){
.mainNavigation{background-color: #fff;}
.navbar-light .navbar-nav .nav-link{color:#333}
.addressection{display: none;}
.banner h2{font-size: 35px;}
.about-wrap{flex-direction: column;}
.why-choose-wrap{flex-direction: column;}
.contact-wrap{flex-direction: column;}
.contact-wrap .left-col{padding-right: 0;}
.content{padding: 0 20px;}
.organic{width: 324px;}
.vision-wrap{flex-direction: column;}
.vision-box{margin: 0 0 20px}
.quality{width:100%}
.process-wrap{flex-direction: column;}
.organic-oil{width:100%;}
.inspection{flex-direction: column;}
.organic-soyabean-meal{width:100%;}
.soyabean-seeds{width:100%;}
}
@media (max-width: 991px){
.nav-link {
    padding: 14px 0!important;
}
}