/*
Theme Name: Farmus - Agriculture and Organic Farm HTML5 Template
Theme URI: https://themeforest.net/user/techsometimes/portfolio
Design by: techsometimes
Developed by: A N Abdullah Al Numan
Version: 1.0
License: 
Tags: 
*/

:root {
    --color-white:#fff;
    --color-white2:#f8f7f0;
    --color-white3:#f7f7f7;
    --color-black:#24231d;
    --color-black2:#333f4d;
    --color-gBlack:#000;
    --color-border:#e3e3e3;
    --color-green:#025a34; /*#4baf47;  old*/
    --color-yellow:#FEA82F;
    --color-tr:transparent;
    --color-yellow-theme: #FEA82F;
    --color-Black:#000;
}

@media (min-width:370px) and (max-width:576px) {
    .top-bar.v1 .top-display-info li:nth-child(2) {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
    }
}

@media (min-width:576px) {
    .top-bar.v1 .top-display-info li:nth-child(2) {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
    }

    .info-footer.v2 .row > div:first-child .footer__widget, .info-footer.v2 .row > div:nth-child(2) .footer__widget {
        margin-top: 0;
    }
}

@media (min-width:767px) {
    

    .top-bar.v1 .top-display-info li:nth-child(3) {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
    }


    .banner.v1 .banner-content {
        padding: 80px 0;
    }

    .about-us.v1 .about-us-img {
        width: 90%;
    }

        .about-us.v1 .about-us-img img {
            width: 100%;
            margin-top: -150px;
        }

        .about-us.v1 .about-us-img .count-shap {
            width: 65%;
        }

        .about-us.v1 .about-us-img .about-profile .img-shap-left {
            width: 120px;
            height: 90px;
            left: calc(5% + 8px);
            bottom: 10%;
        }

        .about-us.v1 .about-us-img .about-profile .img-shap-right {
            width: 84px;
            height: 100px;
            top: -140px;
            right: 0;
        }

    /* .projects-gallery.v1 .row > div:nth-last-child(2) .gallery-card, .projects-gallery.v2 .row > div:nth-last-child(2) .gallery-card, .services.v1 .row > div:nth-last-child(2) .provide-card, .services.v2 .row > div:nth-last-child(2) .provide-card, .work-process.v1 .row > div:nth-last-child(2) .work-card {
        margin-bottom: 0;
    } */

    .counting-items.v1, .counting-items.v2 {
        padding-bottom: 80px;
    }

    .our-blogs.v1 .row > div:nth-last-child(2) .blog-card, .our-blogs.v2 .row > div:nth-last-child(2) .blog-card, .our-team.v1 .row > div:nth-last-child(2) .team-card, .our-team.v2 .row > div:nth-last-child(2) .team-card {
        margin-bottom: 0;
    }

    .info-footer.v2 .logo-subscriber .sent-email {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        height: 60px;
        width: calc(100% - 290px);
    }

        .info-footer.v2 .logo-subscriber .sent-email input {
            width: calc(100% - 200px);
            height: 100%;
        }

            .info-footer.v2 .logo-subscriber .sent-email input ~ button {
                margin-top: 0;
            }

        .info-footer.v2 .logo-subscriber .sent-email button {
            width: 200px;
            height: 100%;
            border-radius: 0;
        }
}

@media (min-width:992px) {
    .section-title-center-white h6, .section-title-center h6 {
        max-width: 25%;
    }

    .section-title-center-white h2, .section-title-center h2 {
        max-width: 42%;
    }

    .section-title-center-white p, .section-title-center p {
        max-width: 75%;
    }

    section.pt-lg-spach {
        padding-top: 200px;
    }

    section.pb-lg-spach {
        padding-bottom: 200px;
    }

    section.mt-lg-spach {
        margin-top: -100px;
    }

    section.mb-lg-spach {
        margin-bottom: -100px;
    }

    .title-left-right .left-content {
        width: 45%;
    }

    .breadcum.v1 .breadcum-content {
        padding: 150px 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between;
        text-align: inherit;
    }

        .breadcum.v1 .breadcum-content h2 ~ ul {
            margin-top: 0;
            background: var(--color-yellow);
            padding: 10px 25px;
        }

    .play-btn.v2 {
        width: 80px;
        height: 80px;
    }

    .message-form.v1 .my-select, .message-form.v1 input, .message-form.v2 .my-select, .message-form.v2 input {
        width: calc(50% - 15px);
    }

    .message-form.v3 .my-select, .message-form.v3 input {
        width: 100%;
        margin: 15px 0;
    }

    .blog-sidebar__wrapper .blog-sidebar__widget:first-child {
        margin-top: 0;
    }

    .blog-sidebar__wrapper .blog-sidebar__widget-head {
        padding: 20px 30px;
        border-radius: 5px 20px 0 0;
    }

        .blog-sidebar__wrapper .blog-sidebar__widget-head .blog-sidebar__widget-title {
            font-size: 24px;
            line-height: 36px;
        }

    .blog-sidebar__wrapper .category-list li {
        gap: 10px;
    }

    .blog-sidebar__wrapper .category-list h6 {
        font-size: 18px;
        line-height: 28px;
    }

    .banner.v1 .banner-content, .banner.v2 .banner-content {
        padding: 100px 50px 100px 0;
    }

        .banner.v1 .banner-content h2, .banner.v2 .banner-content h2 {
            font-size: 50px;
            line-height: 65px;
        }

            .banner.v1 .banner-content h2 ~ p, .banner.v1 .banner-content h6 ~ h2, .banner.v2 .banner-content h2 ~ p, .banner.v2 .banner-content h6 ~ h2 {
                margin-top: 8px;
            }

        .banner.v1 .banner-content p ~ ul, .banner.v2 .banner-content p ~ ul {
            margin-top: 35px;
        }

        .banner.v1 .banner-content ul, .banner.v2 .banner-content ul {
            gap: 40px;
        }

    .banner.v1:before {
        opacity: 1;
        background: linear-gradient(90deg,#24231d,transparent);
    }

    .banner.v1 .circle-dot-shap, .banner.v1 .circle-shap, .banner.v1 .line-shap, .banner.v1 .lip-shap, .banner.v1 .right-bottom-shap {
        display: block;
    }

    .banner.v1 .banner-content {
        padding: 130px 0;
    }

    .about-us.v2 {
        position: relative;
        padding: 0;
        background: var(--color-tr);
    }

        .about-us.v2 .about-us-box {
            padding: 60px 45px;
            border-radius: 5px;
            background: var(--color-white2);
            display: -ms-flexbox;
            display: flex;
            gap: 45px;
        }

        .about-us.v2 .about-us-img {
            width: 50%;
        }

            .about-us.v2 .about-us-img .count-shap {
                width: 26%;
            }

            .about-us.v2 .about-us-img ~ .about-us-content {
                margin-top: 0;
            }

        .about-us.v2 .about-us-content {
            width: 50%;
        }

            .about-us.v2 .about-us-content .box-img-list {
                display: -ms-flexbox;
                display: flex;
                -ms-flex-align: center;
                align-items: center;
                -ms-flex-pack: justify;
                justify-content: space-between;
                gap: 30px;
            }

                .about-us.v2 .about-us-content .box-img-list .left-img {
                    width: 50%;
                }

                    .about-us.v2 .about-us-content .box-img-list .left-img ~ .check-mark-list {
                        margin-top: 0;
                    }

                .about-us.v2 .about-us-content .box-img-list ul {
                    width: 50%;
                }

    .projects-gallery.v1 .row > div:nth-last-child(3) .gallery-card, .projects-gallery.v2 .row > div:nth-last-child(3) .gallery-card, .services.v1 .row > div:nth-last-child(3) .provide-card, .services.v2 .row > div:nth-last-child(3) .provide-card {
        margin-bottom: 0;
    }

    .faq.v1 {
        position: relative;
        z-index: 1;
    }

        .faq.v1 .faq-img {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: end;
            align-items: flex-end;
            -ms-flex-pack: end;
            justify-content: flex-end;
            position: absolute;
            top: 0;
            left: -5vw;
            width: 63vw;
            height: 100%;
            background-repeat: no-repeat;
            background-position: -4vw 0;
            background-size: cover;
            border-radius: 0;
            z-index: -1;
            margin-bottom: 0;
        }

            .faq.v1 .faq-img .small-box {
                position: relative;
                padding: 20px;
                width: 35%;
                right: calc(8vw + 23px);
                bottom: 30px;
            }

                .faq.v1 .faq-img .small-box:before {
                    opacity: .8;
                    border-radius: 5px;
                }

        .faq.v1 .faq-content {
            padding: 60px 40px;
        }

    .faq.v2 .faq-img {
        margin: 0 0 -140px;
    }

    .work-process.v1 .row > div:nth-last-child(3) .work-card, .work-process.v1 .row > div:nth-last-child(4) .work-card, .work-process.v2 .row > div:nth-last-child(3) .work-card, .work-process.v2 .row > div:nth-last-child(4) .work-card {
        margin-bottom: 0;
    }

    .counting-items.v1 .counting-item-list li {
        width: calc(33.3333333% - 20px);
    }

    .counting-items.v2 .counting-item-list {
        padding: 50px 100px;
    }

        .counting-items.v2 .counting-item-list li {
            width: calc(25% - 30px);
        }

    .our-blogs.v1 .row > div:nth-last-child(3) .blog-card, .our-blogs.v2 .row > div:nth-last-child(3) .blog-card, .our-team.v1 .row > div:nth-last-child(3) .team-card, .our-team.v1 .row > div:nth-last-child(4) .team-card, .our-team.v2 .row > div:nth-last-child(3) .team-card {
        margin-bottom: 0;
    }

    .service-details.v1 .service-links-list h5 {
        padding: 20px 40px;
    }

    .service-details.v1 .service-links-list ul {
        padding: 4px 20px;
        border-radius: 0 0 5px 5px;
    }

    .service-details.v1 .service-links-list li a {
        font-size: 18px;
    }

    .service-details.v1 .service-content {
        margin-top: 0;
    }

    .service-details.v1 .serv-box-img-text .box-img, .service-details.v1 .serv-box-img-text .box-text {
        width: calc(50% - 15px);
    }

    .service-details.v1 .our-features ul {
        gap: 40px 30px;
    }

        .service-details.v1 .our-features ul li {
            width: calc(50% - 30px);
        }

    .projects-details.v1 .projects-social {
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .projects-details.v1 .main-content .projects-info .info-list {
        margin: -65px 60px 0;
    }

        .projects-details.v1 .main-content .projects-info .info-list li {
            padding-left: 40px;
            width: 25%;
        }

            .projects-details.v1 .main-content .projects-info .info-list li ~ li {
                border-left: 1px solid var(--color-border);
            }

    .projects-details.v1 .main-content .prev-next-btns {
        margin-top: 100px;
    }

    .contact-us.v1 .contact-info {
        margin-top: 0;
    }

        .contact-us.v1 .contact-info .contact-list li {
            width: calc(50% - 15px);
        }

        .contact-us.v1 .contact-info .contact-list .my-icon {
            font-size: 40px;
        }

    .faq-info.v1 .accordion li {
        width: calc(50% - 15px);
    }

    /* .map-info.v1 .contact-info {
        margin-top: -70px;
    } */

        .map-info.v1 .contact-info li {
            width: 100%;
        }

    .blog-post.v1 .blog-post-card .post-body {
        padding: 50px 30px 0;
    }

        .blog-post.v1 .blog-post-card .post-body .day-box {
            position: absolute;
            right: 30px;
            top: calc(-20% - 18px);
            padding: 20px;
            width: 100px;
            height: 100px;
            text-align: center;
            font-size: 24px;
            line-height: 30px;
            color: var(--color-white);
            border-radius: 5px;
            background: var(--color-green);
            z-index: 1;
        }

            .blog-post.v1 .blog-post-card .post-body .day-box ~ .post-title {
                margin-top: 0;
            }

    .blog-details.v1 .main-text h2 {
        font-size: 48px;
        line-height: 60px;
    }

    .blog-details.v1 .main-text .article-text {
        padding: 110px 30px 35px;
    }

        .blog-details.v1 .main-text .article-text:before {
            top: 35px;
            left: 30px;
            font-size: 65px;
        }

    .blog-details.v1 .next-preve-post {
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

        .blog-details.v1 .next-preve-post a {
            width: calc(50% - 20px);
        }

            .blog-details.v1 .next-preve-post a.next-post {
                -ms-flex-pack: end;
                justify-content: flex-end;
                border-left: 1px solid var(--color-green);
            }

    .info-footer.v1 .footer__widget {
        margin-top: 0;
    }
}

@media (min-width:1200px) {

    section.pt-xl-spach {
        padding-top: 200px;
    }

    section.pb-xl-spach {
        padding-bottom: 200px;
    }

    section.mt-xl-spach {
        margin-top: -100px;
    }

    section.mb-xl-spach {
        margin-bottom: -100px;
    }

    .top-bar.v1 {
        position: relative;
        padding-bottom: 20px;
        background: var(--color-white2);
    }

        .top-bar.v1:before {
            position: absolute;
            content: "";
            width: 100%;
            height: 20px;
            bottom: 0;
            left: 0;
            background: var(--color-green);
        }

        .top-bar.v1 .top-info {
            padding: 8px 25px;
            visibility: hidden;
        }

        .top-bar.v1 .top-display-info {
            position: relative;
            gap: 20px;
            -ms-flex-pack: justify;
            justify-content: space-between;
            padding: 30px 25px;
            border-radius: 5px;
            background: var(--color-white);
            margin-bottom: -20px;
        }

            .top-bar.v1 .top-display-info li ~ li {
                border-left: 1px solid var(--color-border);
                padding-left: 20px;
            }

            .top-bar.v1 .top-display-info .info-icon .my-icon {
                font-size: 30px;
            }

            .top-bar.v1 .top-display-info .info-text p {
                display: block;
            }

                .top-bar.v1 .top-display-info .info-text p ~ h6 {
                    margin-top: 0;
                }

            .top-bar.v1 .top-display-info .info-text h6 {
                font-size: 16px;
            }

            .top-bar.v1 .top-display-info .top-bar-search .search-close {
                top: 120px;
                right: 80px;
            }

            .top-bar.v1 .top-display-info .top-bar-search form {
                width: 50%;
                height: 70px;
            }

                .top-bar.v1 .top-display-info .top-bar-search form button, .top-bar.v1 .top-display-info .top-bar-search form input {
                    font-size: 24px;
                }

    .menu-bar.v1 {
        background: var(--color-green);
    }

        .menu-bar.v1 .menu-bar-content {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-pack: justify;
            justify-content: center;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            gap: 20;
        }

        .menu-bar.v1 .mobile-header {
            display: none;
        }

    .banner.v2 .profile-img .main-img {
        text-align: right;
    }

        .banner.v2 .profile-img .main-img:before {
            width: calc(100% - 90px);
            height: calc(100% - 50px);
            left: 40px;
            border-radius: 40% 0 0 40%;
        }

        .banner.v2 .profile-img .main-img img {
            width: calc(100% - 130px);
        }

    .banner.v2 .profile-img .plan-p {
        margin-top: 0;
    }

        .banner.v2 .profile-img .plan-p li {
            position: absolute;
            z-index: 2;
            width: 115px;
            height: 115px;
        }

            .banner.v2 .profile-img .plan-p li:first-child {
                top: calc(10% + 22px);
                left: 30px;
            }

            .banner.v2 .profile-img .plan-p li:nth-child(2) {
                top: calc(50% + 35px);
                transform: translateY(-50%);
                left: 0;
            }

            .banner.v2 .profile-img .plan-p li:nth-child(3) {
                bottom: 0;
                left: 30px;
            }

                .banner.v2 .profile-img .plan-p li:nth-child(3) ~ li {
                    display: none;
                }

    .counting-items.v1, .counting-items.v2 {
        padding-bottom: 0;
    }

    .massage-form.v1 {
        position: relative;
        padding: 0;
        z-index: 1;
        overflow: hidden;
    }

        .massage-form.v1 .right-bottom-shap, .massage-form.v1:before {
            position: absolute;
            content: "";
            width: calc(50vw + 30px);
            height: 100%;
            top: 0;
            right: 0;
            z-index: -1;
        }

        .massage-form.v1:before {
            background: var(--color-white2);
        }

        .massage-form.v1 .main-form-massage {
            margin-top: 0;
        }

    .info-footer.v1, .info-footer.v2 {
        padding-top: 85px;
    }

        .info-footer.v1 .main-footer, .info-footer.v2 .main-footer {
            margin-top: 85px;
        }

        .info-footer.v1 .footer__widget .subscriber form {
            padding: 10px 10px 10px 0;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-pack: justify;
            justify-content: space-between;
            border: 1px solid var(--color-green);
            border-radius: 5px;
        }

            .info-footer.v1 .footer__widget .subscriber form input {
                width: 70%;
                border: none;
                border-radius: 0;
            }

                .info-footer.v1 .footer__widget .subscriber form input ~ button {
                    margin-top: 0;
                }

        .info-footer.v1 .footer__widget .subscriber ~ .address-info {
            margin-top: 35px;
        }

        .info-footer.v1 .footer__widget .address-info > li {
            width: 100%;
        }

        .info-footer.v2 .footer__widget {
            margin-top: 0;
        }

        .info-footer.v2 .logo-subscriber .footer-subscrib {
            width: calc(100% - 330px);
        }
}

@media (min-width:1400px) {
    .banner.v2 .profile-img .plan-p li {
        width: 135px;
        height: 135px;
    }
}

.mobile{
    display: none;
    
}
@media only screen and (max-width: 767px) {
    /*.breadcum.v1 .breadcum-content h2 ~ ul {
        display: none;
    }*/
    .pro-bgs {
        margin-bottom: 30px
    }
    .conatct-sec-inner h2{
        font-size: 35px;
    }
    #fixed-social {
        top: auto;
        bottom: 65px;
       
    }
    .mobile{
        display: block;
        
    }
    .mm-no{
        display: none !important;
    }
    .page-heading h1 {
        font-size: 30px;
        text-align: center;
        text-transform: capitalize;
        font-weight: 700;
        color: #fff;
        padding-top: 50px;
        padding-bottom: 50px;
        line-height: 40px;
    }
    .breadcrumb-list {
        text-align: center;
    }
    .page-breadcrumb{
        width: 100%;
    }

    .message-form.v1 input, .message-form.v1 textarea, .message-form.v2 input, .message-form.v2 textarea, .message-form.v3 input, .message-form.v3 textarea {
    margin-bottom: 20px;
    }
    .fixed-whatsapp {
        position: fixed;
        bottom: 5px;
        left: 10px;
    }
    .top-bar.v1 .top-bar-btn {
        text-align: right;
        margin-top: 0;
    }
    .menu-bar.v1 .mobile-header{
        padding: 10px 0;
    }
}