/*
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: #878680;
  --color-border: #e3e3e3;
  --color-green: #4baf47;
  --color-yellow: #eec044;
  --color-tr: transparent;
}
@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) {
  section {
    padding: 80px 0;
  }
  .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: 210px 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;
  }
  .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: calc(33.3333333% - 20px);
  }
  .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: 65px;
    line-height: 85px;
  }
  .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: 200px 0px;
  }
  .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;
    padding: 90px 0 0;
    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: 0.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: calc(30% - 30px);
  }
  .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 {
    padding: 100px 0;
  }
  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-color: black;
  }
  .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: 20px 25px;
  }
  .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: -50px;
  }
  .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: space-between;
    -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: 65px;
  }
  .info-footer.v1 .footer__widget .address-info > li {
    width: calc(50% - 15px);
  }
  .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;
  }
}