@font-face {

  font-family: 'century';

  src: url(../assets/fonts/century-gothic/CenturyGothic.ttf);

}

@font-face {

  font-family: 'raleway';

  src: url(../assets/fonts/Raleway/static/Raleway-Bold.ttf);

}



@font-face {

  font-family: 'centuryBold';

  src: url(../assets/fonts/century-gothic/GOTHICB.TTF);

}

@media(max-width:768px){

  .startfirst h2 {

    font-size: 30px !important;

    font-weight: 700;

    color: #F2A724;

    line-height: 40px !important;

  }

  .startthird .startthirdinner {

    width: 100% !important;

  }

    /* .startthird .startthirdinner .grid {

        display: block !important;

    } */

    .startsecond h2 {

      color: #ffffff;

      font-family: 'century';

      font-size: 30px !important;

      font-weight: 700;

      line-height: 40px !important;

    }
    .grid{
        flex-wrap:wrap;
    }
    
    .gridinner{
        display: none;
        width: 30%;
    }

    .gridinner:nth-child(-n+3){
        display: block;
    }
    .startthird .startthirdinner .grid .gridinner img {

      width: 100%;

    }

    .startthird {

      align-items: center;

      flex-direction: column-reverse !important;

    }

    .posthead h2 {

      font-size: 30px !important;

      line-height: 40px !important;

      text-align: center;

      margin-top: 0px !important;

      z-index: 99;

      position: relative;

      background: #F6F0DA;

      width: 100% !important;

    }

    .postinner .postadinner .maincard .cardinner::before {

      display: none !important;

    }

    .postinner .postadinner .maincard .cardinner::after {

      display: none !important;

    }

    .qualityhead h2 {

      font-size: 30px !important;

      line-height: 40px !important;

      text-align: center;

    }

    .tabsmain ul#pills-tab {

      display: flex;

      justify-content: center;

      border-bottom: 1px solid;

      margin: 0px !important;

    }

    .header {

      background: #49803B;

      padding: 0px !important;

      min-height: 105px;

      display: flex;

      align-items: center;

    }

    .headermain .mainlogo {

      width: 50% !important;

    }

    .headermain .mainnav {

      width: 50% !important;

    }

    .explorehead h2 {

      color: #ffffff;

      font-size: 30px !important;

      line-height: 40px !important;

    }

    .playicon {

      position: relative !important;

      left: 0px !important;

      justify-content: center !important;

      display: flex !important;

    }

    .offerhead h2 {

      font-size: 30px !important;

      color: #ffffff;

      line-height: 40px !important;

      text-align: center;

    }

    .ofer {

      display: flex !important;

      width: 100%;

      justify-content: center;

      gap: 50px;

      margin-top: 20px;

    }

    .ofer .offerinner {

      margin-bottom: 20px !important;

    }

    .explor {

      display: block !important;

      /* justify-content: space-between; */

    }

    .startthird .startthirdlast {

      padding-top: 0px;

      justify-content: flex-start;

      display: block !important;

      width: 100% !important;

    }

    form.searchable .aeo.letog {

      border-left: none !important;

      margin-left: 0px !important;

      padding-left: 0px !important;

    }

    .productshead h2 {

      font-size: 30px !important;

      line-height: 40px !important;

      text-align: center;

    }

    .productinner {

      display: block !important;

      justify-content: center;

      gap: 30px;

      margin-top: 0px !important;

    }

    .cardinn {

      max-width: 100% !important;

      background-color: #6D8C54;

      padding: 10px 10px 0px 10px;

      border-radius: 10px;

      margin-bottom: 10px !important;

    }

    .cardinn img {

      max-width: 100% !important;

      object-fit: cover;

    }

    .highquality {

      display: block !important;

      align-items: center;

      background: #558F2B;

      position: relative;

    }

    .highqualityfirst {

      width: 100% !important;

      min-height: fit-content !important;

    }

    .highqualityfirst img {

      width: 100%;

      object-fit: contain !important;

      min-height: auto !important;

    }

    .highqualitysecond {

      width: 100% !important;

      padding: 30px 10px !important;

    }

    .highqualitysecond::before {

      content: url(images/qualitybefore.png);

      position: absolute;

      top: 0;

      bottom: 0;

      left: auto;

      right: 0;

      z-index: 99;

      display: none !important;

    }

    .highqualitysecond::after {

      content: url(images/qualityafter.png);

      position: absolute;

      bottom: 0;

      left: auto;

      right: 0;

      z-index: 99;

      display: none !important;

    }

    .highqualitysecond h2 {

      color: #ffffff;

      line-height: 40px !important;

      font-size: 30px !important;

      margin-bottom: 30px !important;

    }

    .contactinner .contactforminner {

      padding-top: 40px !important;

    }

    .vendorlogos img {

      object-fit: contain;

      padding: 10px 20px !important;

    }

    .vendorlogos {

      display: block !important;

      justify-content: center;

      align-items: center;

      gap: 50px;

      margin-top: 20px;

      text-align: center !important;

    }

    .vendorhead h2 {

      color: #ffffff;

      text-align: center;

      font-size: 30px !important;

      line-height: 40px !important;

    }

    .contact h2 {

      color: #4C5A40;

      font-size: 30px !important;

      line-height: 40px !important;

      margin-bottom: 10px !important;

    }

    .testihead h2 {

      font-size: 30px !important;

      line-height: 40px !important;

      text-align: center;

    }

    .testimonialinner .testo {

      display: block !important;

      justify-content: center;

      align-items: center;

      gap: 50px;

      padding: 20px 10px !important;

    }

    .discovermore {

      display: block !important;

      text-align: center !important;

    }

    .discoverinner h2 {

      font-size: 30px !important;

      line-height: 40px !important;

      text-align: left !important;

    }

    .discoverinner {

      display: flex;

      gap: 20px;

      align-items: center;

      margin-bottom: 20px !important;

    }

    .col-md-6.footerfirst {

      margin-bottom: 20px !important;

    }

    .col-md-6.footersecond {

      display: block !important;

      gap: 100px;

    }

    .footerscondfirst {

      margin-bottom: 20px !important;

    }

    .terms {

      display: flex;

      justify-content: flex-start !important;

      gap: 30px;

      margin-bottom: 20px !important;

    }

    .offer .carousel-control-prev {

      left: 0px !important;

    }

    .offer .carousel-control-next {

      right: 0px !important ;

    }

    .postmain {

      border: 1px solid #F2A724;

      padding: 30px 0px;

      border-radius: 10px;

      position: relative;

      overflow: hidden !important;

    }



    .postinner .postadinner {

      width: 400px !important;

      display: flex;

      justify-content: center;

      background: url(images/postback.png);

      background-position: top;

      background-size: contain;

      background-repeat: no-repeat;

      margin-top: 50px;

    }

    .col-md-4.col-lg-4.col-sm-6.mainlogo {

      max-width: 100% !important;

      width: 50% !important;

    }
    .col-md-4.col-lg-4.col-sm-6.mainlogo img{
        max-height: 90px;
        width: auto;
    }

    .playicon h5 {

      position: absolute;

      width: 100%;

      left: 0px !important;

      color: #F2A724;

      top: 125px;

      font-family: -webkit-body;

    }

    .postinner {

      display: flex;

      justify-content: center;

      gap: 0px !important;

      margin: 0px !important;

      padding: 0px !important;

    }

    .qualitysecond .row {

      --bs-gutter-x: 1.5rem;

      --bs-gutter-y: 0;

      display: flex;

      flex-wrap: wrap;

      margin-top: 0px;

      margin-right: 0px;

      margin-left: 0px;

    }

    .testimonialinner.slider.slick-initialized.slick-slider.slick-dotted {

      overflow: hidden !important;

    }

    .filterinner {

      display: flex;

      align-items: center;

      padding-top: 0px;

      gap: 10px;

      padding-left: 0px !important;

      padding-bottom: 3px;

      justify-content: center;

    }

    .filterhead h2 {

      font-size: 30px !important;

      line-height: 40px !important;

      margin: 20px 0px;

    }

    .shopfilterproduct {

      display: block !important;

      gap: 20px;

      padding: 10px;

      background: #F9F9FB;

      margin-bottom: 20px;

    }

    .shopfilterproduct:hover{

      box-shadow: 0 4px 12px 0 rgba(24, 24, 24, 0.16);

    }

    .shopfilterproductinner img {

      width: 100%;

      margin-bottom: 10px;

    }

    .productdatainner {

      display: flex;

      /* gap: 50px; */

      align-items: center;

      justify-content: space-between !important;

    }

    .productdatabtn {

      display: flex;

      justify-content: space-evenly !important;
      padding: 20px !important;

    }

    .productdatabtn a:hover{

      background-color: #558F2B;

      color: #fff;

    }

    .shoppingcardmain {

      padding: 20px !important;

      background: #f6f0da;

    }

    .col-md-9.shopcardinner {

      background: #ffffff;

      width: 100% !important;

      border-radius: 4px;

    }

    .shoppingcardinner {

      display: flex;

      width: 100%;

      align-items: center;

      justify-content: space-around !important;

      text-align: left;

      height: 30px;

      background: #E4E7E9;

    }

    

    

    

    

    



  }

/* header */

*{

  /* color: #ffffff; */

  font-family: 'circular';

  /* background: #F6F0da; */

}
.skiptranslate{
    display: none !important;
}
body{
    top: 0px !important;
}
.dropdown:hover .dropdown-menu {

  display: block;

  right: 0;

}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {

  color: #ffffff !important;

}

h1,h2,h3,h4,h5,h6{

  color: #558F2B;

  font-family: 'circular';
  font-weight: bold;

}

li{

  color: #4C5A40;

}

p{

  color: #4C5A40;

}

.headermain {

  align-items: center;

}

.mainnav {

  justify-content: flex-end;

  display: flex;

  width: 80% !important;

}

.col-md-4.col-lg-4.col-sm-6.mainlogo {

  max-width: 100% !important;

  width: 20%;

}
.col-md-4.col-lg-4.col-sm-6.mainlogo img{
    max-height: 90px;
    width: auto;
}

.header {

  background: #49803B;

  padding: 0px 70px 0px 70px;

  min-height: 105px;

  display: flex;

  align-items: center;

}

a{

  color: #ffffff;

  text-decoration: none;

}

.navbar-light .navbar-nav .nav-link {

  color: #ffffff;

  font-size: 18px;

  font-weight: 700;

  line-height: 30px;

}

.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link {

  color: #ffffff;

  font-weight: 700;

  font-size: 18px;

  font-family: raleway;

  border-bottom: 2px solid #F2A724;

  /* text-decoration: underline; */

}

.nav-link svg {

  width: 20px;

  color: #ffffff !important;

  fill: #ffffff;

}

li.nav-item.btnlight a.nav-link {

  font-size: 20px;

  line-height: 24px;

  font-weight: 700;

  font-family: raleway;

}

ul.navbar-nav {

  gap: 40px;

  align-items: center;

}

li.nav-item.btnlight {

  border: 2px solid #ffffff;

  padding: 0px 15px;

  font-weight: bold;

  border-radius: 12px;

}

.col-md-6.productdetailimages img {

  max-width: 100%;

  height: 400px;

}

.col-md-6.productdetailimages .detailimgcar img {

  max-width: 100%;

  object-fit: contain;

}

/* headerends */



/* footer */

.socialicons {

  display: flex;

  flex-direction: row;

  gap: 15px;

}

.socialicons svg {

  width: 24px;

  height: 24px;

  fill: #F2A724;

}

.footerfirst p {

  color: #4C5A40;

  font-size: 14px;

  max-width: 550px;

  margin: 15px 0px;

}

.copyrit {

  padding: 10px 0px;

}

ul.footerlinks {

  list-style: none;

  padding: 0px;

  margin: 0px;

}

.footerlinks li a{
    color: #4C5A40;
}

.footerlinks li a:hover{
    color: #F2A724;
}

.copyrit b {

  color: #000000;

}


.formfotter {

  background: #49803B;

  width: 250px;

  display: flex;

  justify-content: flex-start;

  border-radius: 50px;

  padding: 3px 0px;

  padding-left: 15px;

  margin-top: 15px;
  
  max-width: 100%;

}

form.subscribeform button {

  background: #F2A724;

  border-radius: 50%;

  padding: 10px 10px;

  border: none;

  color: #1A1A1A;

}

form.subscribeform input[type="email"] {
  background: transparent;
  border: none;
  color: #ffffff;
  border-bottom: 1px solid #fff;
  width: 185px;
  max-width: 75%;
}

form.subscribeform input[type="email"]:focus-visible {
 outline: none;
}

.footer {

  background: #F6F0da;

  padding-top: 50px;

  border-top: 2px solid #fff;

}

.row.footermain {

  padding-bottom: 30px;

}

.footermain .footerfirst img{
    max-height: 90px;
    width: auto;
}

.terms {

  display: flex;

  justify-content: center;

  gap: 30px;

}

form.subscribeform input[type="email"]::placeholder{

  color: #ffffff;

  font-size: 12px;

}

/* footerends */



/* startsection */

.start {

  background: url(images/main.png);

  background-position: center;

  background-size: cover;

  background-repeat: no-repeat;

  align-items: center;

  display: flex;

  min-height: 100vh;
  padding: 0px 0px 100px 0px;

}

.startinner h3 {

  color: #ffffff;

  font-weight: 700;

  font-size: 25px;

  line-height: 30px;

  font-family: 'century';

}

.startfirst h2 {

  font-size: 70px;

  font-weight: 700;

  color: #F2A724;

  line-height: 90px;

}
.startsecond{
    text-align: left;
}

.startsecond h2 {

  color: #ffffff;

  font-family: 'century';

  font-size: 70px;

  font-weight: 700;

  line-height: 90px;
  text-align: center;
    padding-top: 50px;
    margin-bottom: 50px;

}

.mostpopular svg {

  width: 25px;

  height: 25px;

  border: 1px solid;

  padding: 5px;

  border-radius: 50%;

  fill: #ffffff;

}

.grid {

  display: flex;

  gap: 15px;
  
  overflow: hidden;

}

.mostpopular {

  display: flex;

  justify-content: space-between;

  align-items: center;

}

.mostpopular h3 {

  color: #ffffff;

  font-size: 24px;

  line-height: 36px;

  font-weight: 700;

}

.gridinner {

  background: #6D8C54;

  padding: 10px;

  border-radius: 20px;

  border: 2px solid #F2A724;

}

.gridinner img{

  width: 150px;

  height: 150px;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;

}

.gridinner h5 {

  color: #ffffff;

  padding-top: 10px;

}

.gridinner h6 {

  color: #ffffff;

  padding: 0px;

  margin: 0px;

}

.startthird {

  align-items: center;

}

.col-md-6.startthirdlast {

  padding-top: 0px;

  justify-content: center;

  display: flex;

  width: 55%;

}
.startthirdlast{
    text-align: left;
    margin: 20px auto;
}

form.searchable .aeo input.search-slt::placeholder{

  color: #DADADA;

  font-size: 12px;

}

.loc {

  display: flex;

  justify-content: center;

  align-items: center;
  position: relative;
}

.loc svg {

  right: 15px;

  position: absolute;

}

.tog svg {

  right: 50px;

  position: absolute;

}

.tog {
  display: flex;
  align-items: center;
  position: relative;
}

.aeo.locTag {

  border-left: 1px solid #EAEAEB;

  margin-left: -20px;

  padding-left: 20px;

}

.btnico button{
    height: 45px;
    width: 45px;
    margin: 20px 10px 0px;
}
.btnico button img{
    max-width: 100%;
}
form.searchable .aeo label {

  font-size: 18px;

  font-weight: 500;

}

form.searchable {

  display: flex;

  justify-content: center;

  align-items: center;

  background: #979983;

  padding: 10px 10px 10px 30px;

  border-radius: 50px;

  border: 1px solid #F2A724;

}

form.searchable .aeo {

  /* max-width: fit-content; */

  width: 100%;

}

form.searchable button.searchablebtn {

  background: transparent;

  border: none;

}



.col-md-6.startthirdinner {

  width: 45%;

}

/* startend */

/* poststart */

.post {

  padding: 120px 0px 80px 0px;

  background: #F6F0DA;

}

.posthead h2 {

  font-size: 45px;

  line-height: 60px;

  text-align: center;

  margin-top: -65px;

  z-index: 99;

  position: relative;

  background: #F6F0DA;

  width: 80%;

}

.postinner .postadinner .maincard {

  display: flex;

  justify-content: center;

  width: 340px;

  margin-top: 45px;

}

/* .postinner .postadinner {

    width: 45%;

    display: flex;

    justify-content: center;

} */

.postinner {

  display: flex;

  justify-content: center;

  gap: 30px;

}

.postinner .postadinner .maincard .cardinner {

  background: url(images/addback.png);

  padding: 30px 50px 30px 50px;

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

  border-radius: 10px;

}

.postinner .postadinner .maincard .cardinner p {

  color: #ffffff;

  font-size: 10px;

  padding: 0px;

  display: flex;

  align-items: center;

  padding-bottom: 10px;

}

.postinner .postadinner .maincard .cardinner .orgbtn {

  background: #F2A724 !important;

  color: #ffffff !important;

}

.postinner .postadinner .maincard .cardinner .postbtn {

  width: 100%;

  display: flex;

  background: #ffffff;

  padding: 20px 25px;

  justify-content: center;

  margin: 45px 10px 5px 0px;

  border-radius: 10px;

  text-decoration: none;

  font-size: 18px;

  font-weight: 700;

  color: #558f2b;

}

.postinner .postadinner .maincard .cardinner h3 {

  color: #ffffff;

  padding-bottom: 25px;

}

.postinner .postadinner {

  width: 430px;

  display: flex;

  justify-content: center;

  background: url(images/postback.png);

  background-position: top;

  background-size: contain;

  background-repeat: no-repeat;

  margin-top: 50px;

}

.postinner .postadinner .maincard .cardinner p svg {

  width: 15px;

  height: 15px;

  fill: #ffffff;

  border: 2px solid;

  padding: 1px;

  border-radius: 50%;

  margin-right: 5px;

}

.postmain {

  border: 1px solid #F2A724;

  padding: 30px 0px;

  border-radius: 10px;

  position: relative;

}

.posthead {

  display: flex;

  justify-content: center;

}

.postinner .postadinner .maincard .cardinner::before {

  content: url(images/postbef.png);

  position: absolute;

  top: 35%;

  bottom: 0;

  left: 19%;

  right: 0;

  z-index: 99;

  width: fit-content;

  display:none;

}

.postinner .postadinner .maincard .cardinner::after {

  content: url(images/postaf.png);

  position: absolute;

  top: 167px;

  bottom: 0;

  left: 57.5%;

  right: 0;

  z-index: 99;

  display:none;

  width: fit-content;

}

/* postends */

/* qualitystarts */

.quality {

  background: #f6f0da;

}

.qualityhead h2 {

  font-size: 50px;

  line-height: 60px;

  text-align: center;

  margin: 40px 0px;

}

.qualitysecond {

  background: #49803B;

  padding: 60px 0px 60px 0px;

}

.tabsmain ul#pills-tab {

  display: flex;
      justify-content: flex-start;
      border-bottom: 1px solid;
      margin: 0px 370px;
      background: #ffffff;
      border-radius: 30px;

}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {

  color: #fff;

  background-color: transparent;

  border-bottom: 3px solid orange;

  
  color: #558f2b;

  width: 100%;

}

.nav-pills .nav-link {

  background: 0 0;

  border: 0;

  border-radius: 0.25rem;

  color: #558f2b;
  font-weight: 700;
  margin-left: 20px;

}

.postAd{

  background-color: #F2A724;

}

.postAd:hover{

  color: #F2A724;

  background-color: #49803b;

}

.tabcardsinner img {

  width: 120px;

  height: 120px;

}

.tabcards {

  display: flex;

  justify-content: center;

  gap: 30px;

  margin-top: 20px;

}

.tabcards a {

  text-decoration: none;

}

.tabcardsinner {

  background: #ffffff;

  padding: 20px;

  border-radius: 10px;

}

.tabcardsinner h6 {

  text-align: center;

  max-width: 120px;

  margin: 10px auto 0px;

  min-height: 40px;

}

.tab-content>.active {

  display: block;

  margin-top: 50px;

}

.carousel-control-next, .carousel-control-prev {

  opacity: 1 !important;

}

.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover {

  opacity: 1 !important;

}

/* qualityends */

/* explorestarts */

.explore {

  background: url(images/explore.png);

  min-height: 75vh;

  display: flex;

  align-items: center;

  background-size: cover;

  background-repeat: no-repeat;

}

.explorehead h2 {

  color: #ffffff;

  font-size: 50px;

  line-height: 65px;

}

.explor {

  display: flex;

  justify-content: space-between;

}

.playicon {

  position: relative;

  left: auto;

  right: 50px;

}

.playicon h5 {

  position: absolute;

  width: 100%;

  left: 45px;

  color: #F2A724;

  top: 125px;

  font-family: -webkit-body;

}

.offerhead h2 {

  font-size: 50px;

  color: #ffffff;

  line-height: 65px;

  text-align: center;

}

.offer {

  background: #49803b;

  padding: 40px;

}

.ofer .offerinnersec {

  background: url(images/machinery&parts.png) !important;

  min-height: 35vh;

  display: flex;

  align-items: center;

  justify-content: center;

  width: 235px;

  background-size: cover !important;

}



.ofer .offerinner {

  background: url(images/paddy.png);

  min-height: 35vh;

  display: flex;

  align-items: center;

  justify-content: center;

  width: 235px;

  background-size: cover !important;

}

.ofer .offerinnerth {

  background: url(images/paddythird.png) !important;

  min-height: 35vh;

  display: flex;

  align-items: center;

  justify-content: center;

  width: 235px;

  background-size: cover !important;

}

.ofer .offerinnerfour {

  background: url(images/export.png) !important;

  min-height: 35vh;

  display: flex;

  align-items: center;

  justify-content: center;

  width: 235px;

  background-size: cover !important;

}

.ofer {

  display: flex;

  width: 100%;

  justify-content: center;

  gap: 20px;

  margin-top: 20px;

}

.offer .carousel-control-prev {

  left: -50px;

}

.offer .carousel-control-next {

  right: -50px;

}

.ofer .offerinner h3 {

  color: #ffffff;

  background: #F2A724;

  padding: 10px;

  font-size: 18px;

}

.ofer a {

  text-decoration: none;

}

/* .carousel-indicators [data-bs-target] {

    box-sizing: content-box;

    flex: 0 1 auto;

    width: 5px !important;

    height: 5px !important;

    padding: 0;

    margin-right: 3px;

    margin-left: 3px;

    text-indent: -999px;

    cursor: pointer;

    background-color: #F2A724 !important;

    background-clip: padding-box;

    border: 0;

    border-top: 10px solid transparent;

    border-bottom: 10px solid transparent;

    opacity: .5;

    transition: opacity .6s ease;

    top: 45px !important;

    position: relative !important;

    /* color: orange; */

    /* border-radius: 50% !important; */

/* } */ 



/* exloreends */

/* productsstart */

.products {

  background: #f6f0da;

  padding: 50px;

}

.productshead h2 {

  font-size: 50px;

  line-height: 65px;

  text-align: center;

}

.productinner a {

  text-decoration: none;

}

.cardinnerse svg {

  width: 35px;

  fill: #212121;

  padding: 10px;

  border-radius: 50%;

  background: #ffffff;

}

.maincardinner {

  display: flex;

  justify-content: space-between;

  align-items: center;

  padding: 5px 0px;

}

.productinner {

  display: flex;

  justify-content: center;

  gap: 30px;

  margin-top: 20px;

}

.cardinn {

  background-color: #6D8C54;

  padding: 10px 10px 0px 10px;

  border-radius: 10px;

}

.cardinn img {

  width: 100%;

  max-height: 250px;

}

.cardinnerfirts h5 {

  color: #ffffff;

  font-weight: 400;

  font-family: century;

  margin: 0px;

}

.cardinnerfirts p {

  margin: 0px;

  font-size: 10px;
color: #f2f2f2;
}

.cardinnerfirts h6 {

  color: #ffffff;

  font-weight: 400;

  font-family: century;

}

/* productsend */

/* qualitystarts */

.highqualityfirst {

  width: 40%;

  min-height: 80vh;

}

.highqualityfirst img {

  width: 100%;

  object-fit: cover;

  min-height: 80vh;

}

.highquality {

  display: flex;

  align-items: center;

  background: #558F2B;

  position: relative;

}

.highqualitysecond {

  width: 60%;

  padding: 0px 100px;

}

.highqualitysecond h6 {

  color: #ffffff;

}

.highqualitysecond h2 {

  color: #ffffff;

  line-height: 65px;

  font-size: 50px;

  margin-bottom: 50px;

}

.growthpolicies {

  display: flex;

  gap: 40px;

  align-items: center;

}

.growthpolicies img {

  width: 80px;

  height: 80px;

  background: #344C31;

  padding: 20px;

  border-radius: 50%;

  object-fit: contain;

}

.grothinner p {

  color: #ffffff;

}

.grothinner h3 {

  color: #ffffff;

}

.notLoggedMessage {
    font-size: 12px;
    color: red;
}

.notLoggedMessage a{
    display: inline-block;
    color: #49803b;
}

.highqualitysecond::before{

  content:url('images/qualitybefore.png') ;

  position: absolute;

  top: 0;

  bottom: 0;

  left: auto;

  right: 0;

  z-index: 99;

}

.highqualitysecond::after{

  content:url('images/qualityafter.png') ;

  position: absolute;

  bottom: 0;

  left: auto;

  right: 0;

  z-index: 99;

}

.growthpolicies.pollicy {

  padding-bottom: 40px;

}

/* qualityends */

/* contactstarts */

.contact {

  background: #F6F0da;

  padding: 80px 0px;

}

.contact h5 {

  color: #4C5A40;

  font-weight: 400;

  font-family: 'century';

  font-size: 20px;

  line-height: 30px;

}

.contact h2 {

  color: #4C5A40;

  font-size: 50px;

  line-height: 65px;

  margin-bottom: 30px;

}

.contact p {

  color: #4C5A40;

  font-size: 18px;

  font-family: 'century';

  line-height: 30px;

  margin-bottom: 30px;

}

.contact h6 {

  font-weight: 400;

  font-family: 'century';

  color: #4C5A40;

  font-size: 14px;

  line-height: 30px;

  margin: 0px;

}

.contact a {

  color: #4C5A40;

  text-decoration: none;

  font-size: 20px;

  font-weight: 500;

  line-height: 30px;

}

.phone {

  margin-bottom: 15px;

}

.email {

  margin-bottom: 15px;

}

.contactinner {

  display: flex;

  align-items: center;

  justify-content: center;

}

.contactforminner form input, .contactforminner form textarea {

  width: 100%;

  min-height: 50px;

  background: #49803B;

  border: none;
color: #ffffff;
  border-radius: 10px;

  margin-bottom: 20px;

  padding: 10px;

}

.contactforminner form textarea {

  min-height: 120px;

  color: #fff;

}
.contactforminner form textarea::placeholder {

  color: #fff;

}

.contactforminner form button {

  background: #F2A724;

  color: #1A1A1A;

  border: 1px solid #F2A724;

  padding: 15px 25px;

  border-radius: 20px;

  font-size: 15px;

}
.contactforminner form button:hover{
    background-color: #1A1A1A;
    border: 1px solid #1A1A1A;
    color: #F2A724;
}
.contactforminner form input::placeholder {

  color: #FFFFFF;

  padding: 0px 10px;

}
.contact .contactinner svg {
  width: 25px;
  height: 25px;
}
.contact .contactinner svg path {
  fill: #4C5A40;
}
/* contactends */

/* multivendorstarts */

.multivendor {

  background: #558f2b;

  padding: 80px 0px;

}

.vendorhead h2 {

  color: #ffffff;

  text-align: center;

  font-size: 50px;

  line-height: 65px;

}

.vendorlogos {

  display: flex;

  justify-content: center;

  align-items: center;

  gap: 80px;

  margin-top: 20px;

}

.vendorlogos img {

  width: 90px;

  height: 90px;

  border-radius: 50%;

}

/* vendorends */

/* testimonialstarts */

.testimonial {

  padding: 80px 0px;

  background: #49803b;

}

.page{
    padding: 80px 0px;
    background: #fff;
}
.page_inner p{
    display: block;
    margin-bottom: 15px;
}
.page_inner a{
    background: #F2A724;
    color: #1A1A1A;
    border: 1px solid #F2A724;
    padding: 15px 25px;
    border-radius: 20px;
    font-size: 15px;
    display: inline-block;
}
.page_inner a:hover{
    background-color: #1A1A1A;
    border: 1px solid #1A1A1A;
    color: #F2A724;
}

.testihead h2 {

  font-size: 50px;

  line-height: 65px;

  text-align: center;
  color: #fff;

}

.testo {

  display: flex !important;

  justify-content: center;

  align-items: center;

  gap: 50px;

  padding: 50px 100px;

}

.testo img {

  object-fit: contain;

}
.sellSecImg{
    max-width: 100%;
}
.testoinner h2{
    color: #fff;
    margin-bottom: 30px;
    font-size: 35px;
}
.testoinner p{
    color: #fff;
    margin-bottom: 30px;
}
.testoinner a{
    background: #F2A724;
    color: #1A1A1A;
    border: 1px solid #F2A724;
    padding: 15px 25px;
    border-radius: 20px;
    font-size: 15px;
}
.testoinner a:hover{
    background-color: #1A1A1A;
    border: 1px solid #1A1A1A;
    color: #F2A724;
}
.slick-dots li.slick-active button:before {

  opacity: .75;

  color: #558f2b !important;

}

.slick-dots li button:before{

  color: #558f2b !important;

}

.slick-dots {

  bottom: 0px !important;

}

/* testimonialends */

/* Discoverstarts */

.discovermore {

  display: flex;

  justify-content: space-between;

  align-items: center;

}

.discoverinner {

  display: flex;

  gap: 20px;

  align-items: center;

}

.discover {

  background: url(images/leader.png);

  min-height: 30vh;

  background-size: cover;

  background-repeat: no-repeat;

  display: flex;

  align-items: center;

}

.discoverinner h2 {

  font-size: 50px;

  line-height: 65px;

}

.discoverinner img {

  background: #344C31;

  padding: 10px;

  border-radius: 50%;

}

.discovermore a {

  color: #1A1A1A;

  background: #F2A724;

  padding: 15px 25px;

  border-radius: 10px;

  text-decoration: none;

  margin: 0px;

  font-size: 15px;

}
.discovermore a:hover{
    background-color: #1A1A1A;
    border: 1px solid #1A1A1A;
    color: #F2A724;
}

/* discoverends */

/* productlistingpage */

.filterinner svg {

  width: 15px;

  fill: #ffffff;

  height: 15px;

  margin-top:-5px;

}

.filter {

  background: #F2A724;

  display: flex;

  align-items: center;

}

.filterinner {

  display: flex;

  align-items: center;

  padding-top: 10px;

  gap: 20px;

  padding-bottom: 10px;

}

.filterinner .whiteo {

  color: #ffffff;

}
.filterinner .whiteo a:hover{
  color: #558F2B;
}

.filterpart {

  background: #F6F0DA;

}

.filterhead h4 {

  line-height: 35px;

  margin: 20px 0px;

}

.filtersearch h5 {

  background: green;

  color: #ffffff;

  padding: 10px 15px;

}

.machinery label {

  display: inline-block;

  color: #191C1F;

}

.filtersearch {

  /* background: #ffffff; */

  padding: 10px;

  display: none;

}

.machinery {

  padding: 20px 15px;

  border-bottom: 1px solid #191C1F;

}

.brands h5 {

  padding: 15px 15px;

  background: transparent;

  color: #191C1F;

  font-weight: 600;

  font-family: century;

}

.brandinner form {

  padding: 0px 15px;

}

.brandinner form label {

  color: #191c1f;

  font-size: 14px;

}

.forminner {

  display: flex;

}

.forminner .inputinner {

  width: 50%;

}

.brands {

  padding-bottom: 30px;

  border-bottom: 1px solid #191c1f;

}

.tags h5 {

  padding: 15px 15px;

  background: transparent;

  color: #191C1F;

  font-weight: 600;

  font-family: century;

}

.tagsinner {

  padding: 0px 15px;

}



.tagsinner h6 {

  color: #191c1f;

  border: 1px solid #191c1f;

  padding: 5px 9px;

  font-size: 11px;

  width: 33%;

  text-align: center;

  font-weight: 600;

  font-family: 'centuryBold';

}

.tagsname {

  display: flex;

  gap: 5px;

}

.tags {

  padding-bottom: 30px;

}

.filterbar {

  background: #ffffff;

  padding: 0px;

  margin-bottom: 10px;

}

.filterfalak {

  background: #ffffff;

  text-align: center;

}

.shopfilter {

  width: 100%;

}

.filterfalak {

  background: #ffffff;

  text-align: center;

  padding: 20px 20px;

  margin-top: 20px;

}

.filterfalak h3 {

  color: #212121;

  padding-top: 15px;

}

.filterfalakinner h5 {

  background: transparent;

  color: gray;

  padding: 0px;

}

.filterfalakinner {

  display: flex;

  align-items: center;

  justify-content: center;

  margin-top: 15px;

  gap: 10px;

}

.filterfalakinner h4 {

  background: orange;

  padding: 10px;

  border-radius: 10px;

  color: #ffffff;

}

.filterfalak a {

  width: 100%;

  display: flex;

  justify-content: center;

  background: #558F2B;

  padding: 20px;

  /* margin: 0px 20px; */

  align-items: center;

  gap: 10px;

  font-size: 18px;

  text-decoration: none;

  font-weight: 700;

  font-family: 'centuryBold';

  margin-top: 10px;

}

.filterfalak a svg {

  width: 20px;

  height: 20px;

  fill: #ffffff;

}

a.trans {

  background: transparent;

  border: 4px solid #558F2B;

}

a.trans h4 {

  margin: 0px;

  font-size: 18px;

  font-weight: 700;

  font-family: 'centuryBold';

  display: flex;

  gap: 10px;

  align-items: center;

}

a.trans h4 svg {

  fill: #558F2B;

}

form.shopform {

  display: flex;

  align-items: center;

  gap: 10px;

  width: 300px;

  padding: 10px 20px;

  background: #21212133;

  border-radius: 10px;

}

form.shopform svg {

  width: 20px;

  height: 20px;

}

.shopfilterinner {

  display: flex;

  align-items: center;

  height: 60px;

  gap: 10px;

  margin-bottom: 20px;

  justify-content: flex-end;

}

.filterhead {

  width: 100%;
  padding-top: 25px;

}

.shopfilterinner button{

  border: none;

  background-color: transparent;

}

.searchCat{

  text-align: center;

}

form.shopform input[type="search"] {

  width: 100%;

  background: transparent;

  border: none;

  outline: 0px;

  outline-offset: 0px;

}

.filterhead h5 {

  border-bottom: 4px solid;

  width: 150px;

  background: #ccc7b5;

  padding: 10px 20px;

  text-align: center;

  margin: 0px;

}


.shopfilterproductdata h3 {

  font-size: 22px;

  line-height: 35px;

  color: #212121;
  height: 70px;
  overflow: hidden;

}

.shopfilterproductinner{
    height: 200px;
    overflow: hidden;
}

.shopfilterproductinner img{

  max-width: 100%;

  background-color: #F9F9FB;
  
  padding: 20px;
}

.viewedBy {
    text-align: right;
    background-color: #fff;
    padding: 10px 20px;
    border-radius: 60px;
    width: auto;
    display: inline-block;
    margin-top: 5px;
    font-size: 18px;
}
.viewedBy img{
    margin-top: -8px;
}
.categoryIcons{
    padding: 20px 0px 10px;
}
.categoryIcons .icons{
    text-align: center;
}
.categoryIcons .icons img{
    margin-bottom: 8px;
}
.categoryIconsTwo{
    background-color: #fff;
    padding: 10px 20px;
}
.categoryIconsTwo .icons{
    border-right: 1px solid #000;
}
.categoryIconsTwo .icons label{
    color: #00000052;
}
.categoryIconsTwo .col-md-4:nth-child(3) .icons{
    border: 0px;
}
.productdatainner {

  display: flex;

  /* gap: 50px; */

  align-items: center;

}

.productdatainner h6 {

  width: 150px;

  color: #4C5A40;

  margin-bottom: 10px;
  font-family: Century;

  font-size: 14px;

}

.productdatainner.pkorg h5 {

  color: #F2A724;

  text-decoration: underline;

}

.productdatainner.pkorg h5 b, .productdatainner.pkorg h5 s{

  color: #F2A724;

}

.productdatabtn {

  display: flex;

  justify-content: flex-end;

  padding-right: 20px;

  gap: 11px;

  align-items: flex-end;

  padding-top: 0px;
  
  margin-bottom: 20px;

  width: 100%;

}

.shopfilterproductdata {

  width: 100%;
  padding: 0px 20px;

}

.productdatabtn a {

  border: 2px solid #558F2B;

  padding: 5px 10px;

  color: green;

  text-decoration: none;
  
  border-radius: 5px;

}

.productdatabtn a:hover{

  background-color: #558F2B;

  color: #fff;

}

.productdatabtn a svg{

  fill: #558F2B;

  margin-top: -5px;

}

.productdatabtn a:hover svg{

  fill: #fff;

}

.shopfilterproduct {

  display: flex;

  gap: 20px;

  padding: 0px;

  background: #F9F9FB;


  margin-bottom: 20px;
  
  flex-wrap: wrap;

}

.shopfilterproduct:hover{

  box-shadow: 0 4px 12px 0 rgba(24, 24, 24, 0.16);

}
.shopfilterproduct:hover h3{
    color: #558F2B;
}

.productdatainner h5 {

  color: #212121;

}

a.buybtn {

  background: #558F2B;

  color: #ffffff;

}

a.buybtn:hover{

  border: 2px solid #558F2B;

  background-color: #fff;

  color: #558F2B;

}

.productdetail {

  padding: 60px 0px 0px 0px;

  background: #f8f8f8;

}


.col-md-6.productdetailimages {

  text-align: center;

}

.detailimgcar {

  margin-top: 10px;

}

.container.prodet {

  display: flex;

  gap: 30px;

}

.prodetinfo {

  display: flex;

  justify-content: left;

}

.prodetinfoinner {

  display: flex;

  align-items: center;

  gap: 15px;

  width: 50%;
  justify-content: space-between;
    margin: 0px 40px;

}

.proprice {

  display: flex;

  align-items: center;

  gap: 10px;

  margin-top: 25px;

}

.proprice h5,h6,p {

  margin: 0px;

}

.icon-shape {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  text-align: center;

  vertical-align: middle;

}

.icon-sm {

  width: 2rem;

  height: 2rem;   

}

.quantity-field::-webkit-inner-spin-button,

.quantity-field::-webkit-outer-spin-button {

  -webkit-appearance: none;

  margin: 0;

}



.quantity-field {

  -moz-appearance: textfield;

  appearance: textfield;

  overflow: hidden; /* Hide scroll bars */

  width: 50px; /* Set width as needed */

  text-align: center;

}

.input-group {

  display: flex;

  align-items: center;

  border: 1px solid #212121;

  width: 120px;

  justify-content: center;

  padding: 6px 10px;

}



.input-group input[type="number"] {

  width: 50px;

  text-align: center;

}



.input-group button {

  padding: 5px 10px;

  cursor: pointer;

}

.proquantity .input-group .button-minus {

  background: transparent;

  border: none;

  color: #212121;

  font-size: 18px;

  /* height: 20px; */

  padding: 0px 10px;

  width: 25px;

}

.proquantity .input-group .button-plus {

  background: transparent;

  border: none;

  color: #212121;

  font-size: 18px;

  /* height: 20px; */

  padding: 0px 10px;

  width: 25px;

}

.proquantity .input-group span.quantity-field {

  color: #212121;

  font-size: 20px;

}

.propurc svg {

  width: 20px;

  height: 20px;

  fill: #ffffff;

}

.propurc a {
    display: flex;
    gap: 15px;
    background: #49803b;
    align-items: center;
    text-decoration: none;
    justify-content: center;
    padding: 10px;
    color: #ffffff;
    border-radius: 5px;
}
.propurc a:nth-child(2){
    background: #f2a724;
}
.propurc a:hover{
    background: #000;
}
.purcbtn {

  display: flex;

  width: 100%;

  gap: 10px;

  margin-top: 25px;

}

.probuy a {

  border: 2px solid #49803b;

  align-items: center;

  text-decoration: none;

  justify-content: center;

  padding: 10px;

  display: flex;

}

.probuy a {

  border: 2px solid #49803b;

  align-items: center;

  text-decoration: none;

  justify-content: center;

  padding: 8.5px;

  display: flex;

  color: #49803b;

}

.propurc {
    max-width: 100%;
    width: 100%;
    margin-bottom: 20px;
    display: flex;
    gap: 20px;
    justify-content: center;

}

.wish a svg {

  width: 15px;

  height: 15px;

}

.wish a {

  color: #212121;

  text-decoration: none;

  display: flex;

  align-items: center;

  gap: 5px;

  font-size: 15px;

}

.comp a svg {

  width: 15px;

  height: 15px;

}

.comp a{

  color: #212121;

  text-decoration: none;

  display: flex;

  align-items: center;

  gap: 5px;

  font-size: 15px;

}

.wishcom {

  display: flex;

  gap: 30px;

}

.prodetinfoinner h5,h6,p {

  margin: 0px;

}

.wishshare {

  display: flex;

  align-items: center;

  gap: 5px;

}

.wishshare p {

  font-size: 15px;

  margin: 0px;

}

.wishshare svg {

  width: 15px;

  height: 15px;

}
.prodetinfoinners {
  margin: 20px 0px;
}
.prodetinfoinners .productCategories {
  margin-top: 10px;
}

.proshare {

  display: flex;

  justify-content: space-between;

  align-items: center;

  margin-top: 20px;

}

.prodetinner h3 {

  color: #191C1F;

  font-size: 22px;

  font-weight: 800;

  font-family: 'century bold';
  
  text-transform: uppercase;

}

.prodetinfoinner h6, h5 {

  font-size: 14px;

  margin-bottom: 10px;

  color: #191C1F;

}

.prodetinfoinner h6 {

  font-family: 'centuryBold';

}

.prodetinfoinner h5 {

  font-family: 'century';

  font-weight: 500;

  margin-bottom: 10px;
  
  text-align: right;

}

.mainproinfo {
    margin-top: 25px;
    background-color: #fff;
    padding: 25px;
    border-radius: 8px;
    
}

.prodetinfoinner h5 b {

  color: #49803b;

  font-family: 'centuryBold';

  font-weight: 800;

}

.procol {

  margin-top: 25px;

}

.procol h6 {

  color: #191c1f;

  margin-bottom: 5px;

}

.proprice h5 {

  color: #558F2B;

  font-size: 25px;

  font-family: 'centuryBold';

}

.proprice h6 del {

  color: #191c1f !important;

  font-size: 20px;

  font-family: 'centuryBold';

}

.proprice p {

  color: #191c1f;

  background: orange;

  padding: 5px 15px;

  font-size: 13px;

  font-family: 'centuryBold';

}

.check {

  margin-top: 35px;

}



.productdettabs {

  margin-top: 50px;
  margin-bottom: 30px;

}





.tab {

  overflow: hidden;

  border-bottom: 1px solid #E4E7E9;

  background-color: #fff;

  display: flex;

  justify-content: center;

}



/* Style the buttons inside the tab */

.tab button {

  background-color: transparent;

  float: left;

  border: none;

  outline: none;

  cursor: pointer;

  padding: 14px 16px;

  transition: 0.3s;

  font-size: 14px;

  color: #5F6C72;

  font-family: 'century-bold';

  font-weight: 600;

}



/* Change background color of buttons on hover */

  /* .tab button:hover {

    background-color: #ddd;

  } */

  

  /* Create an active/current tablink class */

  .tab button.active {

    background-color: #FFFFFF;

    color: #191C1F;

    box-shadow: inset 0 -3px 0 0 #F2A724, inset 0 1px 0 0 #E4E7E9;

  }

  

  /* Style the tab content */

  .tabcontent {

    display: none;

    padding: 30px 50px;

    /* border: 1px solid #ccc; */

    border-top: none;

  }

  .productdettabsinner {
    background: #fff;
    padding: 0px;
    border-radius: 10px;
    box-shadow: 5px 10px #dadada;
  }

  .descmain .descinner p {

    font-size: 16px;

  }

  .descmain {

    display: flex;

    gap: 30px;

  }

  .descinner {

    border-left: 2px solid #E4E7E9;

    padding: 30px;

  }



  .descinner.firstdesc {

    border: none;

    width: 100%;

  }

  .descinner.seconddesc {

    width: 33.33%;

  }

  .descinner.thirddesc {

    width: 33.33%;

  }

  .descinner.reviews{

    width: 100%;

    border: 0px;

  }

  ul.features {

    list-style: none;

    padding: 0px;

  }

  ul.features li {

    color: #191C1F;

    font-size: 12px;

    display: flex;

    gap: 10px;

    align-items: center;

    margin-bottom: 6px;

  }

  .descinner h5 {

    padding-bottom: 15px;
    font-size: 18px;

  }

  ul.shipping {

    list-style: none;

    padding: 0px;

  }

  ul.shipping li {

    color: #191C1F;

    font-size: 13px;

    display: flex;

    gap: 2px;

    align-items: center;

    margin-top: 12px;

  }

  ul.shipping li b {

    color: #191C1F;

    font-size: 13px;

    display: flex;

    gap: 10px;

    font-family: 'century-bold';

    align-items: center;

  }

  .shoppingcardmain {

    padding: 80px 150px;

    background: #f6f0da;

  }

  .shoppingcardinner {

    display: flex;

    width: 100%;

    align-items: center;

    justify-content: flex-start;

    text-align: left;

    height: 30px;

    background: #E4E7E9;

  }

  .col-md-9.shopcardinner {

    background: #ffffff;

    width: 70%;

    border-radius: 4px;

  }

  .row.shophead {

    height: 60px;

    vertical-align: middle;

    align-items: center;

  }

  .shoppingcarddata {

    display: flex;

    width: 100%;

    align-items: center;

    justify-content: flex-start;

    text-align: left;

    height: auto;

    margin: 40px 0px;

  }

  .col-md-6.procart {

    display: flex;

    align-items: center;

    gap: 20px;

    height: 100%;

  }

  .shoppingcarddata h6 del {

    color: gray;

  }

  .input-group.inputcart .button-minus {

    background: transparent;

    border: none;

    color: #212121;

    padding: 0px !important;

    /* font-size: 30px; */

  }

  .input-group.inputcart .button-plus {

    background: transparent;

    border: none;

    color: #212121;

    padding: 0px !important;

    /* font-size: 20px; */

  }

  .input-group.inputcart span.quantity-field {

    color: #212121;

    font-size: 20px;

  }

  .input-group.inputcart {

    width: fit-content;

    /* padding: 5px; */

    justify-content: left;

  }

  .shopcardcart {

    color: #F2A724;

    text-decoration: none;

    padding: 10px 20px;

    border: 2px solid #F2A724;

    font-weight: 700;

  }

  .shopcardcart svg {

    width: 15px;

    height: 15px;

    fill: #F2A724;

  }

  .shoppingcardbutton {

    display: flex;

    padding: 20px;

    border-top: 1px solid #E4E7E9;

  }

  a.shopcardupdate {

    color: #F2A724;

    text-decoration: none;

    padding: 10px 20px;

    border: 2px solid #F2A724;

    font-weight: 700;

  }

  .col-md-6.cardtotal h6 {

    margin-bottom: 15px;

  }

  .rite h6 {

    text-align: end;

  }

  .col-md-3.shopcartinner {

    background: #ffffff;

    height: fit-content;

    margin: 0px 20px;

    padding: 0px 20px;

    border-radius: 4px;

  }

  .col-md-12.checkoutbt a.shopcardupdate {

    color: #F2A724;

    text-decoration: none;

    padding: 10px 20px;

    border: 2px solid #F2A724;

    font-weight: 700;

    width: 100%;

    /* margin: 10px 10px; */

    text-align: center;

  }

  .col-md-12.checkoutbt {

    display: flex;

    width: 100%;

    padding: 0px 15px 20px 15px;

  }

  .row.subtot {

    display: flex;

    align-items: center;

    padding: 20px 0px 10px 0px;

    border-top: 1px solid #E4E7E9;

  }

  .col-md-9.shopcardinn {

    width: 70%;

  }

  .col-md-3.shopcardnews {

    background: #ffffff;

    height: fit-content;

    margin: 20px 20px;

    padding: 0px 20px 20px 20px;

    border-radius: 4px;

  }

  .row.couponform input[type="email"] {

    width: 100%;

    min-height: 50px;

    border: 1px solid #E4E7E9;

  }

  .row.couponform form {

    margin-bottom: 20px;

    padding-top: 30px;

    border-top: 1px solid #E4E7E9;

  }

  .col-md-3.shopcardnews .row a {

    color: #ffffff;

    border: 2px solid #49803B;

    padding: 15px 20px;

    display: flex;

    justify-content: center;

    text-decoration: none;

    background: #49803B;

    font-weight: 700;

  }

  .row.shophead h3 {

    margin: 0px;

    font-size: 20px;

  }

  .shoppingcardinner h6 {

    color: #475156;

    font-size: 14px;

  }

  .shoppingcarddata h6 {

    color: #191C1F;

  }

  .sub h6 {

    font-size: 14px;

    color: #5F6C72;

    margin-top: 13px;

  }

  .subcol h6 {

    color: #191C1F;

    font-size: 14px;

    margin-top: 13px;

  }

  .row.subtot h6 {

    color: #191C1F;

  }

/* cartends */

/* checkoutstart */

.checoutmain {

  padding: 80px 150px;

  background: #F6F0da;

}

.checkhead h3 {

  margin: 0px;

  font-size: 18px;

  color: #191C1F;

}

.col-md-9.checkoutinner {

  width: 70%;

}

.col-md-3.checkoutinn {

  background: #ffffff;

  height: fit-content;

}

.row.checkoutin {

  display: flex;

  gap: 30px;

}

/* .col-md-3.checkoutinn {

    background: #ffffff;

} */

.checkoutbtn {

  display: flex;

  padding: 15px 20px;

  background: #49803B;

  align-items: center;

  gap: 5px;

  text-decoration: none;

  width: 100%;

  font-weight: 700;

  justify-content: center;

}

.checkoutbtn svg {

  width: 15px;

  height: 15px;

  fill: #ffffff;

}

.row.head h3 {

  color: #191C1F;

  font-size: 18px;

}

.row.head {

  height: 60px;

  vertical-align: middle;

  align-items: center;

}

.row.forminn input {

  width: 100%;

  height: 44px;

  border: none;

  border-radius: 2px;

}

.row.forminn {

  display: flex;

  align-items: flex-end;

  padding-bottom: 10px;

}

.row.forminn .thirty {

  padding: 5px;

}

.row.forminn .sixty {

  padding: 5px;

}

.row.forminn label {

  color: #191C1F;

  font-size: 14px;

  padding-bottom: 5px;

}

.row.forminn .hundred {

  padding: 5px;

}

.checkoutinner .checkhead {

  padding: 5px;

}

.row.forminn select {

  width: 100%;

  height: 44px;

  border-radius: 2px;

  color: #191C1F;

  border: none;

}

.row.forminn .fourty {

  padding: 5px;

}

.checkb {

  display: flex;

  align-items: center;

  gap: 5px;

}

.checkb input#otheraddress {

  width: fit-content;

  height: auto;

  padding-bottom: 5px;

  margin-bottom: 5px;

}

.payment {

  background: #ffffff;

  padding: 10px;

  border-radius: 4px;

}

.imgfl svg {

  width: 25px;

  height: 25px;

}

.row.forminn input[type="radio" i] {

  height: 20px !important;

}

.row.forminn input[type="radio" i] {

  height: 20px !important;

  margin: 5px 0px 0px 0px;

}   

.payment .tab button {

  background-color: #ffffff;

  float: left;

  border: none;

  outline: none;

  cursor: pointer;

  padding: 14px 2px;

  transition: 0.3s;

  font-size: 14px;

  color: #191C1F;

  font-family: 'century-bold';

  font-weight: 600;

  width: 100%;

  border-left: 1px solid #E4E7E9;

}

.payment .tab {

  overflow: hidden;

  border-top: 1px solid #E4E7E9;

  background-color: #FEFDF9;

  display: flex;

  justify-content: center;

  padding: 0px;

  border-bottom: 1px solid #E4E7E9;

}

.payment .leto {

  border: none !important;

}

.payment .checkhead {

  margin-bottom: 20px;

}

.dol svg {

  fill: orange;

  padding-bottom: 5px;

}

.payment .tabcontent {

  padding: 30px 0px;

  border-top: none;

}

.payment .tabcontent input {

  border: 1px solid #E4E7E9;

  margin-bottom: 20px;

}  

.payment .tabcontent .nomar input {

  margin: 0px;

} 

.additional {

  margin-top: 20px;

}

.additional .ordadd {

  padding: 5px;

}

.additional .ordadd input {

  height: 150px;

}

.outpro {

  display: flex;

  gap: 10px;

  align-items: center;

}

.outpro .outproinner h6 {

  color: #191C1F;

  font-size: 12px;

  margin-bottom: 5px;

}

.row.forminn input::placeholder{

  padding-left:10px ;

}

.row.couponform input[type="email"]::placeholder{

  padding-left: 10px;

}







.tablinks.active input[type="radio"] {

  accent-color: #FA8232;

}

.tablinks.active input[type="radio"]:checked{

  border: transparent !important;

}

.search-sec{

  padding: 2rem;

}

.search-slt{

  display: block;

  width: 88%;

  font-size: 0.875rem;

  line-height: 1.5;

  /* color: #55595c; */

  background-color: transparent;

  background-image: none;

  border: none;

  /* height: calc(3rem + 2px) !important; */

  border-radius: .25rem;

  background-color: #fff;

}

#suggestions{
    top: 32px;
    left: 10px;
} 
.wrn-btn{

  width: 100%;

  font-size: 16px;

  font-weight: 400;

  text-transform: capitalize;

  height: calc(3rem + 2px) !important;

  border-radius:0;

}

/* productlistingchanges */



.drophead {

  position: relative;

  display: inline-block;

}



.drophead-content {

  display: none;

  position: absolute;

  background-color: #f9f9f9;

  min-width: 160px;

  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);



  z-index: 1;

}



.drophead:hover .drophead-content {

  display: block;

}



.drophead-content a {

  color: black;

  text-decoration: none;

  display: block;

  padding: 5px 15px;

}



.drophead-content a:hover {

  background-color: #49803b;

  color: #fff;

}

.dropdown-item:hover{

  background-color: #49803b;

  color: #fff;

}

.filterhead {

  /* width: 100%; */

  display: flex;

  gap: 30px;

}
a.logreg {
  color: #558f2b;
}

/* login */



.divider:after,

.divider:before {

  content: "";

  flex: 1;

  height: 1px;

  background: #eee;

}

.logform button svg, .logform a svg {

  width: 20px !important;

  height: 20px !important;

  fill: #49803b !important;

}
form.formregister .text-center svg {
  width: 20px;
  height: 20px;
  fill: #49803b;
}
form.loginmainform .form-control:focus {
  color: #212529;
  background-color: #fff;
  outline: 0;
  box-shadow: none;
  border-color: #ced4da;
}
form.loginmainform .divider.d-flex.align-items-center.my-4 {
  margin: 10px 0px !important;
}
form.loginmainform p.lead.fw-normal.mb-0.me-3 {
  font-weight: 700 !important;
  /* font-size: 14px; */
}
form.formregister p.lead.fw-normal.mb-0.me-3 {
  font-weight: 700;
}

.h-custom {

  padding: 40px 0px !important;

}

.card-body form .form-label {

  margin-bottom: 0.5rem;

  color: #212121 !important;

}

/* .text-center svg {

  width: 15px;

  height: 15px;

  fill: #49803b;

} */

.sidebar{

  height: 100%;

}

.bg-gradient-primary {

  background-color: #558f2b;

  background-image: linear-gradient(180deg, #558f2b 10%, #F2A724 100%);

  background-size: cover;

}

.table {

  width: 100%;

  margin-bottom: 1rem;

  color: #858796;

}

.table td, .table th {

  padding: .75rem;

  vertical-align: top;

  border-top: 1px solid #e3e6f0;

}

.sidebar.navbar-nav .nav-link span{

  color: #fff;

}

.table a{

  color: #F2A724;

}

.sidebar.navbar-nav{

  display: block;

  padding-left: 20px;
  min-height: 80vh;

}

.sidebar.navbar-nav .nav-link{

    color: #fff;
    padding-left: 15px;
    border-bottom: 1px solid;
    border-radius: 10px;
}
.sidebar.navbar-nav .nav-link:hover{
    background-color: #f2a724;
}

.wishcom .wish.green a{

  color: #F2A724;

}

.wishcom .wish.green a svg{

  fill: #F2A724;

  color: #F2A724;

}

.productCategories{

  display: flex;

  flex-wrap: wrap;
  gap: 5px;

}
.customsocbtn {
  background: #F2A724;
  border-radius: 10px;
}
form.loginmainform .customsocbtn svg {
  fill: #ffffff !important;
}
.row.gx-lg-5.align-items-center.custsignup {
  align-items: flex-start !important;
}
.custcent {
  justify-content: center !important;
}
form.formregister .customsocbtn svg {
  fill: #ffffff !important;
}
.customsocbtn:focus {
  box-shadow: none !important;
}
.form-control:focus {
  color: #212529;
  background-color: #fff;
  border-color: #ced4da !important;
  outline: 0;
  box-shadow: none !important;
}
form.formregister input {
  height: 40px;
  min-height: 40px;
}
form.formregister .allProdBtn {
  text-align: center;
  font-size: 1.25rem;
  padding: 10px 20px;
  background-color: #558f2b;
  border-radius: 8px;
  margin: 0px !important;
  display: inline-block;
  border: 1px solid #558f2b;
}
form.formregister .allProdBtn:hover {
  background-color: #fff;
  color: #558f2b;
  border-color: #558f2b;
}
form.loginmainform button.allProdBtn.btn.btn-primary.btn-lg {
  margin: 10px 0px !important;
}
form.loginmainform input {
  min-height: 40px;
  height: 40px;
}
.productCategories a{

  color: #000;

  font-weight: 400;
  text-transform: capitalize;

}

.categories ul li{

  list-style: none;

}

.th-product-slider .carousel-indicators{

  margin: 20px 0px 10px;

  width: 100%;

  position: initial;

}

.th-product-slider .carousel-indicators li{

  border: 1px solid #eee;

  margin: 2px;

}

.th-product-slider .carousel-indicators img{

  height: 70px;

}

.user label{

  font-size: 15px;

  margin-bottom: 5px;

  margin-top: 10px;

}

.allProdBtn{
    text-align: center;
    padding: 10px 20px;
    background-color: #558f2b;
    border-radius: 8px;
    margin: 20px 0px 0px;
    display: inline-block;
    border: 1px solid #558f2b;
}
.allProdBtn:hover{
    background-color: #fff;
    color: #558f2b;
    border-color: #558f2b;
}

.priceSec{
    padding: 80px 0px;
    max-width: 600px;
    margin: 0 auto;
}

.pagination{
    justify-content: center;
    margin: 20px 0px;
}

.pagination ul li a{
    padding: 5px 10px;
    background-color: #558f2b;
    margin-right: 10px;
    cursor: pointer;
    border-radius: 3px;
}
.pagination ul li:hover a{
    color: #558f2b;
    background-color: #fff;
}

.pagination ul li.active a{
    color: #558f2b;
    background-color: #fff;
}
.pagination ul li.active:hover a{
    color: #558f2b;
}

.pricePage{
    max-width: 700px;
    margin: 0 auto;
}

.priceSelectionCalendar{
    background-color: #f2a724;
    float: left;
    width: 100%;
    padding: 20px;
    border-radius: 20px;
}
.priceSelectionCalendar label{
    float: left;
    width: 100%;
    text-align: left;
    color: #fff;
}
.priceSelectionCalendar .calFormSection{
    display:flex;
    float: left;
    width: 100%;
}
.priceSelectionCalendar button{
    background-color: #49803b;
    color: #fff;
    border: 1px solid #49803b;
    width: 130px;
}
.priceSelectionCalendar button:hover{
    background-color: #fff;
    color: #49803b;
}

@media (min-width: 992px){

  .search-sec{

    position: relative;

    top: -114px;

    background: rgba(26, 70, 104, 0.51);

  }
  #navbarNav{
    justify-content: end;
  }

}

@media (max-width: 992px){

  .search-sec{

    background: #1A4668;

  }
  
  .mainproinfo{
        padding: 10px;
        margin-top: 15px;
    }
    .prodetinfoinner{
        justify-content: space-between;
        margin: 0px 15px;
    }
    .productCategories a{
        font-size: 13px;
    }
    
    ul.navbar-nav{
        align-items: flex-start;
        gap: 0px;
    }
    .postAd{
        padding: 10px !important;
    }
}

@media(max-width:420px){
    .start{
        padding: 0px 0px 50px 0px;
    }
    .startsecond h2{
        line-height: 40px !important;
        margin-bottom: 10px !important;
        padding-top: 30px !important;
    }
    form.searchable{
        padding: 5px 0px 5px 15px;
    }
    form.searchable .aeo label{
        font-size: 14px;
    }
    .loc .form-control, .tog .form-control{
        font-size: 13px;
    }
    .search-slt{
        width: 80%;
    }
    .tog svg{
        right: 40px;
    }
    .btnico button{
        margin: 20px 3px 0px;
    }
    
    .gridinner img{
        height: 100px;
    }
    .slick-next{
        right: -10px;
    }
    .slick-prev{
        left: -10px;
    }
    .post{
        padding: 60px 10px 60px 10px;
    }
    .postinner .postadinner{
        margin-top: 20px;
    }
    .contact .contactinner svg {
        width: 20px;
        height: 20px;
    }
    .prodetinfoinner h6, h5{
        font-size: 13px;
    }
    .proshare{
        flex-wrap: wrap;
    }
}