:root {
    --gradient: linear-gradient(#fe7956, #fc0103);
    --color-white: #FFFFFF;
    --color-black: #000000;
    --color-placeholder: #757575;
    --color-body: #fff2eb;
}

body {
    font-family: "Poppins", sans-serif;
    background: var(--color-body);
}

::placeholder {
    color: var(--color-placeholder) !important;
}
  
::-ms-input-placeholder {
    color: var(--color-placeholder) !important;
}

p{
    line-height: 26px;
}

.tex-primary{
    color:#ff000a !important
}

.btn-primary {
    // background-image: var(--gradient);
    background-color: #ff000a; 
    border: 0;
    padding: 12px 30px;
}

.btn-primary:hover{
    background-color: #ff000a; 
}

.img-rounded {
    border-radius: 20px;
}

.top-header {
    z-index: 100;
    background-color: var(--color-body);
    .top-navigation {
        .navbar-nav li a {
            padding: 9px 25px !important;
            border-radius: 30px;
            color: var(--color-black);
            &:hover {
                background-image: linear-gradient(to right, #e25917, #fe0009);
                color: var(--color-white);
                box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
            }
            &.active{
                background-image: linear-gradient(to right, #e25917, #fe0009);
                color: var(--color-white);
                box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;     
            }
        }
    }
}

.status-count-sec {
    margin-top: -80px;
    .status-count-row {
        background-image: linear-gradient(to right, #e25917, #fe0009);
        box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
        border-radius: 20px;
        .status-count {
            padding: 30px 20px;
            font-weight: bold;
            border-radius: 0;
            border-right: 1px solid #f68776;
            .status-number {
                font-size: 40px;
            }
            h5 {
                // opacity: 0.8;
                font-size: 18px;
                margin-top: 5px;
            }
        }
    }
}

.banner {
    margin-top: 90px;
    &::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.4);
        top: 0;
        left: 0;
    }
    video {
        height: 600px;
        object-fit: cover;
    }
    .banner-text {
        width: 1000px;
        max-width: 100%;
        z-index: 1;
    }
}

.about-section{
    background-image: url(../public/images/leaf-pattern.png);
    .leaf-one{
        right: 0;
        top: -74px;
    }
}

.section-wrapper {
    padding: 100px 0;
}

.about-left{
    b {
        font-weight: bold;
    }
    p {
        line-height: 32px;
    }    
}

.brand-section {
    background-color: #51281d;
    padding: 80px 0;
    background-image: url(../public/images/agriculture-farm.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center 100px;
}

.vision-card::before {
    content: "";
    background: url(../public/images/arrow-icon.svg) no-repeat;;
    display: inline-block;
    width: 25px;
    height: 25px;
    flex-shrink: 0;
    margin-right: 20px;
}

.award-section{
    .award-banner {
        border-radius: 20px;
    }
    .award-card {
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 20px;
        border-bottom: 1px solid #eecfc7;
        padding-bottom: 20px;
        display: flex;
        align-items: center;
        &:last-child {
            padding-bottom: 0;
            margin-bottom: 0;
            border: 0;
        }
        &::before {
            content: '';
            background: url(../public/images/prize-icon.svg) no-repeat;
            display: inline-block;
            background-size: 23px;
            width: 23px;
            height: 30px;
            flex-shrink: 0;
            margin-right: 20px;
        }
    }
    
}

.inner-main-banner {
    display: flex;
    align-items: center;
    justify-items: center;
    height: 450px;
    background: url(../public/images/inner-banner.jpg) no-repeat center;
    background-attachment: fixed;
    background-size: cover;
    h2 {
        font-size: 40px;
        margin-top: 10px;
    }
    &::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.7);
    }
    .line-shape{
        width: 774px;
        bottom: 33px;
        left: -126px;
        transform: rotate(-33deg);
    }
}

.partner-section {
    border-bottom: 1px solid #403f3f;
    .owl-stage {
        display: flex;
        margin: 0px -30px;
        .partner-card {
            font-size: 18px;
            border-right: 1px solid #5b626a;
            padding: 0 30px;
            height: 100%;
            opacity: 0.6;
        }
    }
}

.inner-about-info .white-patch{
    width: 500px;
    background: var(--color-white);
    top: 0;
}

.contact-form{
    input{
        border: 0;
        height: 50px;
        padding: 10px 15px;
        box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    }
    textarea{
        padding: 10px 15px;
        border: 0;
        box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    }
    label{
        font-size: 14px;
        margin-bottom: 7px;
        color: #827f7e
    }
}

.export-market{
    ul li{
        opacity: 0.7;
        font-size: 16px;
        font-weight: 300;
    }
}

.farmer-services{
    background-image: url(../public/images/grass-pattern.png);
    background-repeat: repeat-x;
    background-size: 1000px;
    background-position: bottom;
    background-color: #deffce;
}

/* Gallery */
.gallery-cell a{
    img{
        object-fit: cover;
        height: 250px;
        width: 100%;
    }
}

/* Footer */
.footer {
    padding: 80px 0;
    background-color: #212529;
    background-image: url(../public/images/agriculture-farm.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center 100px;
    .contact-col {
        .text-sm {
            font-size: 14px;
        }

        .cot-icon {
            width: 40px;
            height: 40px;
            display: inline-block;
            background-image: var(--gradient);
        }
    }
    .footer-nav ul li a{
        color: #FFFFFF;
        text-decoration: none;
        font-size: 15px;
        padding: 5px 0;
        display: inline-block;
        &:hover{
            color: #e25917;
        }
    }
}

.footer h5 {
    font-weight: 500;
    margin-bottom: 15px;
}

@media screen and (max-width:767px){
    .top-header .top-navigation {
        .navbar-nav li a {
            padding: 9px 15px !important;
            border-radius: 0px;
            margin: 0 !important;
            border-bottom: 1px solid #ccc;
        }
    }
    .status-count-sec {
        .status-count-row {
            .status-count {
                border-right: 0;
                border-bottom: 1px solid #f68776;
            }
        }
    }
    .certificate-section img{
        width: 120px !important;
        margin: auto;
    }
}

@media screen and (min-width:768px){
    .top-header {
        .header-logo {
            background: var(--color-white);
            position: absolute;
            top: 0px;
            padding: 20px 17px;
            border-radius: 0 0 10px 10px;
            box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
        }
    }    
}