@font-face {
    font-family: FrizQuadrata;
    src: url('fonts/FrizQuadrata.ttf');
  }
  @font-face {
    font-family: Aller;
    src: url('fonts/Aller_Rg.ttf');
    font-weight: 400;
  }
  @font-face {
    font-family: Aller;
    src: url('fonts/Aller_lt.ttf');
    font-weight: 200;
  }
  @font-face {
    font-family: Aller;
    src: url('fonts/Aller_Bd.ttf');
    font-weight: 700;
  }
  h1, h2, h3, h4, h5, h6 {
      font-family: FrizQuadrata;
      color: #091f44;
  }
  button:focus,
  select:focus,
  input:focus,
  a:focus{
    outline: none;
  }
  body {
      font-family: Aller;
      color: #091f44;
      font-size: 16px;
      font-weight: 200;
      /* background: #fbfbfb; */
  }

  main {
      min-height: calc(100vh - 325px);
  }
  .container {
      max-width: 1600px;
  }
  .custom-nav {
    padding: 0;
    height: 72px;
    z-index: 999;
    position: relative;
}
  .custom-nav a img {
      height: 51px;
  }
  .custom-nav ul a {
      font-family: FrizQuadrata;
      padding: 0;
      color: #091f44;
      opacity: 0.5;
  }
  .custom-nav ul li {
      margin: 0 15px;
  }
  .custom-nav .navCusRight li {
      margin: 0 5px;
  }
  .custom-nav .navCusRight li:last-child{
    margin-right: 0;
  }
  .custom-nav .navCusRight a {
      opacity: 1;
  }
  .custom-nav .navCusRight li a.themeBtn i {
      margin-left: 10px;
      height: 14px;
  }
  .custom-nav .navCusRight li a.themeBtn, .themeBtn {
    border: 1px solid;
    padding: 0 45px;
    height: 46px;
    border-radius: 16px;
    color: #4b9100;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.3s;
}
  .custom-nav .navCusRight li a.themeBtn {
      padding: 0 37px;
      height: 46px;
      border-radius: 12px;
  }
  .custom-nav .navCusRight li a.themeBtn:hover,
  .themeBtn:hover{
      color: #fff;
      background: #4b9100;
      border: 1px solid #4b9100;
      text-transform: none;
      text-decoration:none;
  }
  .themeImg {
      width: 100%;
      height: auto;
      border-radius: 40px;
  }
  .bannerMain img {
      width: 100%;
  }
  .bannerMain {
      margin-top: -75px;
      position: relative;
  }

  .custom-nav ul li.active a {
      color: #4b9100;
      opacity: 1;
  }
  .custom-nav ul li.active a:before {
      color: #4b9100;
  }
  .crausalCaption {
      height: 100%;
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      position: absolute;
      top: 0;
      left: 0;
      color: #fff;
  }
  .crausalCaption h1 {
      font-size: 60px;
      margin-bottom: 5px;
      color: #fff;
      margin-top: -110px;
  }
  .crausalCaption form {
      height: 86px;
      background: #fffffff2;
      display: flex;
      max-width: 1053px;
      width: 100%;
      justify-content: space-between;
      align-items: center;
      border-radius: 16px;
      padding: 15px;
      color: #000;
      margin-top: 50px;
      padding: 0 25px 0 40px;
  }
  .qrCode img {
      width: 24px;
      margin-right: 10px;
      filter: grayscale(100%);
      opacity: 0.7;
  }
  .qrCode {
      display: flex;
      color: #091f44bf;
      opacity: 0.5;
      font-family: 'FrizQuadrata';
      font-weight: bold;
  }
  .qrCode p {
      margin: 0;
      opacity: 0.8;
  }
  .inputFeild {
      position: relative;
  }

  .inputFeild i {
      position: absolute;
      left: 0;
      top: 18px;
      color: #4b9100;
  }
  .inputFeild input {
      padding: 0 0 0 35px;
      border: none;
      outline: none;
      width: 560px;
      height: 50px;
      font-family: Aller;
      font-size: 16px;
      font-weight: 200;
      background: transparent;
  }
  .crausalCaption form input[type="submit"] {
      height: 46px;
      width: 140px;
      border: none;
      border-radius: 16px;
      background: #4b9100;
      color: #fff;
  }
  .inputFeild input::placeholder {
      color: #b3bac9;
  }
  section.mapSection {
      position: relative;
      z-index: -1;
  }
  .upperText {
      position: absolute;
      top: 0;
      left: 0;
      background: #ffffffcc;
      width: 100%;
      height: 100%;
      padding-top: 180px;
  }
  .leftMap a.themeBtn {
      width: 120px;
      text-transform: none;
      margin: 30px 0;
      padding: 0;
  }
  .leftMap p {
    width: 60%;
    text-transform: none;
    margin: 48px 0 15px 0;
    opacity: 0.8;
}
  .top1 span {
      background: #edf4e5;
      padding: 8px 15px;
      border-radius: 10px;
      margin-left: 10px;
      color: #4b9100cf;
      font-weight: bold;
      font-family: 'FrizQuadrata';
      letter-spacing: 1px;
      FONT-SIZE: 15px;
  }
  .top1 img {
      margin-right: 15px;
  }
  .Bottom1:before {
      content: "";
      width: 11px;
      height: 11px;
      background: #e4e9eb;
      position: absolute;
      left: 0;
      top: 13px;
      border-radius: 50%;
  }
  .Bottom1 {
      position: relative;
      padding-left: 35px;
      margin-top: 20px;
      font-size: 24px;
      opacity: 0.5;
      font-family: FrizQuadrata;
  }
  .mapProduct {
      margin: 16px 23px 22px 23px;
      padding: 25px 35px;
      object-fit: contain;
      border: solid 1px rgba(9, 31, 68, 0.05);
      background-color: #ffffff;
      width: 100%;
      float: left;
      border-radius: 15px;
      max-width: 300px;
      box-shadow: 0 0 10px #eee;
  }
  .mapProductImg img.symbolfarm {
      position: absolute;
      bottom: 0;
      right: -6px;
      width: 28px;
    border: 1px solid #ccc;
}
  .mapProductImg {
      width: 90px;
      position: relative;
      float: left;
      margin-right: 20px;
  }
  .mapProductTxt p img {
      width: 15px;
      margin-right: 5px;
      height: 15px;
      position: relative;
      top: 4px;
  }
  .mapProductTxt {
      width: calc(100% - 130px);
      float: right;
      border-right: 1px solid #cfd3da61;
      margin-right: 20px;
  }
  .mapProductTxt h1 {
      font-size: 40px;
      margin: 0 0 5px 0;
      text-transform: capitalize;
      color: #091f44;
  }
  .mapProductTxt p {
      margin-bottom: 0;
      display: flex;
      color: #091f44;
      opacity: 0.8;
  }
  .mapProductbody {
      width: 100%;
      float: left;
      margin-top: 10px;
  }
  .mapProductbody h5 {
      margin-top: 15px;
      margin-bottom: 15px;
      font-size: 16px;
  }
  .mapProductbody p {
      margin: 0 0 15px 0;
      width: 100%;
      display: flex;
      justify-content: space-between;
  }
  .mapProductbody p i {
      color: #ffd541;
      margin-right: 5px;
  }
  .mapProductbody .themeBtn {
      border: 1px solid #4b9100;
      height: 46px;
      background: #4b9100;
      color: #fff;
  }
  .mapProductbody .themeBtn {
      border: 1px solid #4b9100;
      height: 36px;
      background: #4b9100;
      color: #fff;
      margin-top: 20px;
      font-weight: 200;
  }

  .rightDetal {
      position: relative;
      z-index: 9;
  }
  .rightDetal {
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: flex-start;
      padding-top: 70px;
  }
  .rightDetal small {
      color: #091f44;
      text-transform: uppercase;
      font-size: 10px;
      font-family: 'FrizQuadrata';
  }
  .newDesign h3 {
      font-size: 40px;
      margin-bottom: 0;
      width: 100%;
      line-height: 60px;
      margin: 5px 0;
      letter-spacing: 0;
  }
  .newDesign p {
      margin-bottom: 30px;
      margin-top: 10px;
      line-height: 28px;
      font-weight: 200;
      color: #091f44;
      opacity: .8;
  }
  .newDesign img {
      width: 100%;
      border: 0;
      border-top-left-radius: 80px;
      border-bottom-right-radius: 80px;
      box-shadow: none;
  }
  .withSpacing {
    padding: 160px 0;
    display: inline-block;
    width: 100%;
}
.crausalCaption p {
    color: #091f44;
    /* opacity: .8; */
}
.howItWorks .bannerMai h1 {
    max-width: 700px;
    text-align: center;
}
.howItWorks  .bannerMai {
    margin-top: 50px;
    margin-bottom: 0;
}
  .righte, .bR, .righte, .bR, .tL {
      position: relative;
      z-index: 9;
  }
  a.btnPlay {
      display: flex;
      justify-content: center;
      align-items: center;
      font-family: FrizQuadrataTT;
  }
  a.btnPlay i {
      padding: 8px 15px;
      border: 1px solid #4b9100;
      font-size: 16px;
      margin-right: 10px;
      border-radius: 15px;
      color: #091f43;
      height: 46px;
      display: flex;
      justify-content: center;
      align-items: center;
  }
  a, .placeholder-slot-r .entry-episode {
      color: #4b9100;
  }
  a:hover{
      color: #4b9100;
      text-decoration: underline;
  }
  .slick-slide {
      outline: none;
  }
  section.serviceSlider {
      padding-top: 0;
      margin-top: -80px;
  }
  .serviceSlider .slick-prev {
      left: auto;
      top: 62px;
  }
  .serviceSlider .slick-next {
      left: auto;
      top: 14px;
  }
  .slick-prev:before,  .slick-next:before {
      font-size: 35px;
      opacity: .4;
      color: #4b9100;
  }
   .slick-prev:hover:before, .slick-next:hover:before {
      opacity: 1;
  }
  .sectionHeading {
      position: relative;
      padding-bottom: 5px;
      margin-bottom: 60px;
      text-align: center;
      font-size: 40px;
  }
  .sectionHeading:before {
      content: "";
      height: 5px;
      width: 15px;
      background: #fff;
      position: absolute;
      left: calc(50% - 10px);
      bottom: -10px;
      background: #091f44;
      border-bottom-right-radius: 3px;
      border-bottom-LEFT-radius: 3px;
  }
  .slideDesign {
    border: 10px solid #edf4e5;
    padding: 70px 45px;
    background: #fff;
    margin: 0 56px;
    position: relative;
    text-align: center;
    max-width: 780px;
    margin: 20px auto 110px auto;
    border-radius: 8px;
    line-height: 20px;
    position: relative;
}
  .testimonialSlider {
    padding: 168px 0;
    background-size: 100%;
}
.slideDesign img {
    width: 76px;
    height: 76px;
    border-radius: 16px;
    position: absolute;
    bottom: -120px;
    left: calc(50% - 35px);
    cursor: pointer;
    object-fit: cover;
}
.testimonialSlider .slick-prev, .testimonialSlider .slick-next {
    top: calc(50% - 50px);
    background-image: url(/assets_web/images/icons/angle-right.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 17px;
}
.testimonialSlider button.slick-prev.slick-arrow {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    bottom: 32px;
    margin-top: -20px;
}
.testimonialSlider .slick-arrow:hover, .testimonialSlider .slick-arrow:focus {
    background-color: #e7f3db;
    background-image: url(/assets_web/images/icons/angle-right.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 17px;
}
.testimonialSlider .slick-prev:before,
 .testimonialSlider .slick-next:before {
    content: "";
}
  img.logo-img {
      max-height: 24px;
  }


  .footerMenu ul li a {
      color: #a9b1bd;
  }
  .footerMenu ul li.active a,
  .footerMenu ul li a:hover {
      color: #4b9100;
  }
  .footerMenu ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    list-style: none;
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 0;
}
  .socialIcons ul {
      display: flex;
      justify-content: center;
      list-style:none;
      padding: 0;
  }
  .socialIcons ul li {
      margin: 0 20px;
  }
  .socialIcons ul li a{
      font-size: 18px;
      color: #091f44;
  }
  .copyright {
      padding: 10px 0 0 0;
      color: #cccfd6;
      text-align: center;
  }
  footer {
      margin-top: 30px;
  }
  .fixedHeader {
      width: 100%;
      position: fixed;
      left: 0;
      top: 0;
      z-index: 99;
      background: #fff;
  }
  .fixedHeader .custom-nav {
      height: 52px;
  }
  .modalCenter {
      height: 100vh;
      display: flex;
      justify-content: center;
      align-items: center;
      overflow: auto;
  }
  .modalCenter .modal-dialog {
      max-width: 920px;
      width: 100%;
      margin:auto;
  }
  .img-responsive {
      width: 100%;
  }
  .modalCenter > div {
      border-radius: 32px;
      overflow: hidden;
  }
  .loginBtext {
      position: absolute;
      color: #fff;
      bottom: 10px;
      width: 100%;
      text-align: center;
      padding: 25px 0;
      left: 0;
      font-size: 24px;
      line-height: 36px;
      font-family: FrizQuadrata;
  }
  img.modalImage {
      height: 31px;
      width: 128px;
  }
  .modalCenter .modal-header {
      border-bottom: 0;
      padding-left: 0;
      padding: 30px 30px 30px 0px;
  }
  .modalCenter .close {
      float: right;
      font-size: 3.2rem;
      outline: none;
      padding: 0;
      color: #0a1e44;
      position: relative;
      top: 7px;
      opacity: 1;
      right: 10px;
  }
  .formLoginlogin {
      width: 100%;
  }
  .formdesign h3 {
      font-size: 24px;
      line-height: 36px;
      margin-top: 0;
      margin-bottom: 0;
  }
  .formdesign p {
      font-size: 16px;
      color: #adb4c1;
      margin-bottom: 30px;
  }
  .formLoginlogin input, .formLoginlogin button {
      width: 100%;
      height: 46px;
  }
  .inputDesing input, .inputDesing select {
    border: 1px solid #adb4c133;
    padding: 5px 15px 5px 45px;
    outline: none;
    margin-bottom: 5px;
    font-size: 16px;
    color: #adb4c1;
    width: 100%;
    height: 46px;
    border-radius: 8px;
}
.formLoginlogin.rSteps.stepTwo.current form .form-Group.dFlex .twoCol {
    width: 50%;
}
  .inputDesing select option{
      padding: 0 15px;
      height: 35px;
  }
  .inputDesing input::placeholder {
     color: #a7afbc;
  }
  .inputDesing i {
    position: absolute;
    left: 0;
    height: 25px;
    width: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-right: 1px solid #adb4c154;
    top: 11px;
    font-size: 13px;
    color: #091f44;
}
  .inputDesing img {
      width: 30px;
      position: absolute;
      left: 5px;
      height: 22px;
      top: 11px;
      border-right: 1px solid #adb4c154;
      padding-right: 3px;
  }

  .inputDesing {
      position: relative;
  }
  .form-Group {
      position: relative;
      margin-bottom: 5px;
  }
  .formdesign button[type="submit"] {
      background: #4b9100;
      color: #fff;
      border: none;
      border-radius: 14px;
      outline: none;
  }
  .orSpace {
      width: 100%;
      margin-bottom: 10px;
      text-align: center;
      color: #cccccca1;
      position: relative;
      padding: 10px 0;
      position: relative;
      z-index: 9;
  }
  .leftImg {
      height: 100%;
      object-fit: cover;
      position: relative;
      top: -1px;
      height: calc(100% + 2px);
  }
  .googleBtn {
      height: 46px;
      color: #8e8e8e;
      margin-bottom: 15px;
  }
  .facebookBtn {
      color: #4267b2;
      height: 46px;
      margin-bottom: 15px;
  }

  .facebookBtn:hover {
      background: #4267b2;
      color: #fff;
      border-color: #4267b2;
  }
  .googleBtn:hover{
      background: #8e8e8e;
      color: #fff;
      border-color: #8e8e8e;
  }
  .googleBtn i,
  .facebookBtn i{
      margin-right: 10px;
  }
  .googleBtn  img{
      width: 22px;
      margin-right: 7px;
  }
  .formLoginlogin form {
      padding-bottom: 25px;
  }
  .formdesign {
      min-height: 420px;
      display: flex;
      justify-content: center;
      align-items: center;
      padding-right: 30px;
      position: relative;
  }
  .radioBtns input {position: absolute;z-index: -1;opacity: 0;left: 0;top: 0;}
  .radioBtns sapn {
      width: 100%;
  }
  .radioBtns label {
      width: 100%;
      padding-left: 30px;
      margin: 0;
      position: relative;
  }
  .radioBtns label span {
      height: 46px;
      width: 100%;
  }

  .radioBtns label span {
      color: #adb4c1;
      background: #fff;
      border: 1px solid #adb4c154;
      text-transform: none;
      font-size: 16px;
      padding: 0;
      font-family: FrizQuadrata;
      cursor: pointer;
  }
  .radioBtns input:checked + label:before {
      content: "";
      position: absolute;
      left: 0;
      top: 10px;
      width: 24px;
      height: 24px;
      border: 7px solid #4b9100;
      border-radius: 50%;
  }
  .radioBtns input:checked + label span{
      color: #fff;
      background: #4b9100;
      border: 1px solid #4b9100;
      text-transform: none;
  }
  .bgBtn {
      background: #4b9100;
      color: #fff;
      border: none;
      border-radius: 13px;
      outline: none;
      width: 100%;
      height: 46px;
      cursor: pointer;
      font-weight: 200;
      font-family: 'FrizQuadrataTT', 'FrizQuadrata';
      font-size: 16px;
  }
  .inputDesing i.fas.fa-eye {
      right: 15px;
      left: auto;
      cursor: pointer;
      border: none;
      width: auto;
  }
  button i.fas.fa-angle-double-right,
  span i.fas.fa-angle-double-right{
      margin-left: 5px;
  }
  .rSteps{
      display: none;
  }
  .rSteps.current {
      display: block;
      width: 100%;
  }
  .disabled {
      pointer-events: none;
      background: #ccc;
      color: #fff;
      border-color: #ccc;
  }
  .dFlex {
      display: flex;
  }
  .dFlex > div:last-child {
      margin-left: 10px;
  }
  .dFlex > div:last-child input {
      padding: 0 15px;
  }
  .formdesign button[type="submit"].disabled {
      background: #ccc;
  }
  i.fas.fa-phone {
      transform: scaleX(-1);
  }
  .inputDesing i.fas.fa-phone {
      border-left: 1px solid #adb4c154;
  }
  span.fade-text {
      color: #ccc;
  }
  .formSubmit {
      display: none;
  }
  ul.appLink li img {
      height: 46px;
      margin-right: 10px;
  }
  ul.appLink {
      padding: 0;
      list-style: none;
      display: flex;margin-top: 30px;
  }

  ul.appLink li {
      margin-right: 10px;
  }

  ul.appLink li:last-child {
      margin: 0;
  }
  .btnSuccess {
      margin: 10px 0 30px 0;
  }
  #forgetPassword .formdesign {
      min-height: auto;
      padding: 0;
  }
  #forgetPassword .modalCenter .modal-dialog {
      max-width: 420px;
  }
  #forgetPassword .modal-content {
      padding: 10px 30px;
  }
  #forgetPassword .modalCenter {
      background: #0000005c;
  }
  .custom-nav .marginAuto li:last-child {
      margin-right: 0;
  }
  .cartBasket i {
      color: #4b9100;
      font-size: 19px;
      margin: -4px 5px 0 5px;
  }
  .cartBasket span {
      background: #edf4e5;
      border: 1px solid #b0bda1;
      height: 13px;
      float: right;
      color: #289400;
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 3px;
      font-size: 10px;
      padding: 0 3px;
  }
  .footerMenu ul li button,
  select.selectpicker{
      padding: 0;
      font-size: 14px;
      color: #848faa;
      border: none;
      width: 45px;
  }

  .btn.focus, .btn:focus {
      box-shadow: none;
  }
  .footerMenu ul li span.flag-icon {
      margin-right: 5px;
      max-height: 12px;
      position: relative;
      top: 1px;
  }
  .cartBasket i {
      color: #4b9100;
      font-size: 22px;
      margin: -2px 5px 0 5px;
      height: 24px;
      width: 24px;
      display: flex;
      justify-content: center;
      align-items: center;
  }
  #forgetPassword .modalCenter .modal-header {
      padding-right: 0;
  }
  .dFlexJsp {
      margin: 0;
      display: flex;
      justify-content: space-between;
      margin-top: 5px;
  }
  #forgetPassword .form-Group {
      margin-bottom: 15px;
  }
  #forgetPassword .dFlexJsp {
      margin-top: 35px;
      margin-bottom: 0;
  }
  .forPhone{
      display:none;
  }
  .textMatch .forEmail{
      display:none;
  }
  .textMatch .forPhone{
      display:block;
  }
  .textMatch .fa-at:before {
          content: "\f10b";
      transform: scaleX(-1);
  }
  .mb-10 {
      margin-bottom: 10px;
  }
  .modal 	.modal-content {
      border: none;
  }
  .themeBtn i.fas.fa-angle-double-left {
      margin-right: 5px;
      margin-top: 1px;
  }

  img.forgetImg {
      height: 150px;
      margin-bottom: 20px;
  }
  .mb-0{
      margin-bottom: 0;
  }
  [class^="forgetStep"] {
    display: none;
  }
  [class^="forgetStep"].currentPs {
    display: block;
  }
  .custom-nav ul li.active a {position: relative;}
  .custom-nav ul li.active a:before {
      content: "";
      width: 7px;
      height: 3px;
      position: absolute;
      background: #618f20ad;
      border-bottom-right-radius: 5px;
      border-bottom-left-radius: 5px;
      bottom: -2px;
      left: calc(50% - 4px);
  }


  .mapProductImg img:first-child {
      height: 77px;
  }
   img.symbolfarm {
      position: absolute;
      bottom: 0;
      right: -5px;
      width: 25px;
  }
  .mapProductImg {
      width: 68px;
      margin-right: 10px;
  }

  .slick-prev:before, .slick-next:before {
      font-size: 18px;
      color: #4b9100;
      font-family: 'Font Awesome 5 Free';
      font-weight: 900;
  }
  .slick-next:before {
     content: "\f105";
  }
  .slick-prev:before {
        content: "\f104";
  }
  .slick-arrow {
      border-radius: 4px;
      height: 40px;
      width: 40px;
      border: 1px solid #eee;
      border-radius: 13px;
      right: -80px;
      background: #fff;
  }
  .slick-arrow:hover,
  .slick-arrow:focus{
      background: #e7f3db;
  }
  .righte,
  .bR,
  .righte, .bR, .tL {
      position: relative;
      z-index: 9;
  }

  .bR:before {
      position: absolute;
      content: "";
      bottom: -55px;
      right: -55px;
      border: 2px solid #dfebd1cf;
      width: 100%;
      height: 100%;
      border-top-left-radius: 90px;
      border-bottom-right-radius: 90px;
      z-index: -1;
  }
  .tL:before {
    position: absolute;
    content: "";
    left: -55px;
    top: -55px;
    border: 2px solid #dfebd1cf;
    width: 100%;
    height: 100%;
    border-top-left-radius: 90px;
    border-bottom-right-radius: 90px;
    z-index: -1;
}
  .tR:before {
      position: absolute;
      content: "";
      bottom: unset;
      right: -55px;
      border: 2px solid #dfebd1cf;
      width: 100%;
      height: 100%;
      border-top-left-radius: 90px;
      border-bottom-right-radius: 90px;
      top: -55px;
      z-index: -1;
  }
  ul.appLinkHome {
      display: flex;
      list-style: none;
      padding: 0;
  }

  ul.appLinkHome li img {
      height: 46px;
      width: auto;
      border-radius: 0;
      margin-right: 20px;
  }
  ul.appLinkHome a.btnPlay {
      width: 110px;
      text-decoration: none;
  }
  ul.appLinkHome li a {
      margin: 0;
      font-size: 13px;
  }
  ul.appLinkHome a.btnPlay {
      width: 140px;
      text-decoration: none;
  }
  .vBot {
      padding-top: 80px;
      padding-left: 90px;
  }
  .vBot {
      padding-top: 80px;
      padding-left: 80px;
  }
  .vBottom {
      justify-content: flex-end;
  }
  .vBottom ul.appLinkHome{
      margin-bottom: 0;
  }
  .testimonialSlider section {
      max-width: 940px;
      margin: 0 auto;
      position: relative;
  }
  .slideDesign h4 {
      font-size: 16px;
      margin: 0;
  }
  .footerMenu ul li .dropdown img {
      height: 15px;
      margin-right: 6px;
      width: 21px;
  }
  .footerMenu ul li .dropdown-toggle::after {
      display: inline-block;
      margin-left: 0;
      vertical-align: 0;
      content: "";
      border-top: none;
      border-right: none;
      border-bottom: 0;
      border-left: none;
      font-family: 'Font Awesome 5 Free';
      font-weight: 600;
      content: "\f107";
      font-size: 11px;
      position: absolute;
      right: -18px;
      font-size: 16px;
      top: -3px;
  }
  footer .dropdown {
      padding: 0;
  }
  .slideDesign p {
      font-style: italic;
      line-height: 28px;
      opacity: 0.7;
      font-weight: 400;
  }
  .slideDesign span {
      font-size: 12px;
  }
  .navCusRight {
      margin-top: 4px;
  }
  .cartBasket {
      display: flex;
      justify-content: flex-end;
      align-items: center;
  }
  .modal form label {
      color: #091f44;
      font-size: 12px;
      font-family: FrizQuadrata;
  }
  .formData > div:last-child {
      padding: 0 30px;
  }
  .modal .fa-phone:before {
      content: "\f10b";
  }
  .mt-40-mb-20 {
      margin-top: 40px;
      margin-bottom: 10px;
  }
  .modal form .radioBtns label {
      margin-bottom: 0;
  }
  .loginBtext ul {
      display: flex;
      padding: 0;
      margin: 0;
      list-style: none;
      justify-content: center;
      width: 100%;
  }

  .loginBtext ul li {
      height: 5px;
      width: 5px;
      background: #aaa;
      margin: 0 5px;
      border-radius: 6px;
      margin-top: 10px;
  }
  .loginBtext ul {
      display: flex;
      padding: 0;
      margin: 10px 0 0 0;
      list-style: none;
      justify-content: center;
      width: 100%;
  }
  .loginBtext ul li.active {
      width: 30px;
      background: #fff;
  }
  .signBack {
      color: #c1c7d0;
      position: absolute;
      bottom: 0;
      font-weight: 400;
      font-size: 16px;
  }
  .stepOne {
      padding-bottom: 40px;
  }

  .data2{
      display: none;
  }
  .thisStep2 .data2{
      display: block;
  }
  .thisStep2 .data1{
      display: none;
  }
  a#twoSetep1 {
      margin-top: 20px;
      float: left;
      margin-bottom: 30px;
  }
  .modal-open .modal {
      padding: 0 !important;
  }
  #sQp1rvnKdtw .modalCenter .modal-header {
      padding: 0;
      background: #0000;
  }
  #sQp1rvnKdtw .modalCenter .close {
      font-size: 1.3rem;
      padding: 5px 16px;
      position: absolute;
      right: 15px;
      top: 14px;
      background: #fff;
      border-bottom-left-radius: 30px;
  }
  footer .dropdown-item {
      padding: 0px 7px;
  }
  footer .dropdown-menu.show {
      padding: 5px;
      min-width: 7rem;
  }
  header#header {
      margin-top: 10px;
  }

  .leftMap h3:before {
    content: "";
    height: 7px;
    width: 20px;
    background: #fff;
    position: absolute;
    left: 0;
    bottom: -20px;
    border-bottom-right-radius: 3px;
    border-bottom-LEFT-radius: 3px;
    background: #374967;
}
  .leftMap h3 {
      position: relative;
      margin-bottom: 30px;
      font-size: 40px;
  }
  .inputDesing input::placeholder {
      opacity: 0.5;
  }
  .orSpace:before {
      content: "";
      height: 1px;
      background: #f7f8f9;
      width: 70px;
      position: absolute;
      background: #fff;
      border-right: 15px solid;
      border-left: 15px solid;
      top: 19px;
      left: calc(50% - 35px);
      z-index: -1;
  }
  .checkPhone{
      display: none;
  }
  .forgetStep2.textMatch .checkPhone{
      display: block;
  }
  .forgetStep2.textMatch .checkEmail{
      display: none;
  }
  .formdesign p >b {
      color: #6a778e;
  }

  .formSubmit h3 {
      margin-bottom: 15px;
  }
  .top1 {
      font-size: 16px;
      font-size: 24px;
      font-family: FrizQuadrata;
  }
  .top1 img {
      width: 32px;
  }


  .accHead .navbar-brand {
      padding: 0;
  }
  .accHead ul li {
    margin: 4px 20px 0 20px;
}
body.spanish .accHead ul li {
    margin: 4px 10px 0 10px;
}

.accHead {
    padding-top: 75px;
    margin-bottom: 72px;
}
  .accHead .cartBasket i {
      color: #4b9100;
      font-size: 15px;
      margin: 0 5px 0 5px;
  }
  .accHead .cartBasket span {
      font-size: 10px;
      border: none;
      height: 15px;
      width: 15px;
  }
  div#profile img {
    width: 33px;
    margin-right: 5px;
    height: 33px;
    border-radius: 12px;
    object-fit: cover;
    border: 1px solid #ddd;
}
footer {
    width: 100%;
    float: left;
    background: #fbfbfb;
    padding-top: 70px;
    padding-bottom: 30px;
}
  .userData > h4 {
      font-size: 16px;
      margin-bottom: 5px;
  }
  .userData a {
    font-weight: 200;
    text-decoration: none;
    pointer-events: none;
}
  .userData a i {
      font-size: 12px;
      margin-right: 2px;
  }
  .FarmSection {
      padding-top: 35px;
      background: #fbfbfb;
      padding-bottom: 40px;
      float: left;
      width: 100%;
  }
  .BreadcrumbsSection ol.breadcrumb {
      padding: 0;
      background: transparent;
      font-size: 12px;
      margin: 0 0 7px;
      font-family: FrizQuadrata;
  }
  .breadcrumb-item.active {
      color: #12255b;
  }
  .breadcrumb-item+.breadcrumb-item::before {
      content: ">";
      color: #b3b9c5;
  }
  .breadcrumb-item+li.breadcrumb-item.active::before {
      color: #6c757d;
  }
  .BreadcrumbsSection ol.breadcrumb li.breadcrumb-item a {
      color: #b3b9c5;
      text-decoration: none;
  }
  .Farmslider .FarmsliderImg {
    width: 100%;
    height: 580px;
    overflow: hidden;
    border-radius: 40px;
    /* border: 1px solid #aaa; */
}
  .Farmslider .FarmsliderImg img {
      width: 100%;
      height: 100%;
      object-fit: cover;
  }
  .FarmSection .mapProduct {
      padding: 15px 0 0;
      margin: 0;
      border: none;
      object-fit: none;
      background: transparent;
  }
  .Farmslider .slick-dots li button:before{
      display: none;
  }
  .Farmslider .slick-dots li {
      width: auto;
      height: auto;
  }
  .Farmslider .slick-dots li button {
      width: 6px;
      height: 6px;
      background: #c0c0c0;
      border-radius: 50%;
      padding: 0;
  }
  .Farmslider .slick-dots li.slick-active button {
      background: #4b9100;
      width: 44px;
      border-radius: 4px;
  }
  .FarmSection .mapProduct .mapProductHead {
      float: left;
      width: 100%;
  }
  .FarmSocialLink {
      width: 100%;
      display: flex;
      justify-content: space-between;
      flex-direction: row;
  }
  .RoundCircleDesign {
      width: 6px;
      height: 6px;
      background: #e1e3e6;
      border-radius: 50%;
      margin: 0 10px;
  }
  .FarmSocialLink .socialIcons {
      display: flex;
      align-items: center;
  }
  .FarmSocialLink .AltitudeArea {
    display: flex;
    flex-direction: row;
    color: #b3b9c5;
    font-size: 16px;
    align-items: center;
    width: 100%;
    justify-content: flex-start;
}
  .FarmSocialLink .AltitudeArea p {
      margin: 0;
  }
  .FarmSocialLink .AltitudeArea p b {
      margin: 0 4px 0 1px;
      color: #091f44;
  }

  .FarmSocialLink .socialIcons p, .FarmSocialLink .socialIcons ul {
      margin: 0;
  }
  .FarmSocialLink .socialIcons ul li a , .FarmSocialLink .socialIcons p {
      font-size: 14px;
  }
  .FarmSocialLink .socialIcons ul li {
      margin: 0 0px 0 17px;
  }
  .orderdeliverydistance p {
      margin: 0 0 14px;
      width: 100%;
      float: left;
      background: #fff;
      display: flex;
      justify-content: space-between;
      padding: 8px 13px;
      border-radius: 14px;
      color: rgba(9, 31, 68, 0.5);
      font-size: 16px;
      font-family: 'FrizQuadrata';
      border: solid 1px rgba(9, 31, 68, 0.05);
  }
  .FarmTabs {
      width: 100%;
      float: left;
  }
  .FarmTabs ul.nav.nav-tabs {
      display: flex;
      flex-direction: row;
      border: none;
      margin-bottom: 20px;
      margin-top: 30px;
      justify-content: space-between;
  }
  .FarmTabs ul.nav.nav-tabs li a {
      color: #828d9f;
      text-decoration: none;
      position: relative;
      font-size: 24px;
      font-family: 'FrizQuadrata';
  }


  .FarmTabs ul.nav.nav-tabs li a.active:before {
      content: '';
      position: absolute;
      bottom: -7px;
      width: 28px;
      height: 3px;
      background: #4b9100;
      left: 0;
      border-bottom-left-radius: 6px;
      border-bottom-right-radius: 6px;
  }
  .FarmTabs ul.nav.nav-tabs li a.active {
      color: #4b9100;
  }
  .FarmTabs .tab-content .mapProduct .mapProductImg {
      width: 62px;
      overflow: hidden;
      height: 62px;
      margin-right: 0px;
  }
  .FarmTabs .tab-content .mapProduct .mapProductImg img {
      width: 100%;
      height: 100%;
      object-fit: cover;
  }
  .FarmTabs .mapProduct .mapProductHead .mapProductTxt {
      width: calc(100% - 72px);
  }
  .FarmTabs .mapProduct .mapProductHead .mapProductTxt h2 {
      font-size: 15px;
  }
  .FarmTabs .mapProduct .mapProductHead .mapProductTxt p {
      font-size: 12px;
  }
  .FarmProduce , .FarmProduce .FarmsliderImg  {
      width: 100%;
      float: left;
  }
  .FarmProduce .FarmsliderImg img {
      width: 100%;
      height: 100%;
  }
  aside.sideBar {
      width: 230px;
      float: left;
  }
  .mainContent {
      width: calc(100% - 273px);
      border: 1px solid #f5f2f2;
      float: left;
      border-radius: 12px;
      min-height: 60vh;
      background: #fff;
      overflow: hidden;
  }
  .BreadcrumbsSection {
    margin-bottom: 13px;
}
  aside.sideBar {
      width: 233px;
      float: left;
      margin-top: 5px;
      margin-right: 40px;
  }
  .barHead {
      display: flex;
      align-items: center;
      border-bottom: 1px solid #f5f2f2;
      padding-bottom: 18px;
      margin-bottom: 15px;
      font-family: FrizQuadrata;
  }
  .barHead > img {
    width: 56px;
    height: 56px;
    margin-right: 10px;
    border-radius: 14px;
    object-fit: cover;
    border: 1px solid #ddd;
}

  div#profile i {
      margin-left: 6px;
      position: relative;
      top: 1px;
  }

  .userData a img {
      width: 16px;
      margin-top: -4px;
      margin-right: 2px;
  }
  .custom-nav .navCusRight li .dropdown {
      font-family: FrizQuadrata;
      FONT-SIZE: 16px;
      /* cursor: pointer; */
  }
  div#profile{
    cursor: pointer;
  }
  ul.navBar {
      list-style: none;
      padding: 0;
      margin: 0;
  }
  ul.navBar li {
      width: 100%;
      float: left;
  }
  ul.navBar li:nth-child(3n) a {
    border-bottom: 1px solid #091f4429;
    padding-bottom: 30px;
    margin-bottom: 15px;
}
  ul.navBar li:last-child a {
    border: none;
}

  ul.navBar li a {
      padding: 15px 0;
      width: 100%;
      float: left;
      text-decoration: none;
      color: #a1a9b7;
      font-family: 'FrizQuadrata';
  }
  .custom-nav ul a.dropdown-item {
      padding: 5px 15px;
  }

  ul.navBar li a img {
      width: 24px;
      margin-right: 10px;
  }

  ul.navBar li.active a, ul.navBar li:hover a {
      color: #4b9100;
      position:relative;
  }
  ul.navBar li.active a:before, ul.navBar li:hover a:before {
    content: "";
    height: 6px;
    width: 6px;
    background: #4B9100;
    position: absolute;
    right: 12px;
    top: 25px;
    border-radius: 50%;
    overflow: hidden;
}
  ul.navBar li:hover a.colorRed:before {
      background: #a11614;
  }

  ul.navBar li a.colorRed {
      color: #a11614;
  }
  ul.navBar li:hover a.colorRed img {
      filter: none;
  }
  .mapProduct .mapProductTxt {
      width: calc(100% - 110px);
      border-right: none;
      margin-right: 0;
  }
  .mapProduct {
      max-width: 350px;
  }
  .custom-nav ul li {
      height: 46px;
      display: flex;
      justify-content: center;
      align-items: center;
  }
  .modal a,
  .modal button{
      font-family: FrizQuadrata;
  }
  .formdesign {
      min-height: calc(100% - 120px);
  }
  section.serviceSlider > div {
      box-shadow: -1px -3px 13px #eeeeee8a;
      padding: 30px 30px;
      border-radius: 16px;
      background: #fff;
  }
  .slick-active + .slick-active + .slick-active + .slick-active .mapProductTxt {
      border-right: none;
  }
  .tabHeading ul {
      display: flex;
      justify-content: space-between;
      font-size: 24px;
      font-family: 'FrizQuadrata';
  }
  .tabHeading ul.nav-tabs li a {
    padding: 30px 50px;
    border: none;
    color: rgba(9,31,68,0.5);
    font-weight: 500;
}
.tabHeading ul.nav-tabs li a.active {
    color: #4B9100;
    border-bottom: 3px solid;
}
  .tabHeading .tab-content {
      padding: 40px;
  }
  .userData a span {
      opacity: 0.6;
  }
  .form-Group1 {
      display: flex;
      justify-content: center;
      align-items: center;
  }
  .tabHeading .filters {
    padding: 20px 25px;
    margin-bottom: 24px;
    background: #fbfbfb;
}
  .form-Group1 label {
      font-family: 'FrizQuadrata';
      font-size: 12px;
      margin-right: 10px;
  }
  .form-Group1 .inputDesing input::placeholder {
      opacity: 0.4;
  }
  .form-Group1 .inputDesing i {
      top: 9px;
  }
  .form-Group1 .inputDesing {
      margin-right: 15px;
  }
  .tabHeading section.filters .form-inline {
    justify-content: space-between;
    padding: 0;
}
.form-Group1 .inputDesing input, .form-Group1 .inputDesing select {
    color: #091f44;
    height: 46px;
    width: 100%;
    margin-bottom: 0;
    border-radius: 8px;
    min-width: 290px;
}
  .form-Group1 .themeBtn {
      padding: 0 43px;
      border-radius: 16px;
      font-size: unset;
      font-family: 'FrizQuadrata';
  }
  .slideDesign:after {
    content: "";
    height: 25px;
    width: 25px;
    border: 9px solid #edf4e5;
    position: absolute;
    bottom: -19px;
    transform: rotate(45deg);
    background: #fff;
    z-index: -1;
    left: calc(50% - 7px);
    z-index: 9;
    border-top: none;
    border-left: none;
}
  .signBack a {
      margin-left: 5px;
  }

  .tableDesign .table thead th:first-child,
  .tableDesign .table tr td:first-child,
  .tableDesign .table tfoot tr th:first-child {
      padding-left: 29px;
  }
  .tableDesign .table td img {
    width: 24px;
    height: 24px;
    overflow: hidden;
    border-radius: 8px;
}
  .tableDesign .table  td span {
      width: 100%;
      float: left;
  }
  .tableDesign .table td a.themeBtn {
      border: 1px solid;
      padding: 0 30px;
      height: 32px;
      border-radius: 16px;
      color: #4b9100;
      display: flex;
      justify-content: center;
      align-items: center;
      transition: 0.3s;
      width: 120px;
      border-radius: 11px;
      padding: 0;
      font-size: 12px;
      font-family: 'FrizQuadrata';
      margin-top: 6px;
  }
  .tableDesign .table td a:first-child.themeBtn {
      margin-top: 0;
  }
  .tableDesign .table td a.themeBtn.btnRed {
      color: #a11614;
      margin-top: 6px;
  }
  .tableDesign .table td a.themeBtn.btnRed:hover {
      color: #fff;
      background: #a11614;
      border: 1px solid #a11614;
  }
  .tableDesign .table td a.themeBtn:hover {
      color: #fff;
  }
  .tableDesign .table tr th:last-child {
      width: 150px;
  }
  .tableDesign pre {
      color: #0e224f;
      font-size: unset;
      margin: 0;
      font-family: Aller;
  }
  .tableDesign .table {
      color: #0e224f;
      border-radius: 16px;
      margin: 0;
  }
  .tableDesign .table td, .tableDesign .table th {
      padding: 24px 11px;
      position: relative;
  }
  .tableDesign .table td{
      vertical-align: middle;
  }
  .tableDesign {
      border: 1px solid #dee2e6;
      padding: 0;
      border-radius: 16px;
      overflow-x: hidden;
  }
  .tabHeading ul.pagination {
      justify-content: center;
      margin-top: 10px;

  }
  .tabHeading ul.pagination li{
      margin: 0 10px;
  }
  .tabHeading ul.pagination li a{
       color: rgba(14, 34, 79, 0.3);
  }
  .tabHeading ul.pagination li.active a{
       color: #4b9100;
  }
  .forgetStep1 h3 {
      margin-bottom: 15px;
      margin-top: 10px;
  }
  .accModal .modal-dialog.modal-sm {
      max-width: 510px;
  }

  .accModal .modal-header a {
      font-size: 24px;
      font-family: 'FrizQuadrata';
      color: #0a1e44;
      pointer-events: none;
  }
  .accModal .modalCenter > div {
      border-radius: 20px;
  }
  .accModal .modal-content {
      padding: 40px;
  }
  .accModal .modalCenter .modal-header {
      padding: 0;
  }
  .accModal  .deleteModal > p {
      padding: 16px;
      border: 1px solid #eee;
      margin-top: 16px;
      border-radius: 8px;
  }
  .accModal .phnEmlField button {
      width: 100%;
      background: transparent;
  }
  .accModal .phnEmlField button.themeBtn {
      color: #4b9100;
  }
  .accModal .phnEmlField button.btnRed {
      color: #a11614;
       border: solid 1px rgba(9, 31, 68, 0.05);
  }
  .tabHeading ul.pagination {
      font-size: 16px;
  }
  span.quoteCnt {
      display: none;
  }

  .active span.quoteCnt {
      display: inline-block;
      background: #edf4e5;
      height: 23px;
      width: 25px;
      font-size: 12px;
      padding: 2px 8px;
      border-radius: 8px;
      margin-left: 11px;
      position: relative;
      font-family: 'FrizQuadrata';
  }
  .quoteNotification {
      display: inline-block;
      background: #edf4e5;
      height: 26px;
      width: 30px;
      font-size: 19px;
      padding: 0px 8px;
      border-radius: 8px;
      margin-left: 10px;
      position: absolute;
      left: -15px;
      top: -36px;
      width: 240px;
      font-size: 16px;
      display: flex;
      justify-content: space-between;
      display: none;
  }
  .quoteNotification small{
      font-size: 16px;
  }
  a.themeBtn.accpetPay {
      margin-top: 5px;
  }
  label.quoteNotification > i {
      position: relative;
      top: 5px;
      left: 2px;
      font-size: 15px;
  }
  .dropNotification  .dropdown-menu {
      width: 432px;
      padding: 38px 32px;
      border-radius: 16px;
      margin-top: 23px;
      position: relative;
  }
  .dropProfile {
    width: 220px;
    padding: 10px 18px;
    border-radius: 16px;
    margin-top: 19px;
    position: relative;
}

.dropProfile:before, .dropNotification .dropdown-menu:before {
    width: 15px;
    height: 15px;
    content: "";
    position: absolute;
    right: 20px;
    top: -8px;
    background: #eee;
    transform: rotate(
45deg );
    background: #fff;
    border-left: 1px solid #eee;
    border-top: 1px solid #eee;
}
  .dropProfile ul.navBar li a {
      padding: 10px 0;
      margin:0;
  }

  .dropProfile l.navBar li a img {
      width: 18px;
      margin-right: 10px;
      height: 18px;
  }
  .nHead h3 {
      margin: 0;
      font-size: 24px;
  }
  .nHead {
      display: flex;
      justify-content: space-between;
      align-items: center;
  }

  .dropNotification  .mapProductTxt h2 {
      display: flex;
      justify-content: space-between;
  }
  .dropNotification .mapProductImg img:first-child {
    height: 44px;
    object-fit: contain !important;
    border: 1px solid #eee;
    border-radius: 8px;
}
  .dropNotification .mapProductTxt {
      width: calc(100% - 55px);
      margin-right: 0;
  }
  .dropNotification .mapProductTxt h2 {
      font-size: 16px;
      margin-bottom: 2px;
  }
  .dropNotification .mapProductHead {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-top: 25px;
      padding-bottom: 15px;
      border-bottom: 1px solid #ddd;
  }
  .mapProductTxt a p {
      color: #a1a9b7;
        font-size:14px;
  }
  .mapProductTxt p a {
      margin-left: 10px;
      color: #4b9100;
  }
  .dropNotification .mapProductTxt h2 span {
      color: #a1a9b7;
  }
  .dropNotification .mapProductImg {
      width: 38px;
      margin-right: 10px;
  }
  .plusHover {
      position: absolute;
      background: #289400;
      height: 16px;
      width: 16px;
      justify-content: center;
      align-items: center;
      color: #fff;
      border-radius: 6px;
      font-size: 11px;
      font-weight: bold;
      cursor: pointer;
      display: flex;
      left: 0;
      top: 0;
      display: none;
  }
  .mapProductImg:hover .plusHover{
      display: flex;
  }
  .dropNotification .mapProductTxt {
      border-right: none;
  }
  .dropNotification .mapProductHead.noBp {
      border: none;
      padding: 0;
  }

  .cartDetails {
      padding-top: 40px;
  }
  .cartDetails .mapProductImg img:first-child {
      height: 100px;
  }
  .cartDetails .mapProductTxt {
      margin-right: 0;
  }
  .mapProductTxt > p.dflex {
      justify-content: space-between;
  }
  .cartDetails p.cartCline {
      font-size: 12px;
      padding: 8px 0;
  }
  .cartDetails .mapProductTxt h2 {
      font-size: 20px;
      margin: 15px 0 0 0;
  }
  .cartDetails .mapProductTxt p a {
      color: #0a1e44;
  }
  .cartDetails .mapProductTxt {
      border-right: none;
  }
  .cartDetails .mapProductImg {
      width: 100px;

  }
  .cartDetails .mapProductTxt p img {
    width: 21px;
    height: 21px;
    top: 0;
    margin-left: 10px;
    margin-right: 0;
    border-radius: 8px;
}
  .cartDetails .mapProductHead {
      padding-bottom: 20px;
      width: 100%;
      float: left;
  }
  table.tableCart {
      width: 100%;
  }
  table.tableCart tr td:last-child,
  table.tableCart tr th:last-child {
      text-align: right;
  }
  table.tableCart tr td,
  table.tableCart tr th {
      font-size: 16px;
      font-family: 'FrizQuadrata';
      padding: 12px 0;
  }
  table.tableCart tr th {
      font-size: 24px;
      border-top: 1px solid #a1a9b75c;
      padding-top: 24px;
  }
  table.tableCart {
      border-top: 1px solid #a1a9b75c;
  }
  .dropProfile ul.navBar li a img {
      width: 15px;
      margin-right: 10px;
  }
  .btn-ordered{
      background: #e5f4ff;
      color: #0091ff;
  }
  .btn-partiallyPaid{
      background: #fef7e5;
      color: #f1b000;
  }

  .btn-readyShip, .btn-readyShip:hover{
      background: #fef0e5;
      color: #f16c00;
  }
  .btn-rejected, .btn-rejected:hover {
    background: #ff575530;
    color: #A11614;
}
  .btn-delivered, .btn-delivered:hover{
      background: #eef5e5;
      color: #5c9c00;
  }
  .btn-objected, .btn-objected:hover{
      background: #f6e7e6;
      color: #a41607;
  }
  a.themeBt {
      height: 32px;
      border-radius: 16px;
      width: 136px;
      font-family: 'FrizQuadrata';
      float: left;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 12px;
  }
  a.themeBt:hover {
      text-decoration: none;
      /* color: unset; */
  }
  a.themeBtn i.fa.fa-info-circle {
      position: absolute;
      left: -10px;
      color: #f2b40e;
      font-size: 16px;
  }
  h5.subhead {
      font-size: 12px;
      margin: 20px 0;
  }
  .accModal .phnEmlField button.themeBtn.bgBtn {
      background: #4b9100;
      color: #fff;
  }
  p.f12 {
      margin: 0;
      font-size: 11px;
      margin-top: 6px;
      margin-left: 3px;
      color: rgba(14, 34, 79, 0.5);
  }
  .newsPage aside.sideBar {
      width: 375px;
      margin-right: 0px;
  }
  .newsPage aside.sideBar {
      width: 375px;
      margin: 0 30px 0 0;
  }
  h2.nsbHead {
      font-size: 24px;
      text-transform: capitalize;
      margin: 5px 0;
  }
  .newsPage .mapProductHead {
      width: 100%;
      float: left;
      margin: 24px 0;
      border-right: none;
  }
  .newsPage .mapProductTxt {
      width: calc(100% - 110px);
      border-right: none;
      margin-right: 0;
  }
  .newsPage .mainContent {
      width: calc(100% - 375px);
      border: 1px solid #f5f2f2;
      padding: 40px;
  }
  .tabInner {
      padding: 40px 60px;
  }
.tabHeading.tabInner.invoicePage {
    padding: 30px;
}
  .tabInner h2 {
      margin-bottom: 30px;
  }
  .contentHead {
      display: flex;
      justify-content: space-between;
  }
  .contentHead a {
      border: 1px solid;
      height: 32px;
      border-radius: 16px;
      color: #4b9100;
      display: flex;
      justify-content: center;
      align-items: center;
      transition: 0.3s;
      width: 138px;
      font-size: 12px;
      padding: 0;
      border-radius: 11px;
  }


  .new {
    padding: 50px;
  }

  .newCheck input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
  }

  .newCheck label {
      position: relative;
      cursor: pointer;
      margin: 0;
  }
  .newCheck label:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 2px solid #ddd;
    box-shadow: 0 1px 2px rgb(0 0 0 / 5%), inset 0px -15px 10px -12px rgb(0 0 0 / 5%);
    padding: 10px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px;
    background: #fff;
    color: #fff;
    border-radius: 8px;
}
  .newCheck input:checked + label:before {
      border: 2px solid #289400;
      background: #289400;
  }
  .newCheck input:checked + label:after {
    content: '';
    display: block;
    position: absolute;
    top: 4px;
    left: 8px;
    width: 8px;
    height: 14px;
    border: solid #fff;
    border-width: 0 3px 4px 0;
    transform: rotate(
45deg);
}
  .cFoot {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-top: 24px;
  }
  .cFoot p {
      margin-bottom: 0;
  }
  /* *::-webkit-scrollbar {
    display: none;
  } */
  .InboxSidebar .activeChat {
      background-color: #289400;
      padding: 25px 10px;
  }
  .activeChat .mapProductTxt h2 {
      color: #fff;
  }

  .InboxSidebar .activeChat .mapProductTxt p {
      color: #fff;
  }
  .contentHead .bgBtn {
      color: #fff;
      width: auto;
      padding: 0 20px;
      height: 32px;
  }
  .flex-right {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 32px;
      font-family: 'FrizQuadrata';
      font-size: 12px;
  }

  .flex-right a {
      color: #091f44;
      margin-left: 15px;
      text-decoration: none;
  }

  .formDesignProfile .form-Group {
      position: relative;
      margin-bottom: 20px;
      float: left;
      width: 100%;
  }
  .formDesignProfile .dropdown_filter .dropdown-select.wide {
      width: 100%;
      border: solid 1px rgba(9, 31, 68, 0.05);
      height: 46px;
      padding: 2px 15px;
  }
  .formDesignProfile .dropdown_filter {
      width: 100%;
      margin-left: 0;
  }
  .formDesignProfile span.current {
      font-size: 16px !important;
      color: #4a5a75;
      font-weight: 200;
  }
  .tabHeading .formDesignProfile ul {
      display: flex;
      justify-content: space-between;
      font-family: 'Aller';
      flex-direction: column;
      font-size: 16px;
      margin: 0;
  }
  .formDesignProfile input#txtSearchValue {
      border: 1px solid #eee;
      height: 36px;
      width: 100%;
      padding: 0 15px;
  }
  .formDesignProfile .dropdown_filter .dropdown-select .option {
      font-weight: 200;
  }
  .formDesignProfile .dropdown_filter .dropdown-select .list {
      border: none;
  }
  .formDesignProfile .dropdown_filter .dropdown-select .dd-search {
      margin-bottom: 0;
  }
  .formDesignProfile label {
      width: 100%;
      font-family: 'FrizQuadrata';
      font-size: 12px;
  }
  .formDesignProfile input {
      overflow: visible;
      border: solid 1px rgba(9, 31, 68, 0.05);
      padding: 5px 15px;
      border-radius: 8px;
      color: #3a4c69;
      font-weight: 200;
      font-size: 16px;
  }

  .formDesignProfile input:not([type=checkbox]) {
      width: 100%;
      height: 46px;
  }

  .formDesignProfile input::placeholder {
      color: #3a4c69;
  }
  .sectionGrp {
      margin-bottom: 35px;
      padding: 40px 40px 25px 40px;
      border: solid 1px rgba(9, 31, 68, 0.05);
      border-radius: 16px;
  }
  .uploadDesign {
      display: flex;
      align-items: center;
  }
  .uploadDesign img {
    width: 58px;
    margin-right: 18px;
    border-radius: 8px;
    overflow: hidden;
    height: 58px;
    border: 1px solid #ddd;
    object-fit: cover;
    margin-bottom: 0 !important;
}
  .upbox input {
      opacity: 0;
      position: absolute;
      z-index: -1;
  }

  .upbox label {
      background: #4b9100;
      color: #fff;
      border: none;
      border-radius: 13px;
      outline: none;
      width: 100%;
      height: 32px;
      cursor: pointer;
      font-weight: 200;
      font-family: 'Aller';
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 0 15px;
      margin: 0;
  }
  span.dltPhoto {
      margin-left: 15px;
      color: #a11614;
      cursor: pointer;
      border: none;
      border-radius: 13px;
      outline: none;
      height: 32px;
      cursor: pointer;
      font-weight: 200;
      font-family: 'Aller';
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 0 15px;
      margin: 0;
      border: solid 1px rgba(9, 31, 68, 0.05);
      margin-left: 10px;
  }
  .FarmSection .BreadcrumbsSection {
    margin-bottom: 40px;
}
section.FarmSection.InboxSection .BreadcrumbsSection {
    margin-bottom: 15px;
}
.FarmSection .mapProductImg img:first-child {
    height: 90px;
    height: 70px;
    border: none;
    object-fit: scale-down !important;
    border-radius: 8px;
    overflow: hidden;
    background: #eee;
}
  .FarmSection .mapProductImg {
      margin-right: 20px;
      width: auto;
  }
  .FarmSection .farm_all .mapProductTxt.farm_value {
      border-right: 0;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: center;
  }
  .custom-nav .navbar-brand {
      height: 46px;
      padding: 0;
      display: flex;
      align-items: center;
  }
  .orderdeliverydistance p span {
      color: #091f44;
  }
  .FarmSection .mapProductTxt p {
      color: #4b9100;
      font-size: 16px;
  }
  .FarmSection .InboxRightChatSection .mapProductTxt p{
      color: #3a4c69;
  }
  .FarmSocialLink .socialIcons p b {
      font-family: 'FrizQuadrata';
  }


  /* search page css */
  .search li:before {
      content: url(/abc/html/mylagro/images/icon-right.png) !important;
      padding-right: 6px !important;
      margin-top: 2px;
  }
  .search li:nth-child(1):before {
      display: none;

  }
  .filters button.themeBtn {
      background: #4b9100;
      color: #fff;
  }
  .search {
      background: transparent;
  }
  .search li a {
      color: #b3b9c5 !important;
  }

  .search .active {
      color: #091f44;
      padding-left: 4px;
  }
  .filters {
      border: 1px solid #E6E8EC;
      border-radius: 16px;
      padding: 0;
      padding-top: 15px;
      padding-bottom: 18px;
  }

  .filters .form-group {
      width: 29.33% !important;
      position: relative;
      padding-left: 40px;
  }

  .filters .form-group input {
      width: 100%;
      border: unset;
      padding-left: 21px;
      background: transparent;
  }

  .icon {
      position: absolute;
  }

  .image {
      position: absolute;
  }

  .image img {
      width: 23px;
      height: 23px;
  }

  .filters .form-group input:focus {
      outline: unset !important;
      box-shadow: unset;
  }
  .icon {
      position: absolute;
      left: 33px;
  }

  .image {
      position: absolute;
      left: 20px;
  }

  .image img {
      width: 23px;
      height: 23px;
  }

  .filters .form-group input:focus {
      outline: unset !important;
      box-shadow: unset;
  }

  .icon i {
      color: #4B9100;
      font-size: 18px;
  }

  .seprator {
      position: relative;
  }

  .seprator img {
      position: absolute;
      height: 45px;
      top: -23px;
      right: 3px;
  }
  .filters .form-group input::placeholder {
      font-size: 13px !important;
      color:#ACB3BF;
  }

  .dropbtn {
    background-color: #4CAF50;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
  }

  .dropbtn:hover, .dropbtn:focus {
    background-color: #3e8e41;
  }

  #myInput {
    box-sizing: border-box;
    background-image: url('searchicon.png');
    background-position: 14px 12px;
    background-repeat: no-repeat;
    font-size: 16px;
    padding: 14px 20px 12px 45px;
    border: none;
    border-bottom: 1px solid #ddd;
  }

  #myInput:focus {outline: 3px solid #ddd;}



  .filters button.themeBtn {
      width: 130px;
  }

  .dropdown_filter select {
      display: none !important;
  }

  .dropdown_filter .dropdown-select {
      /* background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100%); */
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#40FFFFFF', endColorstr='#00FFFFFF', GradientType=0);
      background-color: #fff;
      border-radius: 6px;
      /* border: solid 1px #eee; */
      /* box-shadow: 0px 2px 5px 0px rgba(155, 155, 155, 0.5); */
      box-sizing: border-box;
      cursor: pointer;
      display: block;
      float: left;
      font-size: 14px;
      font-weight: normal;
      height: 42px;
      line-height: 40px;
      outline: none;
      padding-left: 18px;
      padding-right: 30px;
      position: relative;
      text-align: left !important;
      transition: all 0.2s ease-in-out;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      white-space: nowrap;
      width: auto;
  }

  .dropdown_filter .dropdown-select:focus {
      background-color: #fff;
  }

  .dropdown_filter .dropdown-select:hover {
      background-color: #fff;
  }

  .dropdown_filter .dropdown-select:active,
  .dropdown_filter .dropdown-select.open {
      background-color: #fff !important;
      border-color: #bbb;
      box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05) inset;
  }

  .dropdown_filter .dropdown-select:after {
      height: 0;
      width: 0;
      border-left: 4px solid transparent;
      border-right: 4px solid transparent;
      border-top: 4px solid #777;
      -webkit-transform: origin(50% 20%);
      transform: origin(50% 20%);
      transition: all 0.125s ease-in-out;
      content: '';
      display: block;
      margin-top: -2px;
      pointer-events: none;
      position: absolute;
      right: 10px;
      top: 50%;
  }

  .dropdown_filter .dropdown-select.open:after {
      -webkit-transform: rotate(-180deg);
      transform: rotate(-180deg);
  }

  .dropdown_filter .dropdown-select.open .list {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1;
      pointer-events: auto;
  }

  .dropdown_filter .dropdown-select.open .option {
      cursor: pointer;
  }

  .dropdown_filter .dropdown-select.wide {
      width: 100%;
  }

  .dropdown_filter .dropdown-select.wide .list {
      left: 0 !important;
      right: 0 !important;
  }

  .dropdown_filter .dropdown-select .list {
      box-sizing: border-box;
      transition: all 0.15s cubic-bezier(0.25, 0, 0.25, 1.75), opacity 0.1s linear;
      -webkit-transform: scale(0.75);
      transform: scale(0.75);
      -webkit-transform-origin: 50% 0;
      transform-origin: 50% 0;
      box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.09);
      background-color: #fff;
      border-radius: 6px;
      margin-top: 4px;
      padding: 3px 0;
      opacity: 0;
      overflow: hidden;
      pointer-events: none;
      position: absolute;
      top: 100%;
      left: 0;
      z-index: 999;
      max-height: 250px;
      overflow: auto;
      border: 1px solid #ddd;
  }

  .dropdown_filter .dropdown-select .list:hover .option:not(:hover) {
      background-color: transparent !important;
  }
  .dropdown_filter .dropdown-select .dd-search{
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0.5rem;
  }

  .dropdown_filter .dropdown-select .dd-searchbox{
    width:90%;
    padding:0.5rem;
    border:1px solid #999;
    border-color:#999;
    border-radius:4px;
    outline:none;
  }
  .dropdown_filter .dropdown-select .dd-searchbox:focus{
    border-color:#12CBC4;
  }

  .dropdown_filter .dropdown-select .list ul {
      padding: 0;
  }

  .dropdown_filter .dropdown-select .option {
      cursor: default;
      font-weight: 400;
      line-height: 40px;
      outline: none;
      padding-left: 18px;
      padding-right: 29px;
      text-align: left;
      transition: all 0.2s;
      list-style: none;
  }

  .dropdown_filter .dropdown-select .option:hover,
  .dropdown_filter .dropdown-select .option:focus {
      background-color: #f6f6f6 !important;
  }

  .dropdown_filterv .dropdown-select .option.selected {
      font-weight: 600;
      color: #12cbc4;
  }

  .dropdown_filter .dropdown-select .option.selected:focus {
      background: #f6f6f6;
  }

  .dropdown_filter .dropdown-select a {
      color: #aaa;
      text-decoration: none;
      transition: all 0.2s ease-in-out;
  }

  .dropdown_filter .dropdown-select a:hover {
      color: #666;
  }
  .dropdown_filter {
      width: 263px;
      margin-left: 15px;
  }

  input#txtSearchValue {
      border: 2px solid #eee;
      height: 34px;
  }

  section.advance-filter .form-group {
      float: left;
      width: auto;
  }

  section.advance-filter {
      margin-top: 34px;
      float: left;
      position: relative;
      margin-bottom: 34px;
  }
  section.advance-filter .dropdown-select.wide {
      border: solid 1px #F5F6F7;
      height: 38px;
      padding: 0.375rem .75rem;
      line-height: 1.5;
  }
  section.advance-filter .dropdown_filter {
      width: 100%;
      margin: 0;
  }
  section.advance-filter label {
      color: #091f44;
      font-size: 12px;
      font-weight: 600;
      margin: 0;
      font-family: 'FrizQuadrata';
  }

  .advance_icon {
      position: relative;
  }

  .advance_icon img {
      position: absolute;
      width: 12px;
      top: 15px;
      left: 11px;
  }
  .farm_name::placeholder {
      font-size: 10px;
      color:#ACB3BF;
  }
  .farm-name::placeholder {
      font-size: 10px;
      color:#ACB3BF;
  }
  .farm_sep {
      position: relative;
  }

  .farm_sep img {
      position: absolute;
      left: 34px;
      height: 16px;
      top: 15px;
  }
  .advance_icon1 img {
      position: absolute;
      z-index: 9;
      left: 4px;
      width: 29px;
      top: 10px;
  }

  .advance_icon1 {
      position: relative;
  }

  .farm_sep1 {
      position: relative;
  }

  .farm_sep1 img {
      position: absolute;
      z-index: 9;
      left: 37px;
      height: 16px;
      top: 16px;
  }
  .form-group.foodbasket .current {
      font-size: 12px;
      padding-left: 35px;
  }

  .form-group.crops .current {
      font-size: 12px;
      padding-left: 36px;
  }

  .check_value {
      width: 182px;
      float: left;
      margin-top: 32px;
      margin-left: 21px;
  }

  .check_value input {width: 24px; /*Desired width*/height: 24px;}

  .round {
      position: relative;
      width: 165px;
      float: left;
      margin-top: 23px;
      margin-left: 41px;
  }

  .round label {
      background-color: #fff;
      border: 1px solid #ccc;
      border-radius: 33%;
      cursor: pointer;
      height: 25px;
      left: 0;
      position: absolute;
      top: 0;
      width: 25px;
  }

  .round label:after {
      border: 2px solid #fff;
      border-top: none;
      border-right: none;
      content: "";
      height: 6px;
      left: 5px;
      opacity: 0;
      position: absolute;
      top: 6px;
      transform: rotate(-45deg);
      width: 12px;
  }

  .round input[type="checkbox"] {
    visibility: hidden;
  }

  .round input[type="checkbox"]:checked + label {
      background-color: #4b9100;
      border-color: #4b9100;
  }

  .round input[type="checkbox"]:checked + label:after {
    opacity: 1;
  }
  .round span {
      color: #091f44;
      font-size: 12px;
      font-weight: normal;
      line-height: 25px;
      margin-left: 23px;
  }
  .round_new {
    position: relative;
    width: 182px;
    float: left;
    margin-top: 10px;
    margin-left: 21px;
  }

  .round_new label {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 33%;
    cursor: pointer;
    height: 28px;
    left: 0;
    position: absolute;
    top: 0;
    width: 28px;
  }

  .round_new label:after {
    border: 2px solid #fff;
    border-top: none;
    border-right: none;
    content: "";
    height: 6px;
    left: 7px;
    opacity: 0;
    position: absolute;
    top: 8px;
    transform: rotate(-45deg);
    width: 12px;
  }

  .round_new input[type="checkbox"] {
    visibility: hidden;
  }

  .round_new input[type="checkbox"]:checked + label {
    background-color: #66bb6a;
    border-color: #66bb6a;
  }

  .round_new input[type="checkbox"]:checked + label:after {
    opacity: 1;
  }
  .round_new span {
      color: #091f44;
      font-size: 12px;
      font-weight: normal;
      line-height: 25px;
      margin-left: 23px;
  }
  .close_data {position: absolute;top: -8px;cursor: pointer;right: 0;border: 1px solid #cccccc;left: 139px;width: 46px;border-radius: 29%;height: 46px;}

  .close_data img {
      width: 27px;
      margin: 0 auto;
      text-align: center;
      margin-left: 8px;
      margin-top: 7px;
  }
  span.current {
      font-size: 12px;
      color: #ACB3BF;
  }
  .year {
      float: left;
      width: 50% !important;
  }

  .year .dropdown-select.wide {width: 109px;}

  .year label {
      display: block;
  }
  .year1 {
      float: left;
      width: 20% !important;
  }

  .year1 .dropdown-select.wide {
      width: 128px !important;
  }

  .year1 label {
      display: block;
  }
  .outer {
      display: flex;
      float: left;
      width: 20%;
  }

  .year1 .dropdown-select.wide {
      width: 51% !important;
  }
  .radio_checked {
      clear: both;
      width: 20%;
      float: left;
      margin-left: 13px;
  }

  .radio_checked label {
      font-weight: normal !important;
      margin-left: 13px;
      font-size: !important;
      margin-top: 7px;
  }

  .radio_checked  .form-check input {
      height: 23px;
      width: 23px;
      /* position: relative; */
  }

  .radio_checked  .form-check {
      margin-bottom: 15px;
  }
  .form-group.values {
      display: flex;
  }

  .drop_one .dropdown_filter {
      width: 112px !important;
      margin-left: 0 !important;
      margin-right: 20px;
  }

  .drop_one {
      width: 46%;
  }

  .drop_one1 {width: 20% !important;}

  .drop_one1 .dropdown_filter {
      width: 103px !important;
      margin-left: 0 !important;
      margin-right: 20px;
  }

  .form-group.values {
      float: left;
      margin-right: -19px;
  }

  hr {
      clear: both;
      padding-bottom: 20;
  }
  .filter_value h3 {
      color: #091f44;
      font-size: 24px;
      font-weight: normal;
  }
  .filter_name {
      float: left;
      width: 113px;
  }

  .values {float: right;}

  .filter_value  span {
      border: 1px solid #edf4e5;
      padding: 9px;
      border-radius: 10px;
      background: #edf4e5;
      width: max-content;
      color: #4b9100;
      font-size: 12px;
      margin-right: 13px;
      margin-top: -6px;
      font-weight: normal;
      display: inline-block;
  }

  .filter_value span img {
      float: right;
      margin-left: 7px;
  }
  .filter_value h4 {
      font-size: 14px;
      color: #a11614;
      float: right;
  }


  .filter_value h4 img {
      margin-left: 8px;
      margin-top: -4px;
      cursor: pointer;
  }



  .map_data {
      background: #fffdfd;
      position: absolute;
      bottom: 78px;
      padding: 5px;
      left: 32px;
      border-radius: 10px;
  }

  .map_data span {
      margin-left: 11px;
  }

  iframe {
      margin-top: 36px;
      border-radius: 25px;
  }

  .inner_section {
      margin-top: 35px;
  }
  .inner_section h5 {
      width: max-content;
      text-align: left;
      float: left;
      font-size: 19px;
  }

  .inner_section span {
      float: left;
      margin-right: 8px;
      font-size: 12px;
      font-weight: normal;
      margin-top: 2px;
      color: #a5a2a2;
  }
  .sorting .dropdown-select.wide {
      display: none;
  }

  .sorting select {
      margin-top: 2px;
      border: unset;
      font-size: 12px;
      background: no-repeat;
  }
  select::-ms-expand {	display: none; }

  .updown-images {
      position: absolute;
      top: 1px;
      right: 0;
      cursor: pointer;
      display: flex;
      flex-direction: column;
      color: #4b9100;
  }
  .updown-images i.fa.fa-angle-down {
      margin-top: -5px;
  }
  .sorting {
      float: left;
      z-index: 9;
      POSITION: RELATIVE;
  }
  .views img {
      width: 19px;
      margin-left: 6px;
      margin-top: 3px;
  }
  .data img {
      width: 100%;
  }

  .data {
      margin-top: 13px;
      position: relative;
  }


  .image_small {
      position: absolute;
      top: 6px;
      background: #edf4e5;
      left: 5px;
      width: 25px;
      height: 25px;
      border-radius: 8px;
  }
  .image_small.next {
      left: 38px;
  }

  .image_small.next img {
      width: 18px;
      display: block;
      text-align: center;
  }
  .image_small.next2 {
      width: max-content;
      right: 11px !important;
      left: unset;
      padding-right: 11px;
      height: 24px;
  }

  .image_small.next2 img {
      width: 14px;
  }

  .image_small.next2 p {
      margin-top: 3px;
      font-size: 12px;
      margin-left: 10px;
      margin-bottom: 0 !important;
  }
  .bottom {
      margin-top: 0;
      float: left;
      width: 100%;
      border: 1px solid #e6e8ec;
      padding: 19px;
      padding-top: 24px;
      border-bottom-left-radius: 20px;
      border-bottom-right-radius: 20px;
      padding-bottom: 29px;
      margin-bottom: 15px;
  }
  .bottom .mapProductTxt {
      width: calc(100% - 121px);
      float: right;
      border-right: unset;
      margin-right: 20px;
  }
  .bottom .mapProductTxt {
      margin-top: 7px;
  }

  .bottom .mapProductTxt h2 {
      color: #091f44;
      font-size: 15px;
  }
  .grid_view .mapProductTxt {
      float: left;
      margin-top: 6px;
  }

  .grid_view .grid_location img {
      width: 18px;
  }

  .grid_view .grid_location {
      background: #edf4e5;
      padding: 5px;
      border-radius: 7px;
      height: 33px;
      width: 132px;
      border: 1px solid #e6e8ec;
      float: right;
      font-size: 12px;
      margin-top: 4px;
  }
  .grid_view {
      margin-top: 36px;
  }

  p.grid_location img {
      margin-right: 8px;
      margin-left: 7px;
  }
  .grid_view .mapProductImg img {
      margin-bottom: 0;
  }
  .map {
      position: relative;
  }
  .grid_view .mapProductTxt h2 {
      font-size: 15px;
  }

  .grid_view .mapProductTxt {
      border: unset;
  }
  .bottom .mapProductTxt p {
      margin-bottom: 0;
      display: flex;
      font-size: 13px;
      font-weight: 200;
      color: #091f44;
      opacity: 0.8;
  }
  .bottom .mapProductImg {
      /* width: 51px; */
      margin-right: 10px;
  }
  .bottom .mapProductImg img:first-child {
      height: 76px;
  }
  .grid_view {
      display: none;
  }
  .views {
      float: right;
  }
  .row.listing {
      background: #fff;
      border: 1px solid #f3f4f7;
      border-radius: 17px;
      margin-bottom: 18px;
      padding-top: 11px;
      padding-bottom: 11px;
  }
  .close_data1 {
    position: absolute;
    top: -13px;
    border-radius: 16px;
    padding: 10px;
    right: 0;
    background: #fff;
    border: 1px solid #4b9100;
    color: #4b9100;
    transition: 0.5s;
}
.close_data1:hover {
    background: #4b9100;
}
  .close_data1 img {
      width: 26px;
      margin: 0 auto;
      text-align: center;
  }
  .close_data1:hover img {
    filter: brightness(0) invert(1);
}
  .search2 {
      margin-top: 34px;
  }
  .next_like {
      float: right;
      right: 11px !important;
      left: unset;
  }

  .next_like img {
      width: 17px;
      margin-left: 4px;
  }
  .titles h2 {
      font-size: 17px;
      font-weight: 700;
  }
  span.img_1 img {
      width: 25px;
  }

  .titles h4 {
      font-size: 15px;
      margin-top: 5px;
  }
  span.owner {
      margin-top: 9px;
      margin-right: 4px;
  }
  ul.rating {
      clear: both;
      padding-left: 0;
      float: left;
      margin-right: 8px;
  }

  ul.rating li {
      display: inline-block;
  }

  .button_cart {
      clear: both;
      width: 100%;
  }

  .button_cart button {
      width: 100%;
      padding: 0 !important;
      height: 40px;
      background: #4b9100;
      color: #fff;
  }

  .titles {
      padding: 4px;
  }

  span.list_value {
      font-family: FrizQuadrata;
      color: #091f44;
      font-size: 14px;
      margin-left: 6px;
  }
  ul.list_rating li {
      display: inline-block;
  }

  ul.list_rating {
      padding-left: 0;
      width: max-content;
  }
  .list_things {
      float: right;
  }
  img.first {
      background: #EDF4E5;
      border-radius: 9px;
      padding: 6px;
      margin-right: 10px;
  }

  img.second {
      background: #FFF7DA;
      border-radius: 9px;
      padding: 10px;
      margin-right: 10px;
      height: 35px;
      width: 40px;
  }
  button.themeBtn i {
      font-size: 15px;
      width: 21px;
  }
  .button_cart.list_button {
      margin-top: 0 !important;
      display: block;
      float: right;
  }

  button.themeBtn {
      font-weight: normal !important;
      font-family: 'FrizQuadrata';
  }
  input#Location::placeholder {
      padding-left: 13px;

  }
  .radio_checked .form-check-input:checked:after {
      width: 10px;
      height: 10px;
      border-radius: 15px;
      top: -27.5px;
      left: 6px;
      position: relative;
      background-color: #ffffff;
      content: '';
      display: inline-block;
      visibility: visible;
      border: 2px solid white;
  }

  .radio_checked .form-check-input:checked:before {
      width: 26px;
      height: 26px;
      border-radius: 13px;
      top: -1.5px;
      left: -2px;
      position: relative;
      background-color: #4b9100;
      content: '';
      display: inline-block;
      visibility: visible;
      border: 2px solid white;
  }
  .form-group input {
      border: 1px solid #F5F6F7;
      /* height: 41px; */
  }
  .filter_value {
      margin-top: 6px;
  }


  .filters .dropdown-select.wide {
      background: transparent;
  }
  .icon img {
      width: 16px;
  }
  .navCusRight li.nav-item img {
      height: 19px;
      margin: 1px 7px 0 7px;
      width: 19px;
  }

  b#empty-chat-message,
  #no-contact-found {
    width: 100%;
    height: 100%;
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    color: #acb3bf;
}














  /* min width media query */

  @media only screen and (min-width: 1500px) {

  .form-group input::placeholder {
      font-size: 18px !important;
  }
  .filters .form-group input::placeholder {
      font-size: 18px !important;
      color:#ACB3BF;
  }
  span.current {
      font-size: 18px !important;

  }

  .filters {

      padding-top: 20px;
      padding-bottom: 27px;
  }
  .bottom .mapProductTxt h2 {
      color: #091f44;
      font-size: 24px;
  }
  .bottom .mapProductTxt p {

      font-size: 16px;

  }
  .sorting select {
      font-size: 16px;
      margin: 3px 0 0 0;
      padding: 0;
      background: no-repeat;
  }
  .inner_section span {
      font-size: 16px;

  }
  .inner_section h5 {
      font-size: 24px;
  }
  .inner_section span {
      font-size: 16px;
      margin-top: 2px;
  }
  .filter_name h3 {
      font-size: 24px;
      margin-top: 4px;
  }
  .filter_value span {
      font-size: 16px;
  }
  .filter_value span img {
      margin-top: 4px;
  }
  .form-group input {
      height: 46px;
      padding-top: 10px;
  }
  section.advance-filter .dropdown-select.wide {
      height: 46px;
      padding-top: 9px;
  }
  }

  /* end */

  /* product-details */
  .slider-dots {
      width: 100px;
      margin: 0 auto;
      margin-top: 17px;
  }
  .product_like {
      position: absolute;
      top: 0;
      padding: 10px;
      background: #fff;
      cursor: pointer;
      left: 20px;
      border-radius: 14px;
      top: 21px;
  }

  .slider {
      position: relative;
  }

  .product_like img {
      width: 24px;
  }

  .singlecart-button {
      float: right;
  }

  .singlecart-button button {
      width: 180px;
      height: 46px !important;
      color: #fff;
      background: #4b9100;
      font-size: 16px !important;
  }

  .singlecart-button button i {
      margin-right: 6px;
      margin-top: -2px;
  }
  .product-title h1 {
      font-size: 40px;
  }
  span.prize {
      float: left;
      width: max-content;
      font-size: 24px;
  }

  span.prize h2 {
      text-align: left;
  }

  .price-product {
      clear: both;
  }

  span.weight {
      font-size: 16px;
      margin-left: 7px;
      margin-top: 9px;
      opacity: 0.5;
      display: inline-block;
      font-family: 'FrizQuadrata';
      font-size: 16px;
  }
  p.product-description {
      font-size: 16px;
      color: #091f44;
      margin-top: 7px;
      opacity: .8;
      /* font-family: Aller; */
      font-weight: 200;
      padding-left: 15px;
  }
  .product-tags ul li {
      display: inline-block;
      width: 32%;
      position: relative;
  }

  h2.tag-assigned {
      font-size: 16px;
      float: left;
      margin-left: 5px;
      margin-bottom: 0;
      margin-top: 3px;
  }
  span.tag-name {
      float: left;
      font-family: 'FrizQuadrata';
      font-size: 16px;
  }

  .product-tags ul {
      padding-left: 0;
  }
  .product-symbol {
      position: absolute;
      left: -43px;
      top: 0px;
  }
  .bg-color {
      float: left;
      background: #EDF4E5;
      height: 39px;
      padding-right: 16px;
      margin-top: -6px;
      padding-left: 16px;
      padding-top: 6px;
      border-radius: 9px;
  }

  .bg-color h2 {
      color: #4b9100;
      margin-left: 2px;
  }
  .product_tabs ul li {
      width: auto;
      font-family: 'FrizQuadrata';
      margin-right: 6px;
      flex: auto;
  }

  .product_tabs ul li:last-child {
      text-align: right;
  }

  .product_tabs ul li a {
      color: #091f44;
      font-size: 24px;
      opacity: 0.5;
      font-family: 'FrizQuadrata';
      text-decoration: none;
  }

  .product_tabs ul li .active {
      color: #4B9101;
      position: relative;
      opacity: 1;
  }
  .product_tabs {
      margin-top: 49px;
  }

  .product_tabs ul {
      border: unset;
      margin-bottom: 27px;
      display: flex;
      width: 100%;
  }

  span.total img {
      width: 16px;
      margin-bottom: 5px;
      margin-left: 10px;
  }

  span.total-certi {
      float: right;
      color: #4b9100;
      font-family: 'FrizQuadrata';
  }
  .certificates h2 {
      font-size: 16px;
  }

  .certificates h2 span {
      color: #8D99AC;
  }
  span.total-certi img {
      width: 16px;
      margin-left: 5px;
      margin-bottom: 2px;
  }
  .certificate-image {
      float: left;
      margin-top: 21px;
      width: 60px;
  }

  .certificate-details {
      margin-left: 10px;
      float: left;
      margin-top: 28px;
      width: calc(100% - 70px);
  }

  .certificate-image img {
    width: 60px;
    float: left;
    border-radius: 8px;
}

  .certificate-details h3 {
      font-size: 16px;
  }

  .product_tabs ul li .active:after {
      content: "";
      height: 4px;
      background: #4b9100;
      width: 22px;
      position: absolute;
      top: 25px;
      left: 2px;
      border-bottom-left-radius: 7px;
      border-bottom-right-radius: 8px;
  }
  .single-review ul {float: right !important;}

  .single-review ul li {
      width: 16%;
  }
  .review h2 {
      font-size: 16px;
  }
  .single-review ul {
      margin-right: 0;
  }
  .top-bar {
      display: block;
      padding-top: 14px;
  }
  .single-review ul.rating li img {
      width: auto;
      height: auto;
  }


  .single-review ul.rating {
      margin-right:0;
  }
  .comment-section textarea {
      width: 100%;
      height: 88px !important;
      border: 2px solid #F2F4F5;
      position: relative;
      padding-left: 74px;
      padding-top: 20px;
      border-radius: 19px;
      padding-right: 58px;
  }
  .profile-comment {
      width: max-content;
      border-radius: 41%;
      position: absolute;
      top: 22px;
      left: 40px;
  }

  .profile-comment img {
      width: 40px;
      height: 40px;
  }
  .comment-arrow {
      width: max-content;
      position: absolute;
      top: 28px;
      right: 45px;
  }

  .comment-arrow img {
      width: 24px;
  }
  .comment-section textarea:focus {
      outline: unset;
  }
  .comment-image {
      width: max-content;
      float: left;
      border-radius: 56px;
  }

  .comment-image img {
      width: 40px;
  }

  .comment-section textarea#w3review::placeholder {
      color: #091f44;
      opacity: .4;
      padding-top: 8px;
      padding-left: 6px;
  }
  h4.reviews {
      font-size: 16px;
      margin-top: 23px;
  }
  .person-name {
      float: left;
      position: relative;
  }

  .person-name h2 {
      font-size: 16px;
      margin-left: 10px;
      margin-top: 0px;
      margin-bottom: 0;
  }
  .person-name ul.rating li {
      width: 14%;
  }

  .person-name ul.rating {
      margin-right: 0;
      width: 93%;
      margin-bottom: 0;
      margin-left: 10px;
  }

  .all-values {
      background: #fff;
      padding: 26px;
      border: 2px solid #F2F4F5;
      padding-top: 25px;
      border-radius: 19px;
      margin-top: 13px;
  }
  .person-name span.total {
      position: absolute;
      right: -14px;
  }
  .counted-days p {
      text-align: right;
      width: 100%;
      display: block;
      opacity: 0.4;
      font-size: 16px;
      font-weight: 300;
  }

  .written-text {
      margin-top: 26px;
      margin-left: 5px;
  }

  .written-text p {
      opacity: 0.8;
      font-size: 16px;
  }
  span.total {
      font-size: 16px;
  }
  .product-slide .slick-dots li button:before {
      opacity: 0;
      color: black;
  }

  .product-slide li.slick-active {
      background: #4b9100;
      width: 40px;
      border-radius: 4px;
      height: 6px;
      top: 5px;
  }
  .product-slide li {
      background: #e2e4e8;
      width: 6px;
      border-radius: 4px;
      height: 6px;
      top: 5px;
  }
  .product-slide .slick-dots {
      position: absolute;
      bottom: -47px;
      display: block;
      width: 100%;
      padding: 0;
      margin: 0;
      list-style: none;
      text-align: center;
  }
  .image-slide>img {
      border-radius: 39px;
      height: 670px;
      object-fit: cover;
  }
  span.RoundCircleDesign1 {
      margin: 0px 25px;
  }

  span.RoundCircleDesign1 img {
      width: 8px;
  }
  .register-login {
      background: #fff;
      border: 2px solid #F2F4F5;
      border-radius: 19px;
      margin-top: 13px;
      padding: 24px 0px;
      margin-bottom: 29px;
  }

  .register-login p {
      padding-left: 23px;
      font-family: 'FrizQuadrata';
      color: #9da5b4;
  }
  .register-login .written-text {margin-top: 11px;}
  .addtocart .titles h2, .addtocart .titles h2 a {
      font-size: 16px;
      color: #091F44;
      font-weight: normal;
  }

  .addtocart .cart_names {
      display: flex;
  }

  .addtocart .cart_names span {
      margin-right: 4px;
      margin-top:0;
  }
.addtocart .titles a h2,
.addtocart .cart_names span.owner{
    color: #091F44;
    font-family: Aller;
    font-size: 12px;
    opacity: 0.5;
    line-height: 26px;
    font-weight: normal;
}
  .quantity input {
      width: 98px;
      border: 1px solid #e6e8ec;
      border-radius: 8px;
      padding-left: 14px;
      height: 36px;
      margin-right: 11px;
      font-family: Aller;
      color: #091f44;
      opacity: .8;
  }
  #addtocart .quantity input{
      -webkit-appearance: none;
      -moz-appearance: textfield;
      height:46px;
      font-size: 16px;
      color: #404a5a;
      font-weight: 200;
  }

  .quantity span {
    color: #091f44;
    font-family: FrizQuadrata;
    opacity: 0.5;
    display: inline-block;
    text-align: right;
      font-size: 16px;
}
  .quantity {
      margin-top: 11px;
  }
  .cart-img img {
    border-radius: 25px;
    height: 100%;
    width: 100% !important;
    object-fit: cover;
    border: 1px solid #ddd;
}
.cart-img-value img {
    object-fit: cover;
    height: 100%;
}
  .price-cart {
      text-align: right;
      position: absolute;
      display: flex;
      right: 30px;
      font-family: FrizQuadrata;
      color: #091f44;
      height: auto;
      flex-direction: column-reverse;
  }

#addtocart .price-cart {
    color: #091F44;
    bottom: 14px;
}
.cart_total{
    color: #091F44;
    font-size: 24px;
}
  .icons-del {
      text-align: right;
      margin-right: 8px;
  }

  .icons-del i {
      margin-right: 6px;
      color: #4b9100;
      font-size: 20px;
      cursor: pointer;
  }
  .exclam {
      border: 2px solid #f68100;
      width: 20px;
      height: 20px;
      border-radius: 50%;
      text-align: center;
      margin-right: 8px;
      margin-top: 6px;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 7px 0;
  }
  button.shopping.themeBtn.continue-shoping-btn,
  a.shopping.themeBtn.continue-shoping-btn{
      background: transparent;
  }
  .value-enter h3 {
    margin: 8px 0 0 0;
}
  .exclam i {
      color: #f68100;
      font-size: 9px;
  }
  .value-order {
      display: flex;
      align-content: end;
      flex-direction: row;
      float: right;
      font-size: 16px;
      font-family: "Aller";
  }
  .cart-img-value {
      width: 40px;
  }
  .value-all {
      display: flex;
  }

  .value-all h2 {
      font-size: 24px;
      align-content: center;
      margin-top: 4px;
      margin-left: 8px;
  }
  span.min-order {
      color: #f68100;
      margin-top: 4px;
      font-weight: 200;
  }
  .cart_outer {
      /* border-bottom: 1px solid #091f441f; */
      padding-bottom: 37px;
      margin-bottom: 0;
      z-index: 99;
      position: sticky;
      top: 0;
  }
  .cart_1 .container {
    max-height: 300px;
    overflow: hidden auto;
}
  .border-out {
    border: 1px solid #d9dadc;
    object-fit: contain;
    border-radius: 16px;
    padding: 24px 5px;
    width: 94%;
    margin: 0 auto;
    margin-top: 10px;
    position: relative;
    overflow: hidden;
}
  .border-out:after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 90px;
      background: #fff;
      border-bottom: 1px solid #eee;
  }
  .cart-img {
      width: 100px;
      height: 100px;
  }
  .detailings {
      position: relative;
      padding-bottom: 45px;
      padding-top: 35px;
  }

  .detailings:after {content: "";background: #091f441f;position: absolute;width: 100%;height: 1px;bottom: 5px;}
  .detailings:last-child::after {display:none;}
  .detailings:last-child {padding-bottom:0px}
  .buttons-poup {
      display: flex;
      /* align-items: end; */
      flex-direction: row;
      align-items: flex-end;
      float: right;
  }

  .value-enter {
      width: 94%;
      padding: 18px;
      border-radius: 9px;
      background: #edf4e5;
      margin: 0 auto;
      margin-top: 29px;
      margin-bottom: 23px;
  }


  .buttons-poup button, .buttons-poup a {
    margin-left: 10px;
    height: 46px;
}

.continue-shoping button, .continue-shoping a {
    width: 175px;
    padding: 0 !important;
}

  .checkout button {
      background: #4b9100;
      color: #fff;
      font-size: 16px;
      font-family: 'FrizQuadrata';
  }

.checkout button.close {
    background: none !important;
    float: right;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}

  .addtocart .modal-content {
      border-radius: 40px;
      border: 0px !important;
  }
  button.shopping.themeBtn, a.shopping.themeBtn {
      font-size: 16px;
  }
  .addtocart .modal-header {
      padding-top: 32px;
      padding-bottom: 25px;
  }
  .addtocart button.close {
      font-size: 43px;
  }
  .cart_empty_text{
      font-size: 16px;
      color: #091F44;
      opacity: 0.6;
      font-family: 'Aller';
  }
  a.themeBtn.cart_btn {
      height:46px;
      font-size:16px;
  }
  /* end */

  /* farm-detail css */
  .farm_value p {
      background: #edf4e5;
      width: 150px;
      padding-left: 11px;
      padding-top: 5px;
      color: #4b9100;
      border-radius: 8px;
      padding-bottom: 5px;
  }
  .brand-image img {
      width: 60px;
      height: 60px;
      /* flex: 1; */
      margin-right: 8px;
      border: 1px solid #dbdde1;
      border-radius: 17px;
  }

  .brand-image {
      display: flex;
      flex-wrap: wrap;
      flex-direction: row;
      margin-top: 9px;
  }

  .certificates {
      margin-top: 18px;
      margin-bottom: 37px;
  }
  .farm_all .mapProductTxt.farm_value {
      border-right: 0;
  }
  .farm_all {
      display: flex;
  }
  .continue-shoping_farm img.symbolfarm {
      bottom:unset;
      right: 22px;
      width: 16px;
      height: 15px;
  }
  .continue-shoping_farm button.shopping.themeBtn {
    position: relative;
    width: auto;
    font-size: 16px;
    font-family: 'FrizQuadrata';
    padding-right: 46px;
    background: transparent;
    padding: 0 45px 0 30px !important;
    cursor: default;
}
  .continue-shoping_farm button.shopping.themeBtn:hover {
      color: #4b9100;
  }
  .continue-shoping_farm {
      position: relative;
      width: 125px;
      padding: 0;
      margin-right: 20px;
  }
  .team_images {
      display: flex;
  }

  .team-menmber img {
      width: 60px;
  }

  .team-menmber h3 {
      font-size: 16px;
      width: 80px;
      margin-top: 5px;
  }
  .full-detail {
      display: none;
  }

  .team-menmber {
      flex: 0 22%;
      position: relative;
  }
  .team-menmber:hover .full-detail {
      display: block;
  }

  .full-detail-vaues {
      display: flex;
  }

  .name_of {
      flex: 0 30%;
      margin-right: 16px;
  }

  .full-detail {
      position: absolute;
      top: -71px;
      background: #fff;
      right: -24px;
      width: 218px;
      z-index: 9;
      border-radius: 20px;
      padding: 16px;
  }

  .detail {
      /* flex: 0 50%; */
  }

  .detail h3 {
      width: 100%;
  }
  .detail h3,.detail p {
      margin-bottom: 4px;
  }

  /* gallery */

  ul#WS-LiSli {
      -webkit-column-count: 5;
      -moz-column-count: 5;
      column-count: 5;
      column-gap: 15px;
      list-style: none;
      margin: 0;
      padding-left: 0;
  }

  ul#WS-LiSli li img {
      width: 100%;
      border-radius: 6px;
  }

  ul#WS-LiSli li {
      margin: 0;
      padding: 0;
      margin-bottom: 10px;
      transition: all .5s ease;
  }
  div#lightbox .modal-content {
      background: transparent;
  }

  div#lightbox .modal-header {
      border-bottom: unset;
  }

  div#lightbox button.close {
      font-size: 31px;
      color: #fff;
      opacity: 1;
  }

  .row.pagination {
      margin-bottom: 25px;
  }

  .arrows {
      float: right;
      margin-top: 4px;
  }

  span.prev {
      background: #ffffff;
      padding: 9px 18px;
      border-radius: 10px;
      position: relative;
      margin-right: 14px;
  }

  span.prev i {
      font-size: 16px;
      position: absolute;
      right: 0;
      left: 0;
      margin: 4px auto;
      color: #4b9100;
      text-align: center;
  }

  span.next {
      background: #edf4e5;
      padding: 9px 18px;
      border-radius: 10px;
      position: relative;
      margin-right: 0;
  }

  span.next i {
      font-size: 16px;
      position: absolute;
      right: 0;
      left: 0;
      margin: 4px auto;
      text-align: center;
      color: #4b9100;
  }
  span.page-visted {
      color: #091f44;
      font-weight: 500;
  }
  .play-button img {
      width: 46px;
  }

  .play-button {
      position: absolute;
      top: 39px;
      right: 0;
      left: 0;
      margin: 0 auto;
      cursor: pointer;
      text-align: center;
  }

  .video_sec {
      position: relative;
  }
  .video_sec h3 {
      font-size: 16px;
      padding-left: 18px;
      padding-top: 10px;
      width: 92%;
      margin-bottom: 0;
  }

  .video_sec {
      background: #ffffff;
      border: 1px solid #091f9214;
      border-radius: 16px;
      padding-bottom: 15px;
  }
  .video_sec span {
      padding-left: 18px;
      padding-top: 13px;
      display: block;
  }
  .image-text {
      display: flex;
      flex-direction: row;
  }

  .image-text h5 {
      justify-items: center;
      margin-top: 11px;
      margin-left: 8px;
      font-size: 16px;
  }

  .image-text img {
      width: 40px;
      height: 40px;
  }

  .date span {
      text-align: right;
      display: inline-block;
      color: #091f44;
      width: 100%;
      opacity: .4;
      margin-top: 12px;
  }
  .news {
      background: #fff;
      padding: 26px;
      border: 1px solid #091f441f;
      border-radius: 16px;
  }

  .news p {
      margin-top: 15px;
  }

  div#FarmProduce h2 {font-weight: normal;}

  div#FarmProduce .bottom {
      padding: 11px;
  }

  div#FarmProduce span.img_1 {
      float: left;
      margin-right: 5px;
  }
  div#FarmProduce span.owner {
      float: left;
      margin-top: 2px;
  }
  div#FarmProduce .titles span h4 {
      padding-top: 4px;
  }
  div#FarmProduce .data {
      margin-top: 0;
  }
  .FarmSection .farmP .mapProductImg img:first-child {
      height: 77px;
  }
  .farmP .listing {
      display: flex;
      justify-content: space-between;
      padding: 22px;
  }
  .farmP .farm_all {
      display: flex;
      width: 340px;
      justify-content: flex-start;
      align-items: center;
  }
  .farmP .mapProductTxt h2 {
      font-size: 24px;
  }
  .FarmSection .farmP .mapProductTxt p {
      color: #091f44;
      font-size: 16px;
  }
  .table thead th {
    font-family: 'FrizQuadrata';
    color: #0e224f;
    font-weight: 500;
}
  .tabHeading .table thead th {
    border-top: none;
    background: #fbfbfb;
    border-bottom: 1px solid #dee2e6;
    vertical-align: middle;
}
.AltitudeArea h2.tag-assigned {
    margin-top: 0;
}
  table.tableCart tr td i.fas.fa-question-circle {
      color: #4b9100;
      font-size: 14px;
  }
  .disabledthemeBtn {
      background: #eee !important;
      color: #9e9e9e !important;
      border-color: #ccc8c8 !important;
  }
  .aboutUspage .newDesign img {
      width: 100%;
      border: 0;
      border-top-right-radius: 80px;
      border-bottom-left-radius: 80px;
      border-top-left-radius: 0;
      border-bottom-right-radius: 0;
      box-shadow: none;
  }


  .aboutUspage .crausalCaption h1 {
      font-size: 60px;
      margin-bottom: 5px;
      color: #fff;
      margin-top: -30px;
      position: relative;
      padding-bottom: 5px;
  }
  .aboutUspage .crausalCaption h1:before {
      content: "";
      height: 4px;
      width: 20px;
      background: #fff;
      position: absolute;
      left: calc(50% - 10px);
      bottom: -17px;
  }
  .aboutUspage .crausalCaption a {
      background: #4b9100;
      padding: 10px 15px;
      border-radius: 8px;
      font-size: 12px;
      margin-top: 0;
      text-decoration: none;
      color: #fff;
  }
  .aboutUspage .crausalCaption p {
      width: 440px;
      text-align: center;
      margin-top: 30px;
  }
  .aboutUspage .rightDetal {
      padding-top: 0;
      padding-right: 80px;
  }
  .aboutUspage .bL {
      padding-left: 80px;
      padding-bottom: 80px;
  }
  .aboutUspage .bL:before {
      position: absolute;
      content: "";
      bottom: 0;
      left: 0;
      border: 2px solid #dfebd1cf;
      width: calc(100% - 80px);
      height: calc(100% - 80px);
      border-top-right-radius: 120px;
      border-bottom-left-radius: 120px;
      z-index: -1;
  }
  .aboutUspage .bR {
      padding-right: 80px;
      padding-bottom: 80px;
  }
  .aboutUspage .bR:before {
      position: absolute;
      content: "";
      bottom: 0;
      right: 0;
      border: 2px solid #dfebd1cf;
      width: calc(100% - 80px);
      height: calc(100% - 80px);
      border-top-left-radius: 0;
      border-bottom-right-radius: 0;
      border-top-right-radius: 120px;
      border-bottom-left-radius: 120px;
      z-index: -1;
  }
  .lastForFoot {
      margin-bottom: 120px;
  }
  .aboutUspage .lastForFoot .rightDetal {
      padding-top: 0;
      padding-right: 0;
      padding-left: 80px;
  }
  .bannerMai {
      width: 100%;
      margin-top: 10px;
      position: relative;
  }
  .bannerMai img {
      width: 100%;
      height: 500px;
      object-fit: cover;
  }
  .cForm > div img {
      width: 100%;
  }
  .contactUS section.lastForFoot {
      margin: 100px 0 80px 0;
  }

  .contactUS .formDesignProfile textarea,
  .contactUS .formDesignProfile select {
      overflow: visible;
      width: 100%;
      border: solid 1px rgba(9, 31, 68, 0.05);
      height: 46px;
      padding: 5px 15px;
      border-radius: 8px;
      color: #4a5a75;
      font-weight: 200;
      font-size: 16px;
      -webkit-appearance: auto;
      appearance: auto;
      outline: none;

  }
  .contactUS .formDesignProfile textarea{
      height: 150px;
  }
  .contactUS .formDesignProfile input.wpcf7-form-control.wpcf7-submit {
      background: #289400;
      color: #fff;
      float: left;
      width: 100px;
      border-radius: 30px;
  }
  .contactUS .cForm p {
      width: 80%;
  }
  .sectionGrp .date {
      text-align: right;
      height: 100%;
      display: flex;
      justify-content: flex-end;
      align-items: center;
  }
  .sectionGrp .image-text h4 {
      margin: 7px 0 0px 10px;
  }
  .brBottom {
      border-bottom: solid 1px rgba(9, 31, 68, 0.05);
      padding-bottom: 10px;
      margin-bottom: 20px;
  }
  .detailingss {
      width: 100%;
  }
  .detailingss table tr td:last-child{
      text-align: right;
  }
  .detailingss .cart-img {
      float: left;
      margin-right: 15px;
  }
  .detailingss h2 {
      margin-bottom: 10px;
      margin-top: 5px;
  }
  .detailingss  .cart-img img {
      width: 75px ;
      height: 75px;
  }
  .detailingss  .owner {
      opacity: 0.5;
  }
  .detailingss table td {
      padding: 10px 15px;
  }
  .InboxSidebar h2.nsbHead {
      font-size: 2rem;
      margin-bottom: 24px;
  }
  .InboxSidebar .mapProductHead .mapProductTxt h2 {
      font-size: 16px;
      padding-right: 60px;
  }
  aside.InboxSidebar {
      width: 370px;
  }
  .InboxSection .mainContent {
      width: calc(100% - 410px);
  }
  .InboxSidebar .mapProductHead .mapProductImg {
      width: 58px;
      height: 58px;
      object-fit: cover;
  }
  .InboxSidebar .mapProductHead .mapProductImg .PendingInboxNo {
      position: absolute;
      top: -3px;
      width: 25px;
      height: 25px;
      background: #4b9100;
      color: #fff;
      border-radius: 6px;
      display: flex;
      justify-content: center;
      align-items: center;
      left: 0;
      font-size: 13px;
  }
  .InboxSidebar .mapProductHead .mapProductTxt {
      width: calc(100% - 78px);
      margin: 0;
      position: relative;
      border-right: 0px;
  }
  .InboxSidebar .inputDesing img {
      width: 25px;
      padding-right: 10px;
      margin-left: 13px;
      height: auto;
      top: 16px;
      border: none;
  }
  .InboxRightChatSection {
      padding: 30px;
      float: left;
      width: 100%;
  }
  .InboxRightChatSection .mapProductTxt {
      margin-right: 0;
      border-right: 0;
      width: calc(100% - 120px);
      position: relative;
      padding-right: 20px;
  }

  .InboxSidebar .inputDesing {
      margin: 0;
      width: 100%;
  }
  .InboxSidebar .mapProductHead {
      width: 100%;
      float: left;
      padding: 25px 0;
  }
  .InboxSidebar .mapProductHead{
      border-bottom: 1px solid #cbcfd6;
  }
  .InboxSidebar .mapProductHead .mapProductImg img {
    width: 100%;
    height: 100%;
    border: 1px solid #ccc;
    object-fit: scale-down !important;
}
  .InboxSidebar .inputDesing input.forIcon {
      width: 100%;
      padding-left: 45px;
  }
  .InboxSidebar .mapProductHead .mapProductTxt .time {
      position: absolute;
      top: 0;
      right: 0;
  }



  .InboxRightChatSection .mapProductTxt .ChatBar {
      position: absolute;
      top: 0;
      right: 0;
      font-size: 17px;
      width: 36px;
      height: 36px;
      display: flex;
      cursor: pointer;
      justify-content: center;
      align-items: center;
      border-radius: 9px;
      border: 1px solid #e2e2e2;
  }
  .InboxChatSection {
    width: 100%;
    float: left;
    padding: 55px 0;
    width: calc(100% + 36px);
    padding-right: 35px;
    border-top: 1px solid #eee;
    margin-top: 15px;
}
  .InboxChatSection .Chatleft {
      width: 80%;
      float: left;
      margin: 0 0 20px;
  }
  .InboxChatSection .Chatleft .BgGreen {
      width: 100%;
      float: left;
      margin: 0 0 4px;
      padding: 12px;
      border-radius: 16px;
      background: #edf4e5;
      color: #1b3600;
      font-weight: 400;
      border-bottom-left-radius: 0px;
  }
  .InboxChatSection .Chatleft .ChatTimeTranslate {
      width: 100%;
      float: left;
  }
  .ChatTimeTranslate span {
      margin-right: 10px;
      color: #9da5b4;
  }
  .ChatTimeTranslate a i {
      margin-right: 10px;
  }
  .InboxChatSection .ChatRight {
      width: 80%;
      float: right;
      margin-bottom: 20px;
  }
  .InboxChatSection .ChatRight .BgGrey {
      background: #f3f3f3;
      width: 100%;
      float: right;
      margin: 0 0 4px;
      padding: 12px;
      border-radius: 16px;
      color: #1b3600;
      font-weight: 400;
      border-bottom-right-radius: 0px;
  }
  .InboxChatSection .ChatRight .ChatTimeTranslate {
      width: 100%;
      float: left;
      text-align: right;
  }
  .InboxRightChatSection .filters {
      width: 100%;
      float: left;
  }
  .InboxRightChatSection .filters .form-inline {
      display: flex;
  }
  .InboxRightChatSection .filters .form-inline .form-group {
      width: calc(100% - 72px) !important;
      padding-left: 0;
      padding-right: 20px;
  }
  .InboxRightChatSection .filters .form-inline .form-group textarea.form-control {
      border: none;
      padding: 0;
      resize: none;
      font-size: 14px;
      width: 100%;
  }
  .InboxRightChatSection .filters .form-inline .ChatSendButton {
      width: 72px;
      float: right;
      display: flex;
      flex-direction: row;
      align-items: center;
  }
  .ChatSendButton a {
      font-size: 18px;
      font-weight: 100;
  }
  .ChatSendButton button.themeBtn img {
      width: 40px;
      height: 40px;
      padding: 12px;
  }
  .ChatSendButton button.themeBtn {
      width: auto;
      padding: 0;
      margin-left: 14px;
  }
  .InboxRightChatSection .filters .form-inline .form-group textarea.form-control:focus {
      box-shadow: none;
  }
  .InboxRightChatSection .mapProductTxt p span {
      margin-left: 8px;
      color: #4b9100;
  }
  .InboxSection .mapProductHead {
      margin: 0;
  }
  .FarmSection .InboxSidebar .mapProductTxt p {
      color: #9da5b4;
  }
  .InboxChatSection .Chatleft .ChatTimeTranslate a {
      color: #091f44;
  }
  .InboxChatSection .Chatleft .ChatTimeTranslate a i {
      color: #4b9100;
  }
  .InboxSection ol.breadcrumb {
      margin-bottom: 30px;
  }
  .InboxRightChatSection .filters .form-inline .form-group textarea::placeholder{
      opacity: 0.4;
  }


  .termPrivacy .bannerMai {
      margin-top: 110px;
      margin-bottom: 35px;
      float: left;
      width: 100%;
  }

  .termPrivacy .bannerMai h1 {
    color: #091f44;
    position: relative;
    padding-bottom: 5px;
    margin-bottom: 43px;
    font-size: 2rem;
}

  .termPrivacy .bannerMai h1:before {
      background: #091f44;
      border-bottom-right-radius: 3px;
      border-bottom-LEFT-radius: 3px;
      content: "";
      height: 4px;
      width: 20px;
      position: absolute;
      left: calc(50% - 10px);
      bottom: -15px;
  }
  main.termPrivacy .rightDetal.pre p {
      margin: 0 0 10px 0;
      white-space: pre-wrap;
      line-height: 24px;
  }
  main.termPrivacy .newDesign h3 {
    font-size: 39px;
    margin-bottom: 10px;
    line-height: 35px;
    margin: 18px 0 20px 0;
}
main.termPrivacy .benefitsSec h3 {
    margin: 60px 0 20px 0;
}
  .thmMute {
      color: #a9b1bd61 !important;
      pointer-events: none;
  }

  select {
      -webkit-appearance: none;
      -moz-appearance: none;
      background: url(../images/selectDrop.png);
      background-repeat: no-repeat;
      background-position: right 10px center;
  }


  .chat-history .dropdown-menu.dropdown-menu-right.dropProfile {
      display: block;
      position: absolute;
      top: 36px;
      right: -11px;
  }

  .chat-history {
      position: relative;
      display: none;
  }

  .chat-history span.fa.fa-search.form-control-feedback {
      position: absolute;
      font-size: 22px;
      top: 13px;
      color: #091f44;
      opacity: .5;
      left: 0px;
  }

  .chat-history input.form-control {
      padding-left: 32px;
      border: unset;
  }

  .chat-history .form-group.has-search {
      position: relative;
      margin-bottom: 0;
      border: unset;
  }

  .chat-history input.form-control::placeholder {
      color: #091f44;
      opacity: .5;
      font-family: FrizQuadrataTT;
      font-size: 16px;
  }
  ul.history-update {
      display: block;
      padding: 0;
      width: 100%;
      position: relative;
  }

  ul.history-update li {
    list-style: none;
    position: relative;
    margin-bottom: 5px;
    cursor: pointer;
}

  ul.history-update li span {
      font-size: 16px;
      opacity: .5;
  }

  .chat-history .form-group.has-search input {
      height: 44px;
      width: 100%;
  }

  span.text {
      font-family: FrizQuadrataTT;
      font-size: 16px;
      margin-left: 14px;
  }

  .delate-chat {
      font-family: FrizQuadrataTT;
      font-size: 16px;
      margin-top: 21px;
      color: #a11614;
      float: left;
  }

  .delate-chat i {
      margin-right: 17px;
      font-size: 22px;
  }

  ul.history-update li img {
      width: 24px;
  }

  ul.history-update li:after {content: "";position: absolute;background: #091f44;width: 188px;height: 1px;opacity: .1;top: 49px;right: -19px;}

  ul.history-update li:last-child::after {
      display: none;
  }
  .chat-history .form-group.has-search input:focus {
      outline: unset;
  }

  .chat-history .form-group.has-search:focus {
      outline: unset;
      box-shadow: unset;
  }

  .chat-history .form-group.has-search input:focus {
      box-shadow: unset;
  }

  div#deletechat h4.modal-title {
      font-family: 'FrizQuadrata';
      font-size: 40px;
      text-align: center;
  }

  div#deletechat  p {
      opacity: 0.8;
      font-family: Aller;
      font-size: 16px;
      color: #091f44;
      text-align: center;
  }

  div#deletechat .modal-content {
      padding: 40px 42px 40px 42px;
      object-fit: contain;
      border-radius: 40px;
  }

  div#deletechat .logout-buttons {
      display: flex;
      justify-content: center;
  }

  div#deletechat .logout-buttons a {
      margin-right: 11px;
  }

  div#deletechat .logout-buttons {margin-top: 25px;}

  div#deletechat .modalCenter1 {
      display: flex;
      align-items: center;
      justify-content: center;
  }

  .delete_chat {
      height: 100vh;
      display: flex;
      justify-content: center;
      align-items: center;
      overflow: auto;
  }
  div#deletechat a.themeBtn.logout {
      background: #4b9100;
      color: #fff;
  }
  .trader-wallet {
      padding: 20px 34px 20px 20px;
      border-radius: 16px;
      border: solid 1px rgba(14, 34, 79, 0.1);
      background-color: #fcfcfc;
  }

  .trader-wallet h2 {
      font-family: Aller;
      font-size: 42px;
      font-weight: 300;
      word-break: break-all;
      margin-top: 7px;
      font-stretch: normal;
  }

  .trader-wallet h5 {
      font-size: 16px;
      font-weight: normal;
      margin-bottom: 14px;
      font-stretch: normal;
  }

  .button-trade a.themeBtn {
      background: #4b9100;
      color: #fff;
  }
  .wallet th {
      position: relative;
  }

  .wallet .icons {
      position: absolute;
      top: 23px;
      width: 10px;
      left: 84px;
  }

  .wallet i.fa.fa-angle-down.sort-under {
      position: absolute;
      top: 12px;
      left: 0;
  }
  .wallet th.date .icons {
      left: 71px;
  }
  .wallet thead tr th {
      background: #fbfbfb;
      border-top-left-radius: 16px;
      border-top-right-radius: 16px;
  }
  div#deposit-wallet h5 {
      font-size: 12px;
  }

  div#deposit-wallet table tr td {
      min-width: 235px;
      font-family: Aller;
      font-weight: 300;
      font-size: 12px;
      vertical-align: baseline;
      padding-bottom: 10px;
      color: #091f44;
  }

  div#deposit-wallet p {
      width: 137px;
  }
  div#deposit-wallet button.close {
      color: #091f44;
      opacity: 1;
      font-size: 43px;
  }

  div#deposit-wallet .modal-header {
      padding-bottom: 12px;
      border-bottom: unset;
  }

  div#deposit-wallet .modal-content {
      border-radius: 20px;
      padding: 23px 40px 33px;
  }


  div#deposit-wallet .button-trade {
      margin-top: 15px;
  }

  div#deposit-wallet .button-trade a {
      /* padding: 21px !important; */
  }
  .product_tabs.trader-search ul.nav-tabs li a.active {
      color: #4b9100;
      border-bottom: unset;
  }
  .trader li .active:after {
      bottom: -11px !important;
      top: unset !important;
  }
  .trader li a {
      padding: 0 !important;
  }
  .product_tabs.trader-search {
      margin: 0;
  }
  .trader li {
      width: auto;
  }

  .trader li {
      width: auto !important;
  }

  ul.nav.nav-tabs.trader {
      width: 289px;
  }

  ul.nav.nav-tabs.trader li a {
      font-size: 24px;
  }
  .trader-search .grid_view {
      margin: 0;
  }

  .trader-search .tab-content {
      padding-top: 7px;
      padding: 11px;
  }
  .values-trader {
      display: flex;
      position: absolute;
      top: 0;
      right: 0;
  }

  .product_tabs.trader-search {
      position: relative;
  }

  .trader-del {
      margin-right: 22px;
      font-family: FrizQuadrataTT;
      font-size: 12px;
      margin-top: 9px;
  }

  .trader-del i {
      margin-right: 7px;
  }

  .loading i {
      margin-right: 10px;
  }
  .trader-del i {color: #091f44;opacity: .5;}

  .loading {
      border-radius: 11.1px;
      background-color: #4b9100;
      width: 116px;
      height: auto;
      cursor:  pointer;
      line-height: 3;
      font-family: 'FrizQuadrata';
      font-size: 12px;
      letter-spacing: normal;
      font-weight: normal;
      color: #ffffff;
      padding-right: 4px;
      text-align: center;
  }
  .round.tradertime {
      margin: 0;
  }

  .all-searching {
      display: flex;
      align-items: center;
      margin-top: 27px;
  }
  .trader-filter .filter_name {
      width: auto;
  }

  .trader-filter {
      width: 100%;
  }
  .trader-filter .filter_value span {
      font-family: Aller;
      font-size: 11.1px;
      font-weight: 300;
  }

  .trader-filter h3 {
      font-family: 'FrizQuadrata';
      font-size: 16px;
      font-weight: normal;
      justify-content: center;
      margin-bottom: 0;
      margin-top: 9px;
      margin-right: 29px;
  }
  .updating-date {
      padding-bottom: 4px;
      border-bottom: 1px solid #091f4412;
      margin-bottom: 0;
  }

  .updating-date p {
      color: #091f44;
      opacity: 0.4;
      font-family: Aller;
      margin-bottom: 7px;
      margin-top: 25px;
  }

  .round.tradertime span {
      opacity: 0.4;
      font-family: Aller;
      font-size: 16px;
  }
  .trader-product h2 {
      margin-bottom: 10px;
  }
  .flex {
      display: flex;
      align-items: center;
  }

  .flex span {
      margin-top: 0;
  }

  .flex img {
      margin-right: 5px;
  }
  .rate-trade {
      display: flex;
      align-items: baseline;
      margin-bottom: 15px;
  }

  .rate-trade ul {
      margin-bottom: 0;
      align-items: center;
      display: flex;
      justify-content: center;
      height: 26px;
  }
  .all-searching i.fa.fa-ellipsis-v.ChatBar {
      top: 0;
      right: 0;
      font-size: 17px;
      width: 36px;
      height: 36px;
      display: flex;
      cursor: pointer;
      justify-content: center;
      align-items: center;
      border-radius: 9px;
      border: 1px solid #e2e2e2;
  }
  .trader-product .image_small {
      background: #ffffff;

  }
  .button_cart a {
      text-decoration: unset;
  }
  .trader-product {
      margin-top: 12px;
  }
  .outer-div {
      height: 73vh;
      display: flex;
      justify-content: center;
      align-items: center;
      overflow: auto;
  }

  .content p {
      width: 341px;
      object-fit: contain;
      opacity: 0.8;
      margin-bottom: 0;
      font-family: Aller;
      margin-top: 6px;
      text-align: center;
  }

  .image-found {
      margin: 0 auto;
      display: block;
      text-align: center;
  }

  .content h2 {
      text-align: center;
      font-size: 24px;
      margin-top: 23px;
      margin-bottom: 19px;
      font-weight: normal;
  }

  .error-btn button {
      margin: 0 auto;
      background: #fff;
      margin-top: 22px;
  }
  .mainContent.empychat {
      width: 100%;
  }
  .error-btn a {
      text-decoration: unset;
  }
  .deposit-amt p {
      width: 100% !important;
      border: 1px solid #091f4412;
      padding: 10px;
      padding-left: 13px;
      border-radius: 7px;
  }

  div#deposit-wallet .modal-body {
      padding-bottom: 0;
  }
  .deposit-amt {
      padding-left: 2px;
  }
  .wallet table tbody td {
      border-bottom: 1px solid #dee2e6;
  }
  .wallet ul.pagination {
      justify-content: center;
      margin-top: 17px;
  }


  ul#gridDesign {
      padding: 0;
      display: flex;
      list-style: none;
      width: 100%;
  }

  ul#gridDesign li img {
      width: 100%;
      object-fit: cover;
      border-radius: 10px;
  }

  .ul#gridDesign li {
      margin: 0;
      flex: 1;
  }

  ul#gridDesign li {
      padding: 0 5px 0 5px;
  }

  ul#gridDesign li:first-child {
      padding-left: 0;
  }

  ul#gridDesign li:last-child {
      padding-right: 0;
  }

  ul#gridDesign li img:first-child {
      margin-bottom: 10px;
  }


  ul#gridDesign li:nth-child(even) img:first-child {
      height: 110px;
  }

  ul#gridDesign li:nth-child(even) img:last-child {
      height: 170px;
  }
  ul#gridDesign li:nth-child(odd) img:first-child {
        height: 170px;
  }

  ul#gridDesign li:nth-child(odd) img:last-child {
    height: 110px;
  }

  element.style {
  }
  .customDesign .carousel-control-prev {
      right: 50px;
  }
  .customDesign .carousel-control-next, .customDesign .carousel-control-prev {
    position: absolute;
    top: -55px;
    bottom: auto;
    width: 40px;
    color: #fff;
    text-align: center;
    opacity: 1;
    transition: none;
    padding: 0;
    border-radius: 10px;
    margin-right: 0;
    left: auto;
    right: 0;
    height: 40px;
    border: 1px solid #e0e9d5;
}
  .customDesign .carousel-control-next:focus,
  .customDesign .carousel-control-prev:focus {
      background: #edf4e5;
      border: 1px solid #4b910;
  }
  .customDesign .carousel-control-next i,
  .customDesign .carousel-control-prev i {
      color: #4b9100;
  }
  .customDesign .carousel-control-prev {
      right: 50px;
  }
  #FarmPictures div#lightbox button.close {
      font-size: 21px;
      color: #fff;
      opacity: 1;
      position: absolute;
      right: 10px;
      top: 41px;
      background: #4b9100;
      z-index: 9;
      padding: 15px;
      border-top-right-radius: 20px;
  }
  .loading img {margin-bottom: 5px;margin-right: 3px;}
  span.cleard-history {
      opacity: 0.5;
      font-family: 'FrizQuadrata';
      font-size: 12px;
      color: #091f44;
  }
  .trader-search .image_small.next2 {
      height: 28px;
      width: 28px;
  }
  .trader-search .image_small.next2 p {
      font-size: 16px;
  }
  .trader-search .image_small {
      width: 32px;
      height: 32px;
  }
  .trader-search .image_small img {
      width: 24px;
      position: absolute;
      top: 3px;
      right: 0;
      left: 0;
      margin: 0 auto;
  }
  .trader-search .image_small.next {
      left: 43px;
  }


  /* advance search css */

  .values-n {
      position: absolute;
      float: right;
      right: -228px;
      display:none;
  }

  .values-n .round {
      float: none;
      margin-left: 0;
  }

  .values-n .round_new {
      margin-left: 0;
  }

  .values-n .round label {
      height: 28px;
      width: 28px;
  }

  .values-n .round label:after {
      top: 7px;
  }
  section#advance-search {
      margin-top: 0;
  }

  section#filteration {
      margin-bottom: 0;
  }
  .radio_checked label.form-check-label {
      margin-left: 10px;
      margin-top: 6px;
  }
  /* end */
  .hideDesk {
      display: none !important;
  }
  .modal-body > img {
      width: 100%;
  }
  .rowFlextData {
      display: flex;
  }

  .rowFlextData > div {
    flex: 2;
    margin: 0;
}

  .rowFlextData > div:last-child {
      width: 30px;
      flex: 1;
  }
  #newModal.detailings {
      padding-bottom: 30px;
      padding-top: 28px;
  }
  #newModal textarea {
      width: 100%;
      border-color: #ddd;
      height: 130px;
  }
  #newModal .border-out:after {
      display: none;
  }
  #newModal .cart-img {
      width: 90px;
      height: 90px;
  }
  #newModal  .value-all {
      border-bottom: 1px solid #eee;
      margin-left: -20px;
      margin-right: -20px;
      padding: 0 25px 15px 25px;
  }
  #newModal  .detailings {
      padding-bottom: 18px;
      padding-top: 18px;
  }
  #newModal .cart_names {
      display: flex;
  }
  #newModal .cart_names span.img_1 {
      margin: 0 5px;
  }
  #newModal .titles {
      padding: 19px 0;
  }
  #newModal .quantity {
      margin-top: 21px;
      float: right;
  }

  label.delivery-option > div {
      display: none;
  }

  .cardCredit > input {
      display: none;
  }

  label.delivery-option {
      width: 100%;
  }
  .cardCredit label.delivery-option {
      border: none;
      padding: 0;
      margin: 0;
  }
  .cardCredit > input:checked + label.delivery-option {
      padding: 20px 20px 20px 19px;
      border-radius: 16px;
      border: solid 1px #4b9100;
      margin: 15px 0;
  }
  .cardCredit > input:checked + label .checkmark {
      background-color: #4b9100;
      border: unset;
  }
  .cardCredit > input:checked + label .checkmark:after {
      display: block;
  }
  .cardCredit .delivery-cost {
      top: 8px;
  }
  .cardCredit > input:checked + label> div {
      display: block;
  }
  .cardCredit .table tbody tr td {
      border: none;
      padding: 7px 0;
  }
  .cardCredit .table tbody tr td:first-child {
      width: 40%;
      float: left;
      font-weight: bold;
  }
  .cardCredit .table {
      margin: 0;
      margin: 0 45px;
      width: calc(100% - 90px);
  }
      /* Style the Image Used to Trigger the Modal */
  #myImg {
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
  }

  #myImg:hover {opacity: 0.7;}

  /* The Modal (background) */
  .modal.chatImagePreview {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
  }

  /* Modal Content (Image) */
  .chatImagePreview .modal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
  }

  /* Caption of Modal Image (Image Text) - Same Width as the Image */
  .chatImagePreview #caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
  }

  /* Add Animation - Zoom in the Modal */
  .chatImagePreview .modal-content,.chatImagePreview #caption {
    animation-name: zoom;
    animation-duration: 0.6s;
  }

  @keyframes zoom {
    from {transform:scale(0)}
    to {transform:scale(1)}
  }

  /* The Close Button */
  .chatImagePreview .close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
  }

  .chatImagePreview .close:hover,
  .chatImagePreview .close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
  }
  .logout-buttons * {
    margin-bottom: 10px;
}
.delate-chat i {
    width: 20px;
    font-size: 20px;
}
.chatBox:hover {
    background-color: #eee !important;
}
.mapProductImg img.symbolfarm {
    right: -7px;
    bottom: -4px;
    border: none;
}
#empty-chat-message,
#no-contact-found {
    width: 100%;
    height: 90%;
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    color: #acb3bf;
}






  /* 100% Image Width on Smaller Screens */
  @media only screen and (max-width: 700px){
  .chatImagePreview .modal-content {
      width: 100%;
    }
  }
  .custom-nav a img.itemImg {
      height: 19px;
      margin: 1px 7px 0 7px;
      width: 19px;
  }
  .all-searching .time .round.tradertime {
      width: 165px;
  }

#no-contact-found:empty {
    display: none;
}
#empty-chat-message:empty {
    display: none;
}
#clearChatSearch {
    position: absolute;
    right: 0;
    top: 10px;
}
#chatMessageBox img {
    object-fit: contain;
    border: 1px solid #eee;
    background: #eee;
    border-radius: 8px;
}
.Chatleft .BgGreen img, .ChatRight .BgGrey img {
    object-fit: contain;
    border: 1px solid #eee;
    background: #eee;
    border-radius: 8px;
}
.dropNotification .mapProductTxt p a {
    margin-left: 0;
}
.modalCenter::-webkit-scrollbar {
    display: none;
}
.modalCenter {
    -ms-overflow-style: none;
    scrollbar-width: none;
}
i#chatImageRemoveBtn {
    color: red;
    font-size: 18px;
    position: absolute;
    left: 62px;
    top: 0;
    background: #fff;
    border-radius: 50%;
    cursor: pointer;
}

.mapProductHead.chatBox.active{
position:relative;
}
.mapProductHead.chatBox.active:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    background: #fff;
    right: -40px;
    top: 30%;
    transform: rotate(
45deg
 );
    border: 1px solid #f5f2f2;
    border-right: none;
    border-top: none;
}
.formLoginlogin .form-Group.dFlex .twoCol {
    width: 50%;
}
.dropNotification .dropdown-menu .scrollClass {
    max-height: 420px;
    overflow: auto;
    padding-right: 3px;
    margin-top: 10px;
}
.scrollClass::-webkit-scrollbar {
    width: 7px;
    background: #eee;
}

.scrollClass::-webkit-scrollbar-thumb {
    background: #ddd;
}
.filters .ChatSendButton button.themeBtn {
    background: #4b9100;
}
ul .disable {
    opacity: 0.6;
    pointer-events: none;
}
.userData a:hover {
    color: #4b9100;
}
div#myTabContentMD .form-Group1 label {
    color: #0E224F;
    font-family: 'FrizQuadrata';
    font-weight: 500;
}
#myTabContentMD .tableDesign .table thead th:first-child,
#myTabContentMD .tableDesign .table tr td:first-child {
    padding-left: 15px ;
}
#myTabContentMD .tableDesign .table thead th:last-child,
#myTabContentMD .tableDesign .table tr td:last-child {
    padding-right: 15px ;
}
.multistep li#Order > img {
    display: none;
}
.multistep ul li img {
    position: unset;
    height: 100%;
    width: 100%;
    object-fit: contain;
    padding: 12px;
    display: block !important;
}
.multistep ul li.active img {
    filter: brightness(0) invert(1);
}
.modal-body .multistep ul li img{
    padding: 0;
}
.modal-body .multistep ul li.active{
    background: #edf4e5;
}
.modal-body .multistep ul li.active img{
    filter: none;
}
.descTh{
    max-width: 150px;
}
.mainContent .tableDesign pre {
    white-space: normal;
}
.dropdown ul.navBar li.active a:before,
.dropdown ul.navBar li:hover a:before {
    background: #4B9100;
    top: 20px;
}
.custom-nav .navCusRight  ul.navBar li:last-child:hover a:before{
    background: #a11614;
}
.inputDesing img.bsClass {
    padding: 0 7px;
}
body .date-picker-wrapper .month-wrapper table .day.real-today {
    background-color: #4b9100 !important;
    color: #fff !important;
}
.date-picker-wrapper .drp_top-bar .apply-btn {
    border: 1px solid #4b9100 !important;
    background: #4b9100 !important;
    background: -webkit-gradient(linear,left top,left bottom,from(#4b9100),to(#4b9100)) !important;
    background: -moz-linear-gradient(top,#4b9100,#4b9100)
    background: -moz-linear-gradient(top,#4b9100,#4b9100) ;
    color: #fff !important;

}
.date-picker-wrapper .month-wrapper table .day.checked {
    background-color: #4b910045 !important;
}
body .date-picker-wrapper .month-wrapper table .checked.first-date-selected,
body .date-picker-wrapper .month-wrapper table .checked.last-date-selected {
    background-color: #4b9100!important;
    color: #fff!important;
}
.date-picker-wrapper .month-wrapper table .day.toMonth.hovering {
    background-color: #4b910045 !important;
}
.toast-success {
  opacity: 1 !important;
  margin-top: 60px !important;
}
aside.sideBar .barHead .userData > a {
    color: #4B9100 !important;
}

input[type="text"]:disabled, input[type="text"]:read-only {
    color: #a1a9b7;
    background: rgb(233 236 239 / 40%);
    border-color: rgb(233 236 239 / 40%);
}

.cartBasket {
    cursor: pointer;
}
.search_filter .data .image_small img {
    width: 20px;
}
ul.navBar li img.img-hover,
ul.navBar li.active img.img-hover {
    display: none;
}
ul.navBar li:hover img,
ul.navBar li.active img  {
    display: none;
}
ul.navBar li a.colorRed img  {
    display: inline-block;
}
ul.navBar li:hover img.img-hover ,
ul.navBar li.active img.img-hover {
    display: inline-block;
}

span.sorting-icons img {
    width: 8px;
    cursor: pointer;
}
span.sorting-icons img:hover,
span.sorting-icons img.active {
    filter: grayscale(100%);
    opacity: 0.5;
}

span.sorting-icons {
    height: 12px;
    width: 10px;
    display: inline-flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    top: -4px;
    margin-left: 5px;
}
span.sorting-icons img:last-child {
    transform: rotate(180deg);
}
.search_filter .data .image_small.next2 img {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 5px;
    width: 15px;
}
.noMargin{
    margin: 0;
}
.howItWorks .crausalCaption {
    position: unset;
}
.howItWorks .bannerMai {
    margin-top: 40px;
    margin-bottom: 0;
}
.howItWorks .bannerMai p {
    margin-bottom: 0;
}
.howItWorks {
    padding-top: 30px;
}
.howItWorks .rightDetal.vBot {
    padding-left: 155px;
    padding-top: 0px;
}
.howItWorks  .newDesign p {
    margin-bottom: 10px;
    margin-top: 5px;
}
.howItWorks .rightDetal {
    padding-top: 10px;
}
.howItWorks .rightDetal  a.themeBtn {
    margin-top: 20px;
}
.howItWorks .benefitsSec p {
    width: 100%;
    margin-top: 50px;
    margin-bottom: 90px;
}
.howItWorks .benefitsSec .leftMap h3:before {
    bottom: -30px;
}
.benefitListing li {
    list-style: none;
    display: flex;
    align-items: center;
    margin-bottom: 40px;
}
.benefitListing li img {
    width: 100px;
    border-radius: 0;
    margin-right: 35px;
}
main.howItWorks .newDesign ul.benefitListing h3 {
    font-size: 23px;
    margin: 0;
    margin-bottom: 15px;
}

main.howItWorks .newDesign ul.benefitListing p {
    margin:0;
}
ul.benefitListing {
    padding: 0;
    margin: 0;
}
.benefitsSec {
    padding-top: 163px;
}
.bdrt {
    padding: 15px 0;
    position: relative;
    margin: 0 95px;
}
.leftImg .rightDetal.appContent {
    padding: 0 0 0 190px;
    height: 100%;
    position: unset;
}
.profilboder {
    padding: 0 0 0 70px;
    position: relative;
}
.rightDetal.appContent {
    padding-right: 260px;
}
.profilboder:before {
    position: absolute;
    content: '';
    border-bottom: 2px dashed #ccc;
    height: 2px;
    bottom: 10px;
    width: 98%;
    right: 0;
    /* top: 0; */
}
section.creatYourform {
    margin-bottom: 20px;
}
.rightDetal.CreatFarm .lstbfr {
    position: absolute;
    left: -52px;
    top: 50%;
    transform: translateY(-50%);
}
.lstbfr span {
    font-size: 17px;
    font-weight: 500;
    background: #091f44;
    width: 45px;
    height: 45px;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: -15px;
    border-radius: 50%;
    left: -5px;
    color: #fff;
    font-family: 'FrizQuadrata';
}
.profilboder:after {
    position: absolute;
    content: '';
    border-left: 2px dashed #ccc;
    height: 100%;
    top: -11px;
}
.rightDetal.appContent:after {
    position: absolute;
    content: '';
    height: 50%;
    width: 2px;
    bottom: 0;
    right: 74px;
    border-right: 2px dashed #ccc;
}
.lstbfr {
    position: absolute;
    right: 24px;
    z-index: 9;
}
.rightDetal.CreatFarm {
    padding: 70px;
}
.bdrt:before {
    position: absolute;
    content: '';
    border-bottom: 2px dashed #ccc;
    height: 2px;
    bottom: 10px;
    width: 98%;
    right: 60px;
    width: calc(100% - 135px);
}
.bdrt > div > div, .profilboder > div > div {
    padding: 84px 0;
}
.leftImg .rightDetal.appContent:after {
    left: 90px;
    height: calc(100% + 23px);
    top: -22px;
}

.leftImg .lstbfr {
    left: 45px;
}
.rightDetal.appContent {
    position: unset;
}
section.SearchMargoapp.rightImg .row  > div {
    position: unset;
}
.rightImg .rightDetal.appContent:after {
    bottom: 10px;
    height: 100%;
    right: 60px;
}
.rightImg .lstbfr {
    right: 10px;
}
section.SearchMargoapp.lastChild .rightDetal.appContent:after {
    bottom: unset;
    top: -25px;
    height: 50%;
}
section.SearchMargoapp.lastChild .bdrt:before{
    display: none;
}
.sectionTitle {
    text-align: center;
}
.sectionTitle .leftMap p {
    width: 100%;
}
.sectionTitle .leftMap h3:before {
    left: calc(50% - 10px);
}
.sectionTitle .leftMap a.themeBtn {
    width: 300px;
    margin: 30px auto;
    color: #fff;
    background: #4b9100;
    border: 1px solid #4b9100;
}
.sectionTitle .leftMap a.themeBtn:hover {
    color: #4b9100;
    background: #fff;
}
section.sectionTitle.testimonialSlider {
    padding-bottom: 100px;
    padding-top: 70px;

}
.howItWorks .rightDetal a.themeBtn img {
    width: 20px;
    border-radius: 0;
    margin-right: 10px;
}
.sectionTitle ul.appLinkHome {
    justify-content: center;
}
ul.appContentList {
    padding: 0;
    list-style: none;
}

ul.appContentList li {
    margin-bottom: 15px;
    position: relative;
    padding-left: 20px;
}

ul.appContentList li:before {
    height: 7px;
    width: 7px;
    background: #4b9100;
    content: "";
    position: absolute;
    left: 2px;
    top: 5px;
    border-radius: 50%;
}
p.videoCall img {
    width: 20px;
    position: relative;
    bottom: 1px;
    margin-right: 5px;
}
p.orTag {
    padding: 6px 0;
}


.mTabs > ul > li > a {
    color: #091f44;
    font-size: 20px;
    opacity: .5;
    position: relative;
    text-decoration: none;
}

.mTabs > ul {
    justify-content: space-between;
    border: none;
    padding: 70px 0 50px 0;
}
.mTabs > ul li {
    margin: 0;
    font-family: 'FrizQuadrata';
}
.mTabs > ul > li > a.active:before {
    background: #4b9100;
    content: "";
    height: 4px;
    width: 20px;
    position: absolute;
    left: 2px;
    bottom: -10px;
    border-bottom-right-radius: 3px;
    border-bottom-LEFT-radius: 3px;
}

.mTabs > ul > li > a.active {
    opacity: 1;
    color: #4b9100;
}
.mTabs .tab-content {
    max-width: 780px;
    margin: 0 auto;
}
.mTabs .tab-content {
    max-width: 780px;
    margin: 0 auto;
}

.mTabs h4.panel-title a {
    font-size: 24px;
    color: #091f44;
    padding: 35px 30px 35px 0;
    display: inline-block;
    width: 100%;
    position: relative;
    border-bottom: 1px solid #DBDDE1;
}
.mTabs h4.panel-title {
    margin: 0;
}

.mTabs h4.panel-title a:before {
    content: "+";
    color: #4b9100;
    position: absolute;
    font-size: 37px;
    top: 40%;
    right: 0;
    line-height: 20px;
}
.mTabs .panel-collapse {
    padding-top: 25px;
    border-bottom: 1px solid #DBDDE1;
    padding-bottom: 25px;
}
.mTabs h4.panel-title a[aria-expanded="true"]:before {
    content: "+";
    transform: rotate(45deg);
    margin-top: 0;
}
.mTabs div#accordion div#collapseOne .panel-body {
    padding: 15px 0;
    color: #091f44;
    opacity: 0.8;
    line-height: 22px;
}
.mTabs {
    margin-bottom: 130px;
}
main.blogPage .bannerMai img {
    object-fit: unset;
}
main.blogPage .crausalCaption p {
    color: #fff;
    opacity: .8;
    text-align: center;
    margin-top: 48px;
    line-height: 30px;
    margin-bottom: 3px;
}
main.blogPage  .crausalCaption h1:before {
    content: "";
    height: 4px;
    width: 16px;
    background: #fff;
    position: absolute;
    left: calc(50% - 7px);
    bottom: -20px;
    border-bottom-right-radius: 3px;
    border-bottom-LEFT-radius: 3px;
    background: #fff;
}
main.blogPage .crausalCaption h1 {
    position: relative;
}
.topImage a img {
    border-radius: 16px;
    max-height: 300px;
    object-fit: cover;
}
.bannerMain .crausalCaption p {
    color: #fff;
}
main.blogPage .BreadcrumbsSection {
    margin-bottom: 80px;
    margin-top: 165px;
}
main.blogPage .newDesign img {
    border-radius: 16px;
    max-height: 450px;
    object-fit: cover;
}
main.blogPage  .rightDetal {
    padding-top: 0;
}
main.blogPage  .newDesign p {
    margin-bottom: 0;
}
main.blogPage .breadcrumb-item+li.breadcrumb-item.active::before {
    color: #4b9100;
}
main.blogPage .BreadcrumbsSection ol.breadcrumb {
    font-size: 13px;
}
.blogBtn {
    color: #f1b000;
    text-transform: capitalize;
    background: #f1b0001f;
    border-radius: 8px;
    padding: 4px 7px;
    text-transform: capitalize;
}
.rightDetal .blogBtn {
    /* color: #f1b000; */
    text-transform: capitalize;
    /* background: #f1b0001f; */
    border-radius: 8px;
    padding: 4px 7px;
    text-transform: capitalize;
}
.imageBottom h3 {
    margin: 15px 0;
    font-size: 24px;
}
.gBrn{
    color: #4b9100;
    background: #4b91001a;
}
.bBrn{
    color:#587388;
    background: #b3ddf2;
}
.oBrn {
    color: #f1b000;
    background: #f1b0001f;
}
/* .yBrn{
    color: #FFFF00;
    background: #c7c76459;
} */
.yBrn {
    color: #ffd541;
    background: #dd6b25;
}
.pBrn {
    background: #a020f033;
    color: #A020F0;
}
.pBrn {
    background: #a020f033;
    color: #A020F0;
}
.rBrn {
    background: #e924213b;
    color: #A11614;
}
 .blogBtn img {
    margin-right: 5px;
    width: 14px;
    margin-top: -1px;
}
ul.dateList {
    font-weight: 200;
    color: #091f44;
    opacity: .5;
    display: flex;
    padding: 0;
    margin-top: 10px;
    margin-bottom: 0;
}
ul.dateList li {
    padding-right: 23px;
}
ul.dateList li:first-child {
    list-style: none;
}
.topImage a img {
    width: 100%!important;
}
.sec4 .imageBottom {
    text-align: left;
    padding: 35px 0 20px 0;
}
.popularArtical  .leftMap h3 {
    margin-bottom: 60px;
    margin-top: 70px;
}
section.sectionTitle.popularArtical.marginBorrom {
    margin-bottom: 120px;
}
section.sectionTitle.popularArtical.marginBorrom a {
    width: 150px;
    margin: 40px auto 0 auto;
}
section.sectionTitle.popularArtical.marginBorrom a img {
    width: 12px;
    margin-top: 0px;
    margin-left: 5px;
}
section.sectionTitle.popularArtical.marginBorrom a:hover img {
    filter: brightness(0) invert(1);
}
.dropdown-menu.show a:hover {
    background: #edf4e5;
    color: #4B9100;
}
.custom-nav .dropdown-toggle::before {
    content: "";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    right: -15px;
    margin-top: 1px;
}
.custom-nav .dropdown-toggle::after {
    display: none;
}
.custom-nav  .dropdown-item.active, .dropdown-item:active {
    background: #edf4e5;
    color: #4B9100;
}
span.toolTipDesign p {
    margin-bottom: 30px;
    margin-top: 10px;
    line-height: 28px;
    font-weight: 200;
    color: #65799b;
    opacity: .8;
    font-size: 16px;
    position: absolute;
    bottom: 30px;
    min-width: 310px;
    right: -150px;
    background: #fff;
    opacity: 1;
    line-height: 24px;
    padding: 19px;
    transition: 0.5s;
    display: none;
    border-radius: 8px;
}
.tipInfo span.toolTipDesign p {
    bottom: 24px;
    min-width: 390px;
    right: -190px;
}
span.toolTipDesign {
    position: relative;
    font-size: 13px;
    position: relative;
    top: -6px;
    cursor: pointer;
}
span.toolTipDesign:hover p {
    display: block;
}
.tipInfo {
    color: #65799b;
}
.tipInfo span.toolTipDesign {
    font-size: 10px;
    top: -6px;
    margin: 0 2px;
    color: #091f44;
}
span.toolTipDesign:before {
    content: "";
    height: 10px;
    width: 10px;
    position: absolute;
    top: 0;
    left: 1px;
    background: #fff;
    top: -20px;
    transform: rotate(
45deg );
    display: none;
    box-shadow: 1px 1px 2px #bbbbbb4d;
    z-index: 999999;
}

span.toolTipDesign:hover:before {
  display: block;
}
.grBg {
    padding-bottom: 115px !important;
    margin-bottom: 170px;
    clear: both;
    padding-top: 0;
    margin-top: 130px;
}
.paddCol {
    padding-right: 140px;
}
.testimonialSlider .leftMap {
    background-image: radial-gradient(#ffffff59, #ffffff40);
    border-radius: 50px;
}
section.sectionTitle.popularArtical.marginBorrom.newBottom {
    margin-bottom: -30px;
    padding-bottom: 140px;
}
section.sectionTitle.popularArtical.withSpacing.bgGray {
    background: #fbfbfb;
    padding: 0 0 70px 0;
    margin: 100px 0 30px 0;
}
.blogPage .breadcrumb-item.active {
    background: #dbdde14d;
    margin-left: 10px;
    border-radius: 4px;
    position: relative;
    padding: 2px 18px 2px 9px;
    margin-top: -3px;
}
.blogPage .breadcrumb-item+.breadcrumb-item::before {
    position: absolute;
    right: -3px;
}
.paddB0{
    padding-bottom: 0;
}
.paddT80 {
    padding-top: 155px;
}
.paddT80 .rightDetal {
    background-image: radial-gradient(#ffffff, #ffffff9e);
}
span.toolTipDesign p {
    box-shadow: 0 0 11px #eee;
}


.farmsPage  .bdrt:before {
    width: calc(100% - 95px);
}
.farmsPage .leftImg .rightDetal.appContent:after {
    left: 50px;
}
.farmsPage .leftImg .lstbfr {
    left: 0px;
}
.farmsPage .rightImg .rightDetal.appContent:after {
    right: 30px;
}
.farmsPage .bdrt:before {
    right: 31px;
    width: calc(100% - 66px);
}
.farmsPage  .rightImg .lstbfr {
    right: -20px;
}
.farmsPage  .rightDetal.appContent:after {
    right: 46px;
}
.farmsPage .lstbfr {
    right: 0px;
}
nav.navbar.navbar-expand-lg.custom-nav.accHead.noMargin {
    padding-top: 73px;
    margin-bottom: 70px;
}
div#navbarsExample09 {
    padding-left: 20px;
    font-size: 16px;
}
.custom-nav ul li a#dropdown03 {
    padding-right: 25px;
    background: url(../images/arrowUp.png) no-repeat calc(100% - 0px) center;
    background-size: 10px;
}
.custom-nav .dropdown-toggle::before {
    right: 0;
}
.custom-nav .navCusRight li.langDrop {
    margin-left: 20px;
}
.custom-nav .navCusRight li.langDrop  .dropdown-menu {
    min-width: 100%;
}
.custom-nav .navCusRight li.nav-item.dropdown.langDrop > a {
    opacity: 0.5;
}
.custom-nav .dropdown-menu {
    padding: 0;
    border-radius: 8px;
    border: 1px solid rgb(0 0 0 / 5%);
}
.custom-nav ul a.dropdown-item {
    padding: 9px 15px;
}
.custom-nav ul a.dropdown-item.active {
    border: 1px solid #728b5840;
}
.custom-nav .dropdown-toggle[aria-expanded="true"]::before {
    content: "";
}
.custom-nav .navCusRight .dropProfile  li {
    margin: 0;
}

.custom-nav ul a.dropdown-item:nth-child(2) {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
ul.benefitListing {
    padding: 0 0 0 20px;
    margin: 0;
    background-image: radial-gradient(#fbfbfba3, #fbfbfba6);
}
.howItWorks .bannerMai .col-full h2 {
    max-width: 100%;
}
.blogPage .bannerMai > img {
    height: 690px;
}
.blogPage section.sectionTitle.popularArtical.withSpacing.bgGray {
    padding: 100px 0 100px 0;
    margin: 160px 0 30px 0;
}
.pd30 {
    padding-bottom: 22px;
}
.grBg {
    margin-top: 155px;
}
.benefitListing li p {
    padding-top: 6px;
    padding-bottom: 12px;
}
.benefitListing li span.toolTipDesign p {
    padding: 18px;
}

section.sectionTitle.testimonialSlider {
    padding-top: 149px;
}
.blogPage .crausalCaption h2 {
    margin-bottom: 0;
    margin-top: -100px;
}
.blogPage section.sectionTitle.popularArtical.marginBorrom a {
    width: 170px;
    padding: 0;
}
.blogPage  .popularArtical .leftMap h3 {
    margin-bottom: 80px;
}
.howItWorks .paddCol .rightDetal p {
    margin-bottom: 20px;
}

.howItWorks .paddCol .rightDetal a.fixEd {
    margin-top: 20px;
    width: 190px;
}
section.withSpacing.sec1 {
    padding: 160px 0 212px 0;
}
section.sec2 {
    padding-top: 55px;
}
.sec2 .vBot {
    padding-left: 150px;
    padding-top: 140px;
}
section.sec3 {
    padding-top: 220px;
}
section.sec4 {
    padding-top: 90px;
}
section.sec4 {
    padding-top: 90px;
}
section.sec4  .leftMap h3 {
    margin-bottom: 85px;
}
section.sec4 a {
    width: 180px;
    padding: 0;
}

section.sec5 ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    width: 100%;
    justify-content: center;
}

section.sec5 ul li img {
    height: 45px;
}

section.sec5 {
    background: #fbfbfb;
    padding: 80px 0;
    margin-bottom: -30px;
}
.mainPage footer {
    background: #fff;
}
section.sec5 ul li {
    padding: 0 30px;
    border-right: 2px solid #aaa;
}
section.sec5 ul li:last-child {
    border: none;
}
.allAritcal .BreadcrumbsSection {
    margin-top: 30px;
}
.allAritcal  .popularArtical .leftMap h3 {
    margin-top: 0;
    font-size: 60px;
}
.homePage .sec1 .rightDetal {
    padding-top: 30px;
}
.sec3 .rightDetal {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 130px;
}
.sec3 .newDesign p {
    margin-bottom: 50px;
    margin-top: 20px;
}
.sec4 .imageBottom h3 {
    margin: 24px 0 18px 0;
}
section.sectionTitle.popularArtical.marginBorrom.sec4  a {
    margin: 20px auto 0 auto;
}


.mainPage .bannerMain {
    position: relative;
}
.mainPage .bannerMain:before {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background: #00000075;
}
.mainPage .bannerMain {
    margin-top: 0;
}
.mainPage nav.navbar.navbar-expand-lg.custom-nav.accHead.noMargin {
    padding-top: 75px;
    margin-bottom: 72px;
}
.mainPage .crausalCaption h1 {
    margin-top: -30px;
}
.mainPage .crausalCaption form {
    margin-top: 50px;
}
.mainPage .crausalCaption form {
    margin-top: 37px;
    margin-bottom: 8px
}
.mainPage .crausalCaption {
    padding-bottom: 140px;
}
.mainPage .bannerMain .crausalCaption form p {
    color: #091F44;
    opacity: 1;
}
.imageBottom {
    text-align: left;
    padding: 35px 0px 50px 0;
}
.imageBottom h3 {
    margin: 24px 0 18px 0;
}
.blogPage section.sectionTitle.popularArtical.marginBorrom a {
    margin: 20px auto 0 auto;
}
.cookies {
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #fff;
    padding: 30px;
    z-index: 9999;
}
.cookiesLeft {
    display: flex;
    align-items: center;
    justify-content: center;
}
.cookiesLeft p {
    margin: 0;
}
.cookiesLeft img {
    margin-right: 25px;
    width: 60px;
}
ul.themeBtns .bgFull {
    background: #4b9100;
    color: #fff;
    margin-left: 25px;
}
ul.themeBtns {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    justify-content: flex-end;
}




.map button[title="Your Location"] {
    width: 40px  !important;
    padding: 0 6px  !important;
    height: 40px  !important;
    border-radius: 16px !important;
}

.map .gmnoprint {
    bottom: unset !important;
    top: 100px;
    right: 60px !important;
}


.map .gmnoprint > div {
    background: transparent !important;
}

.map .gmnoprint > div button {
    background: #fff !important;
    margin-bottom: 15px !important;
    border-radius: 16px !important;
    font-size: 10px !important;
}




.map .gm-style > div > div[style="z-index: 0; position: absolute; bottom: 101px; right: 0px;"] {top: 35px;bottom: unset;right: 20px !important;}

.map .gm-style-cc {
    display: none;
}
.box-changes {
  max-width: 100%;
  display: flex;
}

.dropdown_filter.box-changes > label {
    font-size: 12px;
    color: #a5a2a2;
    margin: 0;
    display: flex;
    align-items: center;
    margin-right: 10px;
}

.dropNotification .dropdown-menu {
    padding: 20px 20px 0;
}
.dropNotification .dropdown-menu .nHead a.themeBtn {
    height: 36px;
    padding: 0 5px;
    line-height: 36px;
}
.dropNotification .dropdown-menu .mapProductImg img {
    width: 44px;
    margin: 0;
}
.nHead.no_nt_Head {
    padding-bottom: 20px;
}
.dropNotification .mapProductTxt p a {
   color: #091f44;
 opacity: 0.5;
}
.viewsFilter {display: flex;}

.viewsFilter .views img:last-child {
    margin-left: 10px;
}
.viewsFilter .views img {
    cursor: pointer;
}
.viewsFilter  .list.disabled_class .dd-search {
    display: none !important;
}
.viewsFilter .views {
    display: flex;
    align-items: center;
}
.viewsFilter .dd-search {
    display: none !important;
}
.viewsFilter  .dropdown_filter .dropdown-select:active,
.viewsFilter  .dropdown_filter .dropdown-select.open,
.viewsFilter  .dropdown_filter .dropdown-select {
    background-color: transparent !important;
    border-color: transparent;
    box-shadow: none;
}

.viewsFilter  .dropdown_filter .dropdown-select.wide {
    width: 55px;
    margin-right: 10px;
    padding-left: 0;
}
.viewsFilter  .dropdown_filter .dropdown-select:after {
    content: "\f107";
    right: 7px;
    top: 5px;
    border: none;
    font-family: 'Font Awesome 5 Free';
    font-weight: 700;
    color: #091f44a6;
    font-size: 12px;
    border: none !important;
}
.viewsFilter .dropdown_filter .dropdown-select.open:after {
    -webkit-transform: none;
    transform: none;
    content: "\f106";
    top: 3px;
}
.inner_section span.current {
    color: #091f44 !important;
}
.viewsFilter .dropdown_filter .dropdown-select.wide .list {
    width: 65px;
    font-size: 12px;
    margin: 0;
    margin-left: -6px;
}
#newModal  .modal-body .border-out {
    height: 45vh;
    overflow: auto;
}
button.gm-control-active[aria-label="Zoom in"] + div {
    display: none;
}
.inner_section .box-changes span.current {
    color: #4B9100 !important;
}
.FarmSection .dropdown_filter .dropdown-select:after {
    content: "\f107";
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    border: none;
    font-size: 14px;
    margin-top: -9px;
    margin-right: 10px;
    color: #091f44;
}
.FarmSection .dropdown_filter .dropdown-select.open:after {
    -webkit-transform: none;
    transform: none;
    content: "\f106";
}
.FarmSection .filters .dropdown_filter .dropdown-select:after {
    position: absolute;
    top: 9px;
}
.advance-filter .form-group input {
    width: 100%;
    font-size: 16px;
    font-family: 'Aller';
}
.contactUS .dropdown-select.wide {
    display: none;
}
.aboutUspage .lastForFoot .rightDetal {
    margin-top: 30px;
}
.custom-nav ul a.dropdown-item:last-child {
    border: none;
}
.inner_section .d-fl {
    clear: both;
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 13px;
    padding-top: 3px;
}
.inner_section .d-fl > span {
    color: #091f44;
    margin: 0;
    display: flex;
}
.inner_section .d-fl > span > span {
    margin: 0 0 0 10px;
        color: #a5a2a2;
}
 .d-fl {
    clear: both;
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 13px;
    padding-top: 3px;
}
 .d-fl > span {
    color: #091f44;
    margin: 0;
    display: flex;
}
 .d-fl > span > span {
    margin: 0 0 0 10px;
    color: #a5a2a2 !important;
}
.button_cart.list_button .d-fl {
    padding: 5px;
    padding-top: 0;
    margin: 0;
}
body.spanish .round.search2 {
    display: flex;
}
body.spanish .round span {
    font-size: 10px;
    line-height: 15px;
    margin-left: 16px;
}
body.spanish .round {
    display: flex;
    align-items: center;
}
body.spanish  .form-group.crops .current {
    font-size: 10px;
}
body.spanish  .form-group.foodbasket .current {
    font-size: 10px;
}
body.spanish .round span {
    font-size: 10px;
    line-height: 15px;
    margin-left: 15px;
    min-height: 24px;
    display: flex;
    align-items: center;
    width: 90px;
}


.productIconsDiv .image_small {
    position: unset;
    margin-right: 10px;
}
.productIconsDiv {position: absolute;top: 10px;display: flex;left: 10px;}
.next-imperfect img.imperfecticon {
    width: auto !important;
    height: calc(100% + 5px);
}
.search_filter .data .image_small img.imperfecticon {
    width: auto;
    height: calc(100% + 5px);
}

.map button[title="Your Location"] div {
    background-image: url('../images/icons/location.svg') !important;
    background-size: contain !important;
    background-position: center !important;
}
.map .gmnoprint > div button img {
    width: 13px !important;
    filter: sepia(200%) hue-rotate(
-901deg) saturate(316%) brightness(50%);
    display: none !important;
}
.map .gmnoprint > div button[aria-label="Zoom out"] {
    background-image: url(../images/icons/minusIocn.svg) !important;
    background-size: 17px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}
.map .gmnoprint > div button[aria-label="Zoom in"] {
    background-image: url('../images/icons/plusIcon.svg') !important;
    background-size: 17px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}
.map .gmnoprint > div button[aria-label="Reducir"] {
    background-image: url(../images/icons/minusIocn.svg) !important;
    background-size: 17px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}
.map .gmnoprint > div button[aria-label="Ampliar"] {
    background-image: url('../images/icons/plusIcon.svg') !important;
    background-size: 17px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}
.map .gmnoprint > div button[aria-label="Ampliar"] + div{
    display: none;
}
img.toggleImg {
    width: 19px;
    margin-top: -2px;
}
button.navClose {
    background: transparent;
    border: none;
    position: absolute;
    right: 15px;
    top: 20px;
    display: none;
}
button.navClose img {
    width: 15px;
}
.contactInformaion a img {
    width: 15px;
    margin-right: 5px;
}

.contactInformaion a {
    margin-right: 20px;
}

/* pa {
    margin-bottom: 30px;
    margin-top: 5px;
} */

.contactInformaion a {
    border-radius: 10px;
    border: solid 1px #dceacd;
    background-color: #edf4e5;
    padding: 4px 10px;
    float: left;
    color: #4b9100;
    text-decoration: none;
}

.contactInformaion {
    width: 100%;
    float: left;
    margin-bottom: 30px;
    margin-top: 5px;
}
.newDesign small.blogBtn.latestBtn {
    color: #f1b000;
}
.contactUS .BreadcrumbsSection {
    display: none;
}
.explorePage .mobsort {
    display: none;
}
.card-body {
    float: left;
    padding-top: 0;
    width: 100%;
}
.filterHeader {
    width: 100%;
    justify-content: space-between;
    margin-bottom: 30px;
    flex-wrap: wrap;
    display: none;
}
.filterHeader > a > img {
    width: 28px;
    margin-left: 40px;
    padding: 5px;
    border: 1px solid #eeeeeeb8;
    border-radius: 6px;
}
.filter_value.filter_value_data span a {
    flex-direction: row-reverse;
}
.filter-show .filter_value {
    margin-top: 5px;
    position: relative;
    top: 15px;
    margin-left: -15px;
    margin-right: -15px;
}
.filterHeader a {
    display: flex;
    align-items: center;
    color: #4b9100;
}

.filterHeader h2 {
    margin: 0;
    font-size: 24px;
}
.searchFilterPage h2 {
    font-size: 16px;
    padding: 20px 0;
}
.searchFilterPage .card {
    border: none;
    border-bottom: 1px solid #aaa !important;
}
.searchFilterPage  .roundParent {
    margin: 0;
}
.searchFilterPage{
    display: none;
}
.InboxSection .mapProductImg img.symbolfarm {
    width: 28px;
    height: 28px;
    border-radius: 8px;
    object-fit: cover;
    padding: 0;
}
.filterForSesarch {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;

}

.filterForSesarch img {
    width: 30px;
    border: 1px solid #4b9100;
    border-radius: 8px;
    padding: 3px;
    cursor: pointer;
}

.filterForSesarch label {
    margin: 0;
}

.filterForSesarch {
    display: none;
}
footer img.logo-img {
    max-height: 51px;
}
body.logedIn .custom-nav {
    z-index: initial;
}
.mapProductImg img.symbolfarm {
    right: -5px;
    border: 1px solid #ccc;
    border-radius: 8px;
    width: 25px;
    height: 25px;
    background: #fff;
    padding: 2px;
}
.spanish .dropProfile {
    width: 260px;
}
.spanish .dropNotification .dropdown-menu {
    width: 462px;
}
.spanish aside.sideBar {
    width: 283px;
}
.spanish .mainContent {
    width: calc(100% - 323px);
}
.disabled {
  pointer-events: none;
  opacity: 0.3;
}
.custom-nav .navCusRight li.forProfileMobile {
    display: none;
}

span.current {
    font-size: 10px;
}
.dropdown_filter .dropdown-select .list ul li.option {
    padding: 8px 10px;
    line-height: normal;
    font-weight: 100;
    color: #ACB3BF;
    font-family: 'Aller';
}
.sorting .dropdown-toggle::after {
    content: "\f107";
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    border: none;
    font-size: 12px;
    margin-top: 0;
    margin-right: 10px;
    color: #7aae43;
    position: absolute;
    right: 0;
}
.sorting .nav-link {
    display: block;
    padding: 2px;
}

/* .sortingDesign:before {
    content: "\f107";
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    border: none;
    font-size: 12px;
    margin-top: 0;
    margin-right: 5px;
    color: #4b9100;
    position: absolute;
    right: -5px;
    top: 2px;
}
.sortingDesign.arrowDown:before {
    content: "\f106";
} */
.sortingDesign select {
    margin-top: 2px;
    border: unset;
    font-size: 12px;
    color: #4b9100;
    padding-left: 6px;
    padding-right: 10px;
    padding-right: 12px;
    background: url(../images/arrowGreenDown.png) no-repeat calc(100% - 0px) center;
    background-size: 10px;
    width: 72px;
}
.sortingDesign.arrowDown select {
    background: url(../images/arrowGreenUp.png) no-repeat calc(100% - 0px) center;
    background-size: 10px;
}
.sorting.sortingDesign select {
    color: #4b9100 !important;
}
.bg-color.organicColor {
    background: #edf4e5;
    border: 1px solid #4b910036;
}

.bg-color.freeRangeColor {
    background: #FFF7DA;
    border: 1px solid #FFEAA0;
}

.bg-color.freeRangeColor h2 {
    color: #ffc700;
}

.bg-color.imperfectDes {
    border: 1px solid #d491b54f;
    background: #f7e6ef;
}

.bg-color.imperfectDes h2 {
    color: #b31c75;
}

.bg-color.imperfectDes img {
    height: 27px;
}
.customAccordian {
    display: none;
}
.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
    background: #4b9100 !important;
    border-color: #4b9100 !important;
}
.flatpickr-months .flatpickr-prev-month:hover svg, .flatpickr-months .flatpickr-next-month:hover svg {
    fill: #4b9100 !important;
}
.mapProductImg img.symbolfarm {
    border-radius: 6px !important;
    right: -10px;
    border-color: #DCEACD;
    background: #EDF4E5;
    padding: 3px;
}
.rightProduceSection .bg-color {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 7px;
    margin-right: 5px;
}

.custom-nav .dropProfile ul li.active a:before {
    left: auto;
}
.cart-img-value img {
    border-radius: 8px;
}


.popularArtical  .blogBtn {
    margin-right: 4px;
    margin-bottom: 3px;
    display: inline-block;
}



.bDetailMain  .blogBtn {
    margin-right: 4px;
    margin-bottom: 3px;
    display: inline-block;
}
.bDetailMain  .blogBtn img {
    height:auto;
}
.blogDetail ul {
    padding: 0;
    display: flex;
    justify-content: center;
}

.blogDetail ul li {
    margin: 0 10px;
    padding: 0 5px;
    margin-bottom: 20px;
}

.blogDetail ul li:first-child {
    list-style: none;
}
.blogDetail .bannerMai {
    border-radius: 16px;
    overflow: hidden;
}
.blogBtn img {
    height: auto;
}
.bDetailMain {
    margin-top: 80px;
}
p.wdGrayBg {
    background: #fbfbfb;
    padding: 10px 15px;
    border-radius: 8px;
    margin: 20px 0;
}
.bDetailMain p, .bDetailMain span {
    margin: 0 0 15px 0;
    opacity: .7;
    line-height: 24px;
}
p.wdGrayBg img {
    width: 30px;
    margin-right: 5px;
}
.bDetailMain ul {
    flex-direction: column;
    list-style: disc;
    padding-left: 15px;
}
.bDetailMain ul li:first-child{
    list-style: disc;
}
.bDetailMain ul.blogShare li:first-child{
    list-style: none;
}
.bDetailMain ul.blogShare {
    padding: 0;
    width: 50%;
    float: right;
    text-align: center;
    list-style: none;
    opacity: 1;
}
.bDetailMain ul li {
    margin: 6px 0;
}

.bDetailMain ul li a:hover {
    color: #4b9100;
    text-decoration: none;
}
.bDetailMain ul li a {
  color:#091f44;
}
.bDetailMain ul.blogShare li a {
    font-size: 24px;
}



/* blog page tags */
.rightDetal .imageBottom .gBrn{
    color: #4b9100;
    background: #4b91001a;
}
.rightDetal .imageBottom .bBrn{
    color:#587388;
    background: #b3ddf2;
}
.rightDetal .imageBottom .oBrn {
    color: #f1b000;
    background: #f1b0001f;
}

.rightDetal .imageBottom .yBrn {
    color: #ffd541;
    background: #dd6b25;
}
.rightDetal .imageBottom .pBrn {
    background: #a020f033;
    color: #A020F0;
}
.rightDetal .imageBottom .pBrn {
    background: #a020f033;
    color: #A020F0;
}
.rightDetal .imageBottom .rBrn {
    background: #e924213b;
    color: #A11614;
}
 .rightDetal .imageBottom  .blogBtn {
    margin-right: 4px;
    margin-bottom: 3px;
    display: inline-block;
}
.bDetailMain .imageBottom span {
    font-weight: normal !important;
    margin: 10px 0;
    float: left;
    width: 100%;
    opacity: .7;
    line-height: 24px;
}

.bDetailMain h2 b {
    font-weight: 500;
    font-size: 1.75rem;
    margin-top: 30px;
    float: left;
    width: 100%;
    margin-bottom: 15px;
}
section.sectionTitle.popularArtical.marginBorrom  img.blogimage:hover  {
    filter: none;
}
.toggleForm .customAccordian img {
    transform: rotate(90deg);
    position: relative;
    right: 5px;
    top: 1px;
}
section#advance-search {
    margin-top: 20px;
}
main.blogPage .newDesign .blogBtn img {
    width: 14px;
}
main.blogPage .newDesign .blogBtn {
    display: inline-block;
    width: auto;
    font-size: 80%;
}
.sectionTitle .imageBottom ul.dateList {
    justify-content: flex-start;
}
.sectionTitle .imageBottom ul.dateList li:first-child {
    margin-left: 0;
    padding-left: 0;
    margin-bottom: 0;
}

.bDetailMain h1,
.bDetailMain h2,
.bDetailMain h3,
.bDetailMain h4,
.bDetailMain h5,
.bDetailMain h6 {
	font-size: 24px;
	font-family: 'FrizQuadrata';
}
.bDetailMain ul,
.bDetailMain cite {
    margin: 10px 0;
    opacity: .7;
}
.blogDetail .topImage img {
    object-fit: cover;
    width: 100%;
    border-radius: 16px;
}
.product_tabs div#menu2 h3 {
    color: #828d9f;
    font-size: 14px;
}
.advance-filter .form-group span.current {
    position: relative;
    top: 5px;
}
.filter_name {
    margin-top: 18px;
}
#billing-address .formdesign {
    padding-right: 0;
}
.advance-filter .form-group span.current {
    margin-top: 0 !important;
    top: 2px;
    font-size: 14px !important;
}

section.blog-detail-page img {
    width: 100%;
}
section.blog-detail-page img {
    width: 100%;
    margin-top: 18px;
    margin-bottom: 18px;
    object-fit: cover;
}
section.blog-detail-page h1 {
    margin-top: 18px;
}
h1 ul.dateList {
    font-size: 14px;
}
.summary-all span.toolTipDesign {
    padding-bottom: 0;
    top: -2px;
    font-size: 12px;
}
.summary-all span.toolTipDesign p {
    font-size: 12px;
    right: auto;
    bottom: 0px;
}
.summary-all span.toolTipDesign {
    position: relative;
}
.summary-all span.toolTipDesign:before {
    left: 8px;
}
.howItWorks .paddCol .rightDetal.rightTooltip .tipInfo p {
    margin-bottom: 0;
    left: auto;
    right: auto;
    min-width: 300px;
    z-index: 9;
    margin-top: 0px;
}
.howItWorks .paddCol .rightDetal .pr {
    line-height: 24px;
    margin-bottom: 20px;
}
.howItWorks .newDesign .paddCol {
    z-index: 999;
}
.howItWorks .paddCol .rightDetal.rightTooltip .tipInfo p {
    left: -150px;
}
.dropNotification .mapProductTxt p a:last-child {
    border: 1px solid;
    height: 25px;
    border-radius: 9px;
    color: #4b9100;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.3s;
    padding: 0 5px;
    opacity: 1;
}
.dropNotification .mapProductTxt p a:last-child:hover {
    background: : transparent;
}
.dropNotification .mapProductTxt p {
    justify-content: space-between;
    opacity: 1;
}
/* .howItWorks .paddCol .rightDetal.rightTooltip .tipInfo span.toolTipDesign {
    position: unset;
}
.pr{
    position: relative;
} */
/* this is test */

body.spanish  .radioBtns label span {
    font-size: 13px;
}
body.spanish  .modalCenter .modal-dialog {
    max-width: 970px;
}
main.blogDetail .bannerMai h1 {
    font-size: 40px;
    max-width: 700px;
    text-align: center;
}

.blogDetail .bannerMai:before {
    content: "";
    width: 100%;
    height: 100%;
    background: #0000002e;
    position: absolute;
}
.formDesignProfile input::placeholder {
    color: #9da5b4;
}

.sectionTitle.popularArtical a:hover{
    text-decoration: none;
}

.bDetailMain p a:hover {
    color: #4b9100;
    text-decoration: none;
}

.pac-container {
    z-index: 9999 !important;
}

.team_tooltip{
    left: 99%;
    top: -80px;
    position: absolute;
    box-sizing: border-box;
    min-height: 221px;
    width: 242.5px;
    border: 1px solid rgba(9,31,68,0.05);
    border-radius: 16px;
    background-color: #FFFFFF;
    padding:16px;
    display: none;
}
.team_tooltip_holder:hover .team_tooltip{
    display: block;
}
.team_tooltip:before{
    content: "";
    background: #fff;
    border: solid rgba(9,31,68,0.05);
    border-width: 1px 0px 0px 1px;
    width: 25px;
    height: 25px;
    display: block;
    position: absolute;
    transform: rotate(-45deg);
    left: -14px;
    top: 98px;
}
.team_tooltip .brand-image{
    margin-top: 0;
    margin-right:15px;
}
.team_tooltip .team_name{
    color: #091F44;
    font-family: FrizQuadrata;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
    padding-top: 2px;
}
.team_tooltip .team_title{
    color: #091F44;
    font-family: Aller;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 28px;
}
.team_tooltip .team_about{
    opacity: 0.6;
    color: #091F44;
    font-family: Aller;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 28px;
}
.month_days > span, .month_header_days > span{
    display: inline-block;
    width: 21px;
    height: 24px;
    text-align: center;
    line-height: 24px;
}
.month_header{
    color: #4b9100;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
}
.month_header_days > span{
    font-weight: bold;
}

.harvest-calendar-holder .month{
    vertical-align: top;
    padding: 0 6px;
    display: none;
    width: 165px;
    font-size: 12px;
}
.harvest-calendar-holder .month.active{
    display: inline-block;
}
.month_days > span.active{
    background: #edf4e5;
    color: #4b9100;
}
.harves_calendar_arrows > a{
    border: 1px solid #e4e4e4;
    width: 24px;
    height: 24px;
    display: inline-block;
    border-radius: 6px;
    text-align: center;
    position: relative;
    color: #4b9100;
    cursor: pointer;
    font-size: 12px;
}
.harves_calendar_arrows > a.month_prev svg{
    position: relative;
    top: 1px;
    left: -1px;
}
.harves_calendar_arrows > a.month_next svg{
    position: relative;
    top: 1px;
    left: 1px;
}
.harves_calendar_arrows > a:hover{
    background: #edf4e5;
    border-color: #c3debc;
}
.harves_calendar_arrows > a.month_next{
    float: right;
}
.harvest-holder{
    background: #fff;
    border: 1px solid #f5f5f5;
    border-radius: 8px;
    padding: 10px 7px 20px 7px;
}
.harvest-calendar-holder{
    padding: 10px 25px 0px 25px;
    display: flex;
    justify-content: space-around;
    height: 195px;
    overflow: hidden;
}
@media only screen and (max-width: 1280px) {
    .harvest-calendar-holder{
        padding: 10px 5px 0px 5px;
    }
}
@media only screen and (max-width: 1070px) {
    .harvest-calendar-holder{
        padding: 10px 0px 0px 0px;
    }
    .month_days > span, .month_header_days > span{
        width: 18px;
    }
}
@media only screen and (min-width: 768px) and  (max-width: 920px) {
    .harvest-calendar-holder .month{
        font-size: 9px;
        padding: 0 2px;
        width: auto;
    }
    .month_days > span, .month_header_days > span{
        width: 14px;
        height: 21px;
    }
}
@media only screen and (max-width: 460px) {
    .harvest-calendar-holder .month{
        font-size: 9px;
        padding: 0 2px;
        width: auto;
    }
    .month_days > span, .month_header_days > span{
        width: 14px;
        height: 21px;
    }
}
.formdesign p.select_role_text{
    color: #091f44;
    opacity: 0.8;
}
a.forgot-password, .login-btn{
    font-size: 16px;
}
.nav-link.demo-link{
    color: #4b9100;
    opacity: 1;
}
.logo-footer{
    width: 128px;
}