﻿/* Remove the navbar's default margin-bottom and rounded borders */
.logo {
    height: 64px;
    width: 90px;
    margin-top: -12px;
}

#cookieConsent
{
    margin-top:70px;
}

.menutitle {
    font-weight: 700 !important;
    font-size: 16px !important;
}

    .menutitle a {
        color: white !important;
    }

.nav.navbar-nav.navbar-right li.active a {
    background-color: #FF9933 !important;
}

.mymenubar {
    background-color: #2499435e;
    /*opacity: 0.5;*/
}

    .mymenubar:hover {
        background-color: #34AD54 !important;
    }

.p-t-10 {
    padding-top: 10px !important;
}

.mh-70 {
    min-height: 70px !important
}

.brd-0 {
    border: 0px;
}

#myNavbar li a:hover {
    background-color: #FF9933 !important;
}

.btn-bg-org {
    background-color: #FF9933 !important;
}

.middlebg1 {
    background-color: #404040;
}
/*Index Page*/
.divMargn {
    margin-bottom: 25px;
}

/*Paragraph Headers Color*/
/*Start*/
.textheader1 {
    color: #f2f2f2;
}

.textheader2 {
    color: #cccc00;
}

.textheader3 {
    color: #cceeff;
}
/*Paragraph Headers Color*/
/*End*/

/*Paragraph Text Colors*/
/*Start*/
.smtext1 {
    color: #f2f2f2;
}

.smtext2 {
    color: Silver;
}
.f-s-16{
    font-size:16px;
}

.abt-sm-img {
    border-radius: 10px;
    float: left;
    margin-right: 10px;
}
/*Paragraph Text Colors*/
/*End*/

/*About Us Starts*/
.aboutPara1 {
    height: 300px;
    color: White;
}

    .aboutPara1 h2 {
        padding-top: 80px;
    }

.aboutbg1 {
    background-color: #e6b800;
}

.aboutbg2 {
    background-color: #fff9e6;
}

.abt-us-img {
    max-width: 100%;
    height: 400px;
}

.abt-us-img1 {
    max-width: 100%;
    height: 500px;
}

.abtDescDiv {
    margin-top: -135px;
    margin-bottom: 15px;
    box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-radius: 25px;
    background-color: #e0e0d1;
    padding: 50px 50px 50px 50px;
}

    .abtDescDiv div {
        padding: 5px;
    }

.sm_img {
    margin-right: 5px;
}

.ab-center {
    margin-left: auto;
    padding-left: 30px;
    padding-top: 70px;
}

.bg-abt-us {
    background: linear-gradient(rgba(52, 173, 84, .7), rgba(52, 173, 84, .7)), url(../../../../images/bamboo.jpg) center bottom no-repeat;
    background-size: auto;
}
.para-found {
    border: 5px solid;
    border-radius: 10px;
    padding-top: 20px;
    margin-top: 5px;
}
.f-found {
    color : rgb(255, 153, 51);
}
.p-t-45{
    padding-top:45px;
}

/*About us END*/

/*Footer Page*/
.iconimg {
    padding: 10px 0px 20px 0px;
}


.navbar {
    margin-bottom: 0;
    border-radius: 0;
}

/* Add a gray background color and some padding to the footer */
footer {
    background-color: #0f0f0a;
    padding: 25px;
    color: Silver;
}

.footerPara {
    font-size: 10px;
}

.footerPara1 {
    font-size: 11px;
}

.ft-para1 {
    /*width: auto;*/
    border: 1px solid black;
    /*check media css*/
}

#ft-parent {
}

.bg-footer {
    background: linear-gradient(rgba(52, 173, 84, .7), rgba(52, 173, 84, .7)), url(../../../../images/footer.png) center bottom no-repeat;
    background-size: auto;
}

.d-flex-inline{
    display:inline-flex !important;
}

.default-ft-circle {
    width: 35px;
    height: 35px;
    margin-right: 5px;
    padding-left: 0px;
    font-size:24px;
}

/*Footer section Page End*/

/*Services*/
.sm_img1 {
    border-radius: 20px;
    box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 10px;
}

.btmLine {
    border-bottom: solid 1px;
    margin-bottom: 20px;
}


/*Slider Images Section*/
.carousel-inner img {
    width: 100%; /* Set width to 100% */
    margin: auto;
    min-height: 400px;
    background-size: cover;
    filter: blur(5px)
}

.carousel-caption h1 {
    font-weight: 700;
    font-size: 7rem;
}

.carousel-caption h3 {
    font-weight: 700;
    font-size: 2.75rem;
}

/* Hide the carousel text when the screen is less than 600 pixels wide */
@media (max-width: 600px) {
    .carousel-caption {
        display: none;
    }
}
/*Slider Images Section End*/


/*Counter CSS Properties Section*/
/*Year of Legacy Count*/
#yearsbox {
    padding: 1em;
    font-family: Helvetica
}

    #yearsbox h1, span {
        color: #FFFFFF;
        font-weight: normal
    }

    #yearsbox h1 {
        font-size: 1.9rem;
        text-align: center;
        line-height: 1.2;
        font-weight: 700;
    }

    #yearsbox span {
        font-size: 4.4em;
        text-align: center;
        display: block;
    }

/*Total Farmers Count*/
#farmersbox {
    padding: 1em;
    font-family: Helvetica
}

    #farmersbox h1, span {
        color: #FFFFFF;
        font-weight: normal
    }

    #farmersbox h1 {
        font-size: 1.9rem;
        text-align: center;
        line-height: 1.2;
        font-weight: 700;
    }

    #farmersbox span {
        font-size: 4.4em;
        /*text-align: center;*/
        display: block;
    }

/*Total Farm Area Count*/
#farmareabox {
    padding: 1em;
    font-family: Helvetica
}

    #farmareabox h1, span {
        color: #FFFFFF;
        font-weight: normal
    }

    #farmareabox h1 {
        font-size: 1.9rem;
        text-align: center;
        line-height: 1.2;
        font-weight: 700;
    }

    #farmareabox span {
        font-size: 4.4em;
        display: block;
    }

/*Total Countries Count*/
#countriesbox {
    padding: 1em;
    font-family: Helvetica
}

    #countriesbox h1, span {
        color: #FFFFFF;
        font-weight: normal
    }

    #countriesbox h1 {
        font-size: 1.9rem;
        text-align: center;
        line-height: 1.2;
        font-weight: 700;
    }

    #countriesbox span {
        font-size: 4.4em;
        text-align: center;
        display: block;
    }

.p-r-0 {
    padding-right: 0px !important;
}


/*Counter CSS Properties Section End*/


/*New Slider Inside Text CSS */
.align-items-center {
    align-items: center !important;
}

.justify-content-center {
    justify-content: center !important;
}

.flex-column {
    flex-direction: column !important;
}

.end-0 {
    right: 0 !important;
}

.start-0 {
    left: 0 !important;
}

.bottom-0 {
    bottom: 0 !important;
}

.top-0 {
    top: 0 !important;
}

.d-flex {
    display: flex !important;
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 1.25rem;
    left: 15%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: center;
}

.text-start {
    text-align: left !important;
}

.p-5 {
    padding: 3rem !important;
}

@media (min-width: 1200px) {
    .display-1 {
        font-size: 7rem;
        font-weight: 700;
    }
}

@media (min-width: 1200px) {
    h3, .h3 {
        font-size: 1.75rem;
        font-weight: 700;
    }
}

@media (min-width: 768px) {
    .mb-md-4 {
        margin-bottom: 1.5rem !important;
    }
}

.btn-primary, .btn-secondary {
    color: #FFFFFF;
}

.btn {
    font-family: 'Roboto', sans-serif;
    letter-spacing: 1px;
    font-weight: 700;
    transition: .5s;
}

@media (min-width: 768px) {
    .py-md-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }
}

@media (min-width: 768px) {
    .px-md-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }
}

.me-3 {
    margin-right: 1rem !important;
}

.btn-primary {
    /*color: #000;*/
    background-color: #34AD54;
    border-color: #34AD54;
    border: 0px;
    border-radius: 0px;
    font-size: 1.2rem;
}

    .btn-primary:hover {
        color: #000;
        background-color: #34AD54;
        border-color: #34AD54;
        border: 0px;
        border-radius: 0px;
    }

.btn-secondary {
    /*color: #000;*/
    background-color: #f93;
    border-color: #f93;
    border: 0px;
    border-radius: 0px;
    font-size: 1.2rem;
}

    .btn-secondary:hover {
        color: #000;
        background-color: #f93;
        border-color: #f93;
        border: 0px;
        border-radius: 0px;
    }

.py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
    font-size: 1.2rem;
}

.px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
    font-size: 1.2rem;
}

@media (min-width: 768px) {
    .py-md-3 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
        font-size: 1.7rem;
    }
}

@media (min-width: 768px) {
    .px-md-5 {
        padding-right: 5rem !important;
        padding-left: 5rem !important;
        font-size: 1.7rem;
    }
}
/*New Slider Inside Text CSS END*/

/*New About us section CSS*/
.pt-4 {
    padding-top: 1.5rem !important;
}

.h-515 {
    height: 515px !important;
}

.border {
    border: 1px solid #dee2e6 !important;
}

.border-bottom-0 {
    border-bottom: 0 !important;
}

.border-5 {
    border-width: 5px !important;
}

.border-primary {
    border-color: #34AD54 !important;
}

.d-flex {
    display: flex !important;
}

@media (min-width: 992px) {
    .mb-lg-0 {
        margin-bottom: 0 !important;
    }
}

.mb-5 {
    margin-bottom: 3rem !important;
}

.pt-5 {
    padding-top: 3rem !important;
}

.mt-auto {
    margin-top: auto !important;
}

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important;
}



img, svg {
    vertical-align: middle;
}

@media (min-width: 1200px) {
    .display-5 {
        font-size: 3rem;
    }
}

.display-5 {
    font-size: calc(1.425rem + 1.7vw);
    font-weight: 700;
    line-height: 1.2;
}

@media (min-width: 1200px) {
    h1, .h1 {
        font-size: 2.5rem;
    }
}

.text-primary {
    color: #34AD54 !important;
}

.text-uppercase {
    text-transform: uppercase !important;
}

.p-b-0 {
    padding-bottom: 0px !important;
}

h6, .h6 {
    font-size: 2rem;
    font-weight: 700;
}

.pb-2 {
    padding-bottom: 1.5rem !important;
}

.text-just {
    text-align: justify;
}

.mb-3 {
    margin-bottom: 1rem !important;
}
/*New About us section CSS END*/

/*New Counter section CSS */
.bg-gr-primary {
    background-color: #34AD54 !important;
}

/*New Counter section CSS END*/


/*Counter Icon section*/

.rounded-circle {
    border-radius: 50% !important;
}

.bg-secondary {
    background-color: #f93 !important;
}

.mb-3 {
    margin-bottom: 1rem !important;
}

.align-items-center {
    align-items: center !important;
}

.justify-content-center {
    justify-content: center !important;
}

.d-flex {
    display: flex !important;
    padding-left: 15px;
}

.text-org {
    color: #FF9933;
    font-weight: 700;
    font-size: 1.7rem;
}

.text-white {
    color: white;
}

.text-ft-title {
    color: white;
    font-weight: 700;
    font-size: 2.3rem;
    margin-bottom: 15px;
}

.text-ft-sb-title {
    color: white;
    font-weight: normal;
    font-size: 1.7rem;
}

.p-r-10 {
    padding-right: 10px;
}

.text-center {
    text-align: center !important;
}

.py-lr-5 {
    padding-left: 12px !important;
    padding-right: 20px !important;
}

/*Counter Icon section end*/

/*Quality Assurance section Start*/

.temp-bord{
    border: 5px solid orange;
    min-height : 195px;
}
.bg-light-gr {
    background-color: #2499435e;
}


.t-para3 {
    font-size: 1.7rem;
    font-family: inherit;
    padding-top: 12px;
    padding-left: 25px;
    padding-bottom: 40px;
    letter-spacing: 1px;
    word-spacing: 5px;
}

.m-b-25 {
    margin-bottom: 25px;
}
.qt-title
{
     padding-top:30px; 
     margin-bottom:25px;
}
/*Quality Assurance section End*/


/*Why choose us*/

.img-fluid {
    max-width: 100%;
    height: 100%;
    padding-left: 3rem;
}

.para1 {
    font-size: 1.7rem;
    /*text-align: justify;*/
    color: gray;
}

.para2 {
    color: white;
    font-size: 1.7rem;
    font-family: inherit;
    padding-top: 12px;
    padding-left: 25px;
    padding-bottom: 40px;
    letter-spacing: 1px;
    word-spacing: 5px;
}

.p-t-20 {
    padding-top: 20px;
}

.p-l-35 {
    padding-left: 25px;
    padding-top: 10px;
}

.dsp-default {
    display: none;
}

.dsp-default-toggle {
    display: block;
}

.m-t-35 {
    margin-top: 0px;
}

.m-t-20 {
    margin-top: 20px;
}
.h-250{
    height:250px;
}
.p-l-0 {
    padding-left: 0px !important;
}
.p-t-30
{
    padding-top: 30px;
}

@media only screen and (max-width: 768px) {
    .text-org {
        color: #FF9933;
        font-weight: 700;
        font-size: 2.3rem;
    }

    .text-ft-title {
        color: white;
        font-weight: 700;
        font-size: 2.0rem;
        margin-bottom: 15px;
    }
}

@media only screen and (min-width: 1200px) {
    .p-l-35 {
        padding-left: 10px;
        padding-top: 22px;
    }
}

@media only screen and (max-width: 1000px) {
    .p-l-35 {
        padding-left: 35px;
        padding-top: 35px;
    }

    .img-fluid {
        max-width: 100%;
        height: 100%;
        padding-left: 10rem;
    }

    .m-t-35 {
        margin-top: 35px;
    }
}

@media only screen and (max-width: 800px) {
    .p-l-35 {
        padding-left: 35px;
        padding-top: 5px;
    }

    .dsp-default {
        display: flex;
        margin-top: 35px;
    }

    .dsp-default-toggle {
        display: none;
    }

    .abt-img {
        height: 400px;
    }
}

@media only screen and (max-width: 767px) {
    .mh-70 {
        min-height: 50px !important
    }

    .logo {
        height: 45px;
        width: 65px;
        margin-top: -12px;
    }
}

.w-250 {
    width: 250px;
}

.ft-center {
    /*border: 1px solid black;*/
    margin-left: auto;
    /*margin-bottom: 20px;*/
    padding-left: 30px;
}

@media only screen and (max-width: 767px) {
    .ft-center {
        /*border: 2px solid blue;*/
        margin-left: 10rem;
        margin-right: 10rem;
        padding-left: auto;
        margin-bottom: 20px;
    }

    .w-250 {
        width: auto;
    }
}

@media only screen and (max-width: 600px) {
    .ft-center {
        /*border: 2px solid red;*/
        margin-left: auto;
        margin-right: auto;
        padding-left: auto;
        margin-bottom: 30px;
    }

    .w-250 {
        width: auto;
    }
}



@media only screen and (max-width: 550px) {
    .p-l-35 {
        padding-left: 35px;
        padding-top: 5px;
    }

    .dsp-default {
        display: flex;
        margin-top: 35px;
    }

    .dsp-default-toggle {
        display: none;
    }

    .img-fluid {
        max-width: 100%;
        height: 100%;
        padding-left: 0rem;
    }

    .mh-70 {
        min-height: 50px !important
    }

    .carousel-caption h1 {
        font-weight: 700;
        font-size: 6.4rem;
    }
}

.default-circle {
    width: 60px;
    height: 60px;
    margin-left: 10px;
    margin-top: 20px;
    padding-left: 0px;
}

.def-title-size {
    font-size: 5rem !important;
}

.why-img-div {
    background-color: white;
    height: 500px;
}

@media only screen and (max-width: 900px) {

    .carousel-caption h1 {
        font-weight: 700;
        font-size: 6rem;
    }
}

@media only screen and (max-width: 470px) {

    .carousel-caption h1 {
        font-weight: 700;
        font-size: 4.4rem;
    }

    .h-515 {
        height: 390px !important;
    }
}

@media only screen and (max-width: 650px) {
    .img-fluid {
        max-width: 100%;
        height: 100%;
        padding-left: 1rem;
    }

    .mh-70 {
        min-height: 50px !important
    }
}

@media only screen and (max-width: 450px) {
    .p-l-35 {
        padding-left: 35px;
        padding-top: 5px;
    }

    .dsp-default {
        display: flex;
        margin-top: 35px;
    }

    .dsp-default-toggle {
        display: none;
    }

    .img-fluid {
        max-width: 100%;
        height: 100%;
        padding-left: 0rem;
    }

    .mh-70 {
        min-height: 50px !important
    }

    .carousel-caption h1 {
        font-weight: 700;
        font-size: 3.4rem;
    }

    .def-title-size {
        font-size: 3rem !important;
    }

    .default-circle {
        width: 40px;
        height: 40px;
        margin-left: 10px;
        margin-top: 20px;
        display: none !important;
    }

    .h-515 {
        height: 390px !important;
    }
}


@media only screen and (max-width: 400px) {

    .why-img-div {
        background-color: white;
        height: 550px;
    }

}

@media only screen and (max-width: 370px) {

    .carousel-caption h1 {
        font-weight: 700;
        font-size: 2rem;
    }

    .carousel-caption h3 {
        font-weight: 700;
        font-size: 1.75rem;
    }

    .h-515 {
        height: 290px !important;
    }
}


@media only screen and (max-width: 1200px) {
    .abt-us-img {
        height: 375px;
        width: 400px;
    }
}

@media only screen and (max-width: 460px) {
    .abt-us-img {
        height: 65%;
        width: 100%;
    }
}



.m-t-15 {
    margin-top: 15px;
}

.m-b-20 {
    margin-bottom: 20px;
}
/*Why choose us end*/

/*Our Products Start*/
div.product-img {
    width: max-content;
    background-color: white;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    margin-bottom: 25px;
}
.prod-img-para {
    width: 250px;
    height: 240px;
}

div.paracenter {
    text-align: center;
    padding: 10px 20px;
}
div.text-mgr {
    margin: 25px;
}
.m-t-10{
 margin-top: 10px !important;
}
.m-b-10{
    margin-bottom: 10px !important;
}
.paracenter.text-ft-title:hover {
    background-color: #f93;
    color: white !important;
}


/*Our Products End*/

