@font-face {
    font-family: fonarto;
    src: url('Fonarto.ttf');
  }
  .fonarto {
    font-family: fonarto !important;
  }
  .full_width {
        width: 100% !important;
  }
  html {
  scroll-behavior: smooth;
  }
  body {
  margin: 0;
  color: #3d854d;
  padding: 0;
  font-family: fonarto;
  }
  content {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 1000px;
  position: absolute;
  top: 225px;
  width: 100%;
  z-index: -1;
  }
  .main-header {
  display: flex;
  justify-content: center;
  background: #43b29d;
  position: relative;
  top: 0;
  }
  .nav-bar1 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  transition: background .5s;
  align-items: center;
  }
  .nav-1 {
  transition: margin-right .5s ease;
  }
  .content {
  background: #c0c0c3;
  color: #414041;
  }
  .fixed {
  position: fixed;
  width: 100%;
  top: 0;
  background: darkslategrey;
  }
  .toleft {
  margin-right: 50%;
  }
  .landing_section{
  height: 100vh;
  border-radius: 20px;
  position: relative;
  }
  .landing_section_wrapper {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 3rem;
  border-radius: 50px;
  width: 95vw;
  height: 90vh;
  border: 1px solid #eee;
  box-shadow: 0 0 35px 20px #cfcfcf;
  }
  nav {
  position: fixed !important;
  top: -48px;
  width: 100%;
  background-color: #000000;
  color: #FFFFFF;
  transition: 0.3s;
  opacity: 0;
  z-index: 999999;
  }
  .displayNav {
  top: 0px;
  transition: 0.3s;
  opacity: 1;
  }
  .blurrx {
  backdrop-filter: blur(4px) saturate(180%);
  -webkit-backdrop-filter: blur(4px) saturate(180%);
  background-color: rgb(255 255 255 / 75%);
  border: 1px solid rgba(255, 255, 255, 0.125);
  }
  .ring {
  position: absolute;
  left: 45%;
  transform: translate(-50%, 0%);
  }
  .ring_opacity {
  position: absolute;
  left: 15%;
  transform: translate(-50%, 0%);
  bottom: -15%;
  opacity: 0.3;
  }
  #section2 {
  }
  .h1 {
  font-size: 4vw;
  }
  /* @media only screen and (max-width: 960px) {
  .h1 {
  font-size: 5.66666667vw;
  }
  }
  @media only screen and (max-width: 564.70588235px) {
  .h1 {
  font-size: 2.5rem;
  }
  }*/
  .h2 {
  font-size: 45px;
  font-weight: 600;
  }
  /*@media only screen and (max-width: 960px) {
  .h2 {
  font-size: 3.33333333vw;
  }
  }
  @media only screen and (max-width: 720px) {
  .h2 {
  font-size: 2rem;
  }
  }*/
  .bold_theme_color {
  color: #3d854d !important;
  font-weight: 600 !important;
  font-size: 3rem !important;
  }
  .theme_color {
  color: #3d854d;
  }
  .basic_theme_p {
  color: #000000;
  font-size: 2.7rem;
  font-weight: 500;
  font-style: italic;
  }
  .theme_button {
  border-radius: 50px;
  border: 4px solid #fff;
  background: linear-gradient(270deg, rgb(61 133 77) 0%, rgba(39,153,116,1) 50%, rgba(55,137,86,1) 100%);
  padding: 10px 30px;
  color: #fff;
  font-weight: 500;
  font-size: 1.5rem;
  box-shadow: 0 0 11px #6a6a6a;
  text-transform: uppercase;
  text-decoration: none;
  }
  .nav-bar1 a {
  text-decoration: none;
  color: #000000;
  }
  #aboutImage{
  -webkit-animation-name: spin;
  -webkit-animation-duration: 40000ms;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  }
  @-moz-keyframes spin {
  from { -moz-transform: rotate(0deg); }
  to { -moz-transform: rotate(360deg); }
  }
  @-webkit-keyframes spin {
  from { -webkit-transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg); }
  }
  @keyframes spin {
  from {transform:rotate(0deg);}
  to {transform:rotate(360deg);}
  }
  section{
  position: relative;
  }
  .mission_vision_bg{
  background: rgb(61,133,77);
  background: linear-gradient(262deg, rgba(61,133,77,1) 47%, rgba(114,166,125,1) 47%, rgb(61 133 77) 47%, rgb(0 115 105) 52%, rgba(0,115,105,1) 52%);
  }
  .padding_5{
  padding: 5rem;
  }
  .mv_p{
  font-size: 1.3rem;
  }
  .jainish {
  position: absolute;
  width: 90%;
  height: 32rem;
  /*background: #313131;*/
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  }
  .z2{
  z-index: 2;
  }
  .z3{
  z-index: 3;
  }
  .section_margin{
  margin: 10rem 0 3rem;
  }
  .prosol_wrapper {
  background: #fff;
  border-radius: 45px;
  box-shadow: -8px -7px 6px #3d854d87, 8px 7px 6px #3d854d87;
  border: 1px solid #026637;
  padding: 1rem 2rem;
  text-align: center;
  }
  .grey_p{
        color: #4e4e4e;
        font-weight: 500;
        font-size: 1rem;
        text-align: center !important; 
        text-align: left;
        padding: 5px;
  }
  .l_green{
  color: #3a864c;
  }
  .d_green{
  color: #007469;
  }
  /*.bg_ecosystem {
  background: url(https://agrow.stashack.cloud/assets/ecosystem.png);
  height: 100vh;
  width: 98.7vw;
  background-repeat: no-repeat;
  background-size: 100%;
  }*/
  /* .bg_ecosystem h1 {
  font-size: 12vw;
  text-align: center;
  }
  .bg_ecosystem h5 {
  font-size: 3vw;
  text-align: center;
  }*/
  .placeholder_ecosystem {
  height: 45vh;
  background: #3d854d;
  width: 70vw;
  margin: 4rem auto 0 auto;
  border-radius: 50px;
  }

  .navbar-expand-lg .navbar-nav .nav-link{
  /*padding-right: 3.5rem;*/
  /*padding-left: 0.5rem;*/
  }
  .ecosystem_sec{
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  }
  .blockchain_head{
  font-size: 95px;
  color: #3d854d;
  font-weight: 600;
  margin-top: 50px;
  }
  .blockchain_head2{
        font-size: 3rem;
        color: #3d854d;
        font-weight: 600;
  }
  /*//////////////////////////////////////////////////////*/
  .has-content-centered {
  justify-content: center;
  }
  .has-content-right {
  justify-content: flex-end;
  }
  .is-flex,
  .modal .modal-card-foot button,
  .circle,
  .layer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  }
  .is-round,
  .modal .modal-card-foot button,
  .ellipses .ellipsis {
  border-radius: 50%;
  }
  .is-strong {
  font-weight: 700;
  }
  .title,
  .subtitle {
  text-transform: uppercase;
  color: #3c844d;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  }
  .title.is-strong,
  .subtitle.is-strong {
  font-weight: 700;
  color: #3d854d;
  }
  .circle-graphic {
  pointer-events: none;
  }
  .circle-graphic.pause .module,
  .circle-graphic.pause .node {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
  }
  .layer {
  width: 100%;
  height: 100%;
  position: absolute;
  }
  .module {
  position: absolute;
  display: flex;
  justify-content: flex-end;
  width: 30em;
  left: calc(50% - 6em);
  top: calc(50% - 6em);
  transform-origin: 6em 6em;
  -webkit-animation: spin 48s linear infinite;
  animation: spin 48s linear infinite;
  transition: transform 0.3s ease-out;
  }
  .module:before {
  content: "";
  display: block;
  width: calc(100% - 6em);
  position: absolute;
  border-bottom: dotted 8px #3d854d;
  top: 50%;
  left: 6em;
  margin-top: -4px;
  }
  .module.pause .leaf {
  opacity: 1;
  }
  .module .circle {
  animation: spin 48s linear infinite reverse;
  pointer-events: all;
  cursor: pointer;
  transition: background 0.2s ease-out;
  }
  .module .circle.pause {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
  }
  .module .circle:hover {
  background: #ffffff;
  border-color: #0e7863;
  box-shadow: 0px 10px 15px #062133;
  }
  .module .circle:hover .title,
  .module .circle:hover .subtitle {
  color: #3d854d;
  }
  .module:nth-child(1) {
  -webkit-animation-delay: -8s;
  animation-delay: -8s;
  }
  .module:nth-child(1) .circle {
  -webkit-animation-delay: -8s;
  animation-delay: -8s;
  }
  .module:nth-child(2) {
  -webkit-animation-delay: -16s;
  animation-delay: -16s;
  }
  .module:nth-child(2) .circle {
  -webkit-animation-delay: -16s;
  animation-delay: -16s;
  }
  .module:nth-child(3) {
  -webkit-animation-delay: -24s;
  animation-delay: -24s;
  }
  .module:nth-child(3) .circle {
  -webkit-animation-delay: -24s;
  animation-delay: -24s;
  }
  .module:nth-child(4) {
  -webkit-animation-delay: -32s;
  animation-delay: -32s;
  }
  .module:nth-child(4) .circle {
  -webkit-animation-delay: -32s;
  animation-delay: -32s;
  }
  .module:nth-child(5) {
  -webkit-animation-delay: -40s;
  animation-delay: -40s;
  }
  .module:nth-child(5) .circle {
  -webkit-animation-delay: -40s;
  animation-delay: -40s;
  }
  .module:nth-child(6) {
  -webkit-animation-delay: -48s;
  animation-delay: -48s;
  }
  .module:nth-child(6) .circle {
  -webkit-animation-delay: -48s;
  animation-delay: -48s;
  }
  .circle {
  width: 12em;
  height: 12em;
  border-radius: 50%;
  position: relative;
  border: solid 4px #007469;
  background: #fff;
  }
  .circle.is-main {
  /*background-color: rgba(5, 30, 46, 0.95);*/
  border-width: 15px;
  width: 16.5em;
  height: 16.5em;
  overflow: hidden;
  pointer-events: all;
  cursor: pointer;
  transition: background 0.2s ease-out, border 0.2s ease-out;
  border: 5px solid #007469;
  }
  .circle.is-main:before {
  content: "";
  /*background: url("http://innou.io/beta/https://agrow.stashack.cloud/assets/maze-white.png") center;*/
  background-size: 50%;
  position: absolute;
  animation: spin 48s linear reverse infinite;
  width: 100%;
  height: 100%;
  opacity: 0.25;
  z-index: 1;
  }
  .circle.is-main .title,
  .circle.is-main .subtitle {
  position: relative;
  z-index: 2;
  }
  .circle.is-main .subtitle {
  margin-top: -1em;
  }
  .circle.is-main:hover {
  background-color: #ffffff;
  border: 5px solid #007469;
  }
  .circle.is-main:hover .title,
  .circle.is-main:hover .subtitle {
  color: #3d854d;
  }
  .circle.is-second {
  background: none;
  border: dotted 1px #3d854d;
  width: 36em;
  height: 36em;
  }
  .circle.is-third {
  background: none;
  border: dashed 5px #3d854d;
  width: 42em;
  height: 42em;
  transition: border-color 0.2s ease-out;
  animation: spin 192s linear infinite reverse;
  }
  .pause .circle.is-third {
  border-color: #3d854d;
  }
  .leaf {
  position: absolute;
  width: 3em;
  height: 3em;
  /*background: url("https://making-the-web.com/sites/default/files/clipart/156536/green-leaf-icon-156536-2289922.png") no-repeat center;*/
  background-size: contain;
  transform: rotate(40deg);
  top: 4em;
  right: -4.5em;
  opacity: 0.3;
  }
  .ellipses {
  /*transform: rotate(30deg);*/
  }
  .ellipses .ellipsis {
  /*background: url("https://walls4u.co.uk/app/uploads/2018/10/AdobeStock_184585340.jpg");*/
  position: absolute;
  width: 48em;
  height: 24em;
  border: solid 2px #3d854d;
  opacity: 0.25;
  }
  .ellipses .ellipsis:nth-child(1) {
  -webkit-animation: spin linear infinite;
  animation: spin linear infinite;
  -webkit-animation-duration: 47s;
  animation-duration: 47s;
  -webkit-animation-delay: -8s;
  animation-delay: -8s;
  }
  .ellipses .ellipsis:nth-child(2) {
  -webkit-animation: spin linear infinite;
  animation: spin linear infinite;
  -webkit-animation-duration: 46s;
  animation-duration: 46s;
  -webkit-animation-delay: -16s;
  animation-delay: -16s;
  }
  .ellipses .ellipsis:nth-child(3) {
  -webkit-animation: spin linear infinite;
  animation: spin linear infinite;
  -webkit-animation-duration: 45s;
  animation-duration: 45s;
  -webkit-animation-delay: -24s;
  animation-delay: -24s;
  }
  .ellipses .circle.is-cover {
  position: absolute;
  background: #fff;
  border: none;
  width: 42em;
  height: 42em;
  }
  .modal .modal-card-head {
  background: #3d854d;
  border: none;
  text-transform: uppercase;
  }
  .modal .modal-card-title {
  color: #ffffff;
  }
  .modal .modal-card-body,
  .modal .modal-card-foot {
  background: #09304a;
  border: none;
  color: #ffffff;
  }
  .modal .modal-card-body p {
  min-height: 360px;
  max-height: 360px;
  padding-right: 1em;
  padding-bottom: 1em;
  margin: 1em;
  margin-right: 0;
  margin-bottom: 0;
  overflow: auto;
  }
  .modal .modal-card-body p.is-overflowing {
  border-bottom: solid 4px #880621;
  }
  .modal .modal-card-foot button {
  background: #3d854d;
  color: #ffffff;
  border: none;
  width: 2.5em;
  height: 2.5em;
  }
  .modal.is-active .modal-card {
  -webkit-animation: scaleUpBounce 0.2s ease-in-out;
  animation: scaleUpBounce 0.2s ease-in-out;
  }
  @-webkit-keyframes spin {
  to {
  transform: rotate(1turn);
  }
  }
  @keyframes spin {
  to {
  transform: rotate(1turn);
  }
  }
  @-webkit-keyframes scaleUpBounce {
  0% {
  transform: scale(0);
  }
  50% {
  transform: scale(1.2);
  }
  100% {
  transform: scale(1);
  }
  }
  @keyframes scaleUpBounce {
  0% {
  transform: scale(0);
  }
  50% {
  transform: scale(1.2);
  }
  100% {
  transform: scale(1);
  }
  }
  .modal-backdrop {
  z-index: 0;
  }
  .modal.show .modal-dialog{
  margin-top: 300px;
  }
  .modal-body{
  background: #fff;
  color: #000;
  }
  .modal-footer{
  /*background: #3c844d;*/
  border-radius: 0 33px;
  }
  .modal-header{
  background: #3c844d;
  color: #fff;
  border-radius: 0 33px;
  }
  .modal-content{
  border-radius: 0 34px;
  }
  .btn-secondary{
  background: #0e7863;
  color: #fff;
  }
  .btn-secondary:hover{
  color: #fff;
  background-color: #0e7863;
  border-color: #ffffff;
  }
  /* .features{
  margin-top: 40rem;
  background: url(images/question.png);
  }*/
  .feature_section{
  margin-top: 60rem;
  }
  .text_margin{
      margin-top: 40px;
        margin-bottom: 30px;
  }
  .text_btm{
  margin-bottom: 70px;
  }
  .img_width{
  width: 100% !important;
  margin-top: -40px;
  }
  /*//////////////////footer///////////////*/
  .footer-section {
  /*background: #3d854d;*/
  position: relative;
  border-radius: 130px 0 0 0;
  margin-top: 100px;
  }
  .footer-cta {
  border-bottom: 1px solid #373636;
  }
  .single-cta i {
  color: #ff5e14;
  font-size: 30px;
  float: left;
  margin-top: 8px;
  }
  .cta-text {
  padding-left: 15px;
  display: inline-block;
  }
  .cta-text h4 {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 2px;
  }
  .cta-text span {
  color: #757575;
  font-size: 15px;
  }
  .footer-content {
  position: relative;
  z-index: 2;
  }
  .footer-pattern img {
  position: absolute;
  top: 0;
  left: 0;
  height: 330px;
  background-size: cover;
  background-position: 100% 100%;
  }
  .footer-logo {
  margin-bottom: 30px;
  }
  .footer-logo img {
  max-width: 200px;
  }
  .footer-text p {
  margin-bottom: 14px;
  font-size: 14px;
  color: #fff;
  line-height: 28px;
  }
  .footer-social-icon span {
  color: #fff;
  display: block;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 20px;
  }
  .footer-social-icon a {
  color: #fff;
  font-size: 16px;
  margin-right: 15px;
  }
  .footer-social-icon i {
  height: 40px;
  width: 40px;
  text-align: center;
  line-height: 38px;
  border-radius: 50%;
  }
  .facebook-bg{
  background: #3B5998;
  }
  .twitter-bg{
  background: #55ACEE;
  }
  .google-bg{
  background: #DD4B39;
  }
  .footer-widget-heading h3 {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 40px;
  position: relative;
  }
  .footer-widget-heading h3::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -15px;
  height: 2px;
  width: 50px;
  background: #137003;
  }
  .footer-widget ul li {
  display: inline-block;
  /*float: left;*/
  width: 50%;
  margin-bottom: 12px;
  }
  .footer-widget ul li a:hover{
  color: #000;
  }
  .footer-widget ul li a {
  color: #fff;
  text-transform: capitalize;
  text-decoration: none;
  }
  .subscribe-form {
  position: relative;
  overflow: hidden;
  }
  .subscribe-form input {
  width: 100%;
  padding: 14px 28px;
  background: #2E2E2E;
  border: 1px solid #2E2E2E;
  color: #fff;
  }
  .subscribe-form button {
  position: absolute;
  right: 0;
  background: #9bce5e;
  padding: 13px 20px;
  border: 1px solid #9bce5e;
  top: 0;
  }
  .subscribe-form button i {
  color: #fff;
  font-size: 22px;
  transform: rotate(-6deg);
  }
  .copyright-area{
  background: transparent;
  padding: 25px 0;
  }
  .copyright-text p {
  margin: 0;
  font-size: 14px;
  color: #fff;
  }
  .copyright-text p a{
  color: #116e01;
  }
  .footer-menu li {
  display: inline-block;
  margin-left: 20px;
  }
  .footer-menu li:hover a{
  color: #ff5e14;
  }
  .footer-menu li a {
  font-size: 14px;
  color: #fff;
  }
  /*/////////////////team//////////////////*/
  .team-members {
  transform: rotate(-45deg);
  }
  .team-members li > div {
  float: left;
  width: 25%;
  }
  .team-members li:nth-child(2) > div:first-child {
  margin-left: 20%;
  }
  .team-members li:last-child > div:first-child {
  margin-left: 40%;
  }
  .member-details > div {
  background-color: #ddd;
  margin: 5px;
  }
  .member-details img {
  transform: rotate(45deg) translate(0, 15px) scale(1.2);
  display: block;
  width: 100%;
  height: 100%;
  }
  /* hover content - style */
  .member-details > div {
  position: relative;
  overflow: hidden;
  }
  .member-info {
  position: absolute;
  top: 50%;
  transform: rotate(45deg) translate(-12px, 15px);
  left: 0;
  right: 0;
  z-index: 2;
  text-align: center;
  }
  .member-info h3,
  .member-info p {
  margin: 0;
  color: #fff;
  position: relative;
  opacity: 0;
  visibility: hidden;
  }
  .member-info h3 {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  top: -100px;
  }
  .member-info p {
  font-weight: 500;
  font-size: 12px;
  bottom: -150px;
  }
  .member-details > div:after {
  content: '';
  background-image: linear-gradient(45deg, rgb(61 133 77 / 57%) 50%, transparent 50%);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  }
  /* hover content - onhover */
  .member-details *,
  .member-details > div:after {
  cursor: pointer;
  transition: all .4s ease;
  }
  .member-details:hover *,
  .member-details:hover > div:after {
  opacity: 1;
  visibility: visible;
  }
  .member-details:hover .member-info h3 {
  top: 0;
  }
  .member-details:hover .member-info p {
  top: 7px;
  }
  /* Team overview */
  .team-overview {
  padding-right: 15px;
  }
  .team-overview h2 {
  text-transform: uppercase;
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 5px;
  }
  .team-overview > a {
  margin-bottom: 30px;
  display: block;
  }
  .team-overview > a:before {
  content: '';
  width: 10px;
  height: 2px;
  position: relative;
  top: -3px;
  margin-right: 5px;
  background-color: #ccc;
  display: inline-block;
  }
  /* For centering elements - optional - Can use table,tablecell instead */
  .flex-center {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  }
  .flex-center > div:first-child {
  order: 2;
  }
  /* RESPONSIVE */
  @media only screen and (max-width : 992px) {
  .sm-no-flex {
  display: block;
  }
  .sm-no-float {
  float: none !important;
  }
  .sm-text-center {
  text-align: center;
  }
  }
  @media only screen and (max-width : 550px) {
  .team-members li {
  text-align: center;
  }
  .team-members li > div {
  float: none;
  display: inline-block;
  width: 30%;
  margin: 0 !important;
  }
  .team-members {
  transform: rotate(0);
  }
  .member-details img {
  transform: rotate(0) translate(0, 0);
  }
  .team-overview {
  padding: 15px;
  }
  }
  @media only screen and (max-width : 399px) {
  .team-members li > div {
  width: 48%;
  }
  }
  /* extra */
  .copyright {
  text-align: center;
  margin-top: 30px;
  font-size: 1.6rem;
  background-color: #ededed;
  }
  .copyright a {
  display: inline-block;
  padding: 15px 2px;
  }
  .copyright a:not(:last-child):after {
  content: "/";
  margin-left: 10px;
  }
  .toptal {
  color: #204ecf;
  }
  .upstack {
  color: #008bf7;
  }
  .upwork {
  color: #37a000;
  }
  .fiverr {
  color: #1dbf73;
  }
  .jobs {
  color: magenta;
  text-decoration: underline;
  margin-top: -15px;
  }
  .eco_img{
  width: 75% !important;
  }
  .bg_fff{
  background: #fff !important;
  }
  .team_img{
  width: 60% !important;
  }
  @media screen and (max-width: 1024px){
  .theme_button{
  font-size: 0.8rem;
  width: 184px;
  height: 60px;
  }
  .h1{
  font-size: 35px;
  }
  .h2{
  font-size: 30px;
  }
  .basic_theme_p{
  font-size: 18px;
  }
  .fw-normal{
  font-size: 21px;
  }
  .landing_section_wrapper{
  height: 73vh;
  }
  .text-secondary{
  font-size: 18px;
  }
  .jainish{
  width: 66%;
  height: 18rem;
  }
  .mv_p{
  font-size: 1rem;
  }
  .grey_p{
  font-size: 1rem;
  }
  .blockchain_head{
  font-size: 60px;
  }
  .navbar-expand-lg .navbar-nav{
  font-size: 21px;
  align-items: center;
  }
  .img_width{
  margin-top: 0px;
  }
  .mis_vis{
  display: block;
  }
  .tab_visible{
  display: none;
  }
  .ecosystem_sec {
  display: block;
  }
  .ecosystem_sec_tab{
  display: none;
  }
  .header{
  display: none;
  }
  .circle-graphic{
  display: block;
  }
  .section_tab{
  display: none;
  }
  }
  .team-boxed {
  color:#313437;
  background-color:#fff;
  }
  .team-boxed p {
  color:#000000;
  }
  .team-boxed h2 {
  font-weight:bold;
  margin-bottom:40px;
  /* padding-top:40px; */
  color:inherit;
  }
  @media (max-width:767px) {
  .team-boxed h2 {
  margin-bottom:25px;
  padding-top:25px;
  font-size:24px;
  }
  }
  .team-boxed .intro {
  font-size:16px;
  max-width:500px;
  margin:0 auto;
  }
  .team-boxed .intro p {
  margin-bottom:0;
  }
  .team-boxed .people {
  padding:50px 0;
  }
  .team-boxed .item {
  text-align:center;
  }
  .team-boxed .item .box {
  text-align:center;
  /* padding:30px; */
  /* margin-bottom:30px; */
  border-radius: 50px;
  background: linear-gradient(145deg, #e6e1e1, #ffffff);
  box-shadow: 17px 17px 33px #dedada, -17px -17px 33px #ffffff;
  height:100%;
  }
  .team-boxed .item .name {
      font-weight: bold;
      /* margin-top: 28px; */
      margin-bottom: 8px;
      background: linear-gradient(to right, #007369 10%, #1b1c1c 50%, #7e8580 60%);
      background-size: 200% auto;
      color: #fff;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      animation: textclip 4s cubic-bezier(0.39, 0.43, 0.34, 1.04) infinite;
  }
  
  .team-boxed .item .title {
  text-transform:uppercase;
  font-weight:bold;
  color:#d0d0d0;
  letter-spacing:2px;
  font-size:13px;
  }
  .team-boxed .item .description {
  font-size:15px;
  margin-top:15px;
  margin-bottom:20px;
  }
  .team-boxed .item img {
  max-width: 140px;
  }
  .team-boxed .social {
  font-size:18px;
  color:#a2a8ae;
  }
  .team-boxed .social a {
  color:inherit;
  margin:0 10px;
  display:inline-block;
  opacity:0.7;
  }
  .team-boxed .social a:hover {
  opacity:1;
  }
  .first_circle{
  width:240px; 
  margin-left:18px ;
  -webkit-animation-name: spin;
  -webkit-animation-duration: 17s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  }
  .rocket{
  width:240px; 
  margin-left:18px ;
  position: absolute;
  right: 23px;
  }
  .second_circle{
  width: 220px;
  -webkit-animation-name: spin;
  -webkit-animation-duration: 17s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  }
  .eye {
  width: 220px;
  position: absolute;
  left: 35px;
  }
  }
  .nav-pills-custom .nav-link {
  color: #aaa;
  background: #fff;
  position: relative;
  }
  .nav-pills-custom .nav-link.active {
  color: #45b649;
  background: #fff;
  }
  @media (min-width: 992px) {
  .nav-pills-custom .nav-link::before {
  content: '';
  display: block;
  border-top: 8px solid transparent;
  border-left: 10px solid #fff;
  border-bottom: 8px solid transparent;
  position: absolute;
  top: 50%;
  right: -10px;
  transform: translateY(-50%);
  opacity: 0;
  }
  }
  .nav-pills-custom .nav-link.active::before {
  opacity: 1;
  }
  .margin_sec{
  margin-top: 60rem;
  }
  .nav-link{
  color: #3d854d;
  }
  .nav-link:focus,
  .nav-link:hover{
  color: #3d854d;
  }
  .font-italic{
  color: #3d854d;
  }
  @media screen and (max-width: 500px) {
  .bg_img {
  display: none;
  }
  .left_margin {
  margin-left: 0px;
  }
  .about_spin{
  display: none;
  }
  .tab_text{
  height: 220px;
  font-size: 13px;
  }
  .first_circle{
  width: 215px;
  }
  .rocket{
  width: 240px;
  margin-left: 18px;
  position: absolute;
  right: -6px;
  }
  .second_circle {
  width: 205px;
  }
  .eye {
  width: 220px;
  position: absolute;
  left: 5px;
  }
  .ecosystem_img{
  width: 85%;
  }
  .roadmap_png{
  width: 70%;
  }
  .landing_section{
  height: 78vh;
  }
  .purchase_innovice {
  display: none;
  }
  .hide_others{
      display: none;
  }
  }
  .bg_morph_gradient{
        /*box-shadow: 25px 25px 75px rgb(0 0 0 / 25%), 10px 10px 70px rgb(0 0 0 / 25%), inset 5px 5px 10px rgb(0 0 0 / 50%), inset 5px 5px 10px rgb(255 255 255 / 20%), inset -5px -5px 15px rgb(176 176 176 / 75%);*/
        border-radius: 50px;
        /*background: linear-gradient(125deg, rgb(157 155 155 / 50%), rgb(255 255 255));*/
        background: #3D854D;
      border-radius: 10px;
  }
  .lg_div_shadow{
        margin-top: 15px;
        margin-bottom: 15px;
        border-radius: 30px;
        background: #ffffff;
        text-align: center;
        box-shadow: 0 35px 68px 0 rgba(136,174,222,0.42),inset 0 -8px 16px 0 #B9D1F1;
  }
  ol {
  /*width: min(60rem, 90%);*/
  margin-inline: auto;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 2rem;
  list-style: none;
  counter-reset: stepnr;
  }
  li:nth-child(6n + 1) { --accent-color: #594a43 }
  li:nth-child(6n + 2) { --accent-color: #026637 }
  li:nth-child(6n + 3) { --accent-color: #029342 }
  li:nth-child(6n + 4) { --accent-color: #39b449 }
  li:nth-child(6n + 5) { --accent-color: #39b449 }
  li:nth-child(6n + 6) { --accent-color: #9dcd5b }
  ol li {
  counter-increment: stepnr;
  width: 18rem;
  --borderS: 2rem;
  aspect-ratio: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: calc(var(--borderS) + 2rem);
  position: relative;
  }
  ol li::before,
  ol li::after {
  inset: 0;
  position: absolute;
  border-radius: 29%;
  border: var(--borderS) solid rgba(245, 245, 245);
  line-height: 1.1;
  }
  ol li::before {
  content: counter(stepnr);
  color: var(--accent-color);
  padding-left: 10rem;
  font-size: 12rem;
  font-weight: 700;
  overflow: hidden;
  }
  ol li::after {
  content: "";
  filter: drop-shadow(-0.25rem 0.25rem 0.0675rem rgba(0, 0, 0, 0.75)) blur(5px);
  }
  ol li > * { width: 7.5rem }
  ol li .icon { font-size: 2rem; color: var(--accent-color); text-align: center }
  ol li .title { font-size: 20px; font-weight: 500;}
  ol li .descr { font-size: 0.8rem; font-weight: 300 }
  .ico_li{
  width: 40%;
  }
  .position-unset{
    position: unset !important;
    margin-top:-10px;
  }

  .floating { 
      animation-name: floating;
      animation-duration: 3s;
      animation-iteration-count: infinite;
      animation-timing-function: ease-in-out;
  }         
  @keyframes floating {
      0% { transform: translate(0,  0px); }
      50%  { transform: translate(5px, 5px); }
      100%   { transform: translate(0, -0px); }   
  }
  .floating_reverse { 
      animation-name: floating_reverse;
      animation-duration: 3s;
      animation-iteration-count: infinite;
      animation-timing-function: ease-in-out;
  }             
  @keyframes floating_reverse {
      100% { transform: translate(10px,  10px); }
      50%  { transform: translate(5px, 5px); }
      25%  { transform: translate(5px, 5px); }
      0%   { transform: translate(10px, 10px); }   
  }
  .object_contain{
    object-fit: contain;
  }
  .lg_to_left {
          text-align: center;
        }
        .lg_to_left h3 {
            color: #fff;
            font-size: 46px;
            text-transform: uppercase;
            font-weight: 700;
            background: linear-gradient(to right, #007369 10%, #15ab97 50%, #3d854d 60%);
            background-size: auto auto;
            background-clip: border-box;
            background-size: 200% auto;
            color: #fff;
            background-clip: text;
            text-fill-color: transparent;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            animation: textclip 4s cubic-bezier(0.39, 0.43, 0.34, 1.04) infinite;
            display: inline-block;
        }
        @keyframes textclip {
          to {
            background-position: 200% center;
          }
        }
        @import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro);
        form {
            margin-left:auto;
            margin-right:auto;
            width: 80%;
            height: 370px;
            padding:30px;
            border: 1px solid rgba(0,0,0,.2);
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            border-radius: 5px;
            -moz-background-clip: padding;
            -webkit-background-clip: padding-box;
            background-clip: padding-box;
            background: rgb(61 133 77); 
            -moz-box-shadow: 0 0 13px 3px rgba(0,0,0,.5);
            -webkit-box-shadow: 0 0 13px 3px rgba(0,0,0,.5);
            box-shadow: 0 0 13px 3px rgba(0,0,0,.5);
            overflow: hidden; 
        }
        textarea{
                background: rgba(255, 255, 255, 0.4) url(http://luismruiz.com/img/gemicon_message.png) no-repeat scroll 16px 16px; 
            width: 100%;
            height: 110px;
            border: 1px solid rgba(255,255,255,.6);
            -moz-border-radius: 4px;
            -webkit-border-radius: 4px;
            border-radius: 4px;
            -moz-background-clip: padding;
            -webkit-background-clip: padding-box;
            background-clip: padding-box; 
            display:block;
            font-size:18px;
            color:#fff;
            padding-left:45px;
            padding-right:20px;
            padding-top:12px;
            margin-bottom:20px;
            overflow:hidden;
        }
        input {
            width: 100%;
            height: 48px;
            border: 1px solid rgba(255,255,255,.4);
            -moz-border-radius: 4px;
            -webkit-border-radius: 4px;
            border-radius: 4px;
            -moz-background-clip: padding;
            -webkit-background-clip: padding-box;
            background-clip: padding-box; 
            display:block;
            font-size:18px;
            color:#fff;
          /*  padding-left:20px;
            padding-right:20px;*/
            margin-bottom:20px;
        }
        input[type=submit] {
            cursor:pointer;
        }
        input.nome {
                background: rgba(255, 255, 255, 0.4) no-repeat scroll 16px 16px; 
                padding-left:45px;
        }
        input.email {
                background: rgba(255, 255, 255, 0.4) no-repeat scroll 16px 20px;
                padding-left:45px;
        }
        input.message {
                background: rgba(255, 255, 255, 0.4) no-repeat scroll 16px 16px;
                padding-left:45px;
        }
        ::-webkit-input-placeholder {
                color: #fff;
        }
        :-moz-placeholder{ 
            color: #fff; 
        }
        ::-moz-placeholder {
            color: #fff;
        }
        :-ms-input-placeholder {  
                color: #fff; 
        }
        input:focus, textarea:focus { 
                background-color: rgba(0, 0, 0, 0.2);
            -moz-box-shadow: 0 0 5px 1px rgba(255,255,255,.5);
            -webkit-box-shadow: 0 0 5px 1px rgba(255,255,255,.5);
            box-shadow: 0 0 5px 1px rgba(255,255,255,.5);
                overflow: hidden; 
        }
        .btno {
                width: 138px;
                height: 44px;
                /*float:right;*/
            border: 1px solid #253737;
            background-image: linear-gradient(90deg, #15ab97, #348d5d);
            padding: 10.5px 21px;
            border-radius: 6px;
            box-shadow: rgba(255,255,255,0.1) 0 1px 0, inset rgba(255,255,255,0.7) 0 1px 0;
            text-shadow: #333333 0 1px 0;
            color: #e1e1e1;
            margin: 0px auto;
        }
        .btno:hover {
            border: 1px solid #253737;
            text-shadow: #333333 0 1px 0;
            background-image: linear-gradient(-90deg, #15ab97, #348d5d);
            color: #fff;
         }
        .btno:active {
            margin-top:1px;
            text-shadow: #333333 0 -1px 0;
            border: 1px solid #253737;
            background: -webkit-linear-gradient(top, #416b68, #609391);
            color: #fff;
            box-shadow: rgba(255,255,255,0) 0 1px 0, inset rgba(255,255,255,0.7) 0 1px 0;
           }
           /*FAQ*/
           @import url("https://fonts.googleapis.com/css?family=Hind:300,400&display=swap");
              .accordion .accordion-item {
                /*border-bottom: 1px solid #e5e5e5;*/
                border:none !important;
              }
              .accordion .accordion-item button[aria-expanded=true] {
                border-bottom: 1px solid #03b5d2;
        border-radius: 45px;
              }
              .accordion button {
                position: relative;
                display: block;
                text-align: left;
                width: 100%;
                padding: 1em 0;
                color: #000000;
                font-size: 1rem;
                font-weight: 400;
                border: none;
                background: none;
                outline: none;
              }
              .accordion button:hover, .accordion button:focus {
                cursor: pointer;
                color: #3d854d;
              }
              .accordion button:hover::after, .accordion button:focus::after {
                cursor: pointer;
                color: #03b5d2;
                border: 1px solid #03b5d2;
              }
              .accordion button .accordion-title {
                padding-left: 40px;
              }
              .accordion button .icon {
                display: inline-block;
                position: absolute;
                top: 18px;
                right: 25px;
                width: 22px;
                height: 22px;
                border: 1px solid;
                border-radius: 22px;
              }
              .accordion button .icon::before {
                display: block;
                position: absolute;
                content: "";
                top: 9px;
                left: 5px;
                width: 10px;
                height: 2px;
                background: currentColor;
              }
              .accordion button .icon::after {
                display: block;
                position: absolute;
                content: "";
                top: 5px;
                left: 9px;
                width: 2px;
                height: 10px;
                background: currentColor;
              }
              .accordion button[aria-expanded=true] {
                color: #fff;
                background-image: linear-gradient(270deg, rgb(61 133 77) 0%, rgba(39,153,116,1) 50%, rgba(55,137,86,1) 100%);
              }
              .accordion button[aria-expanded=true] .icon::after {
                width: 0;
              }
              .accordion button[aria-expanded=true] + .accordion-content {
                opacity: 1;
                max-height: 9em;
                transition: all 200ms linear;
                will-change: opacity, max-height;
                text-align: left;
              }
              .accordion .accordion-content {
                opacity: 0;
                max-height: 0;
                overflow: hidden;
                transition: opacity 200ms linear, max-height 200ms linear;
                will-change: opacity, max-height;
                color: black;
              }
              .accordion .accordion-content p {
                font-size: 1rem;
                font-weight: 500;
                margin-left: 45px;
                padding-right: 20px;
                border-left: 2px dashed #15ac97;
                padding-left: 10px;
              }
              .faq{
                    width: 70%;
                    margin-bottom: 20px;
              }
              .accordian:first-child div{
                display:block;
              }
               .release_border{
                  padding: 10px 20px;
                  margin: 10px 5px;
                  border-radius: 50px;
                  box-shadow:  17px 17px 33px #dedada,-17px -17px 33px #ffffff;
                  background: #fff;
                  font-weight: 600;
                  width: 20%;  
                  color: black;
               }
               /*Countdown css*/
               .li_cdn {
                color: #006738;
                display: inline-block;
                font-size: 40px;
                font-weight: 700;
                list-style-type: none;
                padding: 1px;
                margin:0px auto;
                text-transform: uppercase;
              }
              .li_cdn span {
                display: block;
                font-size: 24px;
                text-align:center;
              }
              .cdn_div{
                  border-radius: 30px;
                      background: #c4e4cb;
                      text-align: center;
                      border: 1px solid;
              }
              .iframe_radius{
                  border-radius: 45px;
              }
              .wrapping_probsol {
                  padding: 10px;
                  border-radius: 30px;
                  background: #ffffff;
                  text-align: center;
                  /*box-shadow: 0 35px 68px 0 rgba(136,174,222,0.42),inset 0 -8px 16px 0 #B9D1F1;*/
                  /*box-shadow: 0px 0px 68px 0 rgb(136 174 222 / 42%), 0px 0px 16px 0 #b9d1f1;*/
              }
              .ic_size{
                width: 70%;
                margin: 0 auto;
              }
              /*Mini Planet*/
              .text-cont {
                height: 210px;
                display: flex;
                justify-content: center;
              }
              .text-cont .orbit {
                height: 170px;
                width: 170px;
                margin-right: 20%;
                margin-top: 10px;
                margin-left: 15%;
                border-radius: 1000px;
                background-color: white;
                border: 7px solid #3d854d;
              }
              .text-cont .orbit .mini-planet {
                height: 40px;
                width: 40px;
                border-radius: 1000px;
                background-color: white;
                border: 7px solid #007469;
                margin-left: 57.5px;
                margin-top: 55px;
                animation: rot 5s linear infinite;
              }
              .text-cont .orbit .mini-planet:hover {
                -webkit-animation-play-state: paused;
                -moz-animation-play-state: paused;
                -o-animation-play-state: paused;
                animation-play-state: paused;
              }
              .text-cont .orbit .mini-planet-2 {
                height: 40px;
                width: 40px;
                border-radius: 1000px;
                background-color: white;
                border: 7px solid #007469;
                margin-left: 57.5px;
                margin-top: 55px;
                animation: rot2 5s linear infinite;
              }
              .text-cont .orbit .mini-planet-2:hover {
                -webkit-animation-play-state: paused;
                -moz-animation-play-state: paused;
                -o-animation-play-state: paused;
                animation-play-state: paused;
              }
              @keyframes rot {
                from {
                  transform: rotate(0deg) translate(78px) rotate(0deg);
                }
                to {
                  transform: rotate(360deg) translate(78px) rotate(-360deg);
                }
              }
              @keyframes rot2 {
                from {
                  transform: rotate(0deg) translate(-78px) rotate(0deg);
                }
                to {
                  transform: rotate(360deg) translate(-78px) rotate(-360deg);
                }
              }
              .sales_css{
                    text-align: center;
                    color: black;
                    font-weight: 500;
                    margin-top: 15px;
              }
              .vidWrapper .my-video-dimensions {
                  width: 100%;
                  height: 375px;
                  border-radius: 10px;
              }
              .vidWrapper .video-js .vjs-control-bar{
                  border-radius: 10px 0px 75px 75px;
              }
              .rotate_agrow {
                              animation: rotations 8s infinite linear;
                            }
                            
                            @keyframes rotations {
                              from {
                                transform: rotate(0deg);
                              }
                              to {
                                transform: rotate(359deg);
                              }
                            }
  @media only screen and (min-width: 765px) and (max-width: 787px) {
      .tab_no{
          display: none !important;
      }
  }
  .fw_n_100{
        font-weight: 100 !important
  }
  .skew_tab{
        margin-left:25px; 
        transform: skew(6deg,0deg); 
        background: #00d389;
        color: #fff; 
        padding: 10px; 
        height: 190px;
  }
  .rel_position{
        position: relative;
  }
  .abs_position{
        position: absolute; 
        top: 25px; 
        left: 26px;
  }
  .ecosystem_pos_abs{
        display: block; 
        margin-left: auto; 
        margin-right: auto; 
        /*margin-top: 16%;*/
  }
  .agr_wid_img{
        width: 16.7rem;
  }
  .n_font_size11{
        font-size: 11px;
  }
  .top_mar_no{
        margin-top: 0;
  }
  .mar_top_footer{
        margin-top: 20px;
  }
  .colo_fff{
        color: #fff !important;
  }
  .faq_col{
        color: #3d854d;
  }
  .justi_txt{
        text-align: justify;
  }
  @media only screen and (max-width: 1440px){
  .first_img{
  height: 95%;
  }
  .align_right{
      /*margin-left: 20% !important;*/
  }
  .tab_only{
            display: none;
        }
  .rotate_agrow{
        /*display: none;*/
  }
  .sales_css{
        margin-top: 10px !important;
  }
  .desk_lap_show{
        display: block;
  }
  .remaining_hide{
        display: none;
  }
  .buttons_div{
  margin-top: 0%;
  }
  .landing_section{
  }
  .landing_section_wrapper{
  height: 90%;
  }
  .left_margin_sml{
  margin-left: 6%;
  }
  .sml_width{
  width: 70% !important;
  }
  .left_btn{
        width: 50%;
        margin-right:5px; 
        padding-right: 5px;
        padding-left: 5px;
  }
  .mid_btn{
        width: 20%;
        margin-right:5px;
  }
  .right_btn{
        width: 50%;
        margin-right:5px;
        padding-right: 5px;
        padding-left: 5px;
  }
  /*.width_pns{
        width: 49% !important;
  }*/
/*            .ecosystem_logo_agr{
    position: absolute;
    top: 50px;
    left: 250px;
  }*/
  .n_cls{
        margin: 0px 78px; 
        padding-top: 20px; 
        padding-bottom: 20px;
        color: #4e4e4e;
  }
  .featres_top_margin{
        margin-top: -70px;
  }
  .n_margin_top{
        margin-bottom: -30px;
        margin-top: 20px;
  }
  .updated_info{
        margin: 0px 78px; 
        padding-top: 20px; 
        padding-bottom: 20px; 
        color: #4e4e4e; 
        line-height: 1.5;
        font-size: 1.4rem;
  }
  .align_heading{
        position:absolute !important; 
        top: 5px !important; 
        left: 20% !important;
  }
  .align_logo_agr{
        position: absolute; 
        top: 50px; 
        left: 290px;
  }
  .basic_theme_p{
        margin-top: 0px;
  }
  .ver_margin{
        margin-top: 0 !important;
  }
  .text_btm{
        font-size: 20px !important;
  }
  .align_counter{
        margin-left: 50px !important;
  }
  .mob_only{
              display: none;
        }
  .margin_sec{
        margin-top: 58rem;
  }
  }
  @media only screen and (min-width:1340px), screen and (max-height:1440px){
  .h1{
      font-size: 53px;
  }
  .sales_css{
      margin-top: 5% !important;
      font-size: 28px;
      margin-bottom: 5%;
  }
  .align_right{
      /*margin-left: 30%;*/
  }
  .tab_only{
            display: none; 
        }
  .ex_wid{
        width: 50%;
        margin-left: 5px;
        margin-right: 5px;
  }
  .full_width{
        width: 100% !important;
  }
  .align_counter{
        margin-left: 150px;
  }
  .sol_rght_pad{
        padding-right: 70px;
  }
  .desk_lap_show{
        display: block;
  }
  .remaining_hide{
        display: none;
  }
  .first_img{
        height: 95%;
  }
  .left_btn{
        width: 45%;
        /*margin-top: 20px;*/
        /*height: 10%;*/
  }
  .right_btn{
        width: 45%;
        /*margin-top: 20px;*/
        /*height: 10%;*/
  }
  .nav-2{
  font-size: 25px;
  }
  .mar_top{
        margin-top: -15%;
  }
  .fw-normal{
  font-size: 25px;
  }
  .theme_button{
  font-size: 1.2rem ;
  }
  .nav-1 img{
  width: 19vw;
  }
  .basic_theme_p{
  font-size: 25px;
  }
  .text-secondary{
  font-size: 1rem;
  }
  .jainish{
  width: 90%;
  height: 23rem;
  }
  .z3{
  width: 41vw;
  }
  .navbar-expand-lg .navbar-nav{
  font-size: 18px;
  }
  .navbar-brand img{
  width:50%;
  }
  .circle_{
  width: 60%;
  }
  .mis_vis{
  display: block;
  }
  .tab_visible{
  display: none;
  }
  .ecosystem_sec {
  display: block;
  }
  .ecosystem_sec_tab{
  display: none;
  }
  .header{
  display: none;
  }
  .circle-graphic{
  display: block;
  }
  .section_tab{
  display: none;
  }
  .section_rd{
  display:none;
  }
  .ver_margin{
        margin-top: 60px;
  }
  .n_mar_main_para{
        margin-top: 20px;
        margin-bottom: 40px;
  }
  .sales_css {
        margin-top: 15%;
  }
  .d_n_mar{
        margin-top: -65px;
  }
  .ex-padding{
        padding: 20px;
        color: #4e4e4e;
        font-size: 1.4rem;
  }
  .wid_n_mar{
        width: 69%; 
        margin-top:25px;
  }
  .align_logo_agr{
        position: absolute;
        top: 43px;
        left: 26%;
  }
  .align_heading{
        position: absolute;
        top: 0px;
        left: 32%;
  }
  .n_updated_text{
        color: #4e4e4e;
        padding: 20px;
  }
  .n_wid{
        width: 69%; 
        margin-top:25px;
  }
  .position-unset{
        margin-top: 0;
  }
  .mar_bot{
        margin-top: 25px;
  }
  .mob_only{
              display: none;
        }
  }
  /*Media Query for Tablet*/
  @media screen and (max-width: 768px){
  /*.nav-bar1,header {
  display: none;
  }*/
  .align_right{
      /*margin-left: 30%;*/
  }
  .no_blockchain{
        display: none;
  }
  .about_spin{
        padding-top: 40px;
  }
  .bold_theme_color{
        font-weight: 900;
  }
  .n_updated_text{
        padding: 0 0 10px 0;
        font-size: 20px;
  }
  .footer-text p{
        margin-top: 30px;
  }
  .landing_section_wrapper{
  height: 80%;
  width: 97vw;
  margin-top: -35px;
  }
  .theme_button{
  font-size: 0.8rem;
  width: 150px;
  height: 60px;
  line-height: 1;
  }
  .align_counter{
        margin-top: 10px;
        margin-bottom: 10px;
        margin-left: 10px !important;
  }
  .n_wid{
        width: 85%;
  }
  .h1{
        font-size: 30px;
        margin-top: 90px;
  }
  .h2{
  font-size: 25px;
  }
  .basic_theme_p{
  font-size: 16px;
  }
  .text-secondary{
  font-size: 16px;
  }
  .mv_p{
  font-size: 0.8rem;
  }
  .jainish{
  width: 60%;
  height: 12rem;
  }
  .grey_p{
  text-align: start;
  font-size: 1rem;
  }
  .fw-normal{
  font-size: 18px;
  padding-top: 5px;
  }
  .left_btn{
  width: 170px;
  height: 60px;
  padding-right: 0;
  padding-left: 0;
  }
  .right_btn{
  margin-left: 20px;
  padding-right: 0;
  padding-left: 0;
  }
  .About_tab{
  display: none;
  }
  .mis_vis{
  display: none;
  }
  .tab_visible{
  display: block;
  }
  .left_margin{
  margin-left: 25px;
  }
  .ecosystem_sec {
  /*display: none;*/
  }
  .ecosystem_sec_tab{
  display: block;
  }
  .ecosystem_img{
  width: 70%;
  }
  .header{
  display: block;
  }
  .circle-graphic{
  display: none;
  }
  .margin_sec{
  margin-top: 1rem !important;
  display: none;
  }
  .section_tab{
  display: block;
  }
  .rd_map{
  /*display: none;*/
  }
  .section_rd{
  display: block;
  }
  .li_cdn{
        font-size: 30px;
        margin-top: 0 5px;
        padding: 0;
  }
  .first_img{
        height: 80%;
        width: 110% !important;
        margin-left: 0;
        padding-left: 0;
        margin-top: 80px; 
  }
  .sales_css{
        /*margin-top: 40%;*/
  }
  .landing_section {
        margin-top: 30px;
  }
  .n_mar_main_para{
        font-size: 18px;
  }
  .hori_mars {

  }
  .no_left_margin{
        margin-left: 0;
  }
  .text-cont{
        justify-content: normal;
  }
  .no_top_mar{
        margin-top: 0;
        padding-left: 45px;
  }
  .rght_mrg{
        margin-right: 25%;
  }
  .wid_n_mar{
        width: 90%;
  }
  .updated_info{
        font-size: 1rem;
        padding: 0 0 10px 0;
  }
  .gaps{
        column-count: 3;
              column-gap: 10px;
  }
  .tab_show{
        display: block;
  }
  .rest_hide{
        display: none;
  }
  .bg_img{
        padding-left: 0 !important;
  }
  .mob_only{
              display: none;
        }
  .tab_only{
            display: block;
        }
  }
  /*Mobile view*/
  @media only screen and (max-width: 429px) {
        .align_sec2{
              margin-top: 70px;
        }
        .landing_section_wrapper{
              height: 100%;
              margin-top: 20px;
              margin-left: 5px;
              padding: 10px;
              width: 80%;
        }
        .tab_visible{
              margin-left: 20px;
        }
        .rocket{
              position: absolute;
              right: -10px;
              top: -15px;
        }
        .left_margin{
              margin-left: 5px;
        }
        .wrapping_probsol{
              padding: 0 !important;
        }
        .wid_new_both{
              width: 60% !important;
        }
        .text-cont{
              height: 135px;
        }
        .p_n_s_height{
              height: 125px;
        }
        .wrapping_probsol {
              /*width: 150px;*/
        }
        .grey_p{
              font-size: 1rem;
              padding: 10px;
        }
        .no_hori_mar{
              margin-left: 0;
              margin-right: 0;
        }
        .lg_div_shadow{
              padding: 10px 20px;
        }
        .new_f_size{
              font-size: 12px !important;
        }
        .align_mob{
              padding-right: 0;
              padding-left: 0;
              margin-right: 0;
              /*margin-left: 35px;*/
        }
        .wid_accord{
              width: 120%;
        }
        .no_mob{
              display: none !important;
        }
        .mob_only{
              display: block;
        }
        .n_wid{
              margin-top: 0;
        }
        .y_no_mar{
              margin-top: 0;
              margin-bottom: 0;
        }
        .n_wid_fea{
              width: 95%;
        }
        .hide_mob{
              display: none !important;
        }
        .wid_half{
              width: 50%;
        }
        .mob_wid_les{
              width: 30%;
        }
        .mar_right{
              margin-right: 10px;
        }
        .lef_mar_nor{
              margin-left: 10px;
        }
        .no_pad_mar{
              margin-top: 0 !important;
              margin-right: 0 !important;
              padding-top: 0 !important;
              padding-bottom: 0 !important;
        }
        .pad_low{
              padding: 00px !important;
              margin-bottom: 10px !important;
        }
        .font_mob{
              font-size: 18px !important;
        }
        .black_txt{
              color: black;
        }
        .mob_font{
              font-size: 12px;
        }
        .mar_10{
              margin-top: 10px !important;
              margin-bottom: 10px !important;
        }
        .tab_only{
            display: none;
        }
        .top_mar_10{
            margin-top: 10px;
        }
        .footer-widget-heading h3 {
            margin-bottom: 0;
        }
        .footer-widget-heading h3::before {
            display: none;
        }
        .footer-text p {
          margin-top: -31px;
          font-size: 12px;
          text-align: justify;
          margin-left: 28px;
      }
      .pad_mar_n{
          padding-left: 0;
          margin-bottom: 0;
          text-align: left;
          margin-left: 43px;
          margin-top: 13px;
      }
      .less_padd{
          padding:2px;
          width: 45% !important;
      }
      .align_cen{
          display: flex;
          flex-direction: right;
          text-align: center;
      }
      .footer-logo img {
          max-width: 100px;
          margin-left: 34px;
      }
      .font_12{
          font-size: 12px !important;
      }
      .mob_size{
          max-width: 100px !important;
      }
      .m_n_bot_mar{
          margin-bottom: 0 !important;
      }
      .font_18{
          font-size: 18px !important;
      }
      .no_cap{
          text-transform: none;
      }
      .radomap_png{
            width: 100% !important;
        }
  }
  @media only screen and (max-width: 394px) {
        .align_sec2{
              margin-top: 70px;
        }
        .radomap_png{
            width: 100% !important;
        }
        .footer-logo img {
          max-width: 100px;
          margin-left: 34px;
        }
        .pad_mar_n{
          padding-left: 0;
          margin-bottom: 0;
          text-align: left;
          margin-left: 43px;
          margin-top: 13px;
      }
          .footer-text p {
          margin-top: -31px;
          font-size: 12px;
          text-align: justify;
          margin-left: 28px;
      }
        .landing_section_wrapper{
              height: 105%;
              margin-top: 20px;
              margin-left: 5px;
              padding: 20px;
              width: 90%;
        }
        .tab_visible{
              margin-left: 20px;
        }
        .rocket{
              position: absolute;
              right: -25px;
              top: -15px;
        }
        .left_margin{
              margin-left: 5px;
        }
        .wrapping_probsol{
              padding: 0 !important;
        }
        .wid_new_both{
              width: 60% !important;
        }
        .text-cont{
              height: 135px;
        }
        .p_n_s_height{
              height: 125px;
        }
        .wrapping_probsol {
              /*width: 150px;*/
        }
        .grey_p{
              font-size: 1rem;
              padding: 10px;
        }
        .no_hori_mar{
              margin-left: 0;
              margin-right: 0;
        }
        .lg_div_shadow{
              padding: 10px 20px;
        }
        .new_f_size{
              font-size: 12px !important;
        }
        .align_mob{
              padding-right: 0;
              padding-left: 0;
              margin-right: 0;
              /*margin-left: 35px;*/
        }
        .wid_accord{
              width: 120%;
        }
        .no_mob{
              display: none !important;
        }
        .mob_only{
              display: block;
              width: 100%;
        }
        .n_wid{
              margin-top: 0;
        }
        .y_no_mar{
              margin-top: 0;
              margin-bottom: 0;
        }
        .n_wid_fea{
              width: 95%;
        }
        .hide_mob{
              display: none !important;
        }
        .wid_half{
              width: 50%;
        }
        .mob_wid_les{
              width: 30%;
        }
        .mar_right{
              margin-right: 10px;
        }
        .lef_mar_nor{
              margin-left: 10px;
        }
        .no_pad_mar{
              margin-top: 0 !important;
              margin-right: 0 !important;
              padding-top: 0 !important;
              padding-bottom: 0 !important;
        }
        .pad_low{
              padding: 00px !important;
              margin-bottom: 10px !important;
        }
        .font_mob{
              font-size: 18px !important;
        }
        .black_txt{
              color: black;
        }
        .mob_font{
              font-size: 12px;
        }
        .mar_10{
              margin-top: 10px !important;
              margin-bottom: 10px !important;
        }
        .tab_only{
            display: none;
        }
        .top_mar_10{
            margin-top: 10px;
        }
        .footer-widget-heading h3 {
            margin-bottom: 0;
        }
        .footer-widget-heading h3::before {
            display: none;
        }
      .pad_mar_n{
          padding-left: 0;
          margin-bottom: 0;
      }
      .less_padd{
          padding:2px;
          width: 45% !important;
      }
      .align_cen{
          display: flex;
          flex-direction: right;
          text-align: center;
      }
      .footer-logo{
          margin-bottom: 0;
      }
      .no_top_mar{
          padding-left: 40px;
      }
      .sol_rght_pad{
          padding-left: 30px;
      }
      .mob_img_pad{
          padding-left: 10px;
      }
      .wid_set{
          width: 100%;
      }
      .font_12{
          font-size: 12px !important;
      }
      .mob_size{
          max-width: 100px !important;
      }
      .m_n_bot_mar{
          margin-bottom: 0 !important;
      }
      .font_18{
          font-size: 18px !important;
      }
      .no_cap{
          text-transform: none;
      }
  }
  .left_div_shadow{
      border-radius: 0 30px 30px 0;
      box-shadow: 20px 0px 68px 0 rgb(136 174 222 / 42%), 20px 0px 16px 0 #b9d1f1;
  }
  .right_div_shadow{
      box-shadow: -20px 0px 68px 0 rgb(136 174 222 / 42%), -20px 0px 16px 0 #b9d1f1;
      border-radius: 30px 0 0 30px;
  }
  .adjust_mis_vis{
          padding: 3rem;
          display: flex;
          flex-direction: column;
          height: 350px;
          position: relative;
  }
  .adjust_mis_vis p{
      text-align: justify;
  }
  .mission_img {
      position: absolute;
      right: -2rem;
      top: -4rem;
  }
  .vision_img {
      position: absolute;
      left: -2rem;
      top: -4rem;

  }
  .modal_paragraph {
      text-align: justify;
  }
          
  .new_style {
      /*box-shadow: 0 0 35px 20px #cfcfcf;*/
      border-radius: 30px;
  }
          
  .modal_onload {
      background: transparent;
      color: #000;
  }
  .transparent_background{
      background: transparent;
  }
  .modal_footer_onload{
        background: #fff !important;
  }
   .flex_dir_col{
        flex-direction: column;
  }
  .align_center{
        margin: 0 auto;
  }
  .style_div_new{
        box-shadow: 0 0 35px 20px #cfcfcf;
        border-radius: 50px;
  }
  .para_new_div{
        font-size: 1.4rem; 
        font-family: fonarto;
  }

/*responsive 30th May 2022*/
.w_25{
  width: 25%;
}
@media only screen and (min-width: 200px) and (max-width: 767px) {
  .first_img{
    display: none;
  }
}
@media only screen and (min-width: 769px) and (max-width: 934px) {
  .fw-normal{
    font-size: 18px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 822px) {
  .size_adjust{
    font-size: 14px !important;
  }
}
@media only screen and (min-width: 430px) and (max-width: 500px) {
  .landing_section_wrapper {
    height: 106%;
  }
}

@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .new_width_resp {
    font-size: 10px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 991px) {
  .responsive_btn{
    font-size: 1rem;
  }
}
@media only screen and (min-width: 320px) and (max-width: 500px) {
 .w_25{
  width: 50%;
 }
 .para_new_div{
  font-size: 0.8rem;
 }
}
@media only screen and (min-width: 320px) and (max-width: 429px) {
  .mission_img{
    top: -7rem;
  }
  .vision_img{
    top: -7rem;
  }
}
@media only screen and (min-width: 200px) and (max-width: 1199px) {
  .prob_n_sol_resp{
    display: none;
  }
  .img_p_n_s_resp{
    display: block;
  }
}
@media only screen and (min-width: 200px) and (max-width: 436px) {
  .prosol_wrapper{
    padding: 1rem 0;
  }
}
@media only screen and (min-width: 320px) and (max-width: 350px) {
  .gray_p {
    padding: 0;
  }
  .wrapping_probsol {
    /*width: 130px;*/
  }
}
@media only screen and (min-width: 430px) and (max-width: 764px) {
  .remove_device_tab{
    display: none;
  }
} 
/*@media only screen and (min-width: 765px) and (max-width: 767px) {
  .adjust_tab{
    display: block;
  }
  .remove_device_tab{
    display: none;
  }
} */
@media only screen and (min-width: 320px) and (max-width: 408px) {
  .mobile_view_pdn{
    padding: 5px;
  }
} 
@media only screen and (min-width: 769px) and (max-width: 991px) {
  ol li {
    width: 14rem;
  }
} 
 
@media only screen and (min-width: 320px) and (max-width: 500px) {
  .release_border{
    padding: 5px 10px;
  }
  .ic_size{
    width: 100%;
  }
} 
@media only screen and (min-width: 500px) and (max-width: 768px) {
  .release_border{
    padding: 5px 10px;
  }
  .ic_size{
    width: 100%;
  }
} 
@media only screen and (min-width: 320px) and (max-width: 600px) {
  .accordion button{
    font-size: 1rem;
  }
  .accordion .accordion-content p{
    font-size: 12px;
  }
} 
@media only screen and (min-width: 601px) and (max-width: 800px) {
  .accordion .accordion-content p{
    font-size: 14px;
  }
} 
@media only screen and (min-width: 801px) and (max-width: 991px) {
  .accordion .accordion-content p{
    font-size: 16px;
  }
} 
@media only screen and (min-width: 430px) and (max-width: 988px) {
  .mid_screen_responsive{
    text-align: center;
  }
}

.navbar-expand-lg .navbar-collapse{
  justify-content: space-between;
}
.shadow_box{
  border-radius: 1rem !important;
}
.text_justify{
  text-align: justify;
}
.hover_fff:hover {
  color: #fff !important;
}
@media only screen and (max-width: 430px) {
  .flex_direction_mobile{
    flex-direction: column;
    align-content: center;
    flex-wrap: wrap;
  }
  .right_btn{
    margin-left: 0;
  }
  .center_button_mob{
    margin: 0 auto;
  }
  .y_align_btn{
    margin-top: 1rem;
  }
  .n_margin_top{
    margin-top: 20px;
  }
  .updated_info{
    /*margin: 0 40px;*/
    padding: 10px 0;
  }
}
@media only screen and (min-width: 320px) and (max-width: 370px) {
  .n_font_size11{
    font-size: 9px;
  }
  .accordion button{
    font-size: 12px;
  }
}
@media only screen and (max-width: 429px) {
  .mission_img {
    top: 8rem;
    right: 8rem;
  }
  .vision_img {
    top: 10rem;
    left: 8rem;
  }
  .color_style{
    background-color: #c4e4cb !important;
  }
  .color_span{
    color: #126f04 !important;
  }
  .section_margin{
    margin: 3rem 0 3rem;
  }
 
}
.padding_element{
  padding: 2rem;
}
@media only screen and (min-width: 320px) and (max-width: 430px) {
  .padding_element{
    padding: 1rem;
  }
}
.image_hnw{
  width: 100%;
  height: 100%;
}
 .shadow_ag{
    box-shadow: 0 0.5rem 1rem #a3a3a3;
  }
@media only screen and (min-width: 320px) and (max-width: 430px) {
  .rght_mrg{
    margin-left: 20%;
  }
}
.radius_border{
  border-radius: 15px;
}
@media only screen and (min-width: 500px) and (max-width: 767px) {
  .rght_mrg{
    margin-left: 30%;
  }
}
@media only screen and (min-width: 431px) and (max-width: 500px) {
  .rght_mrg{
    margin-left: 14%;
  }
}
.w_50{
  width: 50%;
}
.team_btn {
  border-radius: 30px;
  padding: 5px 10px;
    border: 1px solid #fff;
    background: linear-gradient(270deg, rgb(61 133 77) 0%, rgba(39,153,116,1) 50%, rgba(55,137,86,1) 100%);
    color: #fff;
    font-weight: 300;
    box-shadow: 0 0 11px #6a6a6a;
    text-transform: uppercase;
    text-decoration: none;
}
.team_boxes{
    box-shadow: 0 0 35px 20px #cfcfcf;
    border-radius: 50px;
}
.width_team{
  width: 50%;
}
.width_team_button{
  width: 50%;
}
@media only screen and (max-width: 991px) {
  .vertical_sm_devices{
    flex-direction: column;
  } 
}
@media only screen and (min-width: 992px) and (max-width: 1399px) {
  .adjust_screen{
    font-size: 12px;
  }
}
/*footer icons */
.font_icon{
  font-size: 3rem;
  margin: 0 4px;
}
@media only screen and (min-width: 1298px) and (max-width: 1525px) {
  .font_icon{
    font-size: 2rem;
  }
} 
@media only screen and (min-width: 1207px) and (max-width: 1297px) {
  .font_icon{
    font-size: 1.6rem;
  }
} 
@media only screen and (min-width: 992px) and (max-width: 1116px) {
  .font_icon{
    font-size: 1.2rem;
  }
}
@media only screen and (min-width: 1117px) and (max-width: 1206px) {
  .font_icon{
    font-size: 1.2rem;
  }
}
@media only screen and (min-width: 868px) and (max-width: 991px) {
  .font_icon{
    font-size: 2rem;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1115px) {
  .font_icon{
    /*font-size: 2rem;*/
    margin: 0 1px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 800px) {
  .font_icon{
    font-size: 1rem;
  }
}
@media only screen and (min-width: 801px) and (max-width: 850px) {
  .font_icon{
    font-size: 2rem;
    margin: 0;
  }
}
@media only screen and (min-width: 851px) and (max-width: 991px) {
  .font_icon{
    font-size: 2rem;
    margin: 3;
  }
}
@media only screen and (min-width: 438px) and (max-width: 513px) {
  .font_icon{
    font-size: 2rem;
    /*margin: 3;*/
  }
}
@media only screen and (min-width: 398px) and (max-width: 437px) {
  .font_icon{
    font-size: 2rem;
    margin: 0 2px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 397px) {
  .font_icon{
    font-size: 1.2rem;
    margin: 0px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 429px) {
  .font_icon{
    margin-top: 16px;
  }
}

/*ecosystem agrow center css*/
.position_static{
  position: static !important;
}
.main_font {
  font-family: fonarto !important;
}
/*close ecosystem agrow center css*/



@-moz-document url-prefix()
{    

        #demo3,
        #demo2,
        #demo {
            border: none;
            outline: none;
        }
        
        input[type="range"] {
            -webkit-appearance: none;
            background: transparent;
            width: 100%;
            max-width: 100%;
            border-radius: 22px;
            margin-left: 0px;
            margin-right: 0px;
        }
        input[type=range]::-moz-range-progress ,
        input[type=range]::-webkit-progress-value {
          background-color: green !important;
          height: 1em;
        }

        input[type="range"]::-webkit-range-progress ,
        input[type="range"]::-moz-range-progress {
            height: 20px;
            background: #4685d7;
            border-radius: 10px;
            cursor: pointer;
        }


        
        input[type="range"]::-webkit-slider-thumb ,
        input[type="range"]::-moz-range-thumb {
            border: none;
            height: 20px;
            z-index: 999;
            width: 20px;
            background-color: transparent;
            background-image: url("https://agrow.stashack.cloud/images/logo.png");
            background-position: 0 0;
            background-size: cover;
            transform: scale(1.9) rotateZ(var(--thumb-rotate, 10deg));
            cursor: pointer;
            -webkit-appearance: none;
        }
        
        input[type="range"]::-moz-range-track ,
        input[type="range"]::-webkit-slider-runnable-track {
            width: 100%;
            height: 20px;
            background: #eee;
            border-radius: 10px;
            box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
            cursor: pointer;
            -webkit-appearance: none;
        }
        
        input:focus-visible,
        input:hover {
            border: none !important;
        }
        
        .a:focus-visible {
            border: none;
        }
        
        .rangecon {
            border-radius: 20px;
            padding: 1.5rem;
            /* box-shadow: -20px 0px 68px 0 rgb(136 174 222 / 42%), -20px 0px 16px 0 #b9d1f1; */
            box-shadow: -8px -7px 6px #3d854d87, 8px 7px 6px #3d854d87;
            background-image: url('https://agrow.stashack.cloud/images/bh.png');
        }
        
        .rangediv {
            border-radius: 20px;
            border: 1px solid #43b29d;
            margin-top: 0.5rem;
            text-align: right;
        }
        
        .value_span {
            font-weight: bold;
            font-size: larger;
            color: #04AA6D;
            width: 60%;
        }
        
        .theme_button {
            border-radius: 50px;
            border: 4px solid #fff;
            background: linear-gradient(270deg, rgb(61 133 77) 0%, rgba(39, 153, 116, 1) 50%, rgba(55, 137, 86, 1) 100%);
            padding: 10px 30px;
            color: #fff;
            font-weight: 500;
            font-size: 1.5rem;
            box-shadow: 0 0 11px #6a6a6a;
            text-transform: uppercase;
        }
        
        .rangediv2 {
            border: 2px solid green;
            border-radius: 10px;
            text-align: right;
            display: flex;
            justify-content: space-around;
        }
        
        .agrow_logo {
            width: 20px;
        }
        
        .v_span {
            font-weight: bold;
            font-size: larger;
            color: #04AA6D;
            border-top-right-radius: 20px;
            border-bottom-right-radius: 20px;
            border: 2px solid green;
            border-left: none;
            height: 30px;
        }
        .a_logo
        {
          width: 30%;
        }
        .b_grout_text {
            background-color: #198754;
            border-radius: 20px;
            border: 2px solid green;
            height: 30px;
        }
        
        @media (min-width:1200px) {
            .rangecon {
                width: 100%;
            }
        }
        
        .inp_main {
            justify-content: end;
        }
        
        .w_heading {
            height: 25%;
            width: 58%;
        }
        
        .g_border {
            border: 2px solid green;
            border-radius: 20px;
        }
        
        @media (max-width:768px) {
            .w_heading {
                display: none;
            }
        }
        
        @media (min-width:1600px) {
            .w_heading {
                width: 50%;
            }
        }
        
        @media screen and (max-width: 1200px) and (min-width: 991px) {
            .w_heading {
                height: 25%;
                width: 65%;
            }
        }
        
        @media screen and (max-width: 990px) and (min-width: 769px) {
            .w_heading {
                height: 25%;
                width: 55%;
            }
        }
        
        .con_sec {
            width: 100%;
        }
        
        @media (max-width:768px) {
            .con_sec {
                width: 100%;
            }
        }

        .title-cal{
          color: #000;
          font-size: 0.9rem;
        }

        @media only screen and (min-width: 320px) and (max-width: 430px) {
          .theme_button{
            font-size: 1rem;
            width: 100%;
          }
          .left_btn{
            width: 100%;
          }
        }
        @media only screen and (min-width: 431px) and (max-width: 767px) {
          .theme_button{
            font-size: 1rem;
            padding: 10px 20px;
          }
        }
}
  



  
#demo3,
        #demo2,
        #demo {
            border: none;
            outline: none;
        }
        
        input[type="range"] {
            -webkit-appearance: none;
            background: transparent;
            width: 100%;
            max-width: 100%;
            border-radius: 22px;
            margin-left: 0px;
            margin-right: 0px;
        }
        
        input[type="range"]::-moz-range-progress {
            height: 20px;
            background: #4685d7;
            border-radius: 10px;
            cursor: pointer;
        }
        
        input[type="range"]::-webkit-slider-thumb {
            border: none;
            height: 20px;
            z-index: 999;
            width: 20px;
            background-color: transparent;
            background-image: url("https://agrow.stashack.cloud/images/logo.png");
            background-position: 0 0;
            background-size: cover;
            transform: scale(1.9) rotateZ(var(--thumb-rotate, 10deg));
            cursor: pointer;
            -webkit-appearance: none;
        }
        
        input[type="range"]::-webkit-slider-runnable-track {
            width: 100%;
            height: 20px;
            background: #eee;
            border-radius: 10px;
            box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
            cursor: pointer;
            -webkit-appearance: none;
        }
        
        input:focus-visible,
        input:hover {
            border: none !important;
        }
        
        .a:focus-visible {
            border: none;
        }
        
        .rangecon {
            border-radius: 20px;
            padding: 1.5rem;
            /* box-shadow: -20px 0px 68px 0 rgb(136 174 222 / 42%), -20px 0px 16px 0 #b9d1f1; */
            box-shadow: -8px -7px 6px #3d854d87, 8px 7px 6px #3d854d87;
            background-image: url('https://agrow.stashack.cloud/images/bh.png');
        }
        
        .rangediv {
            border-radius: 20px;
            border: 1px solid #43b29d;
            margin-top: 0.5rem;
            text-align: right;
        }
        
        .value_span {
            font-weight: bold;
            font-size: larger;
            color: #04AA6D;
            width: 60%;
        }
        
        .theme_button {
            border-radius: 50px;
            border: 4px solid #fff;
            background: linear-gradient(270deg, rgb(61 133 77) 0%, rgba(39, 153, 116, 1) 50%, rgba(55, 137, 86, 1) 100%);
            padding: 10px 30px;
            color: #fff;
            font-weight: 500;
            font-size: 1rem;
            box-shadow: 0 0 11px #6a6a6a;
            text-transform: uppercase;
        }
        
        .rangediv2 {
            border: 2px solid green;
            border-radius: 10px;
            text-align: right;
            display: flex;
            justify-content: space-around;
        }
        
        .agrow_logo {
            width: 20px;
        }
        
        .v_span {
            font-weight: bold;
            font-size: larger;
            color: #04AA6D;
            border-top-right-radius: 20px;
            border-bottom-right-radius: 20px;
            border: 2px solid green;
            border-left: none;
            height: 30px;
        }
        
        .b_grout_text {
            background-color: #198754;
            border-radius: 20px;
            border: 2px solid green;
            height: 30px;
        }
        
        @media (min-width:1200px) {
            .rangecon {
                width: 100%;
            }
        }
        
        .inp_main {
            justify-content: end;
        }
        
        .w_heading {
            height: 8%;
            width: 58%;
        }
        
        .g_border {
            border: 2px solid green;
            border-radius: 20px;
        }
        
        @media (max-width:768px) {
            .w_heading {
                display: none;
            }
        }
        
        @media (min-width:1600px) {
            .w_heading {
                width: 50%;
            }
        }
        
        @media screen and (max-width: 1200px) and (min-width: 991px) {
            .w_heading {
                height: 8%;
                width: 65%;
            }
        }
        
        @media screen and (max-width: 990px) and (min-width: 769px) {
            .w_heading {
                height: 25%;
                width: 55%;
            }
        }
        
        .con_sec {
            width: 100%;
        }
        
        @media (max-width:768px) {
            .con_sec {
                width: 100%;
            }
        }

        .title-cal{
          color: #000;
          font-size: 0.9rem;
        }

        @media only screen and (min-width: 320px) and (max-width: 430px) {
          .theme_button{
            font-size: 1rem;
            width: 100%;
          }
          .left_btn{
            width: 100%;
          }
        }
        @media only screen and (min-width: 431px) and (max-width: 767px) {
          .theme_button{
            font-size: 1rem;
            padding: 10px 20px;
          }
        }
        .horizontal_div_green{
            box-shadow: 20px 0px 0px 1px #3d845d, -20px 0px 0px 1px #3d845d;
            border-radius: 40px;
        }

        /*new redesign css*/
        .fs_half_rem{
          font-size: 1.5rem !important;
        }
        .button_theme1{
          color: #3d845d;
          font-size: 1.5rem;
          padding: 10px 40px 10px 0px;
          border: 4px solid #3d845d;  
          background: url('https://agrow.stashack.cloud/images/ag_new/btn_bg.svg');
          border-radius: 15px;
          background-repeat: no-repeat;
        }
        .stick_right{
          position: absolute;
          right: 0px;
        }
        /*close css*/

        /*calculator*/
        @media only screen and (max-width: 991px) {
          .w_heading {
            display: none !important;
          }
        }
        /*close css*/
        /*3 buttons css*/
            .box {
                position: relative;
                /* max-width: 600px; */
                /* width: 22rem; */
                height: 3rem;
                border: none;
                color: #3D854D;
                padding-right: 24px;
                font-size: 1.2rem;
                background: transparent;
                /* box-shadow: 0 0 15px rgba(0, 0, 0, .1); */
            }
            /* common */
            
            .ribbon {
                width: 5rem;
                height: 6rem;
                overflow: hidden;
                position: absolute;
            }
            
            .ribbon::before,
            .ribbon::after {
                position: absolute;
                z-index: -1;
                content: '';
                display: block;
                /* border: 5px solid #3D845D; */
            }
            
            .ribbon .span1 {
                position: absolute;
                display: block;
                width: 14rem;
                padding: 10px 0;
                background-color: #3D854D;
                box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
                color: #fff;
                font: 700 18px/1 'Lato', sans-serif;
                text-shadow: 0 1px 1px rgba(0, 0, 0, .2);
                text-transform: uppercase;
                text-align: center;
            }
            
            .ribbon .span2 {
                position: absolute;
                display: block;
                width: 14rem;
                padding: 10px 0;
                background-color: #224b2b;
                box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
                color: #fff;
                font: 700 18px/1 'Lato', sans-serif;
                text-shadow: 0 1px 1px rgba(0, 0, 0, .2);
                text-transform: uppercase;
                text-align: center;
            }
            /* top left*/
            
            .ribbon-top-left {
                top: -10px;
                left: -10px;
            }
            
            .ribbon-top-left::before,
            .ribbon-top-left::after {
                border-top-color: transparent;
                border-left-color: transparent;
            }
            
            .ribbon-top-left::before {
                top: 0;
                right: 0;
            }
            
            .ribbon-top-left::after {
                bottom: 0;
                left: 0;
            }
            
            .ribbon-top-left span {
                right: -25px;
                top: 30px;
                transform: rotate(-45deg);
            }
            /* top right*/
            
            .ribbon-top-right {
                top: -10px;
                right: -10px;
            }
            
            .ribbon-top-right::before,
            .ribbon-top-right::after {
                border-top-color: transparent;
                border-right-color: transparent;
            }
            
            .ribbon-top-right::before {
                top: 0;
                left: 0;
            }
            
            .ribbon-top-right::after {
                bottom: 0;
                right: 0;
            }
            
            .ribbon-top-right span {
                left: -25px;
                top: 30px;
                transform: rotate(45deg);
            }
            /* bottom left*/
            
            .ribbon-bottom-left {
                bottom: -10px;
                left: -10px;
            }
            
            .ribbon-bottom-left::before,
            .ribbon-bottom-left::after {
                border-bottom-color: transparent;
                border-left-color: transparent;
            }
            
            .ribbon-bottom-left::before {
                bottom: 0;
                right: 0;
            }
            
            .ribbon-bottom-left::after {
                top: 0;
                left: 0;
            }
            
            .ribbon-bottom-left span {
                right: -25px;
                bottom: 30px;
                transform: rotate(225deg);
            }
            /* bottom right*/
            
            .ribbon-bottom-right {
                bottom: -10px;
                right: -10px;
            }
            
            .ribbon-bottom-right::before,
            .ribbon-bottom-right::after {
                border-bottom-color: transparent;
                border-right-color: transparent;
            }
            
            .ribbon-bottom-right::before {
                bottom: 0;
                left: 0;
            }
            
            .ribbon-bottom-right::after {
                top: 0;
                right: 0;
            }
            
            .ribbon-bottom-right span {
                left: -25px;
                bottom: 30px;
                transform: rotate(-225deg);
            }
            .content_font_family {
              font-family: 'Poppins', sans-serif !important;
            }
        /*close css*/

        .about{
          position: relative;
        }
        .coordinator_div {
          border-radius: 0 50px 50px 0;
        }
        .partner_div {
          border-radius: 50px 0 0 50px;
        }
        .wid_35{
          width: 35%;
        }


        .earn_ag{
          border-radius: 40px;
          background: #3d854d33;
          border: 5px solid #3d845d;
        }
        .color_1 {
          color: #3D854D;
        }
        .content_new{
          border: 4px solid #3D854D;
          border-radius: 40px;
          box-shadow: 0 0 5px #3D854D;
          background: #fff;
        }
        .footer_grad_1 {
          background: linear-gradient(90deg, #007469, #3D854D)
        }
        .footer_grad_2 {
          background: linear-gradient(90deg, #3D854D, #007469)
        }
        .logo_ft_width{
          width: 40%;
        }
        .space_around{
          justify-content: space-around;
        }
        .bg_trans{
          background: transparent;
        }

        /*3 button css (main landing page)*/
        .custom-btn-3 {
            /*width: 130px;*/
            /*height: 40px;*/
            color: #fff;
            border-radius: 5px;
            padding: 10px 25px;
            font-family: 'Lato', sans-serif;
            font-weight: 500;
            background: transparent;
            cursor: pointer;
            transition: all 0.3s ease;
            position: relative;
            display: inline-block;
            box-shadow: inset 2px 2px 2px 0px rgba(255, 255, 255, .5), 7px 7px 20px 0px rgba(0, 0, 0, .1), 4px 4px 5px 0px rgba(0, 0, 0, .1);
            outline: none;
        }
        
        .btn-73b {
            background: linear-gradient(26deg, #3d854d 0%, #007469 100%);
            /*line-height: 42px;*/
            padding: 0;
            border: none;
        }
        
        .btn-73b span {
            position: relative;
            display: block;
            padding: 16px 26px;
            width: 100%;
            height: 100%;
        }
        
        .btn-73b:before,
        .btn-73b:after {
            position: absolute;
            content: "";
            right: 0;
            bottom: 0;
            background: #3D854D;
            box-shadow: -7px -7px 20px 0px rgba(255, 255, 255, .9), -4px -4px 5px 0px rgba(255, 255, 255, .9), 7px 7px 20px 0px rgba(0, 0, 0, .2), 4px 4px 5px 0px rgba(0, 0, 0, .3);
            transition: all 0.3s ease;
        }
        
        .btn-73b:before {
            height: 0%;
            width: 2px;
        }
        
        .btn-73b:after {
            width: 0%;
            height: 2px;
        }
        
        .btn-73b:hover {
            color: #3D854D;
            background: transparent;
        }
        
        .btn-73b:hover:before {
            height: 100%;
        }
        
        .btn-73b:hover:after {
            width: 100%;
        }
        
        .btn-73b span:before,
        .btn-73b span:after {
            position: absolute;
            content: "";
            left: 0;
            top: 0;
            background: #3D854D;
            box-shadow: -7px -7px 20px 0px rgba(255, 255, 255, .9), -4px -4px 5px 0px rgba(255, 255, 255, .9), 7px 7px 20px 0px rgba(0, 0, 0, .2), 4px 4px 5px 0px rgba(0, 0, 0, .3);
            transition: all 0.3s ease;
        }
        
        .btn-73b span:before {
            width: 2px;
            height: 0%;
        }
        
        .btn-73b span:after {
            height: 2px;
            width: 0%;
        }
        
        .btn-73b span:hover:before {
            height: 100%;
        }
        
        .btn-73b span:hover:after {
            width: 100%;
        }
        .fs_1_rem{
          font-size: 1.4rem;
        }
        .arrow1 {
          animation: slidess 1s ease-in-out infinite;
          margin-left: 9px;
        }
        @keyframes slidess {
          0%,
          100% {
            transform: translate(0, 0);
          }

          50% {
            transform: translate(10px, 0);
          }
        }
        /*close css*/
        .wid_80{
          width: 90%;
        }
        ::selection {
          background: #3D854D91;
          color: #fff;
        }
        .bg-lights{
          background: #fff !important;
        }
        .coordinator_lottie {
          background: transparent;
          width: 20vw; 
          height: auto;
        }
        .mian_lottie{
          background: transparent;
          width: 750px; 
          height: 750px; 
        }
        .lottie_part{
          background: transparent;
          width: 25vw;
          height: auto;
        }
        .padding_hori{
          padding-left: 4rem;
          padding-right: 4rem;
        }
        .border_coordinator{
          border: 5px solid #3d845d;
          border-left: none;
          background: #fff;
        }
        .border_partners{
          border: 5px solid #3d845d;
          border-right: none;
          background: #fff;
        }
        

        #VisaChipCardVideo {
          padding: 1rem;
          background: #fff;
          box-shadow: 0 0 5px #3D854D;
          border-radius: 30px 0px 30px 0px; 
        }
        #VisaChipCardVideo1 {
          padding: 1rem;
          background: #fff;
          box-shadow: 0 0 5px #3D854D;
          border-radius: 30px 0px 30px 0px; 
        }
        #yvideo1 {
          background: transparent !important;
        }
        #dialog_10 {
          background: transparent !important;
          border: none !important;
        }
        #modal_1_c {
          background: transparent !important;
          border: none !important;
        }
        .dialog_1{
          background: transparent !important;
        }
        #modal_b_2{
          background: transparent !important;
          border: none !important; 
        }
        #modal_c_2{
          background: transparent !important;
          border: none !important; 
        }
        .video-js{
          width: 34rem;
          height: 20rem;
        }
        .green_bg_vid{
          /*background: #3D854D;*/
          box-shadow: 25px 25px 75px rgb(0 0 0 / 25%), 10px 10px 70px rgb(0 0 0 / 25%), 5px 5px 10px rgb(0 0 0 / 50%), 5px 5px 10px rgb(255 255 255 / 20%), -5px -5px 15px rgb(176 176 176 / 75%);
          border-radius: 10px;
        }

        /*roadmap 2 css*/
        .blue-bg {
            background-color: transparent;
            color: #3d854d;
            height: 100%;
        }
        
        .circlerr {
            font-weight: bold;
            padding: 15px 20px;
            border-radius: 50px;
            background-color: #3d854d;
            color: #fff;
            max-height: 50px;
            z-index: 2;
        }
        
        .how-it-works.row {
            display: flex;
        }
        
        .how-it-works.row .col-2 {
            display: inline-flex;
            align-self: stretch;
            align-items: center;
            justify-content: center;
        }
        
        .how-it-works.row .col-2::after {
            content: "";
            position: absolute;
            border-left: 3px dotted #3d854d;
            z-index: 1;
        }
        
        .how-it-works.row .col-2.bottom::after {
            height: 50%;
            left: 50%;
            top: 50%;
        }
        
        .how-it-works.row .col-2.full::after {
            height: 100%;
            left: calc(50% - 3px);
        }
        
        .how-it-works.row .col-2.top::after {
            height: 100%;
            left: 50%;
            top: 0;
        }
        
        .timeline div {
            padding: 0;
            height: 40px;
        }
        
        .timeline hr {
            border-top: 3px solid #3d854d;
            margin: 0;
            top: 17px;
            position: relative;
        }
        
        .timeline .col-2 {
            display: flex;
            overflow: hidden;
        }
        
        .timeline .corner {
            border: 3px solid #3d854d;
            width: 100%;
            position: relative;
            border-radius: 15px;
        }
        
        .timeline .top-right {
            left: 50%;
            top: -50%;
        }
        
        .timeline .left-bottom {
            left: -50%;
            top: calc(50% - 3px);
        }
        
        .timeline .top-left {
            left: -50%;
            top: -50%;
        }
        
        .timeline .right-bottom {
            left: 50%;
            top: calc(50% - 3px);
        }
        
        .uls {
            list-style-type: none;
            padding-left: 0 !important;
        }
        /*close css*/

/*problem and solutions*/
.blog-slider {
    width: 95%;
    position: relative;
    max-width: 800px;
    margin: auto;
    background: #fff;
    border: 5px solid #3d845d; 
    box-shadow: 0px 0px 20px #3d845d;
    padding: 25px;
    border-radius: 25px;
    height: 400px;
    transition: all 0.3s;
}

@media screen and (max-width: 992px) {
    .blog-slider {
        max-width: 680px;
        height: 400px;
    }
}

@media screen and (max-width: 768px) {
    .blog-slider {
        min-height: 500px;
        height: auto;
        margin: 180px auto 0;
    }
}

@media screen and (max-height: 500px) and (min-width: 992px) {
    .blog-slider {
        height: 350px;
    }
}

.blog-slider__item {
    display: flex;
    align-items: center;
}

@media screen and (max-width: 768px) {
    .blog-slider__item {
        flex-direction: column;
    }
}

.blog-slider__item.swiper-slide-active .blog-slider__img img {
    opacity: 1;
    transition-delay: 0.3s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>* {
    opacity: 1;
    transform: none;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(1) {
    transition-delay: 0.3s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(2) {
    transition-delay: 0.4s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(3) {
    transition-delay: 0.5s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(4) {
    transition-delay: 0.6s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(5) {
    transition-delay: 0.7s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(6) {
    transition-delay: 0.8s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(7) {
    transition-delay: 0.9s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(8) {
    transition-delay: 1s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(9) {
    transition-delay: 1.1s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(10) {
    transition-delay: 1.2s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(11) {
    transition-delay: 1.3s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(12) {
    transition-delay: 1.4s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(13) {
    transition-delay: 1.5s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(14) {
    transition-delay: 1.6s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(15) {
    transition-delay: 1.7s;
}

.blog-slider__img {
    width: 300px;
    flex-shrink: 0;
    height: 300px;
    box-shadow: 0px 0px 20px 2px #3d845d7a;
    border-radius: 20px;
    transform: translateX(-80px);
    overflow: hidden;
}

.blog-slider__img:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*border: 8px solid #3d845D;*/
    /*background-image: linear-gradient(295deg, #00746987, #3d845d87);*/
    border-radius: 20px;
    opacity: 0.8;
}

.blog-slider__img img {
    width: 50%;
    /* height: 100%; */
    object-fit: cover;
    display: block;
    opacity: 0;
    border-radius: 20px;
    transition: all 0.3s;
}

@media screen and (max-width: 768px) {
    .blog-slider__img {
        transform: translateY(-50%);
        width: 90%;
    }
    .blog-slider__img {
      height: auto;
    }
}

@media screen and (max-width: 576px) {
    .blog-slider__img {
        width: 95%;
    }
}

@media screen and (max-height: 500px) and (min-width: 992px) {
    .blog-slider__img {
        height: 270px;
    }
}

.blog-slider__content {
    padding-right: 25px;
}

@media screen and (max-width: 768px) {
    .blog-slider__content {
        margin-top: -80px;
        text-align: center;
        padding: 0 30px;
    }
}

@media screen and (max-width: 576px) {
    .blog-slider__content {
        padding: 0;
    }
}

.blog-slider__content>* {
    opacity: 0;
    transform: translateY(25px);
    transition: all 0.4s;
}

.blog-slider__code {
    color: #7b7992;
    margin-bottom: 15px;
    display: block;
    font-weight: 500;
}

.blog-slider__title {
    font-size: 24px;
    font-weight: 700;
    color: #0d0925;
    margin-bottom: 20px;
}

.blog-slider__text {
    color: #000;
    margin-bottom: 30px;
    line-height: 1.5em;
}

.blog-slider__button {
    display: inline-flex;
    background-image: linear-gradient(147deg, #fe8a39 0%, #fd3838 74%);
    padding: 15px 35px;
    border-radius: 50px;
    color: #fff;
    box-shadow: 0px 14px 80px rgba(252, 56, 56, 0.4);
    text-decoration: none;
    font-weight: 500;
    justify-content: center;
    text-align: center;
    letter-spacing: 1px;
}

@media screen and (max-width: 576px) {
    .blog-slider__button {
        width: 100%;
    }
}

.blog-slider .swiper-container-horizontal>.swiper-pagination-bullets,
.blog-slider .swiper-pagination-custom,
.blog-slider .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%;
}

.blog-slider__pagination {
    position: absolute;
    z-index: 21;
    right: 20px;
    width: 11px !important;
    text-align: center;
    left: auto !important;
    top: 50%;
    bottom: auto !important;
    transform: translateY(-50%);
}

@media screen and (max-width: 768px) {
    .blog-slider__pagination {
        transform: translateX(-50%);
        left: 50% !important;
        top: 205px;
        width: 100% !important;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

.blog-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 8px 0;
}

@media screen and (max-width: 768px) {
    .blog-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 5px;
    }
}

.blog-slider__pagination .swiper-pagination-bullet {
    width: 11px;
    height: 11px;
    display: block;
    border-radius: 10px;
    background: #062744;
    opacity: 0.2;
    transition: all 0.3s;
}

.blog-slider__pagination .swiper-pagination-bullet-active {
    opacity: 1;
    background: #3d854d;
    height: 30px;
    box-shadow: 0px 0px 20px rgba(252, 56, 56, 0.3);
}

@media screen and (max-width: 768px) {
    .blog-slider__pagination .swiper-pagination-bullet-active {
        height: 11px;
        width: 30px;
    }
}
.bg_theme_1{
  background: #3d845d !important;
}
/*close css*/

 /* Team CSS Start */
        
.team-section .section-title {
    max-width: 700px;
}

.team-section .team-card {
    margin-bottom: 80px;
    /*box-shadow: 0px 0px 7px 0px;*/
    box-shadow: 0px 0px 33px #dedada, 0px 0px 33px #ffffff;
    border-radius: 22px;
}

.team-section .team-card:hover .team-text {
    background: #418753;
}

.team-section .team-card:hover .team-text h3 {
    color: #FFFFFF;
}

.team-section .team-card:hover .team-text p {
    color: #FFFFFF;
}

.team-section .team-card:hover .team-text .team-social {
    opacity: 1;
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
}

.team-section .team-card .team-img {
    position: relative;
}

.team-section .team-card .team-img img {
    width: 50%;
}

.team-section .team-card .team-text {
    background: #FFFFFF;
    padding: 25px;
    -webkit-box-shadow: 0 2px 10px rgba(12, 0, 46, 0.15);
    box-shadow: 0 2px 10px rgba(12, 0, 46, 0.15);
    position: absolute;
    text-align: center;
    z-index: 1;
    width: 230px;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -50px;
    -webkit-transition: .5s;
    transition: .5s;
    transition: .5s;
}

.team-section .team-card .team-text .team-social {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    opacity: 0;
    -webkit-transition: .5s;
    transition: .5s;
}

.team-section .team-card .team-text .team-social ul {
    padding-left: 0;
    margin-bottom: 0;
}

.team-section .team-card .team-text .team-social ul li {
    display: inline-block;
}

.team-section .team-card .team-text .team-social ul li i {
    background: #FFFFFF;
    color: #333333;
    width: 25px;
    height: 25px;
    display: inline-block;
    line-height: 25px;
    text-align: center;
    -webkit-transition: .5s;
    transition: .5s;
    font-size: 14px;
    border-radius: 30px;
}

.team-section .team-card .team-text .team-social ul li i:hover {
    background: #418753;
    color: #FFFFFF;
}

.team-section .team-card .team-text h3 {
    font-size: 13px;
    font-weight: 700;
    -webkit-transition: .5s;
    transition: .5s;
}

.team-section .team-card .team-text p {
    margin-bottom: 0;
    -webkit-transition: .5s;
    transition: .5s;
    font-size: 12px;
}

/*.team-section .team-card .team-img img:hover {
    box-shadow: 0 0 15px #3d854d;
    border-radius: 22px;
}*/
.dark_txt{
  color: #000;
}
.title_fs_rem {
  font-size: 0.8rem !important;
}
.team-card:hover {
  color: #fff !important;
  box-shadow: 0 0 15px #3d854d;
}
/* Team CSS End */

.video-js .vjs-big-play-button{
  top: 40%;
  left: 40%;
  animation: smallScale 3s infinite;
  color: #fff;
  background: #3d845d;
  box-shadow: 0 0 15px #fff;
}
@keyframes smallScale {
  from {
    transform: scale(1);
    opacity: 1;
  }
  to {
    transform: scale(1.5);
    opacity: 0;
  }
}
.team-img{
  background: #fff;
  border-radius: 22px;
}
.one_rem_fs {
  font-size: 1.3rem !important;
}
/*main page responsive*/
@media only screen and (min-width: 1299px) and (max-width: 1700px) {
  .btn-73b span {
    padding: 16px 5px;
  }
}
@media only screen and (min-width: 1145px) and (max-width: 1298px) {
  .btn-73b span {
    padding: 16px 5px;
  }
  .btns_3_resp {
    font-size: 1rem;
  }
}
@media only screen and (min-width: 960px) and (max-width: 1145px) {
  .btns_3_resp {
    font-size: 1rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .btn-73b span {
    padding: 16px 5px;
  }
  .btns_3_resp {
    font-size: 1rem;
  }
}
@media only screen and (min-width: 671px) and (max-width: 767px) {
  .btn-73b span {
    padding: 16px 5px;
  }
}
@media only screen and (min-width: 524px) and (max-width: 670px) {
  .btn-73b span {
    padding: 16px 5px;
  }
  .btns_3_resp {
    font-size: 1rem;
  }
}
@media only screen and (min-width: 320px) and (max-width: 523px) {
  .mob_column{
    flex-direction: column;
    align-items: center;
  }
  .bts_3_mob{
    width: 16rem;
    margin-bottom: 0.5rem;
  }
  .btn-73b span {
    padding: 16px 5px;
  }
}
@media only screen and (min-width: 430px) and (max-width: 523px) {
  .mob_adj_3_btns{
    margin-top: 0;
  }
  .mob_adj_btn_p{
    margin-top: 0px;
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 900px) and (max-width: 1200px) {
  .theme_button {
    padding: 10px 5px !important;
    font-size: 1.2rem !important;
  } 
}
@media only screen and (max-width: 1430px) {
  .hide_md {
    display: none;
  }   
}
@media only screen and (max-width: 1190px) {
  .vertical_md {
    flex-direction: column;
    align-items: center;
  }  
  .mb_md_sm {
    margin-bottom: 10px;
  } 
}
@media only screen and (max-width: 991px) {
  .md-screen-bts {
    display: block;
    margin: 0 auto !important;
  }   
}
.mx-1s{
  margin-left: 0.25rem;
  margin-right: : 0.25rem;
}
@media only screen and (max-width: 600px) {
  .video-js {
    width: 80vw;
  }   
}
@media only screen and (min-width: 320px) and (max-width: 600px) {
  .padding_hori {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  } 
  /*.coordinator_lottie {
    width: 60vw;
    height: 60vh;
  }*/
}
@media only screen and (min-width: 1025px) and (max-width: 1354px) {
  .resp_n_li{
    margin: 0px !important; 
  }
  .n_li_btn {
    margin-right: 10px;
    width: 12rem;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1354px) {
  .n_li_btn {
    font-size: 1rem;
    padding: 10px 5px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 899px) {
  .theme_button {
    padding: 10px 5px;
    font-size: 1rem;
  }
}
.n_li_mx{
  margin-right: 1rem;
  margin-left: : 1rem;
}

/*responsive lottie*/
@media only screen and (max-width: 950px) {
  .flex_col_md{
    flex-direction: column;
  }   
}
@media only screen and (max-width: 450px) {
  .coordinator_lottie{
    width: 80vw;
    height: auto;
  }
  .lottie_part {
    width: 85vw;
  }
}
@media only screen and (min-width: 451px) and (max-width: 600px) {
  .coordinator_lottie {
    width: 70vw;
    height: auto;
  }
  .lottie_part {
    width: 70vw;
    height: auto;
  }
  .md_mt_nn{
    margin-top: 0;
  }
}
@media only screen and (min-width: 769px) and (max-width: 894px) {
  .pd_md_adj {
    padding: 1rem;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1333px) {
  .pd_md_adj {
    padding: 1rem;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1052px) {
  .m_v_fs_adj {
    font-size: 1rem;
  }
}
.one_rem_imp {
  font-size: 1rem;
}
.style_txt_green{
  box-shadow: 20px 0px 0px 1px #3d845d, -20px 0px 0px 1px #3d845d;
  border-radius: 40px;
  padding: 1.5rem;
}
.black_color {
  color: #000000;
}
.font_w_500 {
  font-weight: 500;
}
.half_rem_imp {
  font-size: 1.5rem;
}
/*close lottie*/
@media only screen and (min-width: 900px) {
  .md_n_sm_screen{
    display: none;
  }
}
@media only screen and (max-width: 899px) {
  .large_screen{
    display: none;
  }
}
.padding_element_l2 {
  padding: 0 2rem;
}
@media only screen and (min-width: 992px) and (max-width: 1300px) {
  .coordinator_lottie{
    width: 35vw;
    height: auto;
  }
  .lottie_part {
    width: 40vw;
    height: auto;
  }
  .padding_hori {
    padding-right: 1rem;
    padding-left: 1rem;
  }
  .mbb_1_md {
    margin-bottom: 1rem;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1440px) {
  .mbb_1_md {
    margin-bottom: 1rem;
  }
}
@media only screen and (min-width: 781px) and (max-width: 991px) {
  .coordinator_lottie {
    width: 35vw;
  }
  .lottie_part {
    width: 40vw;
  }
}
@media only screen and (min-width: 601px) and (max-width: 780px) {
  .coordinator_lottie {
    width: 50vw;
  }
  .lottie_part {
    width: 55vw;
  }
}
@media only screen and (min-width: 320px) and (max-width: 429px) {
  #about_jump {
    font-size: 1.6rem !important;
  }
}
@media only screen and (min-width: 768px) {
  .padding_hori h2 {
    margin-top: 1rem !important;
  }
}

@media only screen and (min-width: 768px) {
  .mob_font_1r {
    font-size: 1rem;
  }  
}
@media only screen and (max-width: 1375px) {
  .md_col_view {
    flex-direction: column;
    align-content: center;
  }
  .mob_mb_sm {
    margin-bottom: 1rem;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1170px) {
  .blog-slider__img {
    width: auto !important; 
  }
}
@media only screen and (min-width: 320px) and (max-width: 360px) {
  .icons_resp {
    /*right: 0;*/
    left: 10px;
    top: 10px !important;
  }
}
@media only screen and (min-width: 371px) and (max-width: 410px) {
  .accordion button .accordion-title {
    padding-left: 5px;
  }
}
@media only screen and (min-width: 411px) and (max-width: 540px) {
  .icons_resp {
    left: 5px;
  }
}
@media only screen and (min-width: 420px) and (max-width: 440px) {
  .faq {
    width: 80%;
  }
}
@media only screen and (max-width: 450px) {
  .fs_1_rem_im {
    font-size: 1rem !important;
  }
}
@media only screen and (max-width: 500px) {
  .normal_resp {
    text-align: center !important;
  }
}
@media only screen and (max-height: 520px) {
  .landing_section {
    height: 125vh;
  }
  .xsm_adj {
    margin-top: 2rem;
  }
}
@media only screen and (min-height: 521px) and (max-height: 650px) {
  .landing_section {
    height: 42rem;
  }
  .xsm_adj {
    margin-top: 2rem;
  }
}
/*@media only screen and (min-height: 651px) and (max-height: 700px) {
  .landing_section {
    height: 42rem;
  }
  .xsm_adj {
    margin-top: 2rem;
  }
}
@media only screen and (min-height: 701px) and (max-height: 800px) {
  .landing_section {
    height: 42rem;
  }
  .xsm_adj {
    margin-top: 2rem;
  }
}*/
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .width_text {
    width: 210px !important;
    padding: 25px 10px !important;
  }
}
@media only screen and (max-width: 992px) {
  .desk {
    display: none;
  }
}
@media only screen and (min-width: 993px) {
  .mobiel {
    display: none;
  }
}
@media only screen and (min-width: 935px) and (max-width: 1110px) {
  .my_cls {
    font-size: 18px;
  }
}
@media only screen and (min-width: 300px) and (max-width: 869px) {
  .mob_nn_1_line {
    display: none;
  }
  .mob_only {
    display: block;
  }
  .mobile_nav{
    display: block;
  }
  .desktop_view{
    display: none;
  }
} 

@media only screen and (min-width: 870px) and (max-width: 1980px){
  .mobile_nav{
    display: none !important;
  }
  .desktop_view{
    display: block;
  }
}

@media only screen and (min-width: 431px) and (max-width: 767px){
  #other_id > button {
    font-size: 1rem !important;
    padding: 10px 5px !important;
  }
}
@media only screen and (max-width: 991px){
  .mob_hide {
    display: none;
  }
}
@media only screen and (min-width: 992px){
  #mob_visible {
    display: none;
  }
}
@media only screen and (min-width: 320px) and (max-width: 380px){
  .lottie_eco_mob {
     width: 100vw !important; 
  }
}
@media only screen and (min-width: 381px) and (max-width: 500px){
  .lottie_eco_mob {
     width: 95vw !important; 
  }
}
@media only screen and (min-width: 390px) and (max-width: 500px){
  .grid_2 {
    width: 48% !important;
  }
  .team-section .team-card .team-text {
    width: 152px;
    padding: 5px;
  }
}
@media only screen and (max-width: 429px) {
  .mission_img {
    display: block;
    margin: 0 auto;
    position: static;
  }
  .vision_img {
    display: block;
    margin: 0 auto;
    position: static;
  }
}
@media only screen and (max-width: 394px) {
  .team-boxed .item img {
    max-width: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .mb_mid_screen {
    margin-bottom: 1rem;
  }
}
/*close responsive*/
.hov_green:hover {
  color: #3D845D !important;
  text-decoration: none !important;
}
.fs_1_rem_im {
  font-size: 1rem;
}
.price_input::-webkit-inner-spin-button, 
.price_input::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}
.ecosystem_lottie {
  background: transparent;
  width: 80vw;
  height: auto;
}
.lottie_eco_mob {
   width: 80vw; 
   height: auto;
   background: transparent;
}
.d_nn {
  display: none;
}
#video_box_sty {
  box-shadow: 25px 25px 75px rgb(0 0 0 / 25%), 10px 10px 70px rgb(0 0 0 / 25%), 5px 5px 10px rgb(0 0 0 / 50%), 5px 5px 10px rgb(255 255 255 / 20%), -5px -5px 15px rgb(176 176 176 / 75%);
  border-radius: 10px;
  background: none;
}
.wid_lg_sm {
  width: 100px;
}
.bg_agrow_theme {
  background: #3d845d;
}
.animation_roadmap {
  animation: smallScale 3s infinite;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .team-section .team-card .team-text {
    width: auto;
    padding: 25px 6px;
  }
}
@media only screen and (max-width: 991px) {
  .desktop_only {
    display: none;
  }
}
@media only screen and (min-width: 992px) {
  .n_mob_only {
    display: none;
  }
}
@media only screen and (min-width: 900px) and (max-width: 1024px) {
  .respn_top_nav {
    font-size: 1rem !important;
  }
}
@media only screen and (min-width: 900px) and (max-width: 1200px) {
  #md_scrn {
    font-size: 1rem !important;
  }
}