@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');

                  *{
                      margin: 0;
                      padding: 0;
                      box-sizing: border-box;
                      list-style: none;
                      text-decoration: none;
                  }
                  a{
                      text-decoration: none;
                  }
                  ul{
                      list-style: none;
                  }
                  body{
                      font-family: "Roboto", sans-serif;
                      overflow-x: hidden;
                  }
                  .top-header{
                    border-bottom: 1px solid #6c757d;
                  }
                  .top-header-list{
                      display: flex;
                      flex-wrap: wrap;
                      gap: 149px;
                      padding: 10px;
                  }
                  .social-link-top{
                    display: flex;
                  }
                  @media (max-width:767px){
                    .top-header-list{
                      display: inline-block;
                      flex-wrap: nowrap;
                    }
                  }
                  @media (min-width:768px) and (max-width:820px){
                    .top-header-list{
                      gap: 20px;
                    }
                  }
                  .top-header-list  li a i {
                      font-size: 20px;
                      padding: 0px 10px 0px 0px;
                      color: #000;
                  }
                  .top-header-list  li a:hover i{
                      color: #FF0000;
                  }
                  .top-header-list  li a{
                      color: #000;
                  }
                  .top-header-list  li:hover a{
                      color: #FF0000;
                  }
                  .navbar-nav .nav-item{
                  padding: 0px 20px;

                  }
                  .navbar-nav .nav-item a{
                      color: #FF0000 !important;
                      font-weight: 600;
                  }
                  .navbar-nav .nav-item a:hover{
                  background: #0f9421;
                  color: #fff !important;
                  }

                  .carousel-caption {
                      position: absolute;
                      right: 15%;
                      bottom: 15.25rem !important;
                      left: 15%;
                      padding-top: 1.25rem;
                      padding-bottom: 1.25rem;
                      color: #fff;
                      text-align: center;
                  }
                  .carousel-caption h5{
                      font-size: 5.25rem;
                  }
                  .carousel-caption .banner-btn{
                      margin-top: 3rem;
                  }

                  .carousel-caption .banner-btn{
                  display: flex;
                  gap: 30px;
                  align-items: center;
                  justify-content: center;
                  }
              .btn-primary{
                  background-color: #204E51 !important;
                  color: #fff;
                  border: none;
              }
              @media (max-width:767px){
                .btn-primary {
                  margin-bottom: 20px;
                }
              }
              .btn-primary-learn{
                  background-color: #FFFFFF !important;
                  border: 1px solid #000;
                  color: #000;
              }

              .about-section h1{
                  color: #FF0000;
                  font-size: 20px;
                  font-weight: 500;
              }
              .about-section h2{
                  font-size: 35px;
                  color: #000;
                  font-weight: 600;
              }
              .about-section h3{
                  color: green;
                  font-weight: 500;
                  font-size: 23;
              }
              .about-section h1 a{
                color: #FF0000;
                font-size: 15px;
                font-weight: 500;
            }
            @media (max-width:767px){
              .about-section h1 a{
                margin-top: 10px;
              }
            }
            .about-section h2 a{
                font-size: 35px;
                color: #000;
                font-weight: 600;
            }
            .about-section h3 a{
                color: green;
                font-weight: 500;
                font-size: 20px;
            }
            .topic_one{
              margin-top: 20px;
            }
            .topic_one h4{
              display: flex;
              gap: 20px;
            }
            .topic_one h4 a{
              font-size: 20px;
              color: #1F1E17;
            }
            .topic_one h4 i{
              color: #EEC044;
              font-size: 30px;
            }

              .about-section p{
                  color: #878680;
                  font-size: 18px;
                  text-align: justify;
                  margin-top: 20px;
              }
              .img_contain{
                  position: relative;
              }
              .img_object_one{
                  height: 400px;
                  width: 400px;
              }
              @media (max-width:767px){
                .img_object_one{
                  width: 100%;
                  height: 100%;
                }
              }
              .img_object_one img{
                  width: 100%;
                  height: 100%;
                  object-fit: cover;
                  background-position: center;
                  background-repeat: no-repeat;
                  border-radius: 50%;
                  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
              }
              .img_object_two{
                  width: 200px;
                  height: 200px;
                  position: absolute;
                  left: 2%;
                  bottom: 30px;
              }
              .img_object_two img{
                  width: 100%;
                  height: 100%;
                  border-radius: 50%;
                  object-fit: cover;
                  background-position: center;
                  background-repeat: no-repeat;
                  border: 4px solid #fff;
                  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
              }
              .point_ul{
                margin-top: 20px;
              }
              .point_ul a{
                  color: #1F1E17;
              }
              .point_ul i {
                  padding: 0px 15px 0px 0px;
                  color: #0f9421;
              }
              .point_ul li {
                  line-height: 35px;
              }

              .btn-danger {
                  color: #fff;
                  background-color: green;
                  border-color: green;
                  margin: auto;
              }
              .product{
                padding-top: 40px;
              }
              .product h2{
                text-align: center;
              }
              .product h2 a{
                  text-align: center;
                  font-size: 52px;
                  font-weight: 700;
                  color: green;
              }
              @media (max-width:767px){
                .product h2 a{
                  font-size: 40px;
                }
              }
              .product h3{
                  text-align: center;
                  font-size: 25px;
                  font-weight: 600;
                  color: #FF0000;
              }
              .product h3 a{
                text-align: center;
                font-size: 20px;
                font-weight: 600;
                color: #FF0000;
            }

              .card {
                  position: relative;
                  display: flex;
                  flex-direction: column;
                  min-width: 0;
                  word-wrap: break-word;
                  background-color: #fff;
                  background-clip: border-box;
                  border: 1px solid rgba(0,0,0,.125);
                  border: none !important;
                  border-radius: .25rem;
                  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
              }
              @media (max-width:767px){
                .card{
                  width: 100% !important;
                  margin-top: 10px;
                }
              }
              /* .card .card-img-top{
                  padding: 20px;
              } */

              .card .card-img-top {
                padding: 20px;
                width: 100%;
                aspect-ratio: 16/12;
                background-position: center;
                background-repeat: no-repeat;
                background-size: cover;
            }
              .card-body h4{
                text-align: center;
              }
              .card-body h4 a{
                  font-size: 24px;
                  color: #204E51;
              }
              .card-body .card-text{
                text-align: center;
                color: #1E1E1E;
                font-size: 16px;
              }
              /* benefit-our-css */
              .benefit-our{
                  padding: 40px 0px;
              }
              .our-benefit-img{
                  height: 560px;
                  position: relative;
              }
              .our-benefit-img img{
                  width: 100%;
                  height: 100%;
                  object-fit: cover;
                  background-position: center;
                  background-repeat: no-repeat;

              }
              .benefit_box{
                width: 250px;
                height: 168px;
                background: #EEC044;
                position: absolute;
                top: 150px;
                left: 40%;
                border-radius: 10px;
                padding: 30px;
              }
              @media (max-width:767px){
                .benefit_box{
                  left: 15%;
                }
              }
              .benefit_box h4 a{
                color: #ffff;
                font-size: 30px;
                font-weight: 400;
              }
              .benefit-our h2 a{
                  color: #FF0000;
                  font-size: 24px;

              }
              .benefit-our h3 a{
                  color: #000;
                  font-size: 48px;
              }
              .benefit-our a{
                font-size: 16px;
                color: #878680;
              }
              .quality ul{
                padding: 0px;
              }
              .quality i{
                color: #4BAF47;
                font-size: 24px;
                padding: 0px 10px 0px 0px;
              }
              .quality a{
                  color: #1F1E17;
                  font-size: 24px;
              }
          .main_logo img{

            height: 82px;
            max-width: 220px;
            display: table;
          }
          .bg-light {
            --bs-bg-opacity: 1;
            /* background-color: rgba(var(--bs-light-rgb),var(--bs-bg-opacity))!important; */
            background-color: #fff !important;
        }
              /* slider-ceo-css */
              .slider-ceo {
                  padding: 40px 0px;
              }
              .slider-ceo h2{
                  text-align: center;
              }
              .slider-ceo h2 a{
                  color: #204E51;
                  font-size: 59px;
                  padding: 10px 0px;
                  margin-bottom: 10px;
              }
              .slider-ceo p{
                  color: #1E1E1E;
                  text-align: center;
                  font-size: 20px;
                  /* padding: 10px 0px; */
                  font-weight: 400;
              }
            /* news-blog-section-css */
            .news-blog{
              padding: 50px 0px;
            }
            .news-blog-news{
              padding: 0px 0px 50px 0px;
            }
            .news-blog h2{
              text-align: center;
            }
            .news-blog h2 a{
              color: #FF0000;
              font-size: 24px;
              font-weight: 400;
            }
            .news-blog h2 a:hover{
              color: #0f9421;
            }
            .news-blog h3{
              text-align: center;
            }
            .news-blog h3 a{
              color: green;
              font-size: 48px;
              font-weight: 700;
            }
            .news-blog h3 a:hover{
              color: #FF0000;
            }
              /* footer-section-css */
              .footer-section {
                  background: #204E51;
                  padding: 100px 0px;
              }
              .footer-section .fot-title{
                color: #fff;
                font-size: 36px;
                font-weight: 600;
              }
              .footer-section .fot-title:hover{
                color: #4BAF47;
              }
              .footer-section h4{
                  color: #fff;
                  font-size: 28px;
                  font-weight: 600;
              }
              .footer-section h4:hover{
                color: #4BAF47;
              }
              .footer-section h4 a{
                  color: #fff;
                  font-size: 36px;
                  font-weight: 600;
              }

              .footer-section p{
                  color: #fff;
                  font-weight: 300;
                  font-size: 20px;
              }
              .footer-section ul li a{
                  color: #FFf;
                  font-weight: 300;
                  font-weight: 20px;
              }
              .footer-section ul li a:hover{
                color: #4BAF47;
              }
              .social-icon {
                  display: flex;
                  gap: 20px;
                  padding: 0px;
                  padding: 20px 0px;
              }
              .pages{
                  padding: 0px;
                  line-height: 30px;
              }


              .swiper {
                  width: 100%;
                  height: 100%;
                }

                .swiper-slide {
                  text-align: center;
                  font-size: 18px;
                  background: #fff;
                  display: flex;
                  justify-content: center;
                  align-items: center;
                }

                .swiper-slide img {
                  display: block;
                  width: 100%;
                  height: 100%;
                  object-fit: cover;
                }

                .contain {
                  width: 900px;
                  height:auto;
                  background: #204E51;
                  border-radius: 20px;
                  padding: 30px;
                }
                .contain .right h2{
              color: #FFf;
              text-align: left;
              font-size: 32px;
                }
                .contain .right  a{
                  color: #FFf;
                  text-align: left;
                  font-size: 32px;
                }
                .contain .founder{
                  color: #FFf;
                  text-align: justify;
                  font-size: 16px;
                  font-weight: 300;
                }
                .contain .right p{
                  color: #FFf;
                  text-align: justify;
                  font-size: 18px;
                }
                .contain .right{
                  padding: 20px;
                }
                .right .icon-star{
                  text-align: left;
                }
                .right .icon-star i{
                  color: #FFBE40;
                  font-size: 18px;
                }
                .ceo_img{
                  height: 300px;
                  border-radius: 20px;
                  padding: 20px;
                }
                .ceo_img img{
                  width: 100%;
                  height: 100%;
                  object-fit: cover;
                  background-position: center;
                  background-repeat: no-repeat;
                }
                .card-body{
                  position: relative;
                }
                .card-btn-all{
                  position: absolute;
                  left: 26%;
                  /* bottom: 130px; */
                }
                .card-contain{
                  margin-top: 20px;
                }
                .card-contain span{
                  padding: 0px 6px;
                  color: #878680;
                }
                .card-contain span i{
                  color: #EEC044;
                }
                .card-body .new-text{
                  color:#000;
                  font-size: 20px;
                  padding: 5px 0px;
                }


          /* counter-up */
          .counter-top{
            padding: 50px 0px;
          }
          @media (max-width:767px){
            .counter-top{
              padding: 10px 0px;
              margin-top: 10px !important;
            }
          }
        .counter-top h2 a{
          font-size: 72px;
          font-weight: 600;
          color: #204E51;

        }
        @media (max-width:767px){
          .counter-top h2 a{
            font-size: 40px;
            margin-top: 1rem !important;
          }
        }
        .counter-top h2  p{
          color: #1E1E1E;
          font-size: 20px;

        }
          .counter-up{
              background: url("images/bg-2.jpeg") no-repeat;
              min-height: 50vh;
              background-size: cover;
              background-attachment: fixed;
              padding: 0 50px;
              position: relative;
              display: flex;
              align-items: center;
            }
            .counter-up::before{
              position: absolute;
              content: "";
              top: 0;
              left: 0;
              height: 100%;
              width: 100%;
              /* background: rgba(0,0,0,0.8); */
              background: #204E51;
              border-radius: 20px;
            }
            .counter-up .content{
              z-index: 1;
              position: relative;
              /* display: flex; */
              width: 100%;
              height: 100%;
              flex-wrap: wrap;
              align-items: center;
              flex-direction: column;
              gap: 20px;
              padding: 20px;
              /* justify-content: space-between; */
            }
            .counter-up .content .box{
              /* border: 1px dashed rgba(255,255,255,0.6); */
              /* width: calc(25% - 30px); */
              border-radius: 5px;
              display: flex;
              align-items: center;
              justify-content: space-evenly;
              flex-direction: column;
              display: grid;
              grid-template-columns: repeat(2, 1fr);
              padding: 20px;
            }
            .content .box .icon{
              font-size: 48px;
              color: #e6e6e6;
            }
            .content .box .counter{
              font-size: 50px;
              font-weight: 500;
              color: #f2f2f2;
              font-family: sans-serif;
            }
            .content .box .text{
              font-weight: 400;
              color: #ccc;
            }
            @media screen and (max-width: 1036px) {
              .counter-up{
                padding: 50px 50px 0 50px;
              }
              .counter-up .content .box{
                width: calc(50% - 30px);
                margin-bottom: 50px;
              }
            }
            @media screen and (max-width: 580px) {
              .counter-up .content .box{
                width: 100%;
              }
            }
            @media screen and (max-width: 500px) {
              .wrapper{
                padding: 20px;
              }
              .counter-up{
                padding: 30px 20px 0 20px;
              }
            }

            /* btn-css */

            #myBtn {
      display: none;
      position: fixed;
      bottom: 20px;
      right: 30px;
      z-index: 99;
      font-size: 18px;
      border: none;
      outline: none;
      background-color: red;
      color: white;
      cursor: pointer;
      padding: 15px;
      border-radius: 4px;
    }

    #myBtn:hover {
      background-color: #555;
    }

    /* about-page-css-start */

    /* about-page-css-end */

    /* contact-us-css-start */
    .contact-banner-section{
      background-image: url(../img/about-banner.png);
      background-size: cover;
      background-repeat: no-repeat;
      width: 100%;
      height: 200px;
    }

    .contact-banner-section h1 a{
      color: #fff;
      font-weight: 500;
      font-size: 14px;
      text-transform: uppercase;
    }
    .contact-banner-section h2{
      font-size: 50px;
      color: #ffff;
      font-weight: 600;
    }
    .contact-banner-section .contat_contain{
      padding: 20px 0px;
    }
    .contact-details-section{
      margin-top: 30px;
    }
    .contact_box{
      width: 369.98;
      height: 220;
      background: #4BAF47;
      color: #fff;
      border-radius: 20px;
      padding: 20px;
      overflow: hidden;
    }
    @media (max-width:767px){
      .contact_box {
        margin: 20px 0px;
      }
    }
    .contact_box h2 a{
      color: #fff;
      font-weight: 400;
      font-size: 30px;
    }
    .contact_box h2 a:hover{
      color: #FF0000;
    }
    .contact_box p{
      color: #fff;
      font-size: 16px;
      font-weight: 500;
    }
    .contact_form{
      background-color: #878680;
      background: #F8F7F0;
      padding: 20px;
      height: 450px;
    }

    .contact_form h2{
      color: #EEC044;
      font-size: 24px;
      font-weight: 400;
    }

    .contact_form h3{
      color: #1F1E17;
      font-size: 48px;
      font-weight: 600;
    }

    .contact_form textarea{
      display: block;
        width: 100%;
        padding: .375rem .75rem;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
        color: #212529;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #ced4da;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border-radius: .25rem;
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }
    .ft-one{
      padding: 0px;
    }
    .form-top{

      margin-top: 20px;
      margin: 20px 0px;
    }
    .qna{
      text-align: center;
    }
    .qna a{
      color: #000000;
      padding: 10px 0px;
      font-size: 48px;
      font-weight: 600;
    }
    /* contact-us-css-end */
  .date-blog{
  position: relative;
  }

    /* product-section-css */
    .our-product-section{
      padding: 40px 0px;
    }
    .product_img{
      height: 300px;
    }
    .product_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;

    }
    .product-contain h2 a{
      color: #FF0000;
      font-size: 24px;
      font-weight: 500;
    }
    .product-contain p{
      font-size: 16px;
      font-weight: 500;
      color: #000;
      text-align: justify;
    }
    .product-sec{
      padding: 30px;
    }
    .site-btn{
      padding: 0px 40px;
    }
    /* product-section-end */

    /*
    our-video-section-start */
    .our-videos-section{
      padding: 50px 0px;
    }
    .video-contain{
      padding: 30px 0px;
    }
    .video-contain h2{
      font-size: 30px;
      color: #000;
      font-weight: 500;
      text-align: center;
      }
      .testi{
        margin-bottom: 40px;
      }
      .testi h1 a {
        color: #FF0000;
        font-size: 20px;
        font-weight: 400;
      }
      .testi h2 a{
        color: #1F1E17;
        font-size: 30px;
        font-weight: 600;
      }
      .video-contain h2 a {
        font-size: 30px;
        color: #000;
        font-weight: 500;
        text-align: center;
        margin-top: 10px;
      }
      .video-contain p{
        font-size: 15px;
        color: #000;
        font-weight: 300;
        text-align: justify;
        margin-top: 10px;
      }
    .video-all{
      height: 300;
      border: 1px solid #7A7A7A;
      border-radius: 10px;
    }
    .video-all iframe{
      width: 100%;
      height: 100%;
      object-fit: cover;
      background-position: 50% 50%;
      padding: 10px;
    }
    /*
    our-video-section-end */
    /*
    blog-css */

    .blog-start{
      padding: 40px 0px;
    }
    .blog-side{
      height: 300px;
    }
    .blog-side img{
      width: 100%;
      height: 100%;
      object-fit: cover;
      background-position: 50% 50%;
      background-repeat: no-repeat;
      border-radius: 20px;
    }
    .blog-start h1 a{
      color: #1F1E17;
      font-weight: 600;
      font-size: 30px;
    }
    .blog-start a{
      color: #1F1E17;
    }
    .blog-start p{
      color: #878680;
      font-size: 16px;
      font-weight: 500;
      text-align: justify;
    }
    form.example input[type=text] {
      padding: 10px;
      font-size: 17px;
      border: 1px solid #EEC044;
      float: left;
      width: 80%;
      background: #EEC044;
      color: #ffff;
    }

    form.example button {
      float: left;
      width: 20%;
      padding: 10px;
      background: #EEC044;
      color: white;
      font-size: 17px;
      border: 1px solid #EEC044;
      border-left: none;
      cursor: pointer;
    }

    form.example button:hover {
      background:#FF0000;
    }

    form.example::after {
      content: "";
      clear: both;
      display: table;
    }
    .footer-last{
      background: #1F1E17;
      padding: 50px 0px;
    }
    .footer-last h3 a{
      color: #fff;
      font-size: 18px;
      font-weight: 500;
    }

    .blog-sidebar h2 a{
      color: #1F1E17;
      font-size: 20px;
      /* padding: 20px; */
    }
    .blog-sidebar{
      background: #F8F7F0;
      padding: 20px;
      margin: 20px 0px;
      border-radius: 20px;
    }
    .blog-sidebar ul li{
      line-height: 30px;
    }
    .blog-sidebar .last{
      height: 72px;
    }
    .blog-sidebar .last img{
      width: 100%;
      height: 100%;
      object-fit: cover;
      background-position: 50% 50%;
      background-repeat: no-repeat;
      border-radius: 20px;
      margin-top: 18px;
    }
    .blog-sidebar .tag-s{
      display: flex;
      gap: 10px;
      flex-wrap: wrap;
    }
    .card-contain h4 a{
      color: #1F1E17;
      font-size: 14px;
    }
    .sider-bar-blog{
      background-color: #fff;
      border-radius: 20px;
    }
    .bottom_footer{
      background-color: #000000 !important;
      height: 1px !important;
      opacity: 1;
    }

    .btn-info {
      color: #fff;
      background-color: #4BAF47;
      border-color: #4BAF47;
      position: absolute;
      bottom: 20px;
      left: 10%;
  }

  /* img-show-section-css */
  .img-show-section{
    padding: 40px 0px;
  }
  .fatilizer_img{
    height: 80px;
    width: 80px;
    border-radius: 50%;
    margin: auto;

  }
  .fatilizer_img_one{
    height: 100px;
    width: 100px;
    border-radius: 50%;
    margin: auto;

  }
  .fatilizer_img_one img{
    height: 100px;
    width: 100px;
    border-radius: 50%;
    object-fit: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
  }
  .fatilizer_img_middle img{
    height: 150px;
    width: 150px;
    border-radius: 50%;
    object-fit: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
  }
  .fatilizer_img_middle{
    height: 150px;
    width: 150px;
    border-radius: 50%;
    margin: auto;

  }
  .fatilizer_img img{
    height: 80px;
    width: 80px;
    border-radius: 50%;
    object-fit: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
  }
  .card-image img{
    height: 200px;
    width: 100%;
    object-fit: cover;
    background-repeat: no-repeat;
    background-position: center;
  }

  .card_features{
    width: 100%;
    height: 350px;
    overflow: hidden;
  }
  .card-news{
    height: 443px;
    overflow: hidden;
  }
  .card-news img{
    width: 100%;
    aspect-ratio: 16/12;
    background-position: center;
    background-size: cover;
  }
  @media (max-width:767px){
    .slider-ceo h2 a {
      font-size: 38px;
    }
    .news-blog h3 a{
      font-size: 38px;
    }
    .contain .right a{
      font-size: 25px;
    }
    .counter-top h2 a{
      font-size: 38px;
    }
    .benefit-our h3 a{
      font-size: 38px;
    }
    .product h2 a{
      font-size: 38px;
    }
    .benefit_one{
      margin: 20px 0px 0px 0px;
    }
    .card_features{
      height: auto !important;
    }
    .card-news{
      height: auto !important;
    }
  }

  @media (min-width:300px) and (max-width:992px){
    .navbar-nav-scroll {
      max-height: none !important;
      overflow-y: auto;
  }
  }

  .benefit_box {
    width: 250px;
    height: 168px;
    background: #EEC044;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 10px;
    padding: 30px;
}

/* @media (max-width:767px){
                .benefit_box{
                  left: 15%;
                }
              } */


              .card-btn-all{
                position: absolute;
                /* left: 26%;
                bottom: 130px; */
                top: 3%;
                left: 50%;
                transform: translate(-50%, -50%);
              }