/*
Theme Name: Twenty Thirteen
Theme URI: https://wordpress.org/themes/twentythirteen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: The 2013 theme for WordPress takes us back to the blog, featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header images, beautiful typography and icons, and a flexible layout that looks great on any device, big or small.
Version: 4.4
Tested up to: 6.8
Requires at least: 3.6
Requires PHP: 5.2.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, one-column, two-columns, right-sidebar, custom-header, custom-menu, editor-style, featured-images, footer-widgets, microformats, post-formats, rtl-language-support, sticky-post, translation-ready, accessibility-ready, block-patterns
Text Domain: twentythirteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/**
 * Table of Contents:
 *
 * 1.0 - Reset
 * 2.0 - Repeatable Patterns
 * 3.0 - Basic Structure
 * 4.0 - Header
 *   4.1 - Site Header
 *   4.2 - Navigation
 * 5.0 - Content
 *   5.1 - Entry Header
 *   5.2 - Entry Meta
 *   5.3 - Entry Content
 *   5.4 - Galleries
 *   5.5 - Post Formats
 *   5.6 - Attachments
 *   5.7 - Post/Paging Navigation
 *   5.8 - Author Bio
 *   5.9 - Archives
 *   5.10 - Search Results/No posts
 *   5.11 - 404
 *   5.12 - Comments
 *   5.13 - Multisite
 * 6.0 - Sidebar
 *   6.1 - Widgets
 * 7.0 - Footer
 * 8.0 - Media Queries
 * 9.0 - Print
 * ----------------------------------------------------------------------------
 */
 /**
 * 1.0 Reset
 *
 * Modified from Normalize.css to provide cross-browser consistency and a smart
 * default styling of HTML elements.
 *
 * @see http://git.io/normalize
 * ----------------------------------------------------------------------------
 */
  .top-bar {
      background-color: #1f3d1c;
      color: #fff;
      font-size: 14px;
      padding: 5px 0;
    }
    .top-bar a {
      color: #fff;
      text-decoration: none;
    }
  .top-bar i {
    color: #f0c33c;
    margin-right: 15px;
}

    /* Navbar */
    .navbar {
      background: #fff;
      padding: 10px 0;
    }
    .navbar-nav .nav-link {
      color: #333;
      font-weight: 500;
      margin-right: 15px;
    }
    .navbar-nav .nav-link:hover {
      color: #1f3d1c;
    }
    span.btn-menu {
    float: right;
}
span.search {
    float: right;
    margin: 4px 15px 0 0px;
    display: inline-block;
}
header#masthead img {
    margin: 15px 0 0px 0;
}
.carousel-item {
  position: relative;
}
.carousel-item .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 62%);
    z-index: 1;
}

/* Make sure caption & other elements appear above overlay */
.carousel-caption,
.main-imger,
.main-imgered {
  position: relative;
  z-index: 2;
}
.main-imgers {
    position: absolute;
    top: 0%;
    right: 0;
    z-index: 111111;
}
.main-imgeredino {
    position: absolute;
    bottom: 0;
    z-index: 11111;
}
span.ignato {
    background: #f2f2f24a;
    padding: 4px 20px;
    border-radius: 17px;
}
  .btn-custom {
    background: #1f3d1c;
    color: #fff;
    font-weight: 600;
    padding: 8px 30px;
    border-radius: 30px;
}
    .btn-custom:hover {
      background: #f0c33c;
      color: #000;
    }
    h1, h2, h3, h4, h5, h6, p, a, b, strong, div, span ul, li {
    font-family: "Funnel Sans", sans-serif !important;
}
section.about-us {
    overflow: hidden;
    padding: 90px 0;
}
section.features {
    margin: 70px 0 0px 0;
}
.top-bar span {
    font-size: 14px;
}
.container {
    max-width: 92% !important;
    margin: auto !important;
}
.top-bar {
    padding: 14px;
}span.social-icons {
    background: #f2f2f24a;
    padding: 4px 20px;
    border-radius: 17px;
}
.carousel-item {
    height: 90vh;
    min-height: 380px;
    background-size: cover;
    background-position: center;
    position: relative;
    color: #fff;
}
.carousel-caption {
    position: absolute;
    top: 20%;
    left: 8%;
    transform: translateY(-50%);
    text-align: left;
    max-width: 600px;
}
  .carousel-caption h5 {
    color: #f0c33c;
    font-size: 18px;
    font-weight: 600;
    text-shadow: 2px 1px black;
}
.carousel-caption h1 {
    font-size: 54px;
    font-weight: 700;
    line-height: 1.2;
    text-shadow: 4px 1px black;
}
    .carousel-caption p {
      font-size: 16px;
      margin-top: 15px;
      margin-bottom: 25px;
    }
    .btn-hero {
      background: #fff;
      color: #1f3d1c;
      font-weight: 600;
      padding: 12px 28px;
      border-radius: 40px;
    }
    .btn-hero:hover {
      background: #f0c33c;
      color: #000;
    }

    /* Custom Carousel Controls */
    .carousel-control-prev, 
    .carousel-control-next {
      width: 60px;
      height: 60px;
      background: rgba(0,0,0,0.4);
      border-radius: 50%;
      top: 50%;
      transform: translateY(-50%);
      opacity: 1;
    }
    .carousel-control-prev-icon, 
    .carousel-control-next-icon {
      background-size: 20px;
    }
    .carousel-control-prev {
      right: 80px; /* adjust to push arrows near each other */
      left: auto;
    }
    .carousel-control-next {
      right: 20px;
    }
  .main-imger {
    position: absolute;
    top: -9px;
    z-index: 1;
    width: 100%;
}
.main-imgered {
    position: absolute;
    bottom: -4px;
}
.carousel-item .linko {
  max-width: 300px; /* adjust size */
  clip-path: inset(0 100% 0 0);
  transition: clip-path 0.6s cubic-bezier(0.63, 0.25, 0.25, 1);
  z-index: 2;
}

/* When slide is active - reveal */
.carousel-item.active .linko {
  clip-path: inset(0 0 0 0);
}
section.features .row.text-center {
    border: 1px dotted #edc75b;
    padding: 55px 40px;
    border-radius: 15px;
}
.features-box {
    background: linear-gradient(180deg, #2f6b2f, #225522);
    color: #fff;
    border-radius: 20px;
    position: relative;
    padding: 55px 50px 55px 50px !important;
    /* border: 1px solid #000; */
}
section.features {
    margin: 70px 0 0px 0;
}

.feature-item p {
  font-size: 14px;
  margin: 0;
  color: #eee;
}

.icon-circle {
  width: 60px;
  height: 60px;
  background: #f5c542;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  color: #333;
  margin: 0 auto;
}

.features-box .row > div:not(:last-child) {
    border-right: 1px dotted rgb(237 199 91);
}
    .tilted-img, .tilted-img-right {
      border-radius: 20px;
      box-shadow: 0 4px 10px rgba(0,0,0,0.15);
      transition: transform 0.2s ease-out;
    }
    .main-heading {
      font-size: 2.2rem;
      font-weight: 700;
      color: #0b2e13;
    }
    .sub-heading {
      font-size: 1.1rem;
      font-weight: 500;
      margin: 15px 0;
      color: #222;
    }
    .btn-custom {
      background-color: #2f5132;
      color: #fff;
      border-radius: 50px;
      padding: 10px 25px;
      font-weight: 600;
    }
    .btn-custom:hover {
      background-color: #1e3a22;
      color: #fff;
    }
    .highlight {
      color: #2f8d46;
      font-weight: 500;
    }
.counter-section {
    background: url('./images/ab-ss-1-bg.webp') no-repeat center bottom/cover;
    padding: 0px 20px 87px 20px;
    color: #333;
    position: relative;
}
section {
    overflow: hidden;
}
    .counter-box {
      text-align: center;
      padding: 20px;
    }
   .counter-number {
    font-size: 3rem;
    font-weight: bold;
    color: #2e7d32;
    display: inline;
}
.counter-box span.fs-3 {
    font-weight: 800;
}
    .counter-text {
      font-size: 1rem;
      margin-top: 10px;
      color: #333;
    }
    .highlight-line {
      display: inline-block;
      height: 4px;
      width: 40px;
      background: #f2b705;
      margin-top: 10px;
      border-radius: 3px;
    }
.services-section {
    padding: 80px 20px 0px  20px;
    background: #f8f7f2;
    position: relative;
}
section.services-section .altimo {
    background: url(./images/h2-shape-2.webp);
    background-position: bottom left;
    background-size: 35% auto;
    left: -5px;
    bottom: 8px;
    opacity: 12%;
    background-size: cover;
    position: absolute;
    padding: 72px;
    width: 41%;
    z-index: 1111111;
}

    .services-section h5 {
      color: #3c6e47;
      font-weight: 600;
    }
    .services-section h2 {
      font-weight: 800;
      color: #0c2c15;
    }
    .service-card {
      border-radius: 20px;
      overflow: hidden;
      background: #1e4620;
      color: #fff;
    }
    .service-card img {
      width: 100%;
      height: 220px;
      object-fit: cover;
    }
  .service-icon {
    background: #f2b705;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    position: relative;
    top: -30px;
    left: 20px;
    padding: 12px;
}
    .service-content {
      padding: 20px;
    }
    .service-content h5 {
      font-weight: bold;
      margin-bottom: 10px;
      color: #fff;
    }
    .service-content p {
      font-size: 0.95rem;
      color: #eee;
    }
    .service-content a {
      color: #fff;
      text-decoration: none;
      font-weight: 600;
      position: relative;
    }
    .service-content a::after {
      content: '';
      display: block;
      width: 40px;
      height: 3px;
      background: #f2b705;
      margin-top: 5px;
      border-radius: 2px;
    }
    .btn-custom {
      background: #0c2c15;
      color: #fff;
      padding: 12px 30px;
      border-radius: 50px;
      font-weight: 600;
      border: none;
    }
    .btn-custom:hover {
      background: #f2b705;
      color: #0c2c15;
    }
    section.services-section .owl-nav {
    display: none;
}
 .gradient-text {
      background: linear-gradient(90deg, #6d4c41, #ffb74d, #388e3c);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      font-weight: 700;
    }

    /* Replaced feature-icon with figmor */
    .figmor {
      width: 60px;
      height: 60px;
      margin-bottom: 10px;
    }

    .badge-organic {
      background: #1a3d2f;
      color: white;
      font-weight: bold;
      padding: 15px;
      border-radius: 8px;
      display: inline-block;
      transform: rotate(-10deg);
    }

    .corn-image {
      max-width: 200px;
    }

    .commitment-btn {
      background-color: #1a3d2f;
      color: white;
      border-radius: 50px;
      padding: 12px 25px;
      font-weight: bold;
    }

    .commitment-btn:hover {
      background-color: #2c5d45;
    }
    /* The text masking */
.clip-text {
  font-size: 60px;
  font-weight: 800;
  text-transform: uppercase;
  color: transparent;
  background-image: url("./images/bg-clip-text3.webp");
  background-size: cover;
  background-repeat: repeat-y;
  background-position: center;
  
  -webkit-background-clip: text;
  -moz-background-clip: text;
  background-clip: text;
}
section#main-cta {
    position: relative;
     padding: 40px 0 85px 0;
}

/* Animation effect (vertical movement of background) */
.cliptext-bg-anm-vertical {
  animation: BackgroundAnimatedVertical 10s linear infinite;
}
.masked-section {
    position: relative;
    min-height: 80vh;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 70px 0;
    top: -28px;
    overflow: unset !important;
}

    /* Mask Image */
    .masked-section::before {
      content: "";
      position: absolute;
      inset: 0;
      background: url('./images/h2-ss-bgde.webp') no-repeat center center/cover;
      mask-image: url('./images/h2-mask-img1.webp'); /* replace with your uploaded mask */
      -webkit-mask-image: url('./images/h2-mask-img1.webp');
      mask-repeat: no-repeat;
      -webkit-mask-repeat: no-repeat;
      mask-size: cover;
      -webkit-mask-size: cover;
      z-index: 0;
    }

.content-box {
    background: #1f3d1f;
    color: #fff;
    padding: 6rem 3rem;
    border-radius: 1rem;
    position: relative;
    z-index: 1;
    top: 83px;
}

    .content-box h6 {
      color: #d2b12f;
      font-weight: bold;
      margin-bottom: .5rem;
    }

    .content-box h2 {
      font-weight: 700;
      margin-bottom: 1rem;
    }

    .read-btn {
      background: #fff;
      color: #1f3d1f;
      border-radius: 50px;
      padding: .5rem 1.2rem;
      display: inline-flex;
      align-items: center;
      font-weight: 500;
      text-decoration: none;
    }

    .read-btn i {
      margin-left: .5rem;
      background: #d2b12f;
      color: #000;
      border-radius: 50%;
      padding: 0.3rem;
    }
section.masked-section .col-lg-7 {
    padding: 0 0 0 0 !important;
}
section.masked-section .col-lg-5 {
    padding: 0 0 0 0 !important;
}
.yellow-box {
    background: #f0c54f;
    padding: 5rem 3rem;
    border-radius: 0px 13px 1rem 0rem;
    margin-top: -1rem;
    position: relative;
    z-index: 1;
    top: 293px;
}
 p {
    line-height: 30px !important;
    font-size: 16px !important;
}
.content-box p {
    margin: 10px 0 24px 0;
}
 .testimonial-section {
    position: relative;
    overflow: hidden;
    padding: 25px 0 0 0;
    background: #fff;
}

    .testimonial-row { align-items: center; }

    /* LEFT: masked background + foreground farmer image */
    .left-mask {
      position: relative;
      min-height: 520px;
    }

    /* masked background (shows background image only through mask) */
    .left-mask::before{
      content: "";
      position: absolute;
      inset: 0;
      /* ---- REPLACE this with your farm background image ---- */
      background-image: url('https://picsum.photos/id/1043/1400/900'); 
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;

      /* ---- REPLACE this mask URL with your mask PNG/WEBP ---- */
      mask-image: url('https://demo.7iquid.com/donalfarm/wp-content/uploads/2024/08/h2-mask-img1.webp');
      -webkit-mask-image: url('https://demo.7iquid.com/donalfarm/wp-content/uploads/2024/08/h2-mask-img1.webp');
      mask-repeat: no-repeat;
      -webkit-mask-repeat: no-repeat;
      mask-size: cover;
      -webkit-mask-size: cover;

      z-index: 1;
      /* subtle fade/soften */
      filter: saturate(.9) contrast(.95);
    }

    /* farmer image sits above mask and overlaps right area */
    .farmer {
      position: relative;
      z-index: 2;
      display: block;
      width: 100%;
      max-width: 520px;       /* adjust to match screenshot size */
      margin-left: -40px;     /* overlap toward right */
      margin-bottom: -20px;
      object-fit: contain;
    }

    /* RIGHT: testimonial content */
 .testimonial-content {
    position: relative;
    z-index: 3;
    padding: 45px 30px;
    background: #fff;
}
section.testimonial-section .owl-nav {
    display: none;
}
.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"], .wpcf7 select, .wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"], .wpcf7 select, .wpcf7 textarea {
    width: 100%;
    border-radius: 25px;
    border: none;
    padding: 10px 15px;
    margin-bottom: 15px;
    background: rgb(206 206 206);
    color: #000000 !important;
}
.modal-header {
    background: #284524 !important;
    color: #ffffff !important;
}
p#contactModalLabel {
    font-size: 25px !important;
    font-weight: 600 !important;
}
.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"], .wpcf7 select, .wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"], .wpcf7 select, .wpcf7 textarea {
    width: 100%;
    border-radius: 25px;
    border: none;
    padding: 10px 15px;
    margin-bottom: 15px;
    background: rgb(206 206 206);
    color: #000000 !important;
}
body.home.blog.wp-embed-responsive.wp-theme-twentythirteen.mega-menu-primary.single-author.sidebar {
    overflow-x: hidden !important;
}
section#our-clients {
    margin: 70px 0 70px 0;
}
div#wpcf7-f5-o1 {
    margin: 21px 0 0 0;
}
.wpcf7 input[type="submit"] {
  border-radius: 25px;
  padding: 10px 25px;
  background: #f9c82d;
  color: #000;
  border: none;
  font-weight: 600;
}
textarea.wpcf7-form-control.wpcf7-textarea {
    height: 270px;
}
    .testimonial-heading h6 {
      color: #2f6f37;
      font-weight: 600;
      margin-bottom: 6px;
    }
    .testimonial-heading h2 {
      font-size: 3rem;
      color: #112212;
      margin-bottom: 10px;
      font-weight: 800;
    }

    .testimonial-quote {
      font-size: 1rem;
      line-height: 1.8;
      color: #111;
      margin-bottom: 18px;
      max-width: 680px;
    }

    .testimonial-author {
      font-weight: 700;
      color: #111;
      margin-bottom: 4px;
    }
    .testimonial-role {
      color: #7b7b7b;
      font-size: .95rem;
      margin-bottom: 8px;
    }

    /* big stylized quote mark on the right */
    .big-quote {
      position: absolute;
      right: -10px;
      top: 30px;
      font-size: 4.5rem;
      color: #e6c24a;
      font-weight: 900;
      z-index: 1;
      pointer-events: none;
    }

    /* OWL NAV placement & styles for .testimonial-carousel */
    .testimonial-carousel .owl-nav {
      display: flex;
      gap: 36px;
      justify-content: center;
      margin-top: 28px;
    }
    .testimonial-carousel .owl-nav button {
      background: none;
      border: 0;
      font-size: 20px;
      padding: 6px 12px;
      cursor: pointer;
      color: #2f6f37;
    }

    .yellow-box h5 {
      font-weight: 700;
      margin-bottom: .5rem;
    }
section.testimonial-section {
    background: url(./images/h1-ss-pll1.webp);
    background-size: cover;
    background-position: center;
    margin: 130px 0 70px 0;
}
footer {
    background-color: #163d1f;
    color: #fff;
    padding: 15px 0 0 0;
    position: relative;
}
.main-imgeredsin {
    position: absolute;
    top: -22px;
    z-index: 111111;
}
.footer-logo img {
    max-width: 149%;
}
    .footer-title {
      font-weight: 600;
      margin-bottom: 15px;
    }
    .iganto {
    float: right;
}
    .footer-link {
      display: block;
      color: #fff;
      text-decoration: none;
      margin-bottom: 8px;
    }
    .footer-link:hover {
      text-decoration: underline;
    }
    footer .social-icons a {
      width: 40px;
      height: 40px;
      line-height: 40px;
      border-radius: 50%;
      display: inline-block;
      text-align: center;
      margin-right: 8px;
      background: #f4c542; /* yellow circle */
      color: #000;
    }
    .social-icons {
    float: right;
}
    .subscribe-input {
      border-radius: 25px;
      padding: 10px 20px;
      border: none;
      outline: none;
      width: 100%;
    }
    .subscribe-btn {
      border-radius: 25px;
      background: #fff;
      color: #000;
      font-weight: 600;
      padding: 10px 20px;
      border: none;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .subscribe-btn i {
      margin-left: 5px;
      color: #f4c542;
    }
 .copyright {
    border-top: 1px dashed #f6c33d;
    margin-top: 30px;
    padding-top: 15px;
    font-size: 14px;
}
    .iganto p {
    font-size: 26px !important;
    color: #edc75b !important;
}
section#middle-footer a {
    color: #fff;
    text-decoration: none;
}
section#top-ffotter {
    padding: 15px 0 15px 0;
    border-bottom: 2px solid #edc75b;
}
section#middle-footer {
    margin: 60px 0 0 0;
}
section#middle-footer h6 {
    font-size: 25px;
    margin: 0 0 25px 0;
}
.social-icons.mt-3 {
    float: right;
}
section#middle-footer a:hover {
    color: #f6c339;
}
section#footer a:hover {
    color: #edc75b;
    text-decoration: none;
}
section#footer a {
    color: #ffffff;
    text-decoration: none;
}
.breadcrumb-content {
    text-align: left;
}
/* Breadcrumb Section */
.breadcrumb-section {
    background-blend-mode: multiply;
    background-size: cover !important;
    background-position: center !important;
    padding: 59px 0 81px;
    color: #fff;
    text-align: center;
    position: relative;
}
.breadcrumb-section::after {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 0px;
    width: 100%;
    height: 82px;
    background: url('./images/grass.png') repeat-x;
}
.breadcrumb-content h6.subtitle {
  font-size: 18px;
  color: #f2c94c;
  margin-bottom: 10px;
}
.breadcrumb-content h1.page-title {
  font-size: 48px;
  font-weight: bold;
  margin-bottom: 20px;
}
.breadcrumb-nav {
  font-size: 16px;
  color: #fff;
}
.breadcrumb-nav a {
  color: #fff;
  text-decoration: none;
}
.breadcrumb-nav span {
  margin: 0 5px;
  color: #f2c94c;
}

/* Footer Banner Section */
.footer-banner {
    background-size: cover;
    background-position: center;
    padding: 338px 20px 185px 20px;
    text-align: center;
    color: #fff;
    position: relative;
}
.footer-banner-content {
    position: relative;
    top: -43px;
}
section.footer-banner .main-imger {
    top: -9px !important;
    left: 0 !important; 
}

.footer-banner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(8 8 8 / 53%);
}
.footer-banner .container {
  position: relative;
  z-index: 2;
}
.footer-banner-content h4 {
  font-size: 22px;
  color: #f2c94c;
  margin-bottom: 10px;
}
.footer-banner-content h2 {
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 15px;
}
.footer-banner-content p {
  font-size: 18px;
  margin-bottom: 20px;
}
.footer-banner-content .btn-contact {
  display: inline-block;
  background: #f2c94c;
  color: #000;
  padding: 12px 30px;
  border-radius: 50px;
  font-weight: 600;
  text-decoration: none;
  transition: 0.3s;
}
.footer-banner-content .btn-contact:hover {
  background: #e0b93c;
}
.section-title {
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 20px;
}
.section-title span {
  color: #e6c24a;
}

/* Director Statement */
.director-statement {
  margin-top: 60px;
  margin-bottom: 60px;
}
.director-statement p {
  font-size: 16px;
  line-height: 1.7;
}

/* Quality Section */
.quality-excellence {
  background: #f9f9f9;
  padding: 60px 20px;
}
.quality-excellence p {
  margin: 15px auto;
  font-size: 16px;
  line-height: 1.8;
}

/* Who We Are Section */
.who-we-are {
  margin-top: 60px;
  margin-bottom: 60px;
}
.who-we-are p {
  font-size: 16px;
  line-height: 1.7;
}

/* Mission & Vision Circles */
.circle-box {
  width: 160px;
  height: 160px;
  border-radius: 50%;
  border: 6px solid #ddd;
  margin: 0 auto 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 18px;
}
section#mainer-contact {
    margin: 40px 0 0 0;
}

.circle-box.mission {
  border-color: #2c3e91;
  color: #2c3e91;
}
.circle-box.vision {
  border-color: #6da544;
  color: #6da544;
}
.circle-text {
  text-align: center;
  padding: 10px;
}
 .section-title {
      font-size: 2rem;
      font-weight: 700;
      text-align: center;
      margin-bottom: 1.5rem;
    }
    .section-title span {
      color: #f4b41a; /* yellow highlight */
    }
 
    .content-text {
      font-size: 1rem;
      line-height: 1.7;
      color: #444;
    }
    .side-enquiry {
      position: fixed;
      left: 0;
      top: 40%;
      writing-mode: vertical-rl;
      background: #f4b41a;
      color: #fff;
      padding: 10px;
      border-radius: 0 5px 5px 0;
      text-transform: uppercase;
      font-weight: bold;
      cursor: pointer;
      z-index: 999;
    }
    	#sequence a {
    width: 33.3333%;
    float: left;
    text-align: center;
    padding: 0px 0;
    font-size: 15px;
    color: #fff !important;
    font-weight: 600;
    text-decoration: none !important;
    border-right: 1px solid;
}#sequence a {
    width: 33.3333%;
    float: left;
    text-align: center;
    padding: 0px 0;
    font-size: 15px;
    color: #000 !important;
    font-weight: 600;
    text-decoration: none !important;
    border-right: 1px solid;
}
div#contactModal .wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"], .wpcf7 select, .wpcf7 textarea {
    background: rgb(206 206 206) !important;
}
.social-icons a:hover {
    color: #000 !important;
}
.modal-header {
    background: #ffa900;
    color: #000000;
}
#sequence {
    width: 100%;
    float: left;
    background: #edb344;
    position: fixed;
    bottom: 0px;
    z-index: 100;
    padding: 0;
    color: var(--themeht-light-color) !important;
    margin: 0 !important;
}
    .product-specs table {
      border: 1px solid #ddd;
    }
    .product-specs th,
    .product-specs td {
      text-align: center;
      vertical-align: middle;
    }
    
@keyframes BackgroundAnimatedVertical {
  0%   { background-position: center top; }
  50%  { background-position: center bottom; }
  100% { background-position: center top; }
}
@media (max-width: 991px) {
    .left-mask::before { mask-position: 30% 50%; -webkit-mask-position: 30% 50%; }
      .farmer { max-width: 420px; margin-left: 0; display: block; margin: 0 auto 0.75rem; }
      .testimonial-heading h2 { font-size: 2rem; text-align: center; }
      .testimonial-content { text-align: center; }
      .big-quote { display: none; }
  .features-box .row > div {
    border-right: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
  .features-box .row > div:last-child {
    border-bottom: none;
  }
}
        @media (max-width: 768px) {
          .top-bar .col-md-8 {
    display: none !important;
}
.quality-excellence {
    padding: 40px 20px !important;
}
.who-we-are {
    margin-top: 24px !important;
    margin-bottom: 10px !important;
}
span.btn-menu {
    display: none !important;
}
.main-imgers {
    right: -61px !important;
}
.carousel-caption {
    top: 18% !important;
}
.features-box {
    padding: 30px 30px 30px 30px !important;
}
section.features .row.text-center {
    padding: 30px 5px 0 5px !important;
}
.container {
    max-width: 100% !important;
}
.main-heading {
    font-size: 23px !important;
}
.tilted-img, .tilted-img-right {
    border-radius: 20px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.15);
    transition: transform 0.2s ease-out;
    margin: 0 0 50px 0 !important;
}
.counter-box {
    text-align: center;
    padding: 0px !important;
}
.clip-text {
    margin: 115px 0 0 0 !important;
}
.masked-section {
    margin: 0 0 15px 0 !important;
}
.services-section {
    padding: 40px 0px 0px  0px !important;
}
.owl-stage-outer {
    margin: 30px 0 0 0 !important;
}
.content-box {
    top: 114px !important;
}
.iganto {
    float: left !important; 
    margin: 10px 0 10px 0 !important;
}
textarea.wpcf7-form-control.wpcf7-textarea {
    height: 132px !important;
}
.content-box h6 {
    margin-top: 16px !important;
}

.content-box img {
    width: 29% !important;
}
.clip-text {
    font-size: 35px !important;
}
section.masked-section .col-lg-5 {
    padding: 0 10px 0 10px !important;
}
.content-box img {
    width: 33% !important;
}
section.masked-section .col-lg-7 {
    padding: 0 10px 0 10px !important;
}
.yellow-box {
    top: 160px !important;
}
.director-statement {
    margin-top: 26px !important;
    margin-bottom: 10px !important;
}
img.farmer {
    position: absolute !important;
    top: 129px !important;
}
section#mainer-contact {
    margin: 40px 0 0 0;
}
section.testimonial-section {
    margin: -70px 0 0px 0 !important;
}
.testimonial-content {
    top: -52px !important;
}
section.testimonial-section {
    background: url(./images/h1-ss-pll1.webp);
    background-size: cover;
    background-position: center;
    margin: 0px 0 15px 0 !important;
}
.top-bar span {
    font-size: 10px !important;
}
.content-box {
    padding: 3rem 1rem !important;
    border-radius: 0rem !important;
}
.yellow-box {
    padding: 2rem 2rem !important;
}
.testimonial-content {
    padding: 30px 30px 0 30px !important;
}
.footer-logo img {
    max-width: 80% !important;
}
.footer-banner {
    padding: 88px 20px 0px 20px !important;
}
section#our-clients {
    margin: 30px 0 30px 0 !important;
}
.footer-banner-content h2 {
    font-size: 30px !important;
}
section.about-us {
    padding: 34px 0 !important;
}
.tilted-img, .tilted-img-right {
    margin: 30px 0 30px 0 !important;
}
p.highlight {
    margin: 0 0 0px 0 !important;
}
button.carousel-control-prev {
    display: none !important;
}
.breadcrumb-content {
    text-align: center !important;
}
button.carousel-control-next {
    display: none !important;
}
.content-box img {
    width: 23% !important;
}
.breadcrumb-content h1.page-title {
    font-size: 30px !important;
    margin-bottom: 2px !important;
}
.breadcrumb-section {
    padding: 36px 0 69px !important;
}
.content-box img {
    width: 28% !important;
}
span.search {
    display: none !important;
}
.top-bar {
    padding: 10px 0 17px 0 !important;
}
      .carousel-caption h1 {
        font-size: 28px;
      }
      .carousel-caption p {
        font-size: 14px;
      }
      .carousel-caption {
        left: 5%;
        right: 5%;
      }
    }
    @media (min-width: 767px) and (max-width: 1366px) {
.top-bar span {
    font-size: 13px !important;
}
.top-bar {
    padding: 10px !important;
}
.btn-custom {
    font-size: 12px !important;
}
.carousel-caption {
    top: 12% !important;
}
p {
    line-height: 26px !important;
    font-size: 14px !important;
}
.clip-text {
    font-size: 44px !important;
}
.content-box {
    padding: 3rem 2rem !important;
}
.yellow-box {
    padding: 4rem 2rem !important;
}
.footer-link {
    font-size: 14px !important; 
}
}
  @media (min-width: 1367px) and (max-width: 1500px) {
.carousel-caption {
    top: 19% !important;
}
}