@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Serif:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap");
body {
  margin: 0;
  padding: 0;
  font-family: "Inter", sans-serif;
}

h1, h2, h3, h4, h5, h6, ul, p {
  margin: 0;
  padding: 0;
}

li {
  list-style: none;
}

a {
  text-decoration: none;
  color: #000;
  display: block;
}

.container {
  max-width: 1240px;
  margin: auto;
  padding: 0 15px;
}

img {
  max-width: 100%;
  width: 100%;
}

.text-left {
  text-align: left !important;
}

@media only screen and (max-width: 575px) {
  p {
    font-size: 14px !important;
    line-height: 20px !important;
  }
}
.rgbtn {
    width: 100px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #5C9F24;
    font: normal normal 400 16px/19px "Inter", sans-serif;
    letter-spacing: 0.329px;
    color: #fff;
    max-width: 180px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
  }
  @media only screen and (max-width: 575px) {
    .rgbtn {
      width: unset;
      height: unset;
      padding: 14px;
      font-size: 16px;
      line-height: 16px;
    }
  }


.btn {
  width: 180px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #5C9F24;
  font: normal normal 400 16px/19px "Inter", sans-serif;
  letter-spacing: 0.329px;
  color: #fff;
  max-width: 180px;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}
@media only screen and (max-width: 575px) {
  .btn {
    width: unset;
    height: unset;
    padding: 14px;
    font-size: 16px;
    line-height: 16px;
  }
}

.d-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

header {
  width: 100%;
  position: fixed;
  top: 36px;
  z-index: 99;
  left: 50%;
  transform: translateX(-50%);
}
@media only screen and (max-width: 767px) {
  header {
    top: 20px;
  }
}
@media only screen and (max-width: 575px) {
  header .logo {
    max-width: 120px;
  }
}
header .header-inner {
  background: rgba(255, 255, 255, 0.12);
  -webkit-backdrop-filter: blur(50px);
          backdrop-filter: blur(50px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px 38.5px;
  border-radius: 16px;
}
@media only screen and (max-width: 992px) {
  header .header-inner {
    padding: 15px 20px;
  }
}
@media only screen and (max-width: 767px) {
  header .header-inner {
    padding: 16px;
  }
}
@media only screen and (max-width: 575px) {
  header .header-inner {
    padding: 10px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
  }
}

header .header-inner .menubar ul {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
}
header .header-inner .menubar ul li {
  position: relative;
}
header .header-inner .menubar ul li:hover .menu-dropdown {
  display: block;
}
header .header-inner .menubar ul li a {
  color: #fff;
  font: normal normal 400 16px/normal "Inter", sans-serif;
  position: relative;
  transition: 0.5s ease-in-out;
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -ms-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
}
header .header-inner .menubar ul li a svg {
  margin-left: 4px;
}
header .header-inner .menubar ul li a::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  background-color: #fff;
  width: 0;
  height: 2px;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
}
header .header-inner .menubar ul li a:hover {
  font-weight: 600;
}
header .header-inner .menubar ul li a:hover::after {
  width: 100%;
  right: 0;
}
header .header-inner .menubar ul li .menu-dropdown {
  position: absolute;
  width: 100%;
  display: none;
  padding-top: 10px;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
}
header .header-inner .menubar ul li .menu-dropdown ul {
  width: 100%;
  background-color: #fff;
  padding: 16px;
  flex-direction: column;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
header .header-inner .menubar ul li .menu-dropdown ul li a {
  color: #000;
}
header .menu-right {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-left: 36px;
}
@media only screen and (max-width: 575px) {
  header .menu-right {
    margin-left: 10px;
  }
}
header .menu-right .lang-opc a {
  background-color: #fff;
  padding: 14.5px 9px;
  color: #5C9F24;
  line-height: 19px;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}
@media only screen and (max-width: 575px) {
  header .menu-right .lang-opc a {
    padding: 5px 8px;
    font-size: 14px;
  }
  header .menu-right .lang-opc a svg {
    display: none;
  }
}
@media only screen and (max-width: 575px) {
  header .menu-right .register-btn .btn {
    width: -moz-fit-content;
    width: fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding: 8px 10px;
    font-size: 14px;
  }
}
header .menu-right .menu-btn {
  display: none;
}
@media only screen and (max-width: 1199px) {
  header .menu-right .menu-btn {
    display: block;
  }
}

.menu-btn {
  width: 30px;
  height: 30px;
  position: relative;
  z-index: 2;
  overflow: hidden;
}

.menu-btn .bar {
  width: 30px;
  height: 4px;
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 4px;
  transform: translate(-50%, -50%);
  background-color: #fff;
  transition: all 0.3s ease-in-out;
}

.menu-btn .bar:nth-of-type(2) {
  top: calc(50% - 9px);
}

.menu-btn .bar:nth-of-type(3) {
  top: calc(50% + 9px);
}

/* Меняем гамбургер иконку, когда меню открыто */
.menu-btn.active .bar:nth-of-type(1) {
  display: none;
}

.menu-btn.active .bar:nth-of-type(2) {
  top: 50%;
  transform: translate(-50%, 0%) rotate(45deg);
}

.menu-btn.active .bar:nth-of-type(3) {
  top: 50%;
  transform: translate(-50%, 0%) rotate(-45deg);
}

@media only screen and (max-width: 1199px) {
  header .header-inner .menubar {
    display: none;
    transform: translateX(100%);
    transition: transform 0.5s;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    -webkit-transition: transform 0.5s;
    -moz-transition: transform 0.5s;
    -ms-transition: transform 0.5s;
    -o-transition: transform 0.5s;
  }
}
header .header-inner .menubar.active {
  display: block;
  position: fixed;
  top: 0;
  left: -15px;
  width: 100%;
  height: 100vh;
  top: -35px;
  padding: 15px;
  background: #fff;
}
header .header-inner .menubar.active ul {
  display: block;
  margin-top: 60px;
}
header .header-inner .menubar.active ul li {
  margin-bottom: 10px;
}
header .header-inner .menubar.active ul li a {
  color: #000;
  width: -moz-fit-content;
  width: fit-content;
}
header .header-inner .menubar.active ul li a svg path {
  stroke: #000;
}

header .header-inner .menubar.active {
  transform: translateX(0);
  display: block;
}

.menu-btn.active .bar {
  background-color: #000;
}

/************* banner-section **************/
.banner-section .banner-img {
  position: relative;
}
.banner-section .banner-img img.banner-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
}
.banner-section .banner-img .banner-slider {
  padding: 189px 0 121px;
  color: #fff;
}
@media only screen and (max-width: 575px) {
  .banner-section .banner-img .banner-slider {
    padding-top: 120px;
  }
}
.banner-section .banner-img .banner-slider .slick-arrow {
  position: absolute;
  top: 50%;
  left: -10px;
  font-size: 0;
  background-color: #fff;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="21" viewBox="0 0 12 21" fill="none"><path d="M11.1561 0.948093C11.0348 0.826485 10.8907 0.730002 10.7321 0.66417C10.5734 0.598339 10.4034 0.564453 10.2316 0.564453C10.0598 0.564453 9.88975 0.598339 9.73111 0.66417C9.57246 0.730002 9.42836 0.826485 9.30706 0.948093L0.625821 9.62933C0.528976 9.72598 0.452143 9.84077 0.39972 9.96715C0.347297 10.0935 0.320312 10.229 0.320312 10.3658C0.320312 10.5026 0.347297 10.6381 0.39972 10.7645C0.452143 10.8909 0.528976 11.0057 0.625821 11.1023L9.30706 19.7836C9.81895 20.2954 10.6442 20.2954 11.1561 19.7836C11.668 19.2717 11.668 18.4464 11.1561 17.9345L3.59269 10.3606L11.1666 2.78672C11.668 2.28528 11.668 1.44954 11.1561 0.948093Z" fill="black"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 12px;
  z-index: 1;
  width: 40px;
  height: 40px;
  box-shadow: 0px 2.64px 9.9px 0px rgba(0, 0, 0, 0.1019607843);
  border: 0;
  cursor: pointer;
  transform: translateY(-50%);
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
@media only screen and (max-width: 575px) {
  .banner-section .banner-img .banner-slider .slick-arrow {
    width: 40px;
    height: 40px;
    background-size: 8px;
    top: 45%;
  }
}
.banner-section .banner-img .banner-slider .slick-next.slick-arrow {
  left: auto;
  right: -10px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="21" viewBox="0 0 12 21" fill="none"><path d="M0.843869 0.948093C0.965171 0.826485 1.10927 0.730002 1.26792 0.66417C1.42657 0.598339 1.59664 0.564453 1.76841 0.564453C1.94017 0.564453 2.11025 0.598339 2.26889 0.66417C2.42754 0.730002 2.57164 0.826485 2.69294 0.948093L11.3742 9.62933C11.471 9.72598 11.5479 9.84077 11.6003 9.96715C11.6527 10.0935 11.6797 10.229 11.6797 10.3658C11.6797 10.5026 11.6527 10.6381 11.6003 10.7645C11.5479 10.8909 11.471 11.0057 11.3742 11.1023L2.69294 19.7836C2.18105 20.2954 1.35576 20.2954 0.843869 19.7836C0.33198 19.2717 0.33198 18.4464 0.843869 17.9345L8.40731 10.3606L0.833425 2.78672C0.331982 2.28528 0.33198 1.44954 0.843869 0.948093Z" fill="black"/></svg>');
}
.banner-section .banner-img .banner-slider .banner-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 40px;
}
@media only screen and (max-width: 575px) {
  .banner-section .banner-img .banner-slider .banner-content {
    flex-direction: column;
  }
}
.banner-section .banner-img .banner-slider .banner-content p {
  font: normal normal 600 24px/29px "Inter", sans-serif;
}
.banner-section .banner-img .banner-slider .banner-content h1 {
  font: normal normal 600 60px/73px "Inter", sans-serif;
  margin: 8px 0 16px;
}
@media only screen and (max-width: 767px) {
  .banner-section .banner-img .banner-slider .banner-content h1 {
    font-size: 36px;
    line-height: 40px;
  }
}
.banner-section .banner-img .banner-slider .banner-content P:last-of-type {
  font: normal normal 500 16px/19px "Inter", sans-serif;
  margin-bottom: 16px;
}

.slick-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 85px;
}
.slick-dots li button {
  font-size: 0;
  width: 10px;
  height: 10px;
  margin: 0;
  padding: 0;
  border: 0;
  background-color: #fff;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
}
.slick-dots li.slick-active button {
  background-color: #5C9F24;
}

/************** brand-section ***********/
.brand-section {
  position: relative;
  z-index: 1;
  margin-top: -70px;
}
@media only screen and (max-width: 767px) {
  .brand-section {
    margin-top: -40px;
  }
}
.brand-section .brand-inner {
  padding: 43px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 40px;
  background: rgb(92, 159, 36);
  border-radius: 16px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  -ms-border-radius: 16px;
  -o-border-radius: 16px;
}
@media only screen and (max-width: 767px) {
  .brand-section .brand-inner {
    padding: 20px;
  }
}
.brand-section .brand-inner img {
  width: auto;
}

/*************** who-we-are-section ************/
.who-we-are-section {
  padding: 50px 0;
}
.who-we-are-section .who-inner h2 {
  font: normal normal 600 36px/43px "Montserrat", sans-serif;
  text-align: center;
  margin-bottom: 36px;
}
.who-we-are-section .who-inner h2 span {
  color: #5C9F24;
}
.who-we-are-section .who-inner .who-we-content {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 65px;
}
@media only screen and (max-width: 1199px) {
  .who-we-are-section .who-inner .who-we-content {
    gap: 40px;
  }
}
@media only screen and (max-width: 992px) {
  .who-we-are-section .who-inner .who-we-content {
    flex-wrap: wrap;
  }
}
.who-we-are-section .who-inner .who-we-content .who-right {
  max-width: 521px;
}
@media only screen and (max-width: 1199px) {
  .who-we-are-section .who-inner .who-we-content .who-right {
    max-width: 450px;
  }
}
.who-we-are-section .who-inner .who-we-content .who-right p {
  font: normal normal 500 16px/19px "Inter", sans-serif;
  margin-bottom: 8px;
}
.who-we-are-section .who-inner .who-we-content .who-right p span {
  color: #5C9F24;
}
.who-we-are-section .who-inner .who-we-content .who-right h2 {
  text-align: left;
  font: normal normal 48px/58px "Inter", sans-serif;
}
@media only screen and (max-width: 575px) {
  .who-we-are-section .who-inner .who-we-content .who-right h2 {
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 24px;
  }
}
.who-we-are-section .who-inner .who-we-content .who-right ul {
  display: flex;
  flex-wrap: wrap;
  max-width: 521px;
  margin-bottom: 12px;
}
@media only screen and (max-width: 575px) {
  .who-we-are-section .who-inner .who-we-content .who-right ul {
    flex-wrap: wrap;
  }
}
.who-we-are-section .who-inner .who-we-content .who-right ul li {
  display: flex;
  width: 50%;
  align-items: center;
  gap: 16px;
  margin-bottom: 16px;
}
@media only screen and (max-width: 575px) {
  .who-we-are-section .who-inner .who-we-content .who-right ul li {
    width: 100%;
  }
}

/***************** advertisment-section ****************/
.advertisment-section {
  padding-top: 50px;
}
.advertisment-section .advertisment-inner {
  position: relative;
}
.advertisment-section .advertisment-inner h2 {
  font: normal normal 500 72px/87px "Montserrat", sans-serif;
  color: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
}
@media only screen and (max-width: 767px) {
  .advertisment-section .advertisment-inner h2 {
    font-size: 46px;
    line-height: 60px;
  }
}
@media only screen and (max-width: 575px) {
  .advertisment-section .advertisment-inner h2 {
    font-size: 30px;
    line-height: 40px;
  }
}

/****************** project-section *******************/
.project-section {
  padding: 120px 0 60px;
}
@media only screen and (max-width: 992px) {
  .project-section {
    padding: 60px 0;
  }
}
@media only screen and (max-width: 767px) {
  .project-section {
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 575px) {
  .project-section {
    padding-top: 30px;
  }
}
.project-section .project-inner h2 {
  font: normal normal 600 36px/43px "Montserrat", sans-serif;
  color: #5C9F24;
  text-align: center;
  margin-bottom: 24px;
}
@media only screen and (max-width: 575px) {
  .project-section .project-inner h2 {
    font-size: 26px;
    line-height: 32px;
  }
}
.project-section .project-inner p {
  font: normal normal 400 16px/24px "Inter", sans-serif;
  text-align: center;
  color: #83878F;
  margin-bottom: 24px;
}
.project-section .project-inner h2:last-of-type {
  margin: 24px 0 8px;
}
.project-section .project-inner .project-info {
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
  margin-top: 36px;
}
.project-section .project-inner .project-info .project-info-inner {
  max-width: 37%;
  position: relative;
  background-color: #fff;
  padding: 24px;
  padding-left: 110px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1215686275);
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
@media only screen and (max-width: 1199px) {
  .project-section .project-inner .project-info .project-info-inner {
    max-width: 34%;
  }
}
@media only screen and (max-width: 992px) {
  .project-section .project-inner .project-info .project-info-inner {
    max-width: 100%;
  }
}
@media only screen and (max-width: 575px) {
  .project-section .project-inner .project-info .project-info-inner {
    padding: 24px;
    padding-left: 60px;
  }
}
.project-section .project-inner .project-info .project-info-inner::before {
  content: "1";
  font: normal normal 500 120px/180px "Poppins", sans-serif;
  position: absolute;
  color: #5C9F24;
  left: 24px;
}
@media only screen and (max-width: 575px) {
  .project-section .project-inner .project-info .project-info-inner::before {
    font-size: 60px;
    line-height: 60px;
    left: 15px;
  }
}
.project-section .project-inner .project-info .project-info-inner h3 {
  font: normal normal 500 20px/30px "Inter", sans-serif;
  color: #5C9F24;
  margin-bottom: 8px;
}
.project-section .project-inner .project-info .project-info-inner p {
  font: normal normal 400 14px/21px "Poppins", sans-serif;
  text-align: left;
}
.project-section .project-inner .project-info .project-info-inner .learn-btn {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 10px;
  font: normal normal 500 14px/21px "Poppins", sans-serif;
  color: #5C9F24;
  text-decoration: underline;
  margin-top: 28px;
}
.project-section .project-inner .project-info .project-info-inner:nth-child(2)::before {
  content: "2";
}
.project-section .project-inner .project-info .project-info-inner:nth-child(3)::before {
  content: "3";
}
.project-section .project-inner .project-info .project-info-inner:nth-child(3) p {
  letter-spacing: -0.1px;
}
.project-section .project-inner .project-info .project-info-inner:nth-child(4)::before {
  content: "4";
}

/************** farmer-section ****************/
.farmer-section {
  padding: 60px 0;
}
.farmer-section .farmer-inner h2 {
  font: normal normal 500 36px/43.88px "Montserrat", sans-serif;
  text-align: center;
  margin-bottom: 12px;
}
.farmer-section .farmer-inner h2 span {
  color: #5C9F24;
}
@media only screen and (max-width: 575px) {
  .farmer-section .farmer-inner h2 {
    font-size: 30px;
    line-height: 36px;
  }
}
.farmer-section .farmer-inner p {
  font: normal normal 500 16px/19px "Inter", sans-serif;
  color: #83878F;
  text-align: center;
}
.farmer-section .farmer-inner .farmer-content {
  display: flex;
  align-items: center;
  gap: 36px;
}
@media only screen and (max-width: 992px) {
  .farmer-section .farmer-inner .farmer-content {
    flex-wrap: wrap;
    justify-content: center;
  }
}
.farmer-section .farmer-inner .farmer-content .farmer-box {
  margin-top: 33px;
  max-width: 33%;
  width: 100%;
  background-color: #fff;
  padding: 15px 20px;
  text-align: center;
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1019607843);
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
}
@media only screen and (max-width: 992px) {
  .farmer-section .farmer-inner .farmer-content .farmer-box {
    max-width: 42%;
  }
}
@media only screen and (max-width: 767px) {
  .farmer-section .farmer-inner .farmer-content .farmer-box {
    max-width: 100%;
  }
}
.farmer-section .farmer-inner .farmer-content .farmer-box:hover {
  box-shadow: 0px 5px 10px 5px rgba(0, 0, 0, 0.1019607843);
}
.farmer-section .farmer-inner .farmer-content .farmer-box .farmer-box-img img {
  max-width: 280px;
}
.farmer-section .farmer-inner .farmer-content .farmer-box .farmer-box-content {
  padding-top: 24px;
}
.farmer-section .farmer-inner .farmer-content .farmer-box .farmer-box-content h4 {
  font: normal normal 600 24px/29px "Inter", sans-serif;
  margin-bottom: 18px;
}
.farmer-section .farmer-inner .farmer-content .farmer-box .farmer-box-content p {
  max-width: 288px;
  font: normal normal 400 16px/24px "Montserrat", sans-serif;
  margin: 0 auto 24px;
}
.farmer-section .farmer-inner .farmer-content .farmer-box .farmer-box-content .btn {
  font: normal normal 500 16px/24px "Poppins", sans-serif;
  width: 135px;
  height: 40px;
  margin: auto;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}
@media only screen and (max-width: 575px) {
  .farmer-section .farmer-inner .farmer-content .farmer-box .farmer-box-content .btn {
    padding: 10px 20px;
    height: -moz-fit-content;
    height: fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
  }
}

/*************** two-img-section ************/
.two-img-section .two-img-inner {
  display: flex;
  align-items: center;
  gap: 40px;
}
@media only screen and (max-width: 575px) {
  .two-img-section .two-img-inner {
    flex-wrap: wrap;
  }
}
.two-img-section .two-img-inner .two-img-left {
  position: relative;
}
@media only screen and (max-width: 575px) {
  .two-img-section .two-img-inner .two-img-left {
    width: 100%;
  }
}
.two-img-section .two-img-inner .two-img-right {
  position: relative;
}
.two-img-section .two-img-inner h2 {
  position: absolute;
  font: normal normal 500 48px/58px "Inter", sans-serif;
  color: #fff;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  -moz-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  -o-transform: translateY(-50%) translateX(-50%);
}
@media only screen and (max-width: 575px) {
  .two-img-section .two-img-inner h2 {
    font-size: 30px;
  }
}

/**************** social-section **************/
.social-section {
  padding: 60px 0;
}
.social-section .social-inner-main h2 {
  font: normal normal 500 36px/43.88px "Montserrat", sans-serif;
  text-align: center;
  margin-bottom: 12px;
}
@media only screen and (max-width: 575px) {
  .social-section .social-inner-main h2 {
    font-size: 28px;
    line-height: 36px;
  }
}
.social-section .social-inner-main h2 span {
  color: #5C9F24;
}
.social-section .social-inner-main p {
  font: normal normal 500 16px/19px "Inter", sans-serif;
  text-align: center;
  color: #83878F;
  margin-bottom: 75px;
}
@media only screen and (max-width: 575px) {
  .social-section .social-inner-main p {
    margin-bottom: 30px;
  }
}
.social-section .social-inner-main .social-inner {
  display: flex;
  align-items: center;
  gap: 40px;
}
@media only screen and (max-width: 767px) {
  .social-section .social-inner-main .social-inner {
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 575px) {
  .social-section .social-inner-main .social-inner {
    gap: 20px;
  }
}
.social-section .social-inner-main .social-inner .social-img {
  max-width: 600px;
  width: 100%;
}
@media only screen and (max-width: 1199px) {
  .social-section .social-inner-main .social-inner .social-img {
    max-width: 450px;
  }
}
@media only screen and (max-width: 992px) {
  .social-section .social-inner-main .social-inner .social-img {
    max-width: 350px;
  }
}
@media only screen and (max-width: 767px) {
  .social-section .social-inner-main .social-inner .social-img {
    max-width: 100%;
  }
}
.social-section .social-inner-main .social-inner .social-content {
  flex: 1;
}
.social-section .social-inner-main .social-inner .social-content h2 {
  font: normal normal 500 48px/72px "Poppins", sans-serif;
  text-align: left;
  margin-bottom: 8px;
}
@media only screen and (max-width: 1199px) {
  .social-section .social-inner-main .social-inner .social-content h2 {
    font-size: 40px;
    line-height: 48px;
  }
}
@media only screen and (max-width: 992px) {
  .social-section .social-inner-main .social-inner .social-content h2 {
    font-size: 30px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 575px) {
  .social-section .social-inner-main .social-inner .social-content h2 {
    font-size: 24px;
    line-height: 30px;
  }
}
.social-section .social-inner-main .social-inner .social-content p {
  font: normal normal 400 16px/24px "Poppins", sans-serif;
  color: #9DA4AE;
  text-align: left;
  margin-bottom: 20px;
}
.social-section .social-inner-main .social-inner .social-content .btn {
  font: normal normal 500 16px/24px "Poppins", sans-serif;
  width: 135px;
  height: 40px;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}
@media only screen and (max-width: 575px) {
  .social-section .social-inner-main .social-inner .social-content .btn {
    width: -moz-fit-content;
    width: fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding: 10px 20px;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
  }
}
.social-section .social-inner-main .social-inner:not(:last-child) {
  margin-bottom: 110px;
}
@media only screen and (max-width: 992px) {
  .social-section .social-inner-main .social-inner:not(:last-child) {
    margin-bottom: 40px;
  }
}

/**************** service-section ******************/
.service-section {
  padding: 60px 0;
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .service-section {
    padding-top: 0;
  }
}
.service-section .service-bg-img {
  position: absolute;
  left: 0;
  top: 150px;
  z-index: -1;
}
@media only screen and (max-width: 1400px) {
  .service-section .service-bg-img {
    width: 90%;
  }
}
@media only screen and (max-width: 1199px) {
  .service-section .service-bg-img {
    display: none;
  }
}
.service-section .service-bg-img img {
  max-width: 1170px;
}
.service-section .service-inner {
  position: relative;
  padding-bottom: 72px;
}
@media only screen and (max-width: 767px) {
  .service-section .service-inner {
    padding-bottom: 0;
  }
}
.service-section .service-inner h2 {
  font: normal normal 600 36px/43px "Montserrat", sans-serif;
  text-align: center;
  margin-bottom: 12px;
}
.service-section .service-inner h2 span {
  color: #5C9F24;
}
@media only screen and (max-width: 575px) {
  .service-section .service-inner h2 {
    font-size: 30px;
  }
}
.service-section .service-inner p {
  font: normal normal 500 16px/19px "Inter", sans-serif;
  color: #83878F;
  text-align: center;
  margin-bottom: 30px;
}
@media only screen and (max-width: 1199px) {
  .service-section .service-inner .service-boxes {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 40px;
    justify-content: space-between;
  }
}
.service-section .service-inner .service-box {
  display: flex;
  align-items: end;
  gap: 8px;
}
@media only screen and (max-width: 1199px) {
  .service-section .service-inner .service-box {
    position: unset !important;
    width: 100%;
    max-width: 47% !important;
    margin: 0 !important;
  }
}
@media only screen and (max-width: 767px) {
  .service-section .service-inner .service-box {
    max-width: 100% !important;
    gap: 15px;
  }
}
@media only screen and (max-width: 575px) {
  .service-section .service-inner .service-box {
    align-items: start;
  }
}
.service-section .service-inner .service-box img {
  max-width: 440px;
}
.service-section .service-inner .service-box h2 {
  font: normal normal 600 100px/75px "Poppins", sans-serif;
  color: #5C9F24;
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .service-section .service-inner .service-box h2 {
    font-size: 70px;
  }
}
.service-section .service-inner .service-box h3 {
  font: normal normal 600 24px/29px "Inter", sans-serif;
  margin-bottom: 8px;
}
.service-section .service-inner .service-box h3 span {
  color: #5C9F24;
}
@media only screen and (max-width: 767px) {
  .service-section .service-inner .service-box h3 {
    font-size: 20px;
  }
}
.service-section .service-inner .service-box p {
  font: normal normal 500 14px/20px "Inter", sans-serif;
  text-align: left;
  color: #000;
  margin-bottom: 20px;
}
.service-section .service-inner .service-box .btn {
  background-color: transparent;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  color: #5C9F24;
  text-decoration: underline;
}
@media only screen and (max-width: 1199px) {
  .service-section .service-inner .service-box-img {
    max-width: 100% !important;
    justify-content: center !important;
    margin-bottom: 40px !important;
  }
}
.service-section .service-inner .service-box-1 {
  max-width: 276px;
  margin-top: 306px;
  margin-left: 50px;
}
@media only screen and (max-width: 1400px) {
  .service-section .service-inner .service-box-1 {
    margin-top: 280px;
  }
}
@media only screen and (max-width: 1259px) {
  .service-section .service-inner .service-box-1 {
    margin-top: 260px;
  }
}
.service-section .service-inner .service-box-2 {
  max-width: 325px;
  position: absolute;
  left: 340px;
  top: 50%;
}
@media only screen and (max-width: 1400px) {
  .service-section .service-inner .service-box-2 {
    left: 300px;
  }
}
.service-section .service-inner .service-box-3 {
  max-width: 325px;
  position: absolute;
  left: 49%;
  top: 71%;
}
@media only screen and (max-width: 1400px) {
  .service-section .service-inner .service-box-3 {
    left: 46%;
    top: 70%;
  }
}
.service-section .service-inner .service-box-4 {
  max-width: 356px;
  position: absolute;
  left: 60%;
  top: 46%;
}
@media only screen and (max-width: 1400px) {
  .service-section .service-inner .service-box-4 {
    left: 57%;
    top: 45%;
  }
}
.service-section .service-inner .service-box-5 {
  max-width: 360px;
  width: 100%;
  position: absolute;
  left: 78%;
  top: 20%;
}
@media only screen and (max-width: 1400px) {
  .service-section .service-inner .service-box-5 {
    left: 74%;
    top: 18%;
    width: auto;
  }
}
.service-section .service-inner .service-box-6 {
  max-width: 355px;
  position: absolute;
  left: 42%;
  top: 14%;
}
@media only screen and (max-width: 1400px) {
  .service-section .service-inner .service-box-6 {
    left: 38%;
  }
}

/*************** investment-section ***************/
.investment-section {
  padding-bottom: 60px;
}
.investment-section .investment-inner h2 {
  font: normal normal 600 36px/43px "Montserrat", sans-serif;
  margin-bottom: 8px;
  text-align: center;
}
.investment-section .investment-inner h2 span {
  color: #5C9F24;
}
@media only screen and (max-width: 575px) {
  .investment-section .investment-inner h2 {
    font-size: 30px;
    line-height: 40px;
  }
}
.investment-section .investment-inner p {
  font: normal normal 500 16px/20px "Inter", sans-serif;
  color: #83878F;
  text-align: center;
}
.investment-section .investment-inner .investment-boxes {
  display: flex;
  gap: 25px;
}
@media only screen and (max-width: 767px) {
  .investment-section .investment-inner .investment-boxes {
    flex-wrap: wrap;
    justify-content: center;
  }
}
.investment-section .investment-inner .investment-boxes .investment-box-inner {
  margin-top: 36px;
  max-width: 33%;
  width: 100%;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  padding: 12px 12px 21px 12px;
  box-shadow: 4.28px 27.85px 75.31px 0px rgba(0, 0, 0, 0.0509803922);
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
}
@media only screen and (max-width: 767px) {
  .investment-section .investment-inner .investment-boxes .investment-box-inner {
    max-width: 43%;
  }
}
@media only screen and (max-width: 575px) {
  .investment-section .investment-inner .investment-boxes .investment-box-inner {
    max-width: 100%;
    margin-top: 10px;
  }
}
.investment-section .investment-inner .investment-boxes .investment-box-inner .investment-box-content {
  padding-top: 17px;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.investment-section .investment-inner .investment-boxes .investment-box-inner .investment-box-content h3 {
  font: normal normal 600 24px/29px "Inter", sans-serif;
  color: #5C9F24;
  padding-bottom: 12px;
  flex: 1;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  margin-bottom: 12px;
}
@media only screen and (max-width: 992px) {
  .investment-section .investment-inner .investment-boxes .investment-box-inner .investment-box-content h3 {
    font-size: 20px;
  }
}
.investment-section .investment-inner .investment-boxes .investment-box-inner .investment-box-content p {
  font: normal normal 400 14px/20px "Inter", sans-serif;
  color: #9DA4AE;
  text-align: left;
  margin-bottom: 20px;
}
.investment-section .investment-inner .investment-boxes .investment-box-inner .investment-box-content .btn {
  background-color: transparent;
  color: #5C9F24;
  text-decoration: underline;
  height: -moz-fit-content;
  height: fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font: normal normal 400 14px/20px "Inter", sans-serif;
}

/**************** testimonials-section **************/
.testimonials-section {
  padding: 60px 0;
}
@media only screen and (max-width: 992px) {
  .testimonials-section {
    padding-top: 0;
  }
}
.testimonials-section .testimonial-inner {
  position: relative;
}
.testimonials-section .testimonial-inner p {
  font: normal normal 600 16px/24px "Montserrat", sans-serif;
  color: #5C9F24;
  text-align: center;
  margin-bottom: 8px;
}
.testimonials-section .testimonial-inner h2 {
  font: normal normal 600 36px/56px "Montserrat", sans-serif;
  text-align: center;
}
@media only screen and (max-width: 575px) {
  .testimonials-section .testimonial-inner h2 {
    font-size: 30px;
    list-style: 40px;
  }
}
.testimonials-section .testimonial-inner .testi-slider {
  position: unset;
  max-width: 860px;
  margin: auto;
  text-align: center;
}
.testimonials-section .testimonial-inner .testi-slider .testi-slide .testi-img {
  margin-top: 57px;
}
.testimonials-section .testimonial-inner .testi-slider .testi-slide .testi-img img {
  max-width: 236px;
  margin: auto;
}
.testimonials-section .testimonial-inner .testi-slider .testi-slide .testi-content {
  margin-top: 23px;
}
.testimonials-section .testimonial-inner .testi-slider .testi-slide .testi-content p {
  font: normal normal 400 16px/19px "Inter", sans-serif;
  color: #9DA4AE;
  margin: 23px 0 12px;
}
.testimonials-section .testimonial-inner .testi-slider .testi-slide .testi-content h3 {
  font: normal normal 700 22px/27px "Inter", sans-serif;
}
.testimonials-section .testimonial-inner .testi-slider .slick-dots {
  bottom: -40px;
}
.testimonials-section .testimonial-inner .testi-slider .slick-dots li button {
  background-color: #d9d9d9;
}
.testimonials-section .testimonial-inner .testi-slider .slick-dots li.slick-active button {
  background-color: #5C9F24;
}
.testimonials-section .testimonial-inner .testi-slider .slick-arrow {
  position: absolute;
  top: 50%;
  left: 0;
  font-size: 0;
  background-color: #fff;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="21" viewBox="0 0 12 21" fill="none"><path d="M11.1561 0.948093C11.0348 0.826485 10.8907 0.730002 10.7321 0.66417C10.5734 0.598339 10.4034 0.564453 10.2316 0.564453C10.0598 0.564453 9.88975 0.598339 9.73111 0.66417C9.57246 0.730002 9.42836 0.826485 9.30706 0.948093L0.625821 9.62933C0.528976 9.72598 0.452143 9.84077 0.39972 9.96715C0.347297 10.0935 0.320312 10.229 0.320312 10.3658C0.320312 10.5026 0.347297 10.6381 0.39972 10.7645C0.452143 10.8909 0.528976 11.0057 0.625821 11.1023L9.30706 19.7836C9.81895 20.2954 10.6442 20.2954 11.1561 19.7836C11.668 19.2717 11.668 18.4464 11.1561 17.9345L3.59269 10.3606L11.1666 2.78672C11.668 2.28528 11.668 1.44954 11.1561 0.948093Z" fill="black"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 12px;
  width: 64px;
  height: 64px;
  box-shadow: 0px 2.64px 9.9px 0px rgba(0, 0, 0, 0.1019607843);
  border: 0;
  cursor: pointer;
  transform: translateY(-50%);
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
@media only screen and (max-width: 575px) {
  .testimonials-section .testimonial-inner .testi-slider .slick-arrow {
    width: 40px;
    height: 40px;
    background-size: 8px;
    top: 45%;
  }
}
.testimonials-section .testimonial-inner .testi-slider .slick-next.slick-arrow {
  left: auto;
  right: 0;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="21" viewBox="0 0 12 21" fill="none"><path d="M0.843869 0.948093C0.965171 0.826485 1.10927 0.730002 1.26792 0.66417C1.42657 0.598339 1.59664 0.564453 1.76841 0.564453C1.94017 0.564453 2.11025 0.598339 2.26889 0.66417C2.42754 0.730002 2.57164 0.826485 2.69294 0.948093L11.3742 9.62933C11.471 9.72598 11.5479 9.84077 11.6003 9.96715C11.6527 10.0935 11.6797 10.229 11.6797 10.3658C11.6797 10.5026 11.6527 10.6381 11.6003 10.7645C11.5479 10.8909 11.471 11.0057 11.3742 11.1023L2.69294 19.7836C2.18105 20.2954 1.35576 20.2954 0.843869 19.7836C0.33198 19.2717 0.33198 18.4464 0.843869 17.9345L8.40731 10.3606L0.833425 2.78672C0.331982 2.28528 0.33198 1.44954 0.843869 0.948093Z" fill="black"/></svg>');
}

/********************* plan-section ******************/
.plan-section {
  padding: 60px 0;
}
@media only screen and (max-width: 575px) {
  .plan-section {
    padding-top: 30px;
  }
}
.plan-section .plan-inner h2 {
  font: normal normal 600 36px/43px "Montserrat", sans-serif;
  text-align: center;
}
.plan-section .plan-inner h2 span {
  color: #5C9F24;
}
@media only screen and (max-width: 575px) {
  .plan-section .plan-inner h2 {
    font-size: 30px;
    line-height: 36px;
  }
}
.plan-section .plan-inner p {
  font: normal normal 500 16px/19px "Inter", sans-serif;
  text-align: center;
  color: #83878F;
  margin: 8px 0 36px;
}
.plan-section .plan-inner .plan-content {
  display: flex;
  align-items: center;
  gap: 56px;
}
@media only screen and (max-width: 992px) {
  .plan-section .plan-inner .plan-content {
    flex-wrap: wrap;
    gap: 20px;
  }
}
@media only screen and (max-width: 575px) {
  .plan-section .plan-inner .plan-content {
    gap: 1px;
  }
}
.plan-section .plan-inner .plan-content .plan-left {
  max-width: 500px;
}
@media only screen and (max-width: 992px) {
  .plan-section .plan-inner .plan-content .plan-left {
    max-width: 100%;
  }
}
.plan-section .plan-inner .plan-content .plan-left .plan-left-box {
  position: relative;
  margin-bottom: 44px;
}
.plan-section .plan-inner .plan-content .plan-left .plan-left-box .plan-box-img {
  position: absolute;
  top: -24px;
  left: 10px;
}
.plan-section .plan-inner .plan-content .plan-left .plan-left-box .plan-box-img img {
  max-width: 90px;
}
@media only screen and (max-width: 767px) {
  .plan-section .plan-inner .plan-content .plan-left .plan-left-box .plan-box-img img {
    max-width: 60px;
  }
}
.plan-section .plan-inner .plan-content .plan-left .plan-left-box .plan-box-content {
  margin-left: 76px;
  padding: 16px 30px 16px 36px;
  background-color: #fff;
  box-shadow: 0px 0px 6px 0px #5C9F24;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
}
@media only screen and (max-width: 767px) {
  .plan-section .plan-inner .plan-content .plan-left .plan-left-box .plan-box-content {
    margin-left: 40px;
  }
}
.plan-section .plan-inner .plan-content .plan-left .plan-left-box .plan-box-content h3 {
  font: normal normal 500 24px/29px "Inter", sans-serif;
  margin-bottom: 8px;
}
.plan-section .plan-inner .plan-content .plan-left .plan-left-box .plan-box-content h3 span {
  color: #5C9F24;
}
@media only screen and (max-width: 575px) {
  .plan-section .plan-inner .plan-content .plan-left .plan-left-box .plan-box-content h3 {
    font-size: 19px;
    line-height: 24px;
  }
}
.plan-section .plan-inner .plan-content .plan-left .plan-left-box .plan-box-content p {
  font: normal normal 400 16px/24px "Poppins", sans-serif;
  text-align: left;
  margin-bottom: 30px;
}
.plan-section .plan-inner .plan-content .plan-left .plan-left-box .plan-box-content .btn {
  max-width: -moz-fit-content;
  max-width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  text-decoration: underline;
  font: normal normal 400 16px/24px "Montserrat", sans-serif;
  background-color: transparent;
  color: #5C9F24;
}
.plan-section .plan-inner .plan-content .plan-right {
  flex: 1;
}

/******************** footer **********************/
footer {
  background-color: #5C9F24;
}
footer .footer-inner {
  padding: 60px 48px 24px 48px;
  display: flex;
  align-items: start;
  gap: 96px;
}
@media only screen and (max-width: 1400px) {
  footer .footer-inner {
    gap: 40px;
  }
}
@media only screen and (max-width: 1199px) {
  footer .footer-inner {
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 575px) {
  footer .footer-inner {
    padding: 30px 15px 40px;
    gap: 26px;
  }
}
footer .footer-inner .footer-info {
  max-width: 400px;
}
@media only screen and (max-width: 1400px) {
  footer .footer-inner .footer-info {
    max-width: 320px;
  }
}
footer .footer-inner .footer-info .footer-logo img {
  width: 230px;
  margin-bottom: 16px;
}
footer .footer-inner .footer-info p {
  font: normal normal 500 14px/20px "Inter", sans-serif;
  color: #F3F4F6;
}
footer .footer-inner .footer-link h3 {
  font: normal normal 500 24px/28px "Montserrat", sans-serif;
  color: #fff;
  margin-bottom: 24px;
}
@media only screen and (max-width: 575px) {
  footer .footer-inner .footer-link h3 {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 16px;
  }
}
footer .footer-inner .footer-link ul li a {
  font: normal normal 500 16px/19px "Inter", sans-serif;
  color: #fff;
  margin-bottom: 16px;
}
@media only screen and (max-width: 575px) {
  footer .footer-inner .footer-link ul li a {
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 10px;
  }
}
footer .footer-inner .footer-social-link h3 {
  font: normal normal 500 24px/28px "Montserrat", sans-serif;
  color: #fff;
  margin-bottom: 24px;
}
footer .footer-inner .footer-social-link ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 26px;
}
footer .footer-inner .footer-social-link ul li a {
  display: flex;
  align-items: center;
}

/****************** about-us page *****************/
/************** banner-inner-section ***********/
.banner-inner-section {
  position: relative;
}
.banner-inner-section .banner-img {
  position: relative;
}
.banner-inner-section .banner-img img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}
.banner-inner-section .banner-inner-content {
  width: 100%;
  max-width: 1060px;
  margin: auto;
  padding: 282px 0 250px;
}
@media only screen and (max-width: 1400px) {
  .banner-inner-section .banner-inner-content {
    padding: 200px 0 170px;
  }
}
@media only screen and (max-width: 575px) {
  .banner-inner-section .banner-inner-content {
    padding: 110px 0 60px;
  }
}
.banner-inner-section .banner-inner-content p {
  font: normal normal 600 24px/29px "Inter", sans-serif;
  color: #fff;
  text-align: center;
}
.banner-inner-section .banner-inner-content h2 {
  font: normal normal 600 60px/73px "Montserrat", sans-serif;
  margin: 8px 0 16px;
  color: #fff;
  text-align: center;
}
@media only screen and (max-width: 992px) {
  .banner-inner-section .banner-inner-content h2 {
    font-size: 40px;
    line-height: 50px;
  }
}
@media only screen and (max-width: 575px) {
  .banner-inner-section .banner-inner-content h2 {
    font-size: 30px;
    line-height: 36px;
  }
}
.banner-inner-section .banner-inner-content p:last-child {
  font: normal normal 500 16px/19px "Inter", sans-serif;
}

/**************** our-vision **************/
.social-section-inner .social-inner-main h2 {
  margin-bottom: 36px;
}
@media only screen and (max-width: 575px) {
  .social-section-inner .social-inner-main h2 {
    margin-bottom: 15px;
  }
}
.social-section-inner .social-inner-main .social-inner .social-content-inner h2 {
  font-family: "Inter", sans-serif;
  line-height: 58px;
  margin-bottom: 16px;
}
@media only screen and (max-width: 1199px) {
  .social-section-inner .social-inner-main .social-inner .social-content-inner h2 {
    line-height: 48px;
  }
}
@media only screen and (max-width: 992px) {
  .social-section-inner .social-inner-main .social-inner .social-content-inner h2 {
    line-height: 34px;
  }
}
@media only screen and (max-width: 575px) {
  .social-section-inner .social-inner-main .social-inner .social-content-inner h2 {
    line-height: 30px;
  }
}
.social-section-inner .social-inner-main .social-inner .social-content-inner p {
  font-family: "Inter", sans-serif;
  color: #212224;
  margin-bottom: 16px;
}

/********************** what-section *********************/
.what-section {
  padding: 60px 0;
}
@media only screen and (max-width: 992px) {
  .what-section {
    padding-top: 0;
  }
}
.what-section .what-inner h2 {
  font: normal normal 500 48px/58px "Inter", sans-serif;
  text-align: center;
  color: #101112;
  margin-bottom: 16px;
}
@media only screen and (max-width: 767px) {
  .what-section .what-inner h2 {
    font-size: 40px;
  }
}
@media only screen and (max-width: 575px) {
  .what-section .what-inner h2 {
    font-size: 32px;
    line-height: 36px;
  }
}
.what-section .what-inner p {
  font: normal normal 400 16px/24px "Inter", sans-serif;
  color: #212224;
  text-align: center;
}

/****************** farmer-section-inner *************/
.farmer-section-inner {
  padding-top: 0;
}

/****************** our-mision ****************/
.our-mision .social-inner-main h2 {
  font-weight: 600;
}

/**************** testimonials-inner-section ***********/
.testimonials-inner-section {
  padding-bottom: 100px;
}

/********************* contact-us page *******************/
.contact-section {
  padding-top: 60px;
}
.contact-section .contact-us-inner h2 {
  font: normal normal 500 40px/58px "Inter", sans-serif;
  text-align: center;
  margin-bottom: 12px;
}
.contact-section .contact-us-inner h2 span {
  color: #5C9F24;
}
@media only screen and (max-width: 767px) {
  .contact-section .contact-us-inner h2 {
    font-size: 30px;
    line-height: 38px;
  }
}
.contact-section .contact-us-inner p {
  font: normal normal 500 16px/19px "Inter", sans-serif;
  text-align: center;
}
.contact-section .contact-us-inner .contact-us-box {
  padding: 72px 38px 46px;
  margin-top: 36px;
  border: 1px solid #5C9F24;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
@media only screen and (max-width: 767px) {
  .contact-section .contact-us-inner .contact-us-box {
    padding: 30px 20px 30px;
  }
}
.contact-section .contact-us-inner .contact-us-box .contact-detail {
  padding: 63px 24px 15px;
  border: 1px solid #5C9F24;
  display: flex;
  gap: 82px;
}
@media only screen and (max-width: 767px) {
  .contact-section .contact-us-inner .contact-us-box .contact-detail {
    padding: 20px;
  }
}
@media only screen and (max-width: 1199px) {
  .contact-section .contact-us-inner .contact-us-box .contact-detail {
    gap: 40px;
  }
}
@media only screen and (max-width: 992px) {
  .contact-section .contact-us-inner .contact-us-box .contact-detail {
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 767px) {
  .contact-section .contact-us-inner .contact-us-box .contact-detail {
    gap: 0;
  }
}
.contact-section .contact-us-inner .contact-us-box .contact-detail .contact-left {
  max-width: 543px;
  width: 100%;
}
@media only screen and (max-width: 992px) {
  .contact-section .contact-us-inner .contact-us-box .contact-detail .contact-left {
    max-width: 100%;
  }
}
.contact-section .contact-us-inner .contact-us-box .contact-detail .contact-left .input-form {
  display: flex;
  gap: 22px;
  margin-bottom: 29px;
}
@media only screen and (max-width: 767px) {
  .contact-section .contact-us-inner .contact-us-box .contact-detail .contact-left .input-form {
    flex-wrap: wrap;
  }
}
.contact-section .contact-us-inner .contact-us-box .contact-detail .contact-right {
  max-width: 450px;
}
@media only screen and (max-width: 1199px) {
  .contact-section .contact-us-inner .contact-us-box .contact-detail .contact-right {
    max-width: 300px;
  }
}
@media only screen and (max-width: 992px) {
  .contact-section .contact-us-inner .contact-us-box .contact-detail .contact-right {
    max-width: 100%;
  }
}
.contact-section .contact-us-inner .contact-us-box .contact-detail .contact-right h3 {
  font: normal normal 400 28px/36px "IBM Plex Serif";
  margin-bottom: 28px;
}
@media only screen and (max-width: 575px) {
  .contact-section .contact-us-inner .contact-us-box .contact-detail .contact-right h3 {
    font-size: 19px;
    line-height: 24px;
    margin-bottom: 15px;
  }
}
.contact-section .contact-us-inner .contact-us-box .contact-detail .contact-right p {
  font: normal normal 400 16px/29px "Poppins", sans-serif;
  text-align: left;
  max-width: 300px;
}
.contact-section .contact-us-inner .contact-us-box .contact-detail .contact-right ul {
  margin-top: 52px;
}
@media only screen and (max-width: 575px) {
  .contact-section .contact-us-inner .contact-us-box .contact-detail .contact-right ul {
    margin-top: 30px;
  }
}
.contact-section .contact-us-inner .contact-us-box .contact-detail .contact-right ul li a {
  display: flex;
  align-items: center;
  gap: 16px;
  font: normal normal 700 20px/37px "Inter", sans-serif;
}
@media only screen and (max-width: 575px) {
  .contact-section .contact-us-inner .contact-us-box .contact-detail .contact-right ul li a {
    font-size: 14px;
    line-height: 30px;
  }
}
.contact-section .contact-us-inner .contact-us-box .contact-detail .contact-right ul li:not(:last-of-type) {
  margin-bottom: 37px;
}
@media only screen and (max-width: 575px) {
  .contact-section .contact-us-inner .contact-us-box .contact-detail .contact-right ul li:not(:last-of-type) {
    margin-bottom: 20px;
  }
}
.contact-section .contact-us-inner .contact-us-box .btn {
  margin-top: 43px;
  width: -webkit-fill-available;
  max-width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  font: normal normal 500 24px/31px "Montserrat", sans-serif;
  padding: 20px;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
}
@media only screen and (max-width: 575px) {
  .contact-section .contact-us-inner .contact-us-box .btn {
    margin-top: 30px;
    font-size: 18px;
    line-height: 30px;
    padding: 10px;
  }
}

.advertisment-section {
  padding: 60px 0;
}

input, textarea {
  padding: 15px 10px 15px 28px;
  background-color: #fff;
  display: flex;
  color: #9F9F9F;
  width: 100%;
  font: normal normal 400 20px/37px "Poppins", sans-serif;
  border: 1px solid #F1F1F1;
  box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.1019607843);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
@media only screen and (max-width: 575px) {
  input, textarea {
    font-size: 14px;
    line-height: 16px;
  }
}

input::-moz-placeholder {
  color: #9F9F9F;
}

input::placeholder {
  color: #9F9F9F;
}

.checkbox {
  position: relative;
  display: flex;
  font: normal normal 500 15px/24px "Inter", sans-serif;
  color: #5C9F24;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  margin-top: 10px;
}
.checkbox input {
  position: absolute;
  width: 0;
  left: 50px;
  height: 0;
  opacity: 0;
  cursor: pointer;
}
.checkbox .checkmark {
  position: relative;
  display: block;
  top: 0;
  left: 0;
  width: 22px;
  height: 22px;
  background: white;
  border-radius: 2px;
  outline: 1px solid #acacac;
  transition: all 0.2s ease;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
}
.checkbox .checkmark:hover {
  background: #f4f4f5;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
}

.checkbox input:checked ~ .checkmark {
  background: #5C9F24;
  outline: 1px solid rgb(92, 159, 36);
}

.checkbox .checkmark::after {
  position: absolute;
  display: block;
  content: "";
  left: 53%;
  top: 45%;
  width: 5px;
  height: 9px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: translate(-50%, -50%) rotate(45deg);
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -moz-transform: translate(-50%, -50%) rotate(45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg);
  opacity: 0;
  transition: all 0.2s ease;
}

.checkbox input:checked ~ .checkmark::after {
  opacity: 1;
  transition: all 0.2s ease;
}

/**************** blog-section *****************/
.blog-section {
  padding: 60px 0 0;
}
@media only screen and (max-width: 575px) {
  .blog-section {
    padding-top: 40px;
  }
}
.blog-section .blog-inner h2 {
  font: normal normal 500 48px/58px "Inter", sans-serif;
  text-align: center;
  margin-bottom: 12px;
}
@media only screen and (max-width: 767px) {
  .blog-section .blog-inner h2 {
    font-size: 36px;
    line-height: 40px;
  }
}
.blog-section .blog-inner p {
  font: normal normal 500 16px/19px "Inter", sans-serif;
  margin-bottom: 36px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .blog-section .blog-inner p {
    margin-bottom: 25px;
  }
}
.blog-section .blog-inner .blog-box {
  padding-bottom: 60px;
  margin-bottom: 60px;
  position: relative;
}
@media only screen and (max-width: 575px) {
  .blog-section .blog-inner .blog-box {
    padding-bottom: 30px;
    margin-bottom: 40px;
  }
}
.blog-section .blog-inner .blog-box::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 226px;
  height: 5px;
  background-color: #5C9F24;
  transform: translateX(-50%);
  border-radius: 21px;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  -ms-border-radius: 21px;
  -o-border-radius: 21px;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.blog-section .blog-inner .blog-box h3 {
  font: normal normal 800 40px/56px "Montserrat", sans-serif;
  margin-bottom: 22px;
}
@media only screen and (max-width: 575px) {
  .blog-section .blog-inner .blog-box h3 {
    font-size: 30px;
    line-height: 30px;
  }
}
.blog-section .blog-inner .blog-box .blog-date {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 28px;
}
@media only screen and (max-width: 575px) {
  .blog-section .blog-inner .blog-box .blog-date {
    margin-bottom: 15px;
  }
}
.blog-section .blog-inner .blog-box .blog-date div {
  display: flex;
  align-items: center;
  gap: 10px;
}
.blog-section .blog-inner .blog-box .blog-date div span {
  font: normal normal 500 16px/28px "Poppins", sans-serif;
}
.blog-section .blog-inner .blog-box p.blog-des {
  font: normal normal 400 16px/34px "Poppins", sans-serif;
  text-align: left;
  margin: 28px 0;
}
@media only screen and (max-width: 575px) {
  .blog-section .blog-inner .blog-box p.blog-des {
    margin: 15px 0;
  }
}
.blog-section .blog-inner .blog-box .blog-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
}
.blog-section .blog-inner .blog-box .blog-btn .blog-btn-left {
  display: flex;
  align-items: center;
  gap: 10px;
}
.blog-section .blog-inner .blog-box .blog-btn .blog-btn-left p {
  margin: 0;
}
.blog-section .blog-inner .blog-box .blog-btn .blog-btn-left ul {
  display: flex;
  align-items: center;
  gap: 5px;
}
.blog-section .blog-inner .blog-box .blog-btn .blog-btn-left ul li a {
  background-color: #5C9F24;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -ms-border-radius: 40px;
  -o-border-radius: 40px;
}
.blog-section .blog-inner .blog-box .blog-btn .blog-btn-left ul li a img {
  width: auto;
}
.blog-section .blog-inner .blog-box .blog-btn .blog-btn-right a {
  font: normal normal 600 12px/14px "Poppins", sans-serif;
  border: 1px solid #5C9F24;
  color: #5C9F24;
  padding: 14px 22px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
.blog-section .blog-inner .blog-box .blog-btn .blog-btn-right a:hover {
  background-color: #5C9F24;
  color: #fff;
}

@media only screen and (max-width: 767px) {
  .advertisment-section-blog {
    padding: 0;
  }
}

@media only screen and (max-width: 767px) {
  .advertisment-section-blog-2 {
    padding: 0 0 40px;
  }
}

/**************** service page **************/
.investment-section-service {
  padding: 60px 0 0;
}
.investment-section-service .view-more-btn {
  margin-top: 60px;
}
.investment-section-service .view-more-btn a {
  margin: auto;
}

/**************** terms page *****************/
.terms-section {
  padding-top: 60px;
}
.terms-section .terms-inner h2 {
  font: normal normal 500 48px/58px "Inter", sans-serif;
  text-align: center;
  margin-bottom: 16px;
}
.terms-section .terms-inner h2 span {
  color: #5C9F24;
}
@media only screen and (max-width: 767px) {
  .terms-section .terms-inner h2 {
    font-size: 40px;
    line-height: 48px;
  }
}
@media only screen and (max-width: 575px) {
  .terms-section .terms-inner h2 {
    font-size: 26px;
    line-height: 30px;
  }
}
.terms-section .terms-inner p {
  font: normal normal 400 16px/28px "Inter", sans-serif;
  margin-bottom: 30px;
}
.terms-section .terms-inner p:last-child {
  margin-bottom: 0;
}

/****************** service-detail page ****************/
.service-detail {
  padding: 60px 0;
}
.service-detail .service-detail-inner h2 {
  font: normal normal 700 48px/58px "Inter", sans-serif;
  margin-bottom: 16px;
}
.service-detail .service-detail-inner h2 span {
  color: #5C9F24;
}
@media only screen and (max-width: 992px) {
  .service-detail .service-detail-inner h2 {
    font-size: 34px;
    line-height: 40px;
  }
}
@media only screen and (max-width: 575px) {
  .service-detail .service-detail-inner h2 {
    font-size: 28px;
    line-height: 30px;
  }
}
.service-detail .service-detail-inner img {
  margin-bottom: 16px;
}
.service-detail .service-detail-inner p {
  font: normal normal 400 16px/24px "Inter", sans-serif;
  margin-bottom: 16px;
}
.service-detail .service-detail-inner .btn {
  max-width: 349px;
  width: -webkit-fill-available;
}

.service-testi-section {
  padding: 60px 0;
}
.service-testi-section .service-testi {
  display: flex;
  align-items: center;
  gap: 160px;
  justify-content: center;
  padding: 155px 0;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1019607843);
}
@media only screen and (max-width: 992px) {
  .service-testi-section .service-testi {
    gap: 40px;
    padding: 100px 0 150px;
  }
}
@media only screen and (max-width: 767px) {
  .service-testi-section .service-testi {
    flex-wrap: wrap;
    padding: 50px 15px 150px;
  }
}
@media only screen and (max-width: 575px) {
  .service-testi-section .service-testi {
    padding: 40px 15px 150px;
  }
}
.service-testi-section .service-testi .service-testi-left {
  max-width: 500px;
  width: 100%;
}
.service-testi-section .service-testi .service-testi-left p {
  font: normal normal 400 15px/23px "Poppins", sans-serif;
  color: #5C9F24;
  margin-bottom: 8px;
}
.service-testi-section .service-testi .service-testi-left h2 {
  font: normal normal 700 38px/54px "Poppins", sans-serif;
}
@media only screen and (max-width: 575px) {
  .service-testi-section .service-testi .service-testi-left h2 {
    font-size: 24px;
    line-height: 30px;
  }
}
.service-testi-section .service-testi .service-testi-right {
  max-width: 400px;
  width: 100%;
}
@media only screen and (max-width: 575px) {
  .service-testi-section .service-testi .service-testi-right {
    max-width: 280px;
  }
}
.service-testi-section .service-testi .service-testi-right .service-testi-slide-1 img {
  max-width: 80px;
  margin-bottom: 30px;
}
.service-testi-section .service-testi .service-testi-right .service-testi-slide-1 h3 {
  font: normal normal 600 23px/38px "Poppins", sans-serif;
  margin-bottom: 15px;
}
.service-testi-section .service-testi .service-testi-right .service-testi-slide-1 p {
  font: normal normal 400 19px/31px "Poppins", sans-serif;
}
.service-testi-section .service-testi .slick-dots {
  position: absolute;
  left: 25px;
  top: 110%;
}
.service-testi-section .service-testi .slick-dots li button {
  background-color: #5C9F24;
}
.service-testi-section .service-testi .slick-dots li.slick-active button {
  background-color: transparent;
  border: 1px solid #5C9F24;
}
.service-testi-section .service-testi .slick-arrow {
  position: absolute;
  top: 130%;
  width: 40px;
  height: 40px;
  border: 1px solid #000;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="9" height="15" viewBox="0 0 9 15" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.83575 1.0429C8.22408 1.4217 8.22408 2.03587 7.83575 2.41468L2.57255 7.54879L7.83575 12.6829C8.22408 13.0617 8.22408 13.6759 7.83575 14.0547C7.44742 14.4335 6.8178 14.4335 6.42947 14.0547L0.463125 8.23468C0.0747916 7.85587 0.0747916 7.2417 0.463125 6.8629L6.42947 1.0429C6.8178 0.664087 7.44742 0.664087 7.83575 1.0429Z" fill="black"/></svg>');
  background-position: center;
  background-size: 10px;
  background-repeat: no-repeat;
  font-size: 0;
  background-color: transparent;
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -ms-border-radius: 40px;
  -o-border-radius: 40px;
}
.service-testi-section .service-testi .slick-arrow.slick-next {
  left: 50px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="9" height="15" viewBox="0 0 9 15" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M1.10175 1.0429C0.713417 1.4217 0.713417 2.03587 1.10175 2.41468L6.36495 7.54879L1.10175 12.6829C0.713417 13.0617 0.713417 13.6759 1.10175 14.0547C1.49008 14.4335 2.1197 14.4335 2.50803 14.0547L8.47437 8.23468C8.86271 7.85587 8.86271 7.2417 8.47437 6.8629L2.50803 1.0429C2.1197 0.664087 1.49008 0.664087 1.10175 1.0429Z" fill="black"/></svg>');
  background-position: center;
  background-size: 10px;
  background-repeat: no-repeat;
}

.investment-section .view-more-btn a {
  margin: 60px auto auto auto;
}

.modal-open {
  overflow: hidden;
}

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
}

.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
  transform: translate(0, -25%);
  -moz-transform: translate(0, -25%);
}

.modal.in .modal-dialog {
  transform: translate(0, 30%);
  -moz-transform: translate(0, 30%);
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}

.modal-content {
  position: relative;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  outline: 0;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}

.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}

.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: 0.7;
}

.modal-body {
  position: relative;
  padding: 0;
}
.modal-body video {
  width: 100%;
  display: block;
}
.modal-body .close {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 1;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}
/****************** login page ****************/
header.login-nav {
  position: absolute;
}
header.login-nav .login-header {
  background: transparent;
  -webkit-backdrop-filter: blur(0);
          backdrop-filter: blur(0);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 575px) {
  header.login-nav .login-header {
    flex-wrap: wrap;
    gap: 15px;
  }
  header.login-nav .login-header .signup-opction {
    margin-left: auto;
  }
}
header.login-nav .login-header a {
  font: normal normal 400 16px/19px "Inter", sans-serif;
  color: #fff;
}
header.login-nav .login-header a span {
  color: #5C9F24;
}

.login-section {
  padding: 153px 0 106px;
  background-image: url(../img/login.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 100%;
  min-height: 100vh;
}
.login-section .login-inner {
  margin: auto;
  text-align: center;
  max-width: 480px;
  padding: 40px;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(219, 219, 219, 0.4);
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
}
@media only screen and (max-width: 575px) {
  .login-section .login-inner {
    padding: 20px 15px;
  }
}
.login-section .login-inner h2 {
  font: normal normal 600 32px/44px "Montserrat", sans-serif;
  color: #5C9F24;
  margin-bottom: 13px;
}
@media only screen and (max-width: 575px) {
  .login-section .login-inner h2 {
    font-size: 24px;
    line-height: 30px;
  }
}
.login-section .login-inner p {
  font: normal normal 400 18px/29px "Poppins", sans-serif;
}
.login-section .login-inner .other-login-opc {
  margin-top: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
}
.login-section .login-inner .other-login-opc a {
  font: normal normal 500 12px/44px "Poppins", sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  max-width: 126px;
  width: 100%;
  background-color: #fff;
  border: 1px solid #DEDEDE;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
.login-section .login-inner .other-login-opc a img {
  width: 22px;
  height: 22px;
}
.login-section .login-inner .continue-line {
  max-width: 395px;
  font: normal normal 400 13px/14.5px "Poppins", sans-serif;
  color: #000;
  margin: 33px auto;
  position: relative;
}
.login-section .login-inner .continue-line::before, .login-section .login-inner .continue-line::after {
  content: "";
  position: absolute;
  width: 130px;
  height: 1px;
  background-color: #DBDBDB;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
@media only screen and (max-width: 575px) {
  .login-section .login-inner .continue-line::before, .login-section .login-inner .continue-line::after {
    width: 65px;
  }
}
.login-section .login-inner .continue-line::after {
  left: auto;
  right: 0;
}
.login-section .login-inner .reset-pass {
  max-width: 480px;
  gap: 10px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 575px) {
  .login-section .login-inner .reset-pass {
    justify-content: center;
  }
}
.login-section .login-inner .input-form input {
  color: #5A5A5A;
  padding: 19px 24px;
  width: -webkit-fill-available;
  box-shadow: none;
  font: normal normal 400 14px/14.5px "Poppins", sans-serif;
  border: 1px solid #D9D9D9;
  margin-bottom: 33px;
}
@media only screen and (max-width: 575px) {
  .login-section .login-inner .input-form input {
    margin-bottom: 20px;
  }
}
.login-section .login-inner .input-form input::-moz-placeholder {
  color: #5A5A5A;
}
.login-section .login-inner .input-form input::placeholder {
  color: #5A5A5A;
}
.login-section .login-inner .input-form .input-radio {
  margin-top: 0;
  margin-left: 0;
  padding: 0;
  width: 16px;
  margin-bottom: 0;
  height: 16px;
  margin-right: 7px;
  background-clip: border-box;
  border-radius: 50%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  transition: background-color 0.3s, box-shadow 0.3s;
  box-shadow: 1px 1px 2px -1px rgba(51, 51, 51, 0.3019607843);
}
.login-section .login-inner .input-form label {
  display: flex;
  align-items: center;
  margin: 0;
  font: normal normal 400 12px/20px "Poppins", sans-serif;
}
.login-section .login-inner .input-form .input-radio.on:checked {
  box-shadow: 1px 1px 2px -1px #5C9F24;
  background-color: #5C9F24;
}
.login-section .login-inner .input-form .input-radio.off:checked {
  box-shadow: 1px 1px 2px -1px #5C9F24;
  background-color: #5C9F24;
}
.login-section .login-inner .input-form .reset-btn a {
  font: normal normal 300 14px/14.5px "Poppins", sans-serif;
  color: #5C9F24;
}
.login-section .login-inner .login-btn {
  margin-top: 54px;
}
@media only screen and (max-width: 767px) {
  .login-section .login-inner .login-btn {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 575px) {
  .login-section .login-inner .login-btn {
    margin-top: 20px;
  }
}
.login-section .login-inner .login-btn .btn {
  width: -webkit-fill-available;
  height: 55px;
  max-width: 100%;
  border: 1px solid #5C9F24;
  font: normal normal 700 18px/14.5px "Poppins", sans-serif;
}
@media only screen and (max-width: 575px) {
  .login-section .login-inner .login-btn .btn {
    height: -moz-fit-content;
    height: fit-content;
  }
}

.password-input {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="19" height="14" viewBox="0 0 19 14" fill="none"><path d="M1.044 7.2576C0.985334 7.09167 0.985334 6.91233 1.044 6.7464C2.22306 3.408 5.56981 1 9.51417 1C13.4568 1 16.8019 3.4056 17.9835 6.7424C18.043 6.908 18.043 7.0872 17.9835 7.2536C16.8053 10.592 13.4585 13 9.51417 13C5.57151 13 2.22561 10.5944 1.044 7.2576Z" stroke="%23B8B8B8" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M12.0643 7.0001C12.0643 7.63662 11.7956 8.24707 11.3174 8.69715C10.8391 9.14724 10.1905 9.4001 9.5141 9.4001C8.83774 9.4001 8.18907 9.14724 7.71081 8.69715C7.23255 8.24707 6.96387 7.63662 6.96387 7.0001C6.96387 6.36358 7.23255 5.75313 7.71081 5.30304C8.18907 4.85295 8.83774 4.6001 9.5141 4.6001C10.1905 4.6001 10.8391 4.85295 11.3174 5.30304C11.7956 5.75313 12.0643 6.36358 12.0643 7.0001Z" stroke="%23B8B8B8" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M15.8413 1.14644C15.6298 0.951185 15.2868 0.951185 15.0753 1.14644L3.15865 12.1464C2.94712 12.3417 2.94712 12.6583 3.15865 12.8536C3.37018 13.0488 3.71315 13.0488 3.92468 12.8536L15.8413 1.85355C16.0529 1.6583 16.0529 1.3417 15.8413 1.14644Z" fill="%23B8B8B8"/></svg>');
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: calc(100% - 25px) 50%;
}

.password-input.show {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="19" height="14" viewBox="0 0 19 14" fill="none"><path d="M1.044 7.2576C0.985334 7.09167 0.985334 6.91233 1.044 6.7464C2.22306 3.408 5.56981 1 9.51417 1C13.4568 1 16.8019 3.4056 17.9835 6.7424C18.043 6.908 18.043 7.0872 17.9835 7.2536C16.8053 10.592 13.4585 13 9.51417 13C5.57151 13 2.22561 10.5944 1.044 7.2576Z" stroke="%23B8B8B8" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M12.0643 7.0001C12.0643 7.63662 11.7956 8.24707 11.3174 8.69715C10.8391 9.14724 10.1905 9.4001 9.5141 9.4001C8.83774 9.4001 8.18907 9.14724 7.71081 8.69715C7.23255 8.24707 6.96387 7.63662 6.96387 7.0001C6.96387 6.36358 7.23255 5.75313 7.71081 5.30304C8.18907 4.85295 8.83774 4.6001 9.5141 4.6001C10.1905 4.6001 10.8391 4.85295 11.3174 5.30304C11.7956 5.75313 12.0643 6.36358 12.0643 7.0001Z" stroke="%23B8B8B8" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.location-input {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="13" height="16" viewBox="0 0 13 16" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.64245 14.9752L7.19302 14.3549C7.81776 13.6394 8.37967 12.9606 8.87964 12.3149L9.29235 11.7704C11.0156 9.44859 11.8777 7.60579 11.8777 6.24376C11.8777 3.33646 9.53404 0.979736 6.64245 0.979736C3.75086 0.979736 1.40723 3.33646 1.40723 6.24376C1.40723 7.60579 2.26929 9.44859 3.99256 11.7704L4.40527 12.3149C5.11851 13.2288 5.86473 14.1156 6.64245 14.9752Z" stroke="black" stroke-width="0.872538" stroke-linecap="round" stroke-linejoin="round"/><path d="M6.64326 8.39626C7.84798 8.39626 8.8246 7.41964 8.8246 6.21491C8.8246 5.01019 7.84798 4.03357 6.64326 4.03357C5.43854 4.03357 4.46191 5.01019 4.46191 6.21491C4.46191 7.41964 5.43854 8.39626 6.64326 8.39626Z" stroke="black" stroke-width="0.872538" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-repeat: no-repeat;
  background-size: 16px;
  background-position: calc(100% - 25px) 50%;
}

/**************** signup page *****************/
.signup-section {
  background-image: url(../img/signup.png);
}
.signup-section .signup-inner {
  max-width: 785px;
}
.signup-section .signup-inner .signup-form {
  margin: 86px 0 70px;
}
@media only screen and (max-width: 767px) {
  .signup-section .signup-inner .signup-form {
    margin: 40px 0 30px;
  }
}
@media only screen and (max-width: 575px) {
  .signup-section .signup-inner .signup-form {
    margin: 40px 0 0px;
  }
}
.signup-section .signup-inner .signup-form .input-form {
  display: flex;
  align-items: center;
  gap: 17px;
}
@media only screen and (max-width: 767px) {
  .signup-section .signup-inner .signup-form .input-form {
    flex-wrap: wrap;
    gap: 0;
  }
}
.signup-section .signup-inner .login-btn p {
  font: normal normal 300 12px/12.65px "Poppins", sans-serif;
  margin-top: 21px;
  color: #83878F;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  -moz-appearance: textfield;
}

/****************** payment page ***************/
.payment-section {
  padding: 115px 0 27px;
}
.payment-section .payment-inner {
  max-width: 1280px;
}
.payment-section .payment-inner h2 {
  font: normal normal 700 24px/36px "Montserrat", sans-serif;
  color: #000;
  text-align: left;
  margin-bottom: 24px;
}
@media only screen and (max-width: 575px) {
  .payment-section .payment-inner h2 {
    font-size: 20px;
  }
}
.payment-section .payment-inner .payment-opction {
  display: flex;
  align-items: center;
  gap: 5px;
  flex-wrap: wrap;
}
.payment-section .payment-inner .payment-opction a {
  padding: 0 10px;
  display: flex;
  align-items: center;
  gap: 8px;
  height: 40px;
  background-color: #fff;
  max-width: 160px;
  width: 100%;
  border: 1px solid rgba(47, 60, 70, 0.1019607843);
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.0509803922);
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
@media only screen and (max-width: 575px) {
  .payment-section .payment-inner .payment-opction a {
    width: 100%;
    max-width: 100%;
  }
}
.payment-section .payment-inner .payment-opction a img {
  width: auto;
}
.payment-section .payment-inner .payment-opction a img.active {
  display: none;
}
.payment-section .payment-inner .payment-opction a.active {
  border: 2px solid #5C9F24;
  gap: 4px;
}
.payment-section .payment-inner .payment-opction a.active img.active {
  display: block;
}
.payment-section .payment-inner .bill-info {
  margin-top: 24px;
  padding: 24px;
  border: 1px solid rgba(47, 60, 70, 0.2);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
@media only screen and (max-width: 575px) {
  .payment-section .payment-inner .bill-info {
    padding: 20px 15px;
  }
}
.payment-section .payment-inner .bill-info .input-form {
  display: flex;
  align-items: center;
  gap: 32px;
}
@media only screen and (max-width: 767px) {
  .payment-section .payment-inner .bill-info .input-form {
    flex-wrap: wrap;
    gap: 0;
  }
}
.payment-section .payment-inner .bill-info .input-form div {
  width: 100%;
}
.payment-section .payment-inner .bill-info .input-form div label {
  font: normal normal 500 14px/21px "Poppins", sans-serif;
  margin-bottom: 6px;
}
.payment-section .payment-inner .bill-info .input-form div input {
  padding: 14px 11.5px;
  font: normal normal 500 14px/21px "Poppins", sans-serif;
}
.payment-section .payment-inner .cancel-edit-btn {
  margin: 24px 0;
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: end;
}
.payment-section .payment-inner .cancel-edit-btn .btn {
  width: 117px;
  font-weight: 700;
}
.payment-section .payment-inner .cancel-edit-btn .cancel-btn-payment {
  background-color: transparent;
  border: 1px solid #5C9F24;
  color: #5C9F24;
}
.payment-section .payment-inner .order-summary {
  padding: 24px 24px 19px 24px;
  background-color: #fff;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}
.payment-section .payment-inner .order-summary h2 {
  margin-bottom: 34px;
}
.payment-section .payment-inner .order-summary table {
  width: 100%;
}
.payment-section .payment-inner .order-summary table tr {
  display: flex;
  justify-content: space-between;
  padding-bottom: 10px;
}
.payment-section .payment-inner .order-summary table tr td {
  font: normal normal 400 14px/22px "Poppins", sans-serif;
  color: #676767;
}
.payment-section .payment-inner .order-summary table tr td:first-child {
  text-align: left;
}
.payment-section .payment-inner .order-summary table tr td:last-child {
  text-align: right;
}
.payment-section .payment-inner .order-summary table tr:last-child {
  border-top: 1px solid #E0E0E0;
  padding: 10px 0;
}
.payment-section .payment-inner .order-summary table tr:last-child td {
  color: #000;
  font-weight: 500;
}
.payment-section .payment-inner .pay-now-btn {
  margin-top: 24px;
}
.payment-section .payment-inner .pay-now-btn a {
  width: 117px;
}

.payment-method {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="34" height="24" viewBox="0 0 34 24" fill="none"><rect x="0.5" y="0.5" width="33" height="23" rx="3.5" fill="white"/><rect x="0.5" y="0.5" width="33" height="23" rx="3.5" stroke="%23F2F4F7"/><path fill-rule="evenodd" clip-rule="evenodd" d="M10.751 15.8582H8.69129L7.14674 9.79235C7.07343 9.51332 6.91776 9.26664 6.68879 9.15038C6.11737 8.85821 5.4877 8.62568 4.80078 8.50841V8.27487H8.11886C8.57681 8.27487 8.92026 8.62568 8.97751 9.0331L9.77891 13.4086L11.8376 8.27487H13.8401L10.751 15.8582ZM14.985 15.8582H13.0398L14.6415 8.27487H16.5868L14.985 15.8582ZM19.1035 10.3757C19.1607 9.96725 19.5042 9.73372 19.9049 9.73372C20.5346 9.67508 21.2205 9.79235 21.7929 10.0835L22.1364 8.45079C21.5639 8.21725 20.9343 8.09998 20.3628 8.09998C18.4748 8.09998 17.101 9.15038 17.101 10.6082C17.101 11.7173 18.0741 12.2996 18.761 12.6504C19.5042 13.0002 19.7904 13.2337 19.7332 13.5835C19.7332 14.1082 19.1607 14.3418 18.5893 14.3418C17.9024 14.3418 17.2155 14.1669 16.5868 13.8747L16.2433 15.5084C16.9303 15.7996 17.6734 15.9169 18.3603 15.9169C20.4773 15.9745 21.7929 14.9251 21.7929 13.35C21.7929 11.3664 19.1035 11.2502 19.1035 10.3757ZM28.6008 15.8582L27.0562 8.27487H25.3972C25.0537 8.27487 24.7103 8.50841 24.5958 8.85821L21.7356 15.8582H23.7381L24.1378 14.7502H26.5983L26.8273 15.8582H28.6008ZM25.6834 10.3171L26.2548 13.1751H24.653L25.6834 10.3171Z" fill="%23172B85"/></svg>');
  background-position: 14px 50%;
  background-repeat: no-repeat;
  padding-left: 60px !important;
}/*# sourceMappingURL=style.css.map */


header .header-inner .menubarmy ul {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
  }
  header .header-inner .menubarmy ul li {
    position: relative;
  }
  header .header-inner .menubarmy ul li:hover .menu-dropdown {
    display: block;
  }
  header .header-inner .menubarmy ul li a {
    color: #fff;
    font: normal normal 400 16px/normal "Inter", sans-serif;
    position: relative;
    transition: 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -ms-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
  }
  header .header-inner .menubarmy ul li a svg {
    margin-left: 4px;
  }
  header .header-inner .menubarmy ul li a::after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    background-color: #fff;
    width: 0;
    height: 2px;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
  }
  header .header-inner .menubarmy ul li a:hover {
    font-weight: 600;
  }
  header .header-inner .menubarmy ul li a:hover::after {
    width: 100%;
    right: 0;
  }
  header .header-inner .menubarmy ul li .menu-dropdown {
    position: absolute;
    width: 100%;
    display: none;
    padding-top: 10px;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
  }
  header .header-inner .menubarmy ul li .menu-dropdown ul {
    width: 100%;
    background-color: #fff;
    padding: 16px;
    flex-direction: column;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
  }
  header .header-inner .menubarmy ul li .menu-dropdown ul li a {
    color: #000;
  }

  /* Styling for the language dropdown */
#language {
    background-color: #ffffff;
    border: 2px solid #e0e0e0;
    border-radius: 5px;
    color: #333;
    font-size: 14px;
    padding: 8px 12px;
    cursor: pointer;
    outline: none;
    transition: all 0.3s ease-in-out;
}

/* Hover effect */
#language:hover {
    background-color: #f1f1f1;
    border-color: #cccccc;
}

/* Focus effect */
#language:focus {
    border-color: #4CAF50;
    box-shadow: 0 0 5px rgba(76, 175, 80, 0.5);
}

/* Option styling */
#language option {
    background-color: #ffffff;
    color: #333;
    padding: 8px 12px;
}

#language option[selected] {
    background-color: #4CAF50;
    color: #fff;
}

.btn-center-small {
    width: 138px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #5C9F24;
    font: normal normal 400 16px/19px "Inter", sans-serif;
    letter-spacing: 0.329px;
    color: #fff;
    max-width: 180px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    margin: 0 auto;
    -o-border-radius: 8px;
}
.testi-content {
    text-align: center;
}