@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');



/*--------------------------------------------------------------



>>> TABLE OF CONTENTS:



--------------------------------------------------------------*/



:root {

  --primary-color: #f28a20;

  --secondary-color: #54724B;

  --brown-color: #402722;

  --white-color: #ffff;

  --black-color: #12110e;



  --agrofa-font: "Jost", sans-serif;


  --agrofa-heading-font: "Jost", sans-serif;



  --agrofa-special-font: "Jost", sans-serif;



  --agrofa-special-font3: "Jost", sans-serif;



  --agrofa-text: #402722;



  --agrofa-text-rgb: 18, 17, 14;



  --agrofa-text2: #172000;



  --agrofa-text2-rgb: 23, 32, 0;



  --agrofa-text3: #080501;



  --agrofa-text3-rgb: 8, 5, 1;



  --agrofa-text4: #071b0f;



  --agrofa-text4-rgb: 7, 27, 15;



  --agrofa-text5: #00200c;



  --agrofa-text5-rgb: 0, 32, 12;



  --agrofa-text6: #0d0c0a;



  --agrofa-text6-rgb: 13, 12, 10;



  --agrofa-text7: #2a2826;



  --agrofa-text7-rgb: 42, 40, 38;



  --agrofa-text-dark: #9e9e9e;



  --agrofa-text-dark-rgb: 158, 158, 158;



  --agrofa-text2-dark: #c1cfc7;



  --agrofa-text2-dark-rgb: 193, 207, 199;



  --agrofa-text-gray: #6a6a69;



  --agrofa-text-gray-rgb: 106, 106, 105;



  --agrofa-text2-gray: #6b7870;



  --agrofa-text2-gray-rgb: 107, 120, 112;



  --agrofa-yellow: #f28a20;



  --agrofa-yellow-rgb: 253, 214, 31;



  --agrofa-yellow2: #f3f1e9;



  --agrofa-yellow2-rgb: 243, 241, 233;



  --agrofa-white: #fff;



  --agrofa-white-rgb: 255, 255, 255;



  --agrofa-white2: #fdfdfd;



  --agrofa-white2-rgb: 253, 253, 253;



  --agrofa-white3: #e9e9e9;



  --agrofa-white3-rgb: 233, 233, 233;



  --agrofa-black: #1e1d21;



  --agrofa-black-rgb: 30, 29, 33;



  --agrofa-green: #54724B;



  --agrofa-green-rgb: 12, 119, 53;



  --agrofa-green2: #163d25;



  --agrofa-green2-rgb: 22, 61, 37;



  --agrofa-green3: #008d36;



  --agrofa-green3-rgb: 0, 141, 54;



  --agrofa-green4: #82af93;



  --agrofa-green4-rgb: 130, 175, 147;



  --agrofa-black2: #00200c;



  --agrofa-black2-rgb: 0, 32, 12;



  --agrofa-black3: #172000;



  --agrofa-black3-rgb: 23, 32, 0;



  --agrofa-border-color: #ededed;



  --agrofa-border-color-rgb: 237, 237, 237;



  --agrofa-border2-color: #d7d7d7;



  --agrofa-border2-color-rgb: 215, 215, 215;



  --agrofa-sky-bg-color: #e6f5ec;



  --agrofa-sky-bg-color-rgb: 230, 245, 236;



  --agrofa-sky-bg2-color: #ecf6f0;



  --agrofa-sky-bg2-color-rgb: 236, 246, 240;



  --agrofa-light-pink-bg-color: #ece4de;



  --agrofa-light-pink-bg-color-rgb: 236, 228, 222;



  --agrofa-gray: #ddd;



  --agrofa-gray-rgb: 221, 221, 221;



  --agrofa-letter-space: 0.1em;



  --agrofa-letter-space-xl: 0.2em;



}



.image-preview {
  height: 300px;
  cursor: zoom-in;
}

.magnifier-container {
  display: inline-block;
  position: relative;
}

.magnifier {
  display: none;
  position: absolute;
  top: 0;
  left: 100%;
  overflow: hidden;
  height: 300px;
  width: 300px;
  border: 1px solid #ddd;
  border-radius: 10px;
  background-color: white;
}

.magnifier__img {
  width: 1000px;
  transform-origin: 150px 150px;
}



/*--------------------------------------------------------------



# Utility



--------------------------------------------------------------*/



.mt-20 {



  margin-top: 20px;



}







.mt-30 {



  margin-top: 30px;



}







.mt-40 {



  margin-top: 40px;



}







.mt-50 {



  margin-top: 50px;



}







.mt-60 {



  margin-top: 60px;



}







.mt-80 {



  margin-top: 80px;



}







.mt-120 {



  margin-top: 120px;



}







.mt--60 {



  margin-top: -60px;



}







.mt--120 {



  margin-top: -120px;



}







.mb-20 {



  margin-bottom: 20px;



}







.mb-30 {



  margin-bottom: 30px;



}







.mb-40 {



  margin-bottom: 40px;



}







.mb-50 {



  margin-bottom: 50px;



}







.mb-60 {



  margin-bottom: 60px;



}







.mb-80 {



  margin-bottom: 80px;



}







.mb-120 {



  margin-bottom: 120px;



}







.mb--60 {



  margin-bottom: -60px;



}







.mb--120 {



  margin-bottom: -120px;



}







.pt-20 {



  padding-top: 20px;



}







.pt-30 {



  padding-top: 30px;



}







.pt-40 {



  padding-top: 40px;



}







.pt-50 {



  padding-top: 50px;



}







.pt-60 {



  padding-top: 60px;



}







.pt-80 {



  padding-top: 80px;



}







.pt-100 {



  padding-top: 100px;



}







.pt-110 {



  padding-top: 110px;



}







.pt-115 {



  padding-top: 115px;



}







.pt-120 {



  padding-top: 120px;



}







.pt-142 {



  padding-top: 142px;



}







.pb-20 {



  padding-bottom: 20px;



}







.pb-30 {



  padding-bottom: 30px;



}







.pb-40 {



  padding-bottom: 40px;



}







.pb-50 {



  padding-bottom: 50px;



}







.pb-60 {



  padding-bottom: 60px;



}







.pb-80 {



  padding-bottom: 80px;



}







.pb-90 {



  padding-bottom: 90px;



}







.pb-100 {



  padding-bottom: 100px;



}







.pb-110 {



  padding-bottom: 110px;



}







.pb-115 {



  padding-bottom: 115px;



}







.pb-120 {



  padding-bottom: 120px;



}







.pl-5 {



  padding-left: 5px;



}







.pl-10 {



  padding-left: 10px;



}







.pl-15 {



  padding-left: 15px;



}







.pl-20 {



  padding-left: 20px;



}







.pl-30 {



  padding-left: 30px;



}







.pr-5 {



  padding-right: 5px;



}







.pr-10 {



  padding-right: 10px;



}







.pr-15 {



  padding-right: 15px;



}







.pr-20 {



  padding-right: 20px;



}







.pr-30 {



  padding-right: 30px;



}







/* cart model */



.model-button .model-btn {



  font-size: 15px;



  padding: 12px;



  color: var(--agrofa-white2, #fdfdfd);



  background-color: var(--primary-color);



  border-radius: 3px;



  text-transform: uppercase;



  letter-spacing: 0;



  width: 100%;



  display: block;



  justify-content: center;



  display: flex;



  margin-top: 40px;
  font-weight: 600;


}







.model-button .model-btn:hover {



  background-color: var(--secondary-color);



}







.size-dropdown button {



  background-color: #f28a20 !important;



  border: unset;



  border-radius: 0;



  width: 200px;



  height: 45px;



}







.size-dropdown button:active,



.size-dropdown button:hover,



.size-dropdown dropdown-toggle show {



  background-color: #f28a20;







}







.size-dropdown button:focus {



  box-shadow: unset !important;



}







.size-dropdown .dropdown-menu {



  width: 200px;



}







.size-dropdown .dropdown-menu li a:hover {



  background-color: #093d41 !important;



  color: #fff;



}







.modal-title {



  color: var(--gardon-black);



  font-size: 20px;



}







.cart-btn {



  margin-top: 35px;



}







.cart-btn a {



  width: 100%;



  text-align: center;



}







.cart-select.product-details__content22 select {



  width: 300px;



  background-color: #e9efe5a1;



}







.form-select:focus {



  border-color: #ced4da;



  box-shadow: unset;







}







.cart-select {



  margin-top: 30px;



}







.cart-select h3 {



  width: 15%;



}







.orignal-price {



  margin-left: 20px;



}







.orignal-price h3 {



  color: #f28a20cf;



  text-decoration: line-through;



}







.product-price-txt {



  display: flex;



}







.cart-price {



  font-size: 21px;



}







.cart-model-box-heading {



  display: flex;



  align-items: center;



}







#cartModal .cart-model-box-img,



#cartModal .cart-model-box-img img {



  width: 200px;



  height: auto;



}







#cartModal .modal-body {



  padding: 30px;



}







#cartModal .cart-model-box-content {



  margin-left: 15px;



}







#cartModal .modal-dialog {



  max-width: 30%;



}







#cartModal .modal-dialog-slideout {



  min-height: 100%;



  margin: 0 0 0 auto;



  background: #fff;



}







.modal.fade #cartModal .modal-dialog.modal-dialog-slideout {



  -webkit-transform: translate(100%, 0)scale(1);



  transform: translate(100%, 0)scale(1);



}







.modal.fade.show #cartModal .modal-dialog.modal-dialog-slideout {



  -webkit-transform: translate(0, 0);



  transform: translate(0, 0);



  display: flex;



  align-items: stretch;



  -webkit-box-align: stretch;



  height: 100%;



}







.modal.fade.show #cartModal .modal-dialog.modal-dialog-slideout .modal-body {



  overflow-y: auto;



  overflow-x: hidden;



}







.btn-close:focus {



  box-shadow: unset;



}







#cartModal .cart-btn {}











/*--------------------------------------------------------------



# Common



--------------------------------------------------------------*/



body {



  font-family: var(--agrofa-font);



  /* color: var(--agrofa-text, #12110e); */



  font-size: 16px;



  line-height: 2.125;



  font-weight: 400;



}







body.locked {



  overflow: hidden;



}







a {



  color: var(--secondary-color);



  transition: all 400ms ease;



}







a,



a:hover,



a:focus,



a:visited {



  text-decoration: none;



}







::placeholder {



  color: inherit;



  opacity: 1;



}







h1,



h2,



h3,



h4,



h5,



h6 {



  font-family: var(--agrofa-heading-font);



  color: var(--brown-color);



}







@media (max-width: 575px) {







  h1 br,



  h2 br,



  h3 br,



  h4 br,



  h5 br,



  h6 br {



    display: none;



  }



}







@media (max-width: 575px) {



  p br {



    display: none;



  }

  .home-opening .opening__info-row .opening__info-row__content br {
    display: block;
  }

}







::placeholder {



  color: inherit;



  opacity: 1;



}







.background-base {



  background-color: var(--agrofa-base, #c2a74e);



}







.background-gray {



  background-color: var(--agrofa-gray, #ddd);



}







.background-black {



  background-color: var(--agrofa-black, #1e1d21);



}







/* .background-black-2 {



background-color: var(--agrofa-text4, #071b0f);



} */







.agrofa-text-dark {



  color: var(--agrofa-text-dark, #9e9e9e);



}







.page-wrapper {



  position: relative;



  margin: 0 auto;



  width: 100%;



  min-width: 300px;



  overflow: hidden;



}







.container-fluid,



.container {



  padding-left: 15px;



  padding-right: 15px;



}







@media (min-width: 1200px) {



  .container {



    max-width: 1200px;



  }



}







.row {



  --bs-gutter-x: 30px;



}







.gutter-y-10 {



  --bs-gutter-y: 10px;



}







.gutter-y-15 {



  --bs-gutter-y: 15px;



}







.gutter-y-20 {



  --bs-gutter-y: 20px;



}







.gutter-y-30 {



  --bs-gutter-y: 30px;



}







.gutter-y-60 {



  --bs-gutter-y: 60px;



}











.modal-content {



  border: unset;



}







.select-menu {



  width: 300px;



  cursor: pointer;



  position: relative;



}







.select {



  border: 1px solid var(--agrofa-border-color, #ededed);



  background-color: transparent;



  padding: 10px 20px;



  color: var(--gardon-gray);



  font-weight: 500;



  border-radius: 6px;



  display: -webkit-box;



  display: -ms-flexbox;



  display: flex;



  -webkit-box-align: center;



  -ms-flex-align: center;



  align-items: center;



  -webkit-box-pack: justify;



  -ms-flex-pack: justify;



  justify-content: space-between;



}







.options-list {



  position: absolute;



  width: 100%;



  background-color: #FFFFFF;


  max-height: 180px;



  overflow-y: auto;

  box-shadow: 5px 5px 5px rgb(0 0 0 / 7%);

  /* -webkit-transition: .1s linear .1s;



    -o-transition: .1s linear .1s;



    transition: .1s linear .1s; */



  height: 0;
  /* border: 1px solid var(--agrofa-border-color, #ededed); */
  border-radius: 8px;


}

.option.selected {
  background: var(--secondary-color);
  color: #fff;
}





.option {



  padding: 8px 20px;



  font-weight: 500;



  font-size: 15px;



  -webkit-transition: .1s ease-in-out;



  -o-transition: .1s ease-in-out;



  transition: .1s ease-in-out;


  border-bottom: 1px solid var(--white-color);
}







.option:hover {



  /* background: var(--secondary-color);



  color: #fff;



  padding: 8px 20px; */
  border: 1px solid var(--secondary-color);
  border-radius: 8px;

}







.options-list::-webkit-scrollbar {



  width: 4px;



  background-color: #eee;



}







.options-list::-webkit-scrollbar-thumb {



  background-color: #f28a20;



}







.options-list.active {



  height: auto;



  z-index: 99;



}











.agrofa-btn {



  display: inline-block;



  vertical-align: middle;



  -webkit-appearance: none;



  border: none;



  outline: none !important;



  background-color: var(--primary-color);



  color: #fff;



  font-size: 12px;



  font-weight: 600;



  font-family: var(--agrofa-font);



  padding: 16.25px 48px;



  transition: 500ms;



  letter-spacing: var(--agrofa-letter-space-xl, 0.2em);



  text-transform: uppercase;







  color: #fff;



  position: relative;



  overflow: hidden;



  text-align: center;



  font: normal 500 14px/1 var(--agrofa-font);



  padding: 8.2px 18px;



  margin-left: 27px;







  text-transform: initial;



  letter-spacing: 0.025em;



  text-transform: uppercase;



}







.agrofa-btn:hover {



  color: var(--secondary-color);



  background-color: #fff;



}




















.agrofa-btn:hover {



  background-color: var(--secondary-color);

  color: var(--agrofa-white, #fff);






}







.agrofa-btn:hover::before {



  top: 0%;



  left: -35.73%;



}







.agrofa-btn:hover::after {



  bottom: 0%;



  right: -35.72%;



}







.agrofa-btn span {



  position: relative;



  color: inherit;



  z-index: 2;



}







.agrofa-btn--black:hover {



  color: var(--agrofa-white, #fff);



}







.agrofa-btn--black::after {



  background-color: var(--agrofa-base, #c2a74e);



}







.agrofa-btn--black::before {



  background-color: var(--agrofa-black, #1e1d21);



}







.agrofa-btn--base:hover {



  color: var(--agrofa-white, #fff);



}







.agrofa-btn--base::after {



  background-color: var(--agrofa-black, #1e1d21);



}







.agrofa-btn--base::before {



  background-color: var(--agrofa-base, #c2a74e);



}







.tabs-box .tabs-content .tab:not(.active-tab) {



  display: none;



}







.bootstrap-select .dropdown-menu {



  padding-top: 0;



  padding-bottom: 0;



  border-radius: 0;



}







.bootstrap-select .dropdown-item.active,



.bootstrap-select .dropdown-item:active {



  background-color: var(--agrofa-base, #c2a74e);



}







.tns-outer .tns-controls {



  display: flex;



  justify-content: center;



  align-items: center;



  margin-top: 40px;



}







.tns-outer .tns-controls button {



  width: 45px;



  height: 45px;



  border: 2px solid #f4f4f4;



  outline: none;



  display: flex;



  justify-content: center;



  align-items: center;



  color: var(--agrofa-text, #12110e);



  border-radius: 50%;



  margin-left: 5px;



  margin-right: 5px;



}







.block-title {



  margin-top: -8px;



  margin-bottom: 50px;



}







.block-title__decor {



  width: 21px;



  height: 14px;



  background-image: url(../images/shapes/leaf-1-1.html);



  background-repeat: no-repeat;



  background-position: top center;



  display: inline-block;



  line-height: 1;



  margin-bottom: -5px;



  position: relative;



  top: -7px;



}







.block-title p {



  margin: 0;



  color: var(--agrofa-text, #12110e);



  font-size: 16px;



  line-height: 1;



  margin-bottom: 7px;



}







@media (min-width: 768px) {



  .block-title p {



    font-size: 18px;



  }



}







@media (min-width: 992px) {



  .block-title p {



    font-size: 20px;



  }



}







.block-title h3 {



  margin: 0;



  font-size: 35px;



  color: var(--agrofa-black, #1e1d21);



  font-family: var(--agrofa-special-font, "Outfit", sans-serif);



}







@media (min-width: 768px) {



  .block-title h3 {



    font-size: 42px;



  }



}







@media (min-width: 992px) {



  .block-title h3 {



    font-size: 50px;



  }



}







.ul-list-one {



  margin-bottom: 0;



}







.ul-list-one li,



.ul-list-one .food-one--two .food-one__quality-list li,



.food-one--two .food-one__quality-list .ul-list-one li {



  position: relative;



  padding-left: 45px;



  font-size: 16px;



  font-weight: 500;



  color: var(--agrofa-black, #1e1d21);



}







@media (min-width: 481px) {







  .ul-list-one li,



  .ul-list-one .food-one--two .food-one__quality-list li,



  .food-one--two .food-one__quality-list .ul-list-one li {



    font-size: 85px;



  }



}







.ul-list-one li::before,



.ul-list-one .food-one--two .food-one__quality-list li::before,



.food-one--two .food-one__quality-list .ul-list-one li::before {



  content: "\e907";



  color: var(--agrofa-base, #c2a74e);



  font-size: 26px;



  position: absolute;



  top: 50%;



  left: 0;



  transform: translateY(-50%);



  font-family: "azino-icon";



}







.preloader {



  position: fixed;



  background-color: #fff;



  background-position: center center;



  background-repeat: no-repeat;



  top: 0;



  left: 0;



  right: 0;



  bottom: 0;



  z-index: 9991;



  display: -webkit-box;



  display: flex;



  -webkit-box-pack: center;



  justify-content: center;



  -webkit-box-align: center;



  align-items: center;



  text-align: center;


  display: flex;
  align-items: center;
}







.preloader__image {



  -webkit-animation-fill-mode: both;



  animation-fill-mode: both;



  /* -webkit-animation-name: flipInY; */



  /* animation-name: flipInY; */



  /* -webkit-animation-duration: 2s; */



  /* animation-duration: 2s; */



  /* -webkit-animation-iteration-count: infinite; */



  /* animation-iteration-count: infinite; */



  background-repeat: no-repeat;



  background-position: center center;



  background-size: contain;
  width: 60px;
  height: 60px;
  margin: auto;
  align-items: center;
  display: flex;


}

.preeloader-border {
  border-style: dashed;
  border-right-color: #f18d35;
  border-top-color: #53704a;
  border-bottom-color: #f18d35;
  border-left-color: #53704a;
  border-width: 3px;
  width: 100px;
  border-radius: 50%;
  height: 100px;
  justify-content: center;
  display: flex;
  /* -webkit-animation: rotation-right 2s infinite linear;
    animation: rotate 4s linear infinite; */
}

/* @keyframes rotate {
	100% {
		transform: rotate(1turn);
	}
} */
/* .donut {
  float: left;
  border: 4px solid rgba(0, 0, 0, 0.1);
  border-left-color: red;
  margin: 2rem 3rem;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  animation: donut-spin 2s linear infinite;
}

@keyframes donut-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
} */





/* scroll to top */
.wp-scroll-top img {
  width: 55px;
}


.scroll-to-top {



  display: flex;



  align-items: center;



  width: auto;



  height: 35px;



  background: transparent;



  position: fixed;



  bottom: 60px;



  right: -12px;



  z-index: 99;



  text-align: center;



  opacity: 0;



  visibility: hidden;



  transform: rotate(-90deg);



  cursor: pointer;



  transition: all 0.2s ease;



}







.scroll-to-top__text {



  display: inline;



  font-size: 12px;



  text-transform: uppercase;



  letter-spacing: 0.1em;



  font-weight: 700;



  margin-right: 8px;



}







.scroll-to-top__wrapper {



  display: inline-block;



  width: 30px;



  height: 4px;



  background-color: var(--primary-color);



  position: relative;



  overflow: hidden;



}







.scroll-to-top__inner {



  position: absolute;



  left: 0;



  top: 0;



  width: 100%;



  height: 100%;



  background-color: var(--brown-color);



}







.scroll-to-top.show {



  opacity: 1;



  visibility: visible;



  bottom: 115px;



}

.wp-scroll-top {
  transform: unset;
  right: 15px;
  bottom: 20px !important;
  display: flex;
  align-items: center;
  width: auto;
  height: 35px;
  background: transparent;
  position: fixed;

  z-index: 99;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  cursor: pointer;
  transition: all 0.2s ease;
}

.contact-page .opening__info-row {
  display: flex;
}

.contact-page .opening__info-row__support-text {
  font-size: 18px;
}

.contact-page .opening__info-row__icon {
  width: 10%;
  border: unset;

}

.contact-page .opening__info-row__content {
  width: 90%;
  margin-left: 20px;
}





/* post paginations */



.post-pagination {



  margin-bottom: 0;



  margin-top: 0px;



}







@media (min-width: 992px) {



  .post-pagination {



    margin-top: 0px;



  }



}







.post-pagination a {



  display: flex;



  width: 45px;



  height: 45px;



  background-color: #eff2f6;



  align-items: center;



  justify-content: center;



  color: var(--agrofa-text, #12110e);



  font-size: 16px;



  font-weight: 500;



  border-radius: 50%;



  transition: 500ms ease;



}







@media (min-width: 992px) {



  .post-pagination a {



    width: 60px;



    height: 60px;



    font-size: 18px;



  }



}







.post-pagination a:hover {



  background-color: var(--agrofa-base, #c2a74e);



  color: #fff;



}







.post-pagination li:first-child a {



  background-color: var(--agrofa-base, #c2a74e);



  color: #fff;



}







.post-pagination li:last-child a {



  background-color: var(--agrofa-black, #1e1d21);



  color: #fff;



}







.post-pagination li+li,



.post-pagination .food-one--two .food-one__quality-list li+li,



.food-one--two .food-one__quality-list .post-pagination li+li {



  margin-left: 10px;



}







.agrofa-owl__carousel--with-shadow .owl-stage-outer {



  overflow: visible;



}







.agrofa-owl__carousel--with-shadow .owl-item {



  opacity: 0;



  visibility: hidden;



  transition: opacity 500ms ease, visibility 500ms ease;



}







.agrofa-owl__carousel--with-shadow .owl-item.active {



  opacity: 1;



  visibility: visible;



}







.agrofa-owl__carousel--basic-nav.owl-carousel .owl-nav {



  display: flex;



  justify-content: center;



  gap: 20px;



  margin-top: 60px;



}







.agrofa-owl__carousel--basic-nav.owl-carousel .owl-nav button {



  border: none;



  outline: none;



  border-radius: 50%;



  margin: 0;



  padding: 0;



}







.agrofa-owl__carousel--basic-nav.owl-carousel .owl-nav button span {



  border: none;



  outline: none;



  width: 50px;



  height: 50px;



  background-color: var(--agrofa-gray, #ddd);



  display: flex;



  justify-content: center;



  align-items: center;



  color: var(--agrofa-text, #12110e);



  border-radius: 50%;



  font-size: 14px;



  color: var(--agrofa-text, #12110e);



  transition: all 500ms ease;



}







.agrofa-owl__carousel--basic-nav.owl-carousel .owl-nav button span:hover {



  background-color: var(--agrofa-black, #1e1d21);



  color: var(--agrofa-white, #fff);



}







.agrofa-owl__carousel--basic-nav.owl-carousel .owl-dots {



  display: flex;



  align-items: center;



  justify-content: center;



  gap: 10px;



  margin-top: 60px;



}







.agrofa-owl__carousel--basic-nav.owl-carousel .owl-dots .owl-dot span {



  background-color: #dedede;



  border: 2px solid transparent;



  margin: 0;



  width: 12px;



  height: 12px;



  border-radius: 50%;



  display: block;



  transition: all 0.5s;



}







.agrofa-owl__carousel--basic-nav.owl-carousel .owl-dots .owl-dot:hover span,



.agrofa-owl__carousel--basic-nav.owl-carousel .owl-dots .owl-dot.active span {



  background-color: #fcfaf0;



  border: 2px solid var(--agrofa-green, #0c7735);



  width: 16px;



  height: 16px;



}







.agrofa-owl__carousel--basic-nav.owl-carousel .owl-nav.disabled+.owl-dots {



  margin-top: 60px;



}







.agrofa-owl__carousel--basic-nav.owl-carousel .owl-dots.disabled,



.agrofa-owl__carousel--basic-nav.owl-carousel .owl-nav.disabled {



  display: none;



}







.sec-title {



  padding-bottom: 50px;



}







@media (min-width: 768px) {



  .sec-title {



    padding-bottom: 46px;



  }



}







.sec-title__img {



  display: inline-flex;



  margin-bottom: 15px;



}







.sec-title__tagline {



  margin: 0;



  font-family: var(--agrofa-special-font, "Outfit", sans-serif);



  color: var(--agrofa-base, #c2a74e);



  font-size: 30px;



  line-height: 1.2em;



}







@media (min-width: 768px) {



  .sec-title__tagline {



    font-size: 40px;



  }



}







.sec-title__title {



  margin: 0;



  text-transform: uppercase;



  font-size: 35px;



  color: var(--agrofa-black, #1e1d21);



  font-weight: bold;



  line-height: 1.2em;



  margin-top: 5px;



}







@media (min-width: 768px) {



  .sec-title__title {



    font-size: 50px;



    margin-top: -2px;



  }



}




.header-btn {
  background-color: var(--primary-color) !important;
}

.header-btn:hover {
  background-color: var(--secondary-color) !important;
}


.ui-datepicker .ui-datepicker-header {



  background-image: none;



  background-color: var(--agrofa-black, #1e1d21);



  color: var(--agrofa-white, #fff);



  font-family: var(--agrofa-font);



}







.ui-datepicker-calendar th span {



  font-family: var(--agrofa-font);



}







.ui-datepicker-calendar td {



  background-color: var(--agrofa-gray, #ddd);



  background-image: none;



  font-family: var(--agrofa-font);



  color: var(--agrofa-text, #12110e);



}







.ui-datepicker-calendar td a {



  border-color: var(--agrofa-border-color, #ededed);



  background-color: var(--agrofa-gray, #ddd);



  background-image: none;



}







.ui-datepicker-calendar .ui-state-default,



.ui-datepicker-calendar .ui-widget-content .ui-state-default,



.ui-datepicker-calendar .ui-widget-header .ui-state-default {



  border-color: var(--agrofa-border-color, #ededed);



  background-color: var(--agrofa-gray, #ddd);



  background-image: none;



  color: var(--agrofa-text, #12110e);



  padding: 10px 5px;



  text-align: center;



  line-height: 1em;



}







.ui-datepicker-calendar .ui-state-default:hover,



.ui-datepicker-calendar .ui-widget-content .ui-state-default:hover,



.ui-datepicker-calendar .ui-widget-header .ui-state-default:hover {



  color: var(--agrofa-white, #fff);



  background-color: var(--agrofa-base, #c2a74e);



}







.ui-datepicker-calendar .ui-state-highlight,



.ui-datepicker-calendar .ui-widget-content .ui-state-highlight,



.ui-datepicker-calendar .ui-widget-header .ui-state-highlight {



  color: var(--agrofa-white, #fff);



  background-color: var(--agrofa-base, #c2a74e);



}







.ui-datepicker .ui-datepicker-prev,



.ui-datepicker .ui-datepicker-next {



  background-image: none;



  background-color: var(--agrofa-white, #fff);



  color: var(--agrofa-black, #1e1d21);



}







.ui-datepicker .ui-datepicker-prev:hover,



.ui-datepicker .ui-datepicker-next:hover {



  background-color: var(--agrofa-base, #c2a74e);



  color: var(--agrofa-white, #fff);



  top: 2px;



}







.ui-datepicker .ui-datepicker-prev:hover {



  left: 2px;



}







.ui-datepicker .ui-datepicker-next:hover {



  right: 2px;



}







/*food-one common*/



.food-chose-reasone {



  display: flex;



  align-items: center;



  padding-bottom: 7px;



}







.food-chose-icon {


  display: none;
}







.food-chose-name {



  font: normal 500 15px/1 var(--agrofa-font);



  color: var(--agrofa-text-dark, #9e9e9e);



  text-transform: uppercase;



  position: relative;



  display: inline-block;



  margin-left: 2px;



}







.food-chose-name::after {



  content: "";



  position: absolute;



  width: 100%;



  left: 0;



  bottom: 0px;



  z-index: 1;



  height: auto;



  border-bottom: 1px solid var(--agrofa-text-dark, #9e9e9e);



}







.food-chose-title {



  font-size: 60px;



  font-weight: 600;



  line-height: 75px;



  color: #402722;



  word-wrap: break-word;



  margin-bottom: 43px;


  text-transform: capitalize;
}







@media (max-width: 767px) {



  .food-chose-title {



    font-size: 38px;



    line-height: 42px;



    margin-bottom: 20px;



  }



}







.food-chose-text {



  font-size: 18px;



  font-weight: 400;



  color: var(--agrofa-text, #12110e);



  line-height: 34px;



  padding-right: 40px;



}







@media (max-width: 767px) {



  .food-chose-text {



    font-size: 16px;



    line-height: 27px;



    padding-right: 0;



  }



}







/*--------------------------------------------------------------



# Cards



--------------------------------------------------------------*/



.video-one {



  position: relative;



  background-color: var(--agrofa-black, #1e1d21);



  padding: 100px 0;



}







.video-one__bg {



  position: absolute;



  top: 0;



  left: 0;



  right: 0;



  bottom: 0;



  background-color: var(--agrofa-black, #1e1d21);



  background-size: cover;



  background-position: center center;



  opacity: 0.5;



}







.video-one .container {



  position: relative;



  text-align: center;



}







.video-one__btn {



  width: 145px;



  height: 145px;



  display: inline-flex;



  justify-content: center;



  align-items: center;



  border-radius: 50%;



  position: relative;



}







.video-one__btn .video-popup {



  font-size: 24px;



  color: var(--agrofa-white, #fff);



  transition: all 500ms ease;



  position: relative;



  z-index: 10;



}







.video-one__btn .video-popup:hover {



  color: var(--agrofa-base, #c2a74e);



}







.video-one__btn .curved-circle {



  position: absolute;



  top: 0;



  left: 0;



  width: 145px;



  height: 145px;



  transform-origin: center center;



  display: flex;



  justify-content: center;



  align-items: center;



  animation: textRotate 15s linear 0s forwards infinite alternate;



}







.video-one__btn .curved-circle--item {



  width: 145px;



}







.video-one__btn .curved-circle--item span {



  text-transform: uppercase;



  font-size: 14px;



  color: var(--agrofa-white, #fff);



  letter-spacing: 0.4em;



}







.video-one__title {



  margin: 0;



  text-transform: uppercase;



  color: var(--agrofa-white, #fff);



  font-size: 40px;



  line-height: 1.2em;



  margin-bottom: 40px;



  margin-top: 30px;



}







@media (min-width: 768px) {



  .video-one__title {



    font-size: 50px;



  }



}







@media (min-width: 992px) {



  .video-one__title {



    font-size: 60px;



    margin-top: 20px;



    margin-bottom: 35px;



  }



}







.video-one__link::before {



  background-color: var(--agrofa-base, #c2a74e);



}







.video-two {



  position: relative;



  background-color: var(--agrofa-black, #1e1d21);



  padding: 143px 0 320px;



}







@media (max-width: 767px) {



  .video-two {



    padding: 100px 0 270px;



  }







  .video-two .text-end {



    text-align: left !important;



  }



}







.video-two__bg {



  position: absolute;



  top: 0;



  left: 0;



  right: 0;



  bottom: 0;



  background-color: var(--agrofa-black, #1e1d21);



  background-size: cover;



  background-position: center center;



  background-repeat: no-repeat;



  opacity: 0.5;



}







.video-two__shape {



  position: absolute;



  left: 0;



  top: 0;



  width: 100%;



  height: 100%;



  background-position: left top;



  background-repeat: no-repeat;



  background-size: auto;



}







@media (max-width: 1199px) {



  .video-two__shape {



    display: none;



  }



}







.video-two .container {



  position: relative;



}







.video-two__btn {



  width: 145px;



  height: 145px;



  display: inline-flex;



  justify-content: center;



  align-items: center;



  border-radius: 50%;



  position: relative;



  margin-top: 42px;



}







.video-two__btn .video-popup {



  font-size: 24px;



  color: var(--agrofa-white, #fff);



  transition: all 500ms ease;



  position: relative;



  z-index: 10;



}







.video-two__btn .video-popup:hover {



  color: var(--agrofa-base, #c2a74e);



}







.video-two__btn .curved-circle {



  position: absolute;



  top: 0;



  left: 0;



  width: 145px;



  height: 145px;



  transform-origin: center center;



  display: flex;



  justify-content: center;



  align-items: center;



  animation: textRotate 15s linear 0s forwards infinite alternate;



}







.video-two__btn .curved-circle--item {



  width: 145px !important;



  height: 145px !important;



}







.video-two__btn .curved-circle--item span {



  text-transform: uppercase;



  font-size: 14px;



  color: var(--agrofa-white, #fff);



  letter-spacing: 0.4em;



}







.video-two__title {



  margin: 0;



  text-transform: uppercase;



  color: var(--agrofa-white, #fff);



  font-size: 40px;



  line-height: 1.2em;



  margin-bottom: 40px;



}







@media (min-width: 768px) {



  .video-two__title {



    font-size: 50px;



  }



}







@media (min-width: 992px) {



  .video-two__title {



    font-size: 60px;



    margin-bottom: 35px;



  }



}







.video-two__link::before {



  background-color: var(--agrofa-base, #c2a74e);



}







.team-one {



  padding-top: 120px;



  padding-bottom: 120px;



}







@media (max-width: 991px) {
  .account-left-tab {
    margin-bottom: 30px;
  }


  .team-one {



    padding-top: 62px;



    padding-bottom: 72px;



  }



}







.team-one .sec-title {



  text-align: center;



}







@media (min-width: 992px) {



  .team-one__carousel .owl-nav {



    display: none;



  }



}







.team-card__image {



  position: relative;



  padding-left: 30px;



  padding-top: 30px;



}







.team-card__image img {



  position: relative;



  max-width: 100%;



}







.team-card__image__bg {



  position: absolute;



  top: 0;



  left: 0;



  width: 100%;



  max-width: 300px;



  height: 324px;



  background-color: var(--agrofa-gray, #ddd);



  background-image: url(../images/shapes/team-card-s-1-1.html);



  background-repeat: no-repeat;



  background-position: top center;



}







.team-card__hover {



  position: absolute;



  bottom: 0;



  left: 30px;



}







.team-card__email {



  background-color: var(--agrofa-base, #c2a74e);



  position: relative;



}







.team-card__email>a {



  width: 50px;



  height: 50px;



  font-size: 16px;



  display: flex;



  justify-content: center;



  align-items: center;



  color: var(--agrofa-white, #fff);



  transition: all 500ms ease;



}







.team-card__email>a:hover {



  background-color: var(--agrofa-black, #1e1d21);



  color: var(--agrofa-white, #fff);



}







.team-card__social {



  background-color: var(--agrofa-white, #fff);



  position: relative;



  cursor: pointer;



  transition: all 500ms ease;



}







.team-card__social:hover {



  background-color: var(--agrofa-white, #fff);



}







.team-card__social:hover>i {



  color: var(--agrofa-base, #c2a74e);



}







.team-card__social>i {



  width: 50px;



  height: 50px;



  font-size: 16px;



  display: flex;



  justify-content: center;



  align-items: center;



  color: var(--agrofa-black, #1e1d21);



  transition: all 500ms ease;



}







.team-card__social__list {



  position: absolute;



  top: 50%;



  left: 100%;



  transform: translateY(-50%) scale(0, 1);



  background-color: var(--agrofa-black, #1e1d21);



  display: flex;



  align-items: center;



  justify-content: center;



  margin: 0;



  min-height: 50px;



  padding-left: 20px;



  padding-right: 20px;



  opacity: 0;



  transition: 500ms ease;



  transform-origin: top left;



}







.team-card__social__list a {



  color: var(--agrofa-white, #fff);



  font-size: 14px;



  transition: all 500ms ease;



}







.team-card__social__list a+a {



  margin-left: 27px;



}







.team-card__social__list a:hover {



  color: var(--agrofa-base, #c2a74e);



}







.team-card__social:hover .team-card__social__list {



  opacity: 1;



  transform: translateY(-50%) scale(1, 1);



}







.team-card__content {



  padding-top: 20px;



  padding-left: 30px;



}







@media (min-width: 992px) {



  .team-card__content {



    padding-top: 30px;



  }



}







.team-card__title {



  margin: 0;



  font-size: 20px;



  line-height: 1.1818181818em;



  color: var(--agrofa-black, #1e1d21);



  text-transform: uppercase;



  font-weight: bold;



  margin-bottom: -7px;



}







@media (min-width: 768px) {



  .team-card__title {



    font-size: 22px;



    margin-bottom: -6px;



  }



}







.team-card__title a {



  color: inherit;



  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;



  transition: all 500ms ease;



}







.team-card__title a:hover {



  background-size: 100% 1px;



}







.team-card__title a:hover {



  color: var(--agrofa-base, #c2a74e);



}







.team-card__designation {



  line-height: 1em;



  margin: 0;



  font-size: 12px;



  text-transform: uppercase;



  color: var(--agrofa-text, #12110e);



  letter-spacing: var(--agrofa-letter-space, 0.1em);



  margin-bottom: 5px;



  font-family: var(--agrofa-font);



}







.team-details {



  padding-top: 120px;



}







@media (max-width: 767px) {



  .team-details {



    padding: 80px 0 0;



    padding-top: 60px;



  }



}







.team-details__inner {



  border-bottom: 1px solid var(--agrofa-border-color, #ededed);



  padding-bottom: 100px;



}







.team-details__image {



  display: inline-block;



  position: relative;



  width: 100%;



}







.team-details__image img {



  max-width: 100%;



  width: 100% !important;



}







@media (min-width: 992px) {



  .team-details__content {



    padding-left: 70px;



  }



}







.team-details__icon {



  position: absolute;



  left: 40px;



  bottom: 40px;



  background-color: var(--agrofa-base, #c2a74e);



  border: 20px solid var(--agrofa-white, #fff);



  width: 220px;



  padding: 30px;



  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);



}







@media (min-width: 992px) {



  .team-details__icon {



    left: -96px;



  }



}







.team-details__icon i {



  font-size: 60px;



  color: var(--agrofa-white, #fff);



}







.team-details__icon__text {



  margin: 0;



  font-size: 18px;



  color: var(--agrofa-white, #fff);



  text-transform: uppercase;



  max-width: 104px;



  font-weight: bold;



  margin-bottom: -5px;



  margin-top: 10px;



}







@media (min-width: 768px) {



  .team-details__icon__text {



    font-size: 20px;



  }



}







@media (min-width: 992px) {



  .team-details__icon__text {



    font-size: 24px;



  }



}







.team-details__title {



  text-transform: uppercase;



  margin: 0;



  font-weight: bold;



  font-size: 30px;



  line-height: 1;



  margin-top: -7px;



  margin-bottom: 6px;



}







@media (min-width: 768px) {



  .team-details__title {



    font-size: 35px;



  }



}







@media (min-width: 992px) {



  .team-details__title {



    font-size: 40px;



  }



}







.team-details__designation {



  margin: 0;



  font-size: 16px;



  margin-bottom: 20px;



}







.team-details__text {



  margin: 0;



  font-size: 15px;



  line-height: 2em;



}







.team-details__highlight {



  margin: 0;



  text-transform: uppercase;



  font-weight: bold;



  color: var(--agrofa-base, #c2a74e);



  font-size: 20px;



  font-family: var(--agrofa-heading-font, "Jost", sans-serif);



  line-height: 1.3em;



  margin-top: 35px;



  margin-bottom: 30px;



}







.team-details__list {



  margin-bottom: 0;



}







.team-details__list li,



.team-details__list .food-one--two .food-one__quality-list li,



.food-one--two .food-one__quality-list .team-details__list li {



  position: relative;



  font-size: 16px;



  line-height: 2.25em;



  padding-left: 27px;



  color: var(--agrofa-black, #1e1d21);



}







.team-details__list li>i,



.team-details__list .food-one--two .food-one__quality-list li>i,



.food-one--two .food-one__quality-list .team-details__list li>i {



  position: absolute;



  top: 50%;



  left: 0;



  transform: translateY(-50%);



  font-size: 14px;



  color: var(--agrofa-base, #c2a74e);



}







.team-details__social {



  display: flex;



  flex-wrap: wrap;



  gap: 10px;



  margin-bottom: 20px;



}







.team-details__social a {



  width: 40px;



  height: 40px;



  display: flex;



  justify-content: center;



  align-items: center;



  background-color: var(--agrofa-gray, #ddd);



  font-size: 14px;



  color: var(--agrofa-black, #1e1d21);



  transition: all 500ms ease;



  border-radius: 50%;



}







.team-details__social a:hover {



  background-color: var(--agrofa-base, #c2a74e);



  color: var(--agrofa-white, #fff);



}







.team-skills-one {



  position: relative;



  background-color: #f7f4e5;



  padding: 118px 0 0 0;



}







@media (max-width: 991px) {



  .team-skills-one {



    padding-top: 52px;



  }



}







.team-skills-one .container-fluid {



  position: relative;



  z-index: 3;



  margin-bottom: 118px;



}







@media (max-width: 991px) {



  .team-skills-one .container-fluid {



    margin-bottom: 52px;



  }



}







.team-skills-one .section-common-title {



  max-width: 810px;



  margin: 0 auto;



  display: flex;



  flex-direction: column;



  align-items: center;



}







.team-skills-one__chose-reasone {



  flex-direction: column;



  padding-bottom: 14px;



}







.team-skills-one__title {



  text-align: center;



  margin-bottom: 92px;



}







@media (max-width: 991px) {



  .team-skills-one__title {



    margin-bottom: 38px;



  }



}







.team-skills-one__row {



  display: flex;



  flex-wrap: wrap;



  margin: 0;



  gap: 0 95px;



}







.team-skills-one__col-left {



  width: calc((50% - 47.5px) / 1);



  padding: 0;



}







@media (max-width: 991px) {



  .team-skills-one__col-left {



    width: 100%;



  }



}







.team-skills-one__left-content {



  width: 100%;



  max-width: 538px;



  margin: 0 0 0 auto;



}







@media (max-width: 991px) {



  .team-skills-one__left-content {



    max-width: initial;



    margin: 0;



  }



}







.team-skills-one__left-content__inner {



  max-width: 488px;



}







@media (max-width: 991px) {



  .team-skills-one__left-content__inner {



    max-width: initial;



  }



}







.team-skills-one__col-title {



  font-size: 42px;



  line-height: 46px;



  font-weight: 700;



  color: var(--agrofa-text5, #00200c);



  margin-bottom: 35px;



}







.team-skills-one__col-title br {



  display: none;



}







@media (max-width: 991px) {



  .team-skills-one__col-title {



    font-size: 28px;



    line-height: 38px;



    margin-bottom: 15px;



  }



}







@media (min-width: 768px) {



  .team-skills-one__col-title br {



    display: block;



  }



}







.team-skills-one__col-text {



  font-size: 18px;



  line-height: 34px;



  font-weight: 500;



  color: var(--agrofa-text, #12110e);



  margin-bottom: 44px;



}







@media (max-width: 991px) {



  .team-skills-one__col-text {



    font-size: 16px;



    line-height: 24px;



    margin-bottom: 26px;



  }



}







.team-skills-one__progress {



  border: 1px solid var(--agrofa-green3, #008d36);



  padding: 17px 40px 27px 33px;



  margin-bottom: 52px;



}







@media (max-width: 991px) {



  .team-skills-one__progress {



    margin-bottom: 38px;



    padding: 12px 20px 22px 20px;



  }



}







.team-skills-one__progress+.team-skills-one__progress {



  margin-top: 17px;



}







.team-skills-one__progress__title {



  margin: 0;



  font-size: 18px;



  line-height: 34px;



  font-weight: 500;



  color: var(--agrofa-text, #12110e);



  display: block;



  margin-bottom: 19px;



}







@media (max-width: 991px) {



  .team-skills-one__progress__title {



    font-size: 16px;



    line-height: 26px;



    margin-bottom: 12px;



  }



}







.team-skills-one__progress__bar {



  width: 100%;



  height: 11px;



  position: relative;



  border-radius: 5px;



  background-color: var(--agrofa-yellow, 253, 214, 31);



}







.team-skills-one__progress__inner {



  position: absolute;



  height: calc(100% - 0px);



  left: 0;



  top: 0;



  background-color: var(--agrofa-green3, #008d36);



  border-radius: 5px;



  transition: all 700ms linear;



  width: 0px;



}







.team-skills-one__progress__number {



  position: absolute;



  bottom: calc(100% + 7px);



  right: -18px;



  font-size: 15px;



  line-height: 1;



  font-weight: 500;



  color: var(--agrofa-text, #12110e);



}







.team-skills-one__customers {



  border-top: 1px solid #edebe4;



  padding-top: 33px;



}







.team-skills-one__customers__col {



  gap: 0 23px !important;



}







.team-skills-one__customers__col:hover .team-skills-one__customers__cricle span {



  color: var(--agrofa-text, #12110e);



}







.team-skills-one__customers__cricle span {



  font-family: var(--agrofa-heading-font, "Jost", sans-serif);



  font-size: 24px;



  line-height: 1;



  color: var(--agrofa-white, #fff);



  transition: all 0.4s ease;



}







.team-skills-one__customers__cricle:hover span {



  color: var(--agrofa-text, #12110e);



}







.team-skills-one__customers__feedback {



  width: calc(100% - 105px) !important;



}







.team-skills-one__col-right {



  width: calc((50% - 47.5px) / 1);



  padding: 0;



}







@media (max-width: 991px) {



  .team-skills-one__col-right {



    width: 100%;



  }



}







.team-skills-one__col-right__all-product {



  padding-top: 22px;



}







@media (max-width: 991px) {



  .team-skills-one__col-right__all-product {



    padding-top: 40px;



  }



}







.team-skills-one__col-right__bg {



  min-height: 186px;



  background-color: var(--agrofa-yellow, 253, 214, 31);



  width: fit-content;



  max-width: 253px;



  border-radius: 25px 0 25px 25px;



  display: flex;



  flex-direction: column;



  justify-content: center;



  align-items: center;



  padding: 15px 32px;



}







@media (max-width: 991px) {



  .team-skills-one__col-right__bg {



    width: 100%;



    max-width: 100%;



    min-height: 152px;



  }



}







.team-skills-one__col-right__count-product {



  font-size: 40px;



  font-weight: 600;



  line-height: 1;



  color: var(--agrofa-text, #12110e);



  margin-bottom: 16px;



}







@media (max-width: 991px) {



  .team-skills-one__col-right__count-product {



    font-size: 32px;



    margin-bottom: 8px;



  }



}







.team-skills-one__col-right__pure-product {



  font-size: 26px;



  line-height: 26px;



  font-weight: 500;



  color: var(--agrofa-text, #12110e);



  margin-bottom: 0;



}







@media (max-width: 991px) {



  .team-skills-one__col-right__pure-product {



    font-size: 22px;



    line-height: 24px;



  }



}







.team-skills-one__right-image {



  position: absolute;



  width: 50%;



  height: 100%;



  top: 0;



  right: 0;



  z-index: 1;



}







.team-skills-one__right-image::after {



  content: "";



  position: absolute;



  width: 100%;



  height: 100%;



  top: 0;



  right: 0;



  z-index: 1;



  background-color: #fffdf1;



}







.team-skills-one__right-image__bg {



  position: relative;



  z-index: 2;



}







.team-skills-one__right-image__bg>img {



  display: block;



  max-width: 864px;



  margin-top: 110px;



  -webkit-animation: mover 1s infinite alternate;



  animation: mover 1s infinite alternate;



}







@media (max-width: 991px) {



  .team-skills-one__right-image__bg {



    display: none;



  }



}







@-webkit-keyframes mover {



  0% {



    transform: translateX(0);



  }







  100% {



    transform: translateX(25px);



  }



}







@keyframes mover {



  0% {



    transform: translateX(0);



  }







  100% {



    transform: translateX(25px);



  }



}







.team-skills-one--two {



  background-color: var(--agrofa-white, #fff);



  z-index: 1;



}







.team-skills-one--two::before {



  content: "";



  position: absolute;



  width: 170px;



  height: 162px;



  left: 0;



  bottom: 82px;



  background-image: url("../images/shapes/team-skill-effect2-1-.png");



  background-repeat: no-repeat;



  background-position: left bottom;



  background-size: 100% 100%;



  -webkit-animation: skillEffect1 1s infinite alternate;



  animation: skillEffect1 1s infinite alternate;



}







@-webkit-keyframes skillEffect1 {



  0% {



    transform: translateX(0);



  }







  100% {



    transform: translateX(-25px);



  }



}







@keyframes skillEffect1 {



  0% {



    transform: translateX(0);



  }







  100% {



    transform: translateX(-25px);



  }



}







@media (max-width: 1440px) {



  .team-skills-one--two::before {



    width: 100px;



    height: 110px;



    bottom: 50px;



  }







}







@media (max-width: 991px) {



  .team-skills-one--two::before {



    width: 82px;



    height: 95px;



    bottom: 0;



    top: 0;



    margin: auto 0;



  }



}







@media (max-width: 767px) {
  .shop-by-category .col-sm-6:nth-child(3) .shop-by-category-box {
    border-right: 1px solid #9e9e9e;
  }

  .latest-work-one {
    padding-top: 40px !important;
  }

  .team-skills-one--two::before {



    display: none;



  }



}







.team-skills-one--two .container-fluid {



  margin-bottom: 0;



  padding-top: 90px;



  padding-bottom: 120px;



}







@media (max-width: 991px) {



  .team-skills-one--two .container-fluid {



    padding-top: 90px;



    padding-bottom: 72px;



  }



}







@media (max-width: 767px) {



  .team-skills-one--two .container-fluid {



    padding-top: 8px;



    padding-bottom: 58px;



  }



}







.team-skills-one--two .team-skills-one__row {



  gap: 0;



}







.team-skills-one--two .team-skills-one__col-left {



  width: 51%;



}







@media (max-width: 991px) {



  .team-skills-one--two .team-skills-one__col-left {



    width: 100%;



  }



}







.team-skills-one--two .team-skills-one__left-content {



  max-width: 600px;



}







@media (max-width: 991px) {



  .team-skills-one--two .team-skills-one__left-content {



    max-width: initial;



  }



}







.team-skills-one--two .team-skills-one__left-content__inner {



  max-width: initial;



}







.team-skills-one--two .section-common-title {



  max-width: initial;



  align-items: flex-start;



}







.team-skills-one--two .team-skills-one__chose-reasone {



  flex-direction: row;



}







.team-skills-one--two .team-skills-one__title {



  text-align: left;



  margin-bottom: 43px;



}







@media (max-width: 767px) {



  .team-skills-one--two .team-skills-one__title {



    margin-bottom: 28px;



  }



}







.team-skills-one--two .team-skills-one__col-text {



  font-weight: 400;



  padding-right: 30px;



}







@media (max-width: 991px) {



  .team-skills-one--two .team-skills-one__col-text {



    padding-right: 0;



  }



}







.team-skills-one--two .team-skills-one__customers {



  max-width: 502px;



  border-top: 0;



  padding-top: 0;



}







@media (max-width: 991px) {



  .team-skills-one--two .team-skills-one__customers {



    max-width: initial;



  }



}







.team-skills-one--two .team-skills-one__customers__col {



  position: relative;



}







.team-skills-one--two .team-skills-one__customers__col:first-child::before {



  display: none;



}







.team-skills-one--two .team-skills-one__customers__col::before {



  content: "";



  position: absolute;



  width: 105px;



  height: 1px;



  top: -34px;



  left: 0;



  z-index: 1;



  background-color: var(--agrofa-white, #fff);



}







.team-skills-one--two .team-skills-one__customers__icon-cricle {



  font-size: 49px;



  color: var(--agrofa-white, #fff);



  transition: all 0.5s;



}







.team-skills-one--two .team-skills-one__col-right {



  width: 49%;



  display: flex;



  align-items: flex-end;



}







@media (max-width: 991px) {



  .team-skills-one--two .team-skills-one__col-right {



    width: 100%;



    padding-top: 30px;



  }



}







.team-skills-one--two .team-skills-one__col-right__all-product {



  padding-top: 0;



  padding-left: 22px;



}







@media (max-width: 991px) {



  .team-skills-one--two .team-skills-one__col-right__all-product {



    padding: 0;



    width: 100%;



  }



}







.team-skills-one--two .team-skills-one__col-right__bg {



  border-radius: 20px;



}







.team-skills-one--two .team-skills-one__col-right__pure-product {



  line-height: 34px;



}







.team-skills-one--two .team-skills-one__right-image {



  z-index: 1;



  padding-left: 85px;



}







.team-skills-one--two .team-skills-one__right-image img {



  margin-top: 0;



  width: 100%;



  max-width: initial;



  height: 100%;



  object-fit: cover;



  -webkit-animation: teamSkillMoving 2.5s infinite alternate;



  animation: teamSkillMoving 2.5s infinite alternate;



}







@keyframes teamSkillMoving {



  0% {



    transform: translateX(0);



  }







  25% {



    transform: translateX(2px);



  }







  50% {



    transform: translateX(4px);



  }







  75% {



    transform: translateX(8px);



  }







  100% {



    transform: translateX(15px);



  }



}







.team-skills-one--two .team-skills-one__right-image::after {



  display: none;



}







.team-skills-one--two .team-skills-one__right-image__bg {



  height: 100%;



  position: relative;



  padding-bottom: 115px;



}







.team-skills-one--two .team-skills-one__right-image__bg::after {



  content: "";



  position: absolute;



  width: 100%;



  height: 100%;



  left: 0;



  bottom: 0;



  z-index: 1;



  background-image: url("../images/shapes/team-skill-effect2-2-.png");



  background-repeat: no-repeat;



  background-position: bottom right;



}







.team-skills-one--three {



  padding-top: 119px;



  padding-bottom: 140px;



}







@media (max-width: 991px) {



  .team-skills-one--three {



    padding-top: 52px;



    padding-bottom: 58px;



  }



}







@media (max-width: 1200px) {



  .team-skills-one--three .container {



    max-width: 100%;



  }



}







.team-skills-one--three .team-skills-one__row {



  display: flex;



  flex-wrap: wrap;



  margin: 0;



  gap: 0;



}







@media (max-width: 991px) {



  .team-skills-one--three .team-skills-one__row {



    gap: 100px 0;



  }



}







.team-skills-one--three .team-skills-one__col-left {



  width: calc((50% - 0px) / 1);



}







@media (max-width: 991px) {



  .team-skills-one--three .team-skills-one__col-left {



    width: 100%;



  }



}







.team-skills-one--three .team-skills-one__left-content {



  max-width: initial;



  margin: 0;



  padding-right: 40px;



}







@media (max-width: 991px) {



  .team-skills-one--three .team-skills-one__left-content {



    padding-right: 0;



  }



}







.team-skills-one--three .team-skills-one__col-right {



  width: calc((50% - 0px) / 1);



  padding-left: 40px;



  position: relative;



}







@media (max-width: 991px) {



  .team-skills-one--three .team-skills-one__col-right {



    width: 100%;



    max-width: 475px;



    margin: 0 auto;



    height: 602px;



    padding-left: 8px;



  }



}







.team-skills-one--three .team-skills-one__col-right__all-product {



  position: absolute;



  top: -40px;



  left: -4px;



  z-index: 2;



  padding-top: 0;



}







.team-skills-one--three .team-skills-one__col-right .right-top--product {



  right: -78px;



  left: initial;



}







@media (max-width: 1400px) {



  .team-skills-one--three .team-skills-one__col-right .right-top--product {



    right: 0;



    top: -50px;



  }



}







.team-skills-one--three .team-skills-one__col-right .left-bottom--product {



  right: initial;



  top: initial;



  bottom: 58px;



}







.team-skills-one--three .team-skills-one__col-right .left-bottom--product .team-skills-one__col-right__bg {



  background-color: var(--agrofa-green, #0c7735);



  border-radius: 0px 25px 25px 25px;



}







.team-skills-one--three .team-skills-one__col-right .left-bottom--product .team-skills-one__col-right__pure-product,



.team-skills-one--three .team-skills-one__col-right .left-bottom--product .team-skills-one__col-right__count-product {



  color: var(--agrofa-white, #fff);



}







.team-skills-one--three .team-skills-one__col-right__pure-product {



  line-height: 34px;



}







@media (max-width: 991px) {



  .team-skills-one--three .team-skills-one__col-right__pure-product {



    line-height: 26px;



  }



}







.team-skills-one--three .team-skills-three__img {



  width: calc(100% + 0px);



  position: relative;



  display: flex;



  justify-content: flex-end;



  padding-right: 38px;



  margin-top: -6px;



}







@media (max-width: 1200px) {



  .team-skills-one--three .team-skills-three__img {



    padding-left: 25px;



  }



}







@media (max-width: 991px) {



  .team-skills-one--three .team-skills-three__img {



    height: 100%;



    padding: 0 10px;



  }



}







.team-skills-one--three .team-skills-three__img img {



  width: 100% !important;



  max-width: 428px;



  display: block;



  height: auto;



  border-radius: 220px;



  -webkit-box-shadow: 17px 6px 0px 14px #F5F4EE;



  box-shadow: 17px 6px 0px 14px #F5F4EE;



}







@media (max-width: 1200px) {



  .team-skills-one--three .team-skills-three__img img {



    max-width: 100%;



  }



}







@media (max-width: 991px) {



  .team-skills-one--three .team-skills-three__img img {



    object-fit: cover;



    object-position: top center;



  }



}







.team-skills-one--three .team-skills-three__img::before,



.team-skills-one--three .team-skills-three__img::after {



  content: "";



  position: absolute;



  width: 100%;



  height: 100%;



  top: 0;



  left: 0;



  z-index: 1;



  border: 1px solid transparent;



  border-radius: 220px;



}







.team-skills-one--three .team-skills-three__img::before {



  left: initial;



  right: 28px;



  width: 455px;



  height: 672px;



  top: -26px;



  border-color: var(--agrofa-green, #0c7735);



  border-radius: 240px;



}







@media (max-width: 1200px) {



  .team-skills-one--three .team-skills-three__img::before {



    width: 100%;



    height: 100%;



    right: 14px;



  }



}







@media (max-width: 991px) {



  .team-skills-one--three .team-skills-three__img::before {



    right: 5px;



  }



}







.team-skills-one--three .team-skills-three__img::after {



  width: 431px;



  height: 637px;



  top: -21px;



  right: initial;



  left: 53px;



  border-color: var(--agrofa-yellow, 253, 214, 31);



}







@media (max-width: 1200px) {



  .team-skills-one--three .team-skills-three__img::after {



    width: 100%;



    height: 100%;



    left: 5px;



  }



}







@media (max-width: 991px) {



  .team-skills-one--three .team-skills-three__img::after {



    left: 2px;



  }



}







.team-skills-one--about {



  padding-top: 119px;



}







@media (max-width: 991px) {



  .team-skills-one--about {



    padding-top: 52px;



  }



}







.team-form-one {



  position: relative;



  padding: 120px 0;



}







@media (max-width: 767px) {



  .team-form-one {



    padding: 80px 0;



  }



}







.team-form-one__bg {



  position: absolute;



  top: 0;



  left: 0;



  right: 0;



  bottom: 0;



  background-size: cover;



  opacity: 0.8;



  mix-blend-mode: luminosity;



}







.team-form-one .container {



  position: relative;



  max-width: 800px;



}







.team-form-one .sec-title {



  text-align: center;



}







.team-form-one .form-one .bootstrap-select>.dropdown-toggle,



.team-form-one .form-one input[type=text],



.team-form-one .form-one input[type=email],



.team-form-one .form-one textarea {



  background-color: var(--agrofa-white, #fff);



}







.team-form-one .form-one textarea {



  height: 188px;



}







.blog-card {



  position: relative;



  background-color: var(--agrofa-white, #fff);



}







.blog-card__image {



  position: relative;



  overflow: hidden;



}







.blog-card__image img {


  max-width: 500px;
  width: 100%;
  display: flex;
  margin: auto;
  /* width: 100% !important; */



  /* min-height: 230px;



  max-height: 230px; */



  object-fit: cover;



  border-radius: 27px 27px 0 0;



}







.blog-card__image__link {



  display: flex;



  width: 100%;



  height: 100%;



  background-color: rgba(var(--agrofa-black-rgb, 30, 29, 33), 0.5);



  position: absolute;



  top: 0;



  left: 0;



  justify-content: center;



  align-items: center;



  opacity: 0;



  transform: translateY(-20%);



  transition: opacity 500ms ease, transform 500ms ease;



  border-radius: 27px 27px 0 0;



}







.blog-card__image__link::before,



.blog-card__image__link::after {



  content: "";



  width: 32px;



  height: 2px;



  background-color: var(--agrofa-white, #fff);



  display: block;



  position: absolute;



  top: 50%;



  left: 50%;



  transform: translate(-50%, -50%);



  border-radius: 27px 27px 0 0;



}







.blog-card__image__link::after {



  transform: translate(-50%, -50%) rotate(90deg);



}







.blog-card:hover .blog-card__image>a {



  opacity: 1;



  transform: translateY(0);



}







.blog-card__content {



  background-color: var(--agrofa-white, #fff);



  position: relative;



  transition: all 500ms ease;



}







.blog-card__articles {



  position: absolute;



  width: auto;



  height: auto;



  top: 30px;



  left: 34px;



  z-index: 10;



}







@media (max-width: 991px) {



  .blog-card__articles {



    top: 20px;



    left: 20px;



  }



}







.blog-card__articles span {



  font-size: 14px;



  line-height: 1;



  color: var(--agrofa-text, #12110e);



  font-weight: 500;



  background-color: var(--agrofa-yellow, 253, 214, 31);



  padding: 6px 20px 7px 14px;



  display: block;



  border-radius: 20px;



}







.blog-card__date {



  width: auto;



  height: auto;



  position: absolute;



  top: -13px;



  left: 30px;



  z-index: 10;



}







@media (max-width: 991px) {



  .blog-card__date {



    left: 20px;



  }



}







.blog-card__date span {



  background-color: var(--agrofa-green, #0c7735);



  display: flex;



  justify-content: center;



  text-align: center;



  align-items: center;



  color: var(--agrofa-white, #fff);



  font-size: 14px;



  font-family: var(--agrofa-font, "Jost", sans-serif);



  line-height: 1;



  font-weight: 500;



  border-radius: 20px;



  padding: 6px 20px 7px 20px;



}

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

.blog-read-more {
  display: flex;
  justify-content: left;
}



.blog-card__content {



  background-color: var(--agrofa-white, #fff);



  padding: 25px 25px 25px 25px;



  position: relative;



  z-index: 10;



  transition: all 500ms ease;



  border-radius: 0 0 28px 28px;



  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.35)
}







@media (max-width: 991px) {



  .blog-card__content {



    padding: 30px 20px;



  }



}





@media (max-width: 991px) {



  .blog-card__content::after {



    right: 20px;



    bottom: 15px;



  }



}







.blog-card:hover .blog-card__content {



  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.1);



}







.blog-card__title {



  margin: 0;



  color: var(--agrofa-black, #1e1d21);



  font-family: var(--agrofa-font, "Jost", sans-serif);



  font-size: 20px;



  font-weight: 600;



  line-height: 30px;



  margin-bottom: 10px;

  font-size: 18px;

}







@media (max-width: 991px) {



  .blog-card__title {



    font-size: 18px;



    line-height: 26px;



    margin-bottom: 22px;



  }



}







.blog-card__title a {



  color: inherit;



  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;



  transition: all 500ms ease;

  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;



}














.blog-card__link {



  display: inline-flex;



  align-items: center;



  font-size: 14px;



  font-weight: 600;



  color: #ffff;



  transition: all 500ms ease;



  line-height: 1;



  background-color: var(--primary-color);



  border-radius: 9px;



  padding: 14px 23px;



  position: relative;



}

.blog-card__link:hover {
  background-color: var(--secondary-color);
  color: var(--white-color) !important;
}






.blog-card__link>span {



  position: relative;



  z-index: 2;



}














.blog-card__link:hover {



  color: var(--agrofa-text, #12110e);



}







.blog-card__link:hover::after {



  max-width: 100%;



  opacity: 1;



  visibility: visible;



}







.blog-card__meta {



  display: flex;



  align-items: center;



  gap: 0 16px;



  margin: 0;



  margin-bottom: 4px;



}







.blog-card__meta li,



.blog-card__meta .food-one--two .food-one__quality-list li,



.food-one--two .food-one__quality-list .blog-card__meta li {



  color: var(--agrofa-text2, #172000);



  font-size: 14px;



  font-weight: 500;



  display: flex;



  align-items: center;



}







.blog-card__meta li i,



.blog-card__meta .food-one--two .food-one__quality-list li i,



.food-one--two .food-one__quality-list .blog-card__meta li i {



  color: #58625b;



  margin-right: 4px;



}







.blog-card__meta li a,



.blog-card__meta .food-one--two .food-one__quality-list li a,



.food-one--two .food-one__quality-list .blog-card__meta li a {



  display: flex;



  align-items: center;



  color: inherit;



  transition: all 500ms ease;



}







.blog-card__meta li a:hover {



  color: var(--agrofa-black, #1e1d21);



  text-shadow: 0 0 1px currentColor;



}







.blog-one {



  padding: 60px 0 60px 0;



}







@media (max-width: 991px) {



  .blog-one {



    padding-bottom: 70px;



  }



}







@media (max-width: 767px) {



  .blog-one {



    padding: 50px 0;



  }



}







.blog-one .container {



  max-width: 1400px;



}







.blog-one__carousel.owl-carousel .owl-nav.disabled+.owl-dots {



  margin-top: 38px;



}







.blog-one .section-common-title {



  max-width: 1170px;



  margin: 0 auto;



  /* display: flex; */



  flex-wrap: wrap;



  gap: 0 92px;



  padding-bottom: 34px;



}







@media (max-width: 991px) {



  .blog-one .section-common-title {



    padding-bottom: 39px;



  }



}







.blog-one__chose-reasone {



  width: 100%;



  padding-bottom: 14px;



}






.blog-one .section-common-title {
  text-align: center;
}






@media (max-width: 991px) {



  .blog-one__title {



    width: calc((100% - 0px) / 1);



  }



}







.blog-one__text {



  width: calc((46% - 46px) / 1);



  padding-right: 0;



  padding-top: 7px;



  margin-bottom: 0;


  text-align: justify;
}







@media (max-width: 991px) {



  .blog-one__text {



    width: calc((100% - 0px) / 1);



    padding-top: 11px;



  }



}







.blog-one--home .sec-title {



  text-align: center;



}







@media (min-width: 992px) {



  .blog-one__carousel .owl-nav {



    display: none;



  }



}







.blog-one--three {



  padding-top: 119px;



  padding-bottom: 118px;



}







@media (max-width: 767px) {



  .blog-one--three {



    padding-top: 40px;



    padding-bottom: 66px;



  }



}







.blog-one--three .container {



  max-width: 1200px;



}







.blog-one--three .section-common-title {



  max-width: 805px;



  margin: 0 auto;



  display: flex;



  flex-wrap: wrap;



  flex-direction: column;



  align-items: center;



  gap: 0;



  padding-bottom: 54px;



}







.blog-one--three .blog-one__chose-reasone {



  flex-direction: column;



  width: 100%;



}







.blog-one--three .blog-one__title {



  text-align: center;



  width: 100%;



}







.blog-one--three .blog-card__image img {



  min-height: 293px;



  max-height: 293px;



  border-radius: 27px;



}







.blog-one--three .blog-card__image__link {



  border-radius: 27px;



}







.blog-one--three .blog-card {



  border: 1px solid #e8e7e6;



  border-radius: 27px;



}







.blog-one--three .blog-card:hover .blog-card__content::after {



  transform: rotate(-45deg);



  background-color: var(--agrofa-green, #0c7735);



  color: var(--agrofa-white, #fff);



}







.blog-one--three .blog-card__content {



  padding: 28px 24px 29px 32px;



}







.blog-one--three .blog-card__content::after {



  font-family: "icomoon" !important;



  content: "\e902";



  width: 50px;



  height: 50px;



  right: 35px;



  bottom: 15px;



  border-radius: 50%;



  background-image: none;



  background-color: #e5f5eb;



  display: flex;



  align-items: center;



  justify-content: center;



  font-size: 18px;



  color: var(--agrofa-text, #12110e);



}







.blog-one--three .blog-card__title {



  border-bottom: 1px solid #edebe6;



  padding-bottom: 16px;



  margin-bottom: 18px;



}







.blog-one--three .blog-card__date {



  max-width: 56px;



  top: -51px;



  left: 32px;



}







.blog-one--three .blog-card__date::after {



  content: "";



  position: absolute;



  width: 0;



  height: 0;



  display: inline-block;



  z-index: 99;



  border-right: 10px solid transparent;



  border-top: 11px solid var(--agrofa-green, #0c7735);



  right: -10px;



  bottom: 0;



}







.blog-one--three .blog-card__date span {



  line-height: 17px;



  border-radius: 0;



  padding: 14px 4px;



}







.blog-one--three .blog-card__link {



  background-color: transparent;



  padding: 0;



}







.blog-one--three .blog-card__link::after {



  background-color: transparent;



  border-bottom: 1px solid #000;



  border-radius: 0;



  max-width: 100%;



  opacity: 1;



  visibility: visible;



  height: auto;



  bottom: -1px;



  left: 0;



  top: initial;



}







.blog-one--three .blog-card__link:hover::after {



  max-width: 0;



}







.blog-one--page {



  padding-top: 120px;



  padding-bottom: 120px;



}







@media (max-width: 991px) {



  .blog-one--page {



    padding-top: 62px;



    padding-bottom: 72px;



  }



}







.blog-one--page__row {



  gap: 30px 0;



}







.blog-one--list {



  padding-top: 100px;



  padding-bottom: 88px;



}







@media (max-width: 991px) {



  .blog-one--list {



    padding-top: 66px;



    padding-bottom: 72px;



  }



}







.blog-one--list .container {



  max-width: 1200px;



}







@media (max-width: 991px) {



  .blog-one--list__content {



    padding-bottom: 42px;



  }



}







.blog-one--list__content .blog-card {



  overflow: hidden;



}







.blog-one--list__content .blog-card__image {



  overflow: initial;



}







.blog-one--list__content .blog-card__image img {



  /* min-height: 450px;



  max-height: 450px; */



  border-radius: 0;



}







.blog-one--list__content .blog-card__date {



  top: initial;



  bottom: -16px;



  left: 0;



}







.blog-one--list__content .blog-card__date span {



  width: fit-content;



  height: 32px;



  padding: 5px 19px;



  border-radius: 0;



}







.blog-one--list__content .blog-card__image__link {



  border-radius: 0;



}







.blog-one--list__content .blog-card-two__content {



  padding-top: 28px;



}







.blog-one--list__content .blog-card__title {



  color: var(--agrofa-text2, #172000);



  font-size: 30px;



  line-height: 38px;



  margin-bottom: 22px;



}







.blog-one--list__content .blog-card-two__text {



  color: #636260;



  font-size: 16px;



  line-height: 32px;



  margin-bottom: 22px;



}







.blog-one--list__content .blog-card__link {



  background-color: transparent;



  border: 1px solid #d4d4d4;



  text-transform: uppercase;



  padding-left: 17px;



  padding-right: 18px;



  border-radius: 4px;



  color: #2a2826;



}







.blog-one--list__content .blog-card__link>i {



  margin-left: 8px;



  transition: all 0.4s;



}







.blog-one--list__content .blog-card__link::after {



  display: none;



}







.blog-one--list__content .blog-card__link:hover {



  border-color: #2a2826;



}







.blog-one--list__content .blog-card__link:hover>i {



  transform: translateX(5px);



}







.blog-one .pagination {



  padding-top: 49px;



  gap: 0 10px;



  margin: 0;



}







.blog-one .page-link {



  border: 0;



  font-size: 18px;



  line-height: 1;



  font-weight: 600;



  color: #000;



  background-color: #f3f5f4;



  border-radius: 4px !important;



  padding: 15px 17.5px;



}







.blog-one .page-link:hover,



.blog-one .active .page-link {



  background-color: var(--agrofa-green, #0c7735);



  color: var(--agrofa-white, #fff);



}







.blog-card-link {



  background-color: var(--agrofa-gray, #ddd);



  padding: 30px;



}







@media (min-width: 768px) {



  .blog-card-link {



    padding: 60px;



  }



}







.blog-card-link .blog-card__title {



  margin: 0;



  margin-bottom: -10px;



}







.blog-card-qoute__image {



  line-height: 1em;



  margin-bottom: 20px;



}







.blog-card-link__icon {



  font-size: 40px;



  color: var(--agrofa-base, #c2a74e);



  line-height: 1em;



  margin-bottom: 22px;



}







/*--------------------------------------------------------------



# Form



--------------------------------------------------------------*/



.form-one__group {



  display: grid;



  grid-template-columns: 1fr;



  grid-gap: 20px;



  margin: 0;



}







@media (min-width: 576px) {



  .form-one__group {



    grid-template-columns: repeat(2, 1fr);



  }



}







.form-one__control {



  border: none;



  width: auto;



  height: auto;



  border-radius: 0;



  padding: 0;



  position: relative;



}







.form-one__control__icon {



  position: absolute;



  top: 50%;



  right: 30px;



  transform: translateY(-50%);



  font-size: 14px;



}







.form-one__control--full {



  grid-column-start: 1;



  grid-column-end: -1;



}







.form-one .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {



  width: 100%;



  height: 58px;



  display: flex;



  align-items: center;



}







.form-one .bootstrap-select>.dropdown-toggle {



  padding: 0;



  background-color: transparent;



  border-radius: 0;



  border: none;



  outline: none !important;



  color: var(--agrofa-text, #12110e);



  font-size: 14px;



}







.form-one .bootstrap-select>.dropdown-toggle,



.form-one input[type=text],



.form-one input[type=email],



.form-one textarea {



  display: block;



  width: 100%;



  height: 58px;



  background-color: var(--agrofa-gray, #ddd);



  color: var(--agrofa-text, #12110e);



  font-size: 14px;



  font-weight: 500;



  border: none;



  outline: none;



  padding-left: 30px;



  padding-right: 30px;



}







.form-one textarea {



  height: 195px;



  padding-top: 20px;



}







.form-one .bootstrap-select>.dropdown-toggle {



  display: flex;



  align-items: center;



}







.form-one .bootstrap-select>.dropdown-toggle .filter-option {



  display: flex;



  align-items: center;



}







/*--------------------------------------------------------------



# Custom Cursor



--------------------------------------------------------------*/

.custom-cursor__cursor,
.custom-cursor__cursor-two {
  display: none;
}

.checkout-accordion .accordion-button::after {
  /* margin-left: 0 !important;
  margin-right: auto;
  position: absolute;
  left: 15px; */
  display: none;
}



.checkout-accordion .accordion-button {
  width: 20px;
  margin-right: 10px;
  box-shadow: unset;
}

.checkout-accordion .custom-radio {
  display: flex;
}

.collapsefirst-box label {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;

}

.collapsefirst-box label ul {
  display: flex;
  list-style-type: none;
  padding: 0;
  margin: 0;
  gap: 5px;
}

.accordion-header {
  padding: 15px;
}

.checkout-accordion .accordion-header {
  background-color: #f9f9f9;
}

.checkout-accordion-first .accordion-body img {
  width: 160px;

}

.checkout-accordion label {
  font-size: 16px;
}

.checkout-accordion-first .accordion-body {
  text-align: center;
  align-items: center;
  display: flex;
  flex-direction: column;
}




/* .custom-cursor__cursor {



  width: 25px;



  height: 25px;



  border-radius: 100%;



  border: 1px solid var(--agrofa-base, #c2a74e);



  -webkit-transition: all 200ms ease-out;



  transition: all 200ms ease-out;



  position: fixed;



  pointer-events: none;



  left: 0;



  top: 0;



  -webkit-transform: translate(calc(-50% + 5px), -50%);



  transform: translate(calc(-50% + 5px), -50%);



  z-index: 999991;



}







.custom-cursor__cursor-two {



  width: 10px;



  height: 10px;



  border-radius: 100%;



  background-color: var(--agrofa-base, #c2a74e);



  opacity: 0.3;



  position: fixed;



  -webkit-transform: translate(-50%, -50%);



  transform: translate(-50%, -50%);



  pointer-events: none;



  -webkit-transition: width 0.3s, height 0.3s, opacity 0.3s;



  transition: width 0.3s, height 0.3s, opacity 0.3s;



  z-index: 999991;



}







.custom-cursor__hover {



  background-color: var(--agrofa-base, #c2a74e);



  opacity: 0.4;



}







.custom-cursor__innerhover {



  width: 25px;



  height: 25px;



  opacity: 0.4;



}
 */






/*--------------------------------------------------------------



# Footer



--------------------------------------------------------------*/



.main-footer {



  position: relative;



}







.main-footer__top {



  padding-top: 260px;



  padding-bottom: 20px;



}







@media (max-width: 1200px) {



  .main-footer__top {



    padding-top: 130px;



  }



}







@media (max-width: 767px) {



  .main-footer__top {



    padding-top: 40px;



  }



}







.main-footer__bg {



  position: absolute;



  top: 0;



  left: 0;



  right: 0;



  bottom: 0;



  /* opacity: 0.2; */



  background-repeat: no-repeat;



  background-size: auto;



  background-position: top center;



  background-size: cover;



}







.main-footer {



  position: relative;



}







/* .main-footer::after {



content: '';



position: absolute;



background-image: url(../images/shapes/brown-bg.png);



height: 100%;



width: 100%;



z-index: -1;



top: 0;



background-size: 100% 100%;



} */







.main-footer .container {



  position: relative;



}







@media (max-width: 1200px) {



  .main-footer .container {



    max-width: initial;



  }



}







.main-footer__bottom {



  text-align: center;



}







.main-footer__bottom__inner {



  padding: 10px 0;



  display: flex;



  justify-content: center;



}







@media (max-width: 767px) {



  .main-footer__bottom__inner {



    flex-direction: column;



    gap: 15px 0;



  }



}







.about-vision-mission .testimonials-one__carousel .item {



  width: 31%;



}











.main-footer__copyright {



  margin: 0;



  font-size: 15px;



  font-weight: 800;
  color: var(--brown-color);



}







.main-footer__social-row {



  display: flex;



  align-items: center;



}







.main-footer__social-row-text {



  font-size: 16px;



  line-height: 32px;



  font-weight: 500;



  color: var(--agrofa-white, #fff);



  margin-bottom: 0;



}







.main-footer__social-list {



  display: flex;



  align-items: center;



  padding-left: 0px;



  margin-bottom: 0;



  gap: 0 12px;



  list-style: none;



}







.main-footer__social-list li,



.main-footer__social-list .food-one--two .food-one__quality-list li,



.food-one--two .food-one__quality-list .main-footer__social-list li {



  list-style: none;



}







.main-footer__social-list li a,



.main-footer__social-list .food-one--two .food-one__quality-list li a,



.food-one--two .food-one__quality-list .main-footer__social-list li a {



  width: 35px;



  height: 35px;



  background-color: var(--agrofa-white, #fff);



  border-radius: 50%;



  color: #433838;



  display: flex;



  align-items: center;



  justify-content: center;



  transition: all 0.4s;



}







.main-footer__social-list li a>i,



.main-footer__social-list .food-one--two .food-one__quality-list li a>i,



.food-one--two .food-one__quality-list .main-footer__social-list li a>i {



  transition: all 0.4s;



}







.main-footer__social-list li a:hover {



  background-color: var(--agrofa-yellow, 253, 214, 31);



}







.main-footer__social-list li a:hover>i {



  transform: scale(0.8);



}







.main-footer--version2 .main-footer__top {



  padding-top: 96px;



}







@media (max-width: 767px) {



  .main-footer--version2 .main-footer__top {



    padding-top: 65px;



  }



}














.footer-widget__col__col1,
.footer-widget__col__col2,
.footer-widget__col__col3,
.footer-widget__col__col4 {



  width: 25%;



}








.footer-widget__col {



  /* justify-content: center; */



  display: flex;



  flex-direction: column;



  align-items: center;



}















@media (max-width: 767px) {



  .footer-widget__col {



    width: 100%;



  }



}







.footer-widget {



  margin-bottom: 10px;



}







@media (max-width: 767px) {



  .footer-widget {



    margin-bottom: 0px;



  }



}







.footer-widget--about {



  max-width: 270px;



}







@media (max-width: 1200px) {



  .footer-widget--about {



    max-width: initial;



  }



}







.footer-widget__logo {



  display: inline-flex;



  max-width: 185px;



  margin-bottom: 23px;



}







.footer-widget__logo img {



  filter: brightness(0) saturate(100%) invert(13%) sepia(9%) saturate(3205%) hue-rotate(322deg) brightness(94%) contrast(87%);



}







.footer-widget__logo>img {



  width: 100%;



}







.footer-widget__experience-text {



  font-size: 16px;



  color: var(--brown-color);



  line-height: 32px;



  margin-bottom: 25px;



  padding-right: 30px;



  font-weight: 600;



}







.footer-widget__newsletter {



  position: relative;



  width: 100%;



}







@media (max-width: 1200px) {



  .footer-widget__newsletter {



    max-width: initial;



  }



}







.footer-widget__newsletter button[type=submit] {



  background-color: var(--agrofa-yellow, 253, 214, 31);



  width: 100%;



  height: 58px;



  border: none;



  outline: none;



  color: #051b0d;



  font-size: 16px;



  font-weight: 600;



  line-height: 1;



  text-transform: uppercase;



  transition: all 500ms ease;



  border-radius: 3px;



}







.footer-widget__newsletter button[type=submit]:hover {



  background-color: var(--agrofa-green, #0c7735);



  color: var(--agrofa-white, #fff);



}



.main-footer__bottom {

  position: relative;

}



/* .main-footer__bottom::before {

  content: '';

  position: absolute;

  background: url(../images/backgrounds/footer_w.png);

  height: 100%;

  left: 0;

  top: -65px;

  width: 100%;

} */





.footer-widget__mail-address {



  position: relative;



}







.footer-widget__mail-address input[type=text] {



  width: 100%;



  display: block;



  border: none;



  outline: none;



  height: 68px;



  background-color: #18271e;



  color: #848484;



  font-size: 15px;



  font-weight: 400;



  padding-left: 49px;



  padding-right: 20px;



  transition: all 500ms ease;



  border-radius: 3px;



}







.footer-widget__mail-address input[type=text]:focus {



  color: var(--agrofa-white, #fff);



}







.footer-widget__mail-icon {



  position: absolute;



  top: 50%;



  left: 16px;



  transform: translateY(-50%);



  color: var(--agrofa-white, #fff);



  height: 100%;



  display: flex;



  align-items: center;



}







.footer-widget__mail-icon>i {



  font-size: 19px;



}







.bold-txt {



  font-weight: 700;



}







.footer-widget__title {



  font-family: var(--agrofa-font, "Jost", sans-serif);



  font-size: 20px;



  font-weight: 800;



  color: var(--brown-color);



  margin: 0;



  margin-bottom: 40px;



}







.footer-get-touch-ul li::before {



  content: unset !important;



}







.footer-get-touch-ul li .text {



  margin-left: 10px;



}







.footer-get-touch-ul .text p {



  margin: 0;



}







.footer-get-touch-ul li {



  display: flex;



}







@media (max-width: 767px) {



  .footer-widget__title {



    font-size: 18px;



    margin-bottom: 26px;



  }



}







.footer-widget__info,



.footer-widget__links {



  margin-top: -10px;



  margin-bottom: 0;



}







.footer-widget__info li,



.footer-widget__info .food-one--two .food-one__quality-list li,



.food-one--two .food-one__quality-list .footer-widget__info li,



.footer-widget__links li,



.footer-widget__links .food-one--two .food-one__quality-list li,



.food-one--two .food-one__quality-list .footer-widget__links li {



  font-size: 16px;



  color: var(--agrofa-text2-dark, #c1cfc7);



  font-weight: 400;



  line-height: 30px;



  position: relative;



  padding-left: 19px;



  margin-bottom: 11px;



}







.footer-widget__links li {



  text-transform: capitalize;



}







@media (max-width: 767px) {







  .footer-widget__info li,



  .footer-widget__info .food-one--two .food-one__quality-list li,



  .food-one--two .food-one__quality-list .footer-widget__info li,



  .footer-widget__links li,



  .footer-widget__links .food-one--two .food-one__quality-list li,



  .food-one--two .food-one__quality-list .footer-widget__links li {



    margin-bottom: 4px;



  }



}







.footer-widget__info li:last-child,



.footer-widget__links li:last-child {



  margin-bottom: 0;



}







.footer-widget__info li::before,



.footer-widget__info .food-one--two .food-one__quality-list li::before,



.food-one--two .food-one__quality-list .footer-widget__info li::before,



.footer-widget__links li::before,



.footer-widget__links .food-one--two .food-one__quality-list li::before,



.food-one--two .food-one__quality-list .footer-widget__links li::before {



  font-family: "icomoon" !important;



  content: "\e91d";



  position: absolute;



  width: auto;



  height: auto;



  top: 0;



  left: 0;



  font-size: 9px;



  color: var(--brown-color);



}







.footer-widget__info li a,



.footer-widget__info .food-one--two .food-one__quality-list li a,



.food-one--two .food-one__quality-list .footer-widget__info li a,



.footer-widget__links li a,



.footer-widget__links .food-one--two .food-one__quality-list li a,



.food-one--two .food-one__quality-list .footer-widget__links li a {



  color: var(--brown-color);



  transition: all 500ms ease;



  font-weight: 600;



}







.footer-widget__info li a:hover,



.footer-widget__links li a:hover {



  background-size: 100% 1px;



}







.footer-widget__info li a:hover,



.footer-widget__links li a:hover {



  color: var(--agrofa-white, #fff);



}







.footer-widget--blog {



  padding-left: 25px;



}







@media (max-width: 1200px) {



  .footer-widget--blog {



    padding-left: 0;



  }



}







.footer-widget__post-col {



  display: flex;



  flex-wrap: wrap;



  border-bottom: 1px solid #1f3126;



  padding-bottom: 29px;



}







@media (max-width: 767px) {



  .footer-widget__post-col {



    padding-bottom: 22px;



  }



}







.footer-widget__post-col:last-child {



  border-bottom: 0;



  padding-bottom: 0;



}







.footer-widget__post-col+.footer-widget__post-col {



  padding-top: 27px;



}







@media (max-width: 767px) {



  .footer-widget__post-col+.footer-widget__post-col {



    padding-top: 22px;



  }



}







.footer-widget__post-img {



  width: 80px;



}







.footer-widget__post-img>img {



  width: 100% !important;



  border-radius: 3px !important;



}







.footer-widget__post-info {



  width: calc((100% - 80px) / 1);



  padding-left: 19px;



}







@media (max-width: 767px) {



  .footer-widget__post-info {



    padding-left: 12px;



  }



}







.footer-widget__post-date {



  font-size: 13px;



  line-height: 1;



  font-weight: 500;



  display: block;



  color: var(--agrofa-text2-dark, #c1cfc7);



  margin-bottom: 9px;



}







.footer-widget__post-date>i {



  margin-right: 6px;



}







.footer-widget__post-heading {



  font-family: var(--agrofa-font, "Jost", sans-serif);



  font-size: 16px;



  line-height: 30px;



  font-weight: 600;



  color: var(--agrofa-white, #fff);



  margin-bottom: 0;



}







@media (max-width: 767px) {



  .footer-widget__post-heading {



    font-size: 15px;



    line-height: 23px;



  }



}







.footer-widget__post-heading>a {



  color: inherit;



  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;



  transition: all 500ms ease;



}







.footer-widget__post-heading>a:hover {



  background-size: 100% 1px;



}







/*--------------------------------------------------------------



# Contact



--------------------------------------------------------------*/



.contact-one {
  padding-top: 120px;
}





@media (max-width: 1200px) {



  .contact-one .container {



    max-width: 100%;



  }



}







.contact-one__info {



  width: 100%;



}







.contact-one__title {



  font-family: var(--agrofa-font, "Jost", sans-serif);



  font-weight: 700;



  font-size: 43px;



  line-height: 50px;



  color: var(--agrofa-text, #12110e);



  margin-bottom: 24px;



}







@media (max-width: 767px) {



  .contact-one__title {



    font-size: 32px;



    line-height: 40px;



    margin-bottom: 13px;



  }







  .contact-one__title br {



    display: none;



  }



}







.contact-one__text {



  font-size: 18px;



  line-height: 32px;



  font-weight: 400;



  color: #15171a;



  margin-bottom: 0;



}







.get-touch-one.contact-form-two {



  padding: 0px;



  background-color: rgb(241, 250, 245);



  background-blend-mode: overlay;



  margin-bottom: 0px;

  border-radius: 8px;

}















/* .get-touch-one.contact-form-two::after {



  background-image: url("../images/backgrounds/contact-form-bg.png");



  background-repeat: no-repeat;



  background-size: contain;



  background-position: center top;



} */







.get-touch-one.contact-form-two .container {



  max-width: 900px;



}







.get-touch-one.contact-form-two .get-touch-one__form-row {



  padding: 0;



  background-color: transparent;



}







.get-touch-one.contact-form-two .get-touch-one__form-row__col {



  /* display: flex; */



  align-items: center;



  flex-wrap: wrap;



  gap: 0 28px;



}







.get-touch-one.contact-form-two .get-touch-one__form-group {



  /* width: calc((100% - 28px) / 2); */



  margin-bottom: 20px;



}







@media (max-width: 767px) {



  .get-touch-one.contact-form-two .get-touch-one__form-group {



    width: calc((100% - 0px) / 1);



  }



}

.contact-from .select-menu {
  width: 100%;
}

.contact-from .select {
  background-color: #fff;
  font-size: 15px;
  color: #545351;
  font-family: var(--agrofa-font, "Jost", sans-serif);
}


.contact-from .option {
  border-bottom: 1px solid #fffcfc;
}





.get-touch-one.contact-form-two .get-touch-one__field {



  background-color: var(--agrofa-white, #fff);



  border: 1px solid #e4e4e4;



  font-size: 15px !important;



  line-height: 1;



  color: rgba(var(--agrofa-text3-rgb, 8, 5, 1));



  padding-left: 20px;



}







.get-touch-one.contact-form-two .get-touch-one__field::-webkit-outer-spin-button,



.get-touch-one.contact-form-two .get-touch-one__field::-webkit-inner-spin-button {



  -webkit-appearance: none;



}







.get-touch-one.contact-form-two .get-touch-one__field[type=number] {



  -webkit-appearance: textfield;



  -moz-appearance: textfield;



}







.get-touch-one.contact-form-two .get-touch-one__field-bd-effect::before {



  border-top-color: var(--agrofa-text, #12110e);



  border-bottom-color: var(--agrofa-text, #12110e);



}







.get-touch-one.contact-form-two .get-touch-one__field-bd-effect::after {



  border-left-color: var(--agrofa-text, #12110e);



  border-right-color: var(--agrofa-text, #12110e);



}







.get-touch-one.contact-form-two .textarea--group {



  width: 100%;



}







.get-touch-one.contact-form-two .textarea--field {



  height: 180px !important;



  min-height: 180px !important;



}

.get-touch-one.contact-form-two .textarea--field::placeholder {
  color: var(--brown-color);
}

.contact-from .select {
  color: var(--brown-color);
  font-weight: 500;
}






.get-touch-one.contact-form-two .form-submit-btn-wrap {



  display: flex;



  justify-content: center;



}







.get-touch-one.contact-form-two .form-submit-btn {



  text-transform: uppercase;



  height: 55px;



  margin-top: 3px;



}







/*--------------------------------------------------------------



# Topbar



--------------------------------------------------------------*/



.topbar-one {



  display: none;



  background-color: #54724B;



}







@media (min-width: 768px) {



  .topbar-one {



    display: block;



  }



}







/* .topbar-one .container-fluid {



max-width: 1811px;



} */



.topbar-one__inner {



  display: flex;



  flex-direction: column;



  align-items: center;



  /* border-bottom: 1px solid var(--agrofa-border-color, #ededed); */



  justify-content: space-between;



}







@media (min-width: 992px) {



  .topbar-one__inner {



    flex-direction: row;



  }



}







.topbar-one__info {



  display: flex;



  align-items: center;



  margin: 0;



  padding-left: 37px;



}







.topbar-one__info__item {



  display: flex;



  align-items: center;



  font-size: 16px;



  font-weight: 500;



  line-height: 1.2em;



  border-left: 1px solid var(--agrofa-border-color, #ededed);



  padding: 10px 40px;



}







.topbar-one__info__item:first-child {



  border-left: 0;



  padding-left: 0;



}







.topbar-one__info__item a {



  color: inherit;



  font-weight: 500;



  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;



  transition: all 500ms ease;



}







.topbar-one__info__item a:hover {



  background-size: 100% 1px;



}







.topbar-one__info__item+.topbar-one__info__item {



  margin-left: 20px;



}







.topbar-one__info__icon {



  font-size: 22px;



  color: #f28a20;



  position: relative;



  top: 0;



  margin-right: 12px;



}







.topbar-one__right {



  display: flex;



  align-items: center;



  margin-top: 10px;



  padding: 10.5px 23px 10.5px 31px;



  justify-content: center;



  width: 100%;



}











@media (min-width: 992px) {



  .topbar-one__right {



    margin-top: 0;



    /* margin-left: auto; */



  }



}







.topbar-one__right-text {



  font: normal 500 17px/1 var(--agrofa-font);



  color: #fff;



  padding: 0;



  margin-bottom: 0;



  font-size: 14px;



}







.topbar-one__btn {



  margin-left: 27px;



}







.topbar-one__btn::before {



  width: 127%;



  height: 166%;



}







.topbar-one__btn::after {



  width: 127%;



  height: 166%;



}







.topbar-one__text {



  margin: 0;



  font-size: 14px;



  line-height: 1.2em;







}







.topbar-one__social {



  display: flex;



  align-items: center;



  line-height: 1em;



  gap: 12px;



}







.topbar-one__social a {



  font-size: 16px;



  color: #f28a20;



  transition: all 500ms ease;



  padding: 18.5px 0;



  display: flex;



  align-items: center;



  justify-content: center;



  background: #fff;



  border-radius: 50%;



  height: 40px;



  width: 40px;



}







.topbar-one__social a:hover {



  background-color: var(--agrofa-yellow, 253, 214, 31);



  color: #fff;



}







.topbar-one--two .topbar-one__inner {



  border: 0;



  padding-top: 26px;



  padding-bottom: 29px;



}







.topbar-one--two .topbar-one__social {



  border: 1px solid #bbbab9;



  border-radius: 4px;



  gap: 0 35px;



  padding: 0 22px 0 27px;



}







@media (max-width: 1600px) {



  .topbar-one--two .topbar-one__social {



    gap: 0 22px;



    padding: 0 17px;



  }



}







.topbar-one--two .topbar-one__social a {



  padding: 18px 0;



  border: 0;



  width: inherit;



  transition: all 0.6s ease-in-out;



}







@media (max-width: 1600px) {



  .topbar-one--two .topbar-one__social a {



    padding: 16px 0;



  }



}







.topbar-one--two .topbar-one__social a:hover {



  background-color: transparent;



  color: var(--agrofa-green, #0c7735);



  transform: rotate(-360deg);



}







.topbar-one--two .topbar-one__info {



  padding-left: 50px;



}







@media (max-width: 1760px) {



  .topbar-one--two .topbar-one__info {



    padding-left: 30px;



  }



}







@media (max-width: 1600px) {



  .topbar-one--two .topbar-one__info {



    padding-left: 25px;



  }



}







@media (max-width: 1200px) {



  .topbar-one--two .topbar-one__info {



    padding-left: 0;



  }



}







.topbar-one--two .topbar-one__info__item {



  padding: 0 74px;



  margin: 0;



}







@media (max-width: 1760px) {



  .topbar-one--two .topbar-one__info__item {



    padding: 0 46px;



  }



}







@media (max-width: 1600px) {



  .topbar-one--two .topbar-one__info__item {



    padding: 0 38px;



  }



}







@media (max-width: 1200px) {



  .topbar-one--two .topbar-one__info__item {



    padding: 0 35px;



  }



}







@media (max-width: 991px) {



  .topbar-one--two .topbar-one__info__item {



    padding: 0 30px;



  }



}







.topbar-one--two .topbar-one__info__item:first-child {



  padding-left: 0;



}







.topbar-one--two .topbar-one__info__item:last-child {



  padding-right: 0;



}







.topbar-one--two .topbar-one__info__item:hover .topbar-one__info__icon {



  background-color: var(--agrofa-green3, #008d36);



  transform: scale(0.96);



}







.topbar-one--two .topbar-one__info__icon {



  width: 50px;



  height: 54px;



  border-radius: 4px;



  background-color: var(--agrofa-text, #12110e);



  display: flex;



  align-items: center;



  justify-content: center;



  color: var(--agrofa-white, #fff);



  margin-right: 20px;



  transition: all 0.4s;



}







.topbar-one--two .topbar-one__info__icon:hover {



  background-color: var(--agrofa-green3, #008d36);



  transform: scale(0.96);



}







@media (max-width: 1600px) {



  .topbar-one--two .topbar-one__info__icon {



    width: 45px;



    height: 50px;



    margin-right: 15px;



  }



}







@media (max-width: 991px) {



  .topbar-one--two .topbar-one__info__icon {



    width: 40px;



    height: 40px;



    margin-right: 12px;



  }



}







.topbar-one--two .topbar-one__support--text {



  font-size: 16px;



  line-height: 24px;



  color: rgba(var(--agrofa-text2-rgb, 23, 32, 0), 0.6);



  display: block;



}







@media (max-width: 1600px) {



  .topbar-one--two .topbar-one__support--text {



    font-size: 15px;



    line-height: 22px;



  }



}







@media (max-width: 991px) {



  .topbar-one--two .topbar-one__support--text {



    font-size: 14px;



    line-height: 20px;



  }



}







.topbar-one--two .topbar-one__support a {



  font-size: 18px;



  line-height: 1.425em;



  display: initial;



}







@media (max-width: 1600px) {



  .topbar-one--two .topbar-one__support a {



    font-size: 16px;



    line-height: 1.315em;



  }



}







@media (max-width: 991px) {



  .topbar-one--two .topbar-one__support a {



    font-size: 15px;



    line-height: 1.115em;



  }



}







.topbar-one--two .topbar-one__right {



  background-color: var(--agrofa-yellow2, 243, 241, 233);



  border-radius: 4px;



  padding: 13px 19px 10px 29px;



}







@media (max-width: 1760px) {



  .topbar-one--two .topbar-one__right {



    padding: 12px 18px 12px 20px;



  }



}







.topbar-one--two .topbar-one__btn {



  margin-left: 49px;



  min-width: 101px;



}







@media (max-width: 1760px) {



  .topbar-one--two .topbar-one__btn {



    margin-left: 30px;



  }



}







@media (max-width: 1430px) {



  .topbar-one--two .topbar-one__btn {



    margin-left: 0;



  }



}







@media (max-width: 1780px) {



  .topbar-one__info {



    padding-left: 30px;



  }







  .topbar-one__info__item {



    padding: 16px 37px;



  }







  .topbar-one__info__item+.topbar-one__info__item {



    margin-left: 0;



  }







  .topbar-one__info__icon {



    margin-right: 10px;



  }







  .topbar-one__right {



    padding: 10px 23px 10px 23px;



  }







  .topbar-one__btn {



    margin-left: 11px;



  }







  .topbar-one__social a {



    width: 46px;



  }



}







@media (max-width: 1620px) {



  .topbar-one__info {



    padding-left: 20px;



  }







  .topbar-one__info__item {



    padding: 16px 20px;



  }







  .topbar-one__info__icon {



    margin-right: 8px;



    font-size: 16px;



  }







  .topbar-one__right {



    padding: 10.5px 18px 10.5px 18px;



  }







  .topbar-one__social a {



    width: 36px;



  }



}







@media (max-width: 1430px) {







  .topbar-one__btn {



    margin-left: 0;



  }



}







@media (max-width: 1200px) {



  .topbar-one__info {



    padding-left: 0;



  }







  .topbar-one__info__item {



    padding: 16px 15px;



  }







  .topbar-one__right {



    padding: 10px 12px 10px 12px;



  }







  .topbar-one__social {



    display: none;



  }







  .topbar-one__btn {



    margin-left: 0;



  }



}







@media (max-width: 991px) {



  .topbar-one__info__item {



    font-size: 14px;



    padding: 16px 12px;



  }







  .topbar-one__right {



    display: none;



  }



}







/*--------------------------------------------------------------



# Navigations



--------------------------------------------------------------*/



.main-header {



  position: relative;



  z-index: 99;



  background-color: var(--agrofa-white, #fff);



  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);







}







.main-header .container-fluid {



  max-width: 1711px;



}







.main-header__inner {



  display: flex;



  align-items: center;



  padding: 20px 0;



  height: 100px;



  position: relative;



  justify-content: space-between;



}







@media (min-width: 1200px) and (max-width: 1320px) {



  .main-header__inner {



    padding-left: 0;



    padding-right: 15px;



  }



}







@media (max-width: 767px) {



  .main-header__inner {



    padding: 0;



    width: calc(100% + 30px);



    margin-left: -15px;



    padding-right: 15px;



  }



}







.main-header__logo {



  display: flex;



  max-width: 264px;



  height: 110px;



  align-items: center;



  justify-content: center;



  position: relative;



  padding: 10px 45px 10px 32px;



  z-index: 98;







}







/* .main-header__logo::after {



content: "";



position: absolute;



width: 0;



height: 0;



display: inline-block;



z-index: 99;



border-right: 10px solid transparent;



border-top: 10px solid var(--agrofa-text, #12110e);



right: -10px;



bottom: 0;



}  */



@media (max-width: 767px) {



  .main-header__logo {



    max-width: 160px;



    height: 90px;



    /* top: 15px; */



    padding: 10px 20px 10px 20px;



  }



}







@media (min-width: 768px) {



  .main-header__logo {



    width: auto;



  }



}







@media (min-width: 768px) {



  .main-header__logo .mobile-nav__btn {



    margin-left: 30px;



  }



}







.main-header__logo_link>img {



  width: 100% !important;



  max-width: 150px;



}







.main-header__logo_text {



  display: block;



  padding-left: 4px;



  font: normal 700 38px/52px var(--agrofa-heading-font, "Jost", sans-serif);



  color: var(--agrofa-white, #fff);



}







@media (max-width: 767px) {



  .main-header__logo_text {



    font: normal 700 22px/32px var(--agrofa-heading-font, "Jost", sans-serif);



  }



}







.main-header__btn {



  /* display: none; */



  margin-left: 15px;



  font-size: 15px;



  padding: 20.3px 41px;



  color: var(--agrofa-white2, #fdfdfd);



  background-color: var(--agrofa-yellow, 253, 214, 31);



  border-radius: 3px;



  text-transform: uppercase;



  letter-spacing: 0;



}







@media (max-width: 1600px) {



  .main-header__btn {



    margin-left: 40px;



    padding: 20.3px 30px;



  }



}







@media (max-width: 1250px) {



  .main-header__btn {



    font-size: 14px;



    margin-left: 20px;



    padding: 20.3px 23px;



  }



}







.main-header__btn::before {



  background-color: var(--agrofa-green, #0c7735);



  left: -100%;



}







.main-header__btn::after {



  background-color: var(--agrofa-green, #0c7735);



  right: -100%;



}















@media (min-width: 768px) {



  .main-header__btn {



    display: inline-flex;



  }



}







.main-header__right {



  display: flex;



  align-items: center;



  padding: 9.5px 0;



}







@media (max-width: 767px) {

  .main-header__cart.header-icon {
    margin-right: 8px;
  }

  .main-header__right {



    padding-left: 16px;



  }

  .main-header__inner .main-header__btn {

    display: none;
  }



}







@media (min-width: 768px) {



  .main-header__right {



    margin-left: auto;



    padding: 0;



    padding-left: 10px;



  }



}







@media (min-width: 1200px) {



  .main-header__right {



    margin-left: 0;



  }



}







.main-header__search_bx {



  display: flex;



  align-items: center;



  /* border-right: 1px solid var(--agrofa-border-color, #ededed);



padding: 11px 26px 11px 0; */



  margin-top: 0px;



}







.main-header__search img {



  height: 24px;



  width: 24px;



}







@media (max-width: 1600px) {



  /* .main-header__search_bx {



  padding: 11px 20px 11px 0;



} */



}







@media (max-width: 767px) {



  .main-header__search_bx {



    /* padding: 11px 10px 11px 0; */



    margin-top: 0;



  }



}







.main-header__cart,



.main-header__search,



.wishlist-icon,



.user-icon {



  display: inline-block;



  height: 27px;



  width: 27px;



  color: var(--agrofa-black, #1e1d21);



  transition: all 500ms ease;



  margin-left: 18px;



  line-height: 1em;



}







@media (max-width: 1600px) {







  .main-header__cart,



  .main-header__search {



    margin-left: 20px;



  }



}







@media (max-width: 767px) {







  .main-header__cart,



  .main-header__search {



    margin-left: 10px;



  }



}







.main-header__cart:hover,



.main-header__search:hover {



  color: var(--agrofa-base, #c2a74e);



}







.main-header__keyword {



  font: normal 400 16px/1 var(--agrofa-font, "Jost", sans-serif);



  color: var(--agrofa-text-gray, #6a6a69);



  margin: 0;



  padding: 0;



}







@media (max-width: 1440px) {



  .main-header__keyword {



    display: none;



  }



}







.header-icon img {



  height: 24px;



  width: 24px;



}







.icon-align {



  align-items: center;



}







.main-header__cart {



  position: relative;



}







.main-header__cart_count {



  position: absolute;



  width: 24px;



  height: 24px;



  top: -10px;



  right: -15px;



  z-index: 1;



  display: flex;



  align-items: center;



  justify-content: center;



  color: var(--agrofa-text, #12110e);



  font: normal 400 16px/1 var(--agrofa-font, "Jost", sans-serif);



  background-color: var(--agrofa-yellow, 253, 214, 31);



  border-radius: 50%;



}







/* .main-header__nav {



margin-left: auto;



margin-right: auto;



} */



.main-header--two {



  width: 100%;



}







.main-header--two.sticky-header--cloned {



  background-color: var(--agrofa-black, #1e1d21);



  border: none;



}







.main-header--two.sticky-header--cloned .main-menu .main-menu__list>li {



  padding-top: 35.25px;



  padding-bottom: 35.25px;



}







.main-header--two .mobile-nav__btn span {



  background-color: var(--agrofa-white, #fff);



}







.main-header--two .container-fluid {



  max-width: 1811px;



}







.main-header--two .main-header__inner {



  background-color: var(--agrofa-text, #12110e);



  height: 80px;



  border-radius: 6px 0 0 6px;



}







@media (max-width: 767px) {



  .main-header--two .main-header__inner {



    width: calc(100% + 30px);



    margin-left: -15px;



    padding-right: 15px;



    border-radius: 0;



  }



}







.main-header--two .main-header__logo {



  height: 87px;



  max-width: 260px;



  border-radius: 4px 0 0 4px;



  top: -4px;



}







@media (max-width: 767px) {



  .main-header--two .main-header__logo {



    max-width: 160px;



    padding: 10px 20px 10px 20px;



  }



}







.main-header--two .main-header__logo::after {



  bottom: initial;



  top: 0;



  transform: rotate(-90deg);



  right: -7px;



  border-right-width: 7px;



  border-top-width: 7px;



}







.main-header--two .main-menu .main-menu__list>li {



  color: var(--agrofa-white, #fff);



  padding-top: 24px;



  padding-bottom: 24px;



}







.main-header--two .main-menu .main-menu__list>li>a {



  color: var(--agrofa-white, #fff);



  text-shadow: 0px 0px 0px var(--agrofa-white, #fff);



}







.main-header--two .main-menu .main-menu__list>li.current>a,



.main-header--two .main-menu .main-menu__list>li:hover>a {



  color: var(--agrofa-yellow, 253, 214, 31);



}







.main-header--two .main-header__search_bx {



  border-right-color: #2f2d25;



}







.main-header--two .main-header__keyword,



.main-header--two .main-header__cart,



.main-header--two .main-header__search {



  color: var(--agrofa-white, #fff);



}







.main-header--two .main-header__keyword:hover,



.main-header--two .main-header__cart:hover,



.main-header--two .main-header__cart:hover,



.main-header--two .main-header__search:hover {



  color: var(--agrofa-yellow, 253, 214, 31);



}







.main-header--two .main-header__btn {



  background-color: var(--agrofa-yellow, 253, 214, 31);



  color: var(--agrofa-text6, #0d0c0a);



}







.main-header--two .main-header__btn::before {



  background-color: var(--agrofa-white, #fff);



}







.main-header--two .main-header__btn::after {



  background-color: var(--agrofa-white, #fff);



}







.main-header--three {



  background-color: transparent;



  width: 100%;



}







.sticky-header--cloned {



  position: fixed;



  top: 0;



  left: 0;



  right: 0;



  z-index: 999;



  top: 0;



  background-color: var(--agrofa-white, #fff);



  transform: translateY(-100%);



  box-shadow: 0px 3px 18px rgba(var(--agrofa-black-rgb, 30, 29, 33), 0.07);



  transition: 0.6s cubic-bezier(0.24, 0.74, 0.58, 1);



  visibility: hidden;



  transition: transform 500ms ease, visibility 500ms ease;



}







.sticky-header--cloned.active {



  transform: translateY(0%);



  visibility: visible;



}







.mobile-nav__btn {



  width: 24px;



  display: flex;



  align-items: center;



  flex-direction: column;



  flex-wrap: wrap;



  cursor: pointer;



  z-index: 3;



}







@media (max-width: 1199px) {



  .mobile-nav__btn {



    margin-left: -50px;



    margin-right: 10px;



  }







}







@media (max-width: 767px) {



  .mobile-nav__btn {



    margin-left: -40px;



    margin-right: 10px;



  }



}







@media (min-width: 1200px) {



  .mobile-nav__btn {



    display: none;



  }



}







.mobile-nav__btn span {



  width: 100%;



  height: 2px;



  background-color: var(--agrofa-black, #1e1d21);



}







.mobile-nav__btn span:nth-child(2) {



  margin-top: 4px;



  margin-bottom: 4px;



}







.main-menu {



  margin-top: 0;



  margin-left: 0;



  /* after third level no menu */



}







@media (max-width: 1850px) {



  .main-header__inner {



    padding: 20px 40px;



  }



}







.main-menu .main-menu__list,



.main-menu .main-menu__list ul {



  margin: 0;



  padding: 0;



  list-style-type: none;



  align-items: center;



  display: none;



}







@media (min-width: 1200px) {







  .main-menu .main-menu__list,



  .main-menu .main-menu__list ul {



    display: flex;



  }



}







.main-menu .main-menu__list>li {



  padding-top: 35.25px;



  padding-bottom: 35.25px;



  position: relative;



  font-weight: 400;



}







.main-menu .main-menu__list>li.dropdown>a {



  position: relative;



}







.main-menu .main-menu__list>li+li {



  margin-left: 65px;



}







@media (max-width: 1600px) {



  .main-menu .main-menu__list>li+li {



    margin-left: 30px;



  }



}







@media (max-width: 1400px) {



  .main-menu .main-menu__list>li+li {



    margin-left: 25px;



  }



}







@media (max-width: 1250px) {



  .main-menu .main-menu__list>li+li {



    margin-left: 22px;



  }



}







.main-menu .main-menu__list>li>a {



  font-family: var(--agrofa-font, "Jost", sans-serif);



  font-size: 20px;



  font-weight: 400;



  display: flex;



  align-items: center;



  color: var(--agrofa-text, #402722);



  letter-spacing: 0;



  position: relative;



  transition: all 500ms ease;



  text-shadow: 0px 0px 0px var(--agrofa-text, #402722);



}







@media (max-width: 1250px) {



  .main-menu .main-menu__list>li>a {



    font-size: 15px;



  }



}







.main-menu .main-menu__list>li.current>a,



.main-menu .main-menu__list>li:hover>a {



  color: #f28a20;



  text-shadow: 0 0 1px currentColor;



}







.main-menu .main-menu__list li ul {



  position: absolute;



  top: 100%;



  left: -40px;



  min-width: 280px;



  flex-direction: column;



  justify-content: flex-start;



  align-items: flex-start;



  opacity: 0;



  visibility: hidden;



  transform-origin: top center;



  transform: scaleY(0) translateZ(100px);



  transition: opacity 500ms ease, visibility 500ms ease, transform 700ms ease;



  z-index: 99;



  background-color: var(--agrofa-white, #fff);



  box-shadow: 0px 10px 60px 0px RGBA(var(--agrofa-white-rgb, 255, 255, 255), 0.07);



  padding: 15px 20px 11px;



  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);



  margin-top: -2px;



}







.main-menu .main-menu__list li:hover>ul {



  opacity: 1;



  visibility: visible;



  transform: scaleY(1) translateZ(0px);



}







.main-menu .main-menu__list>.megamenu {



  position: static;



}







.main-menu .main-menu__list>.megamenu>ul {



  top: 100% !important;



  left: 0 !important;



  right: 0 !important;



  background-color: transparent;



  box-shadow: none;



  padding: 0;



}







.main-menu .main-menu__list li ul li {



  flex: 1 1 100%;



  width: 100%;



  position: relative;



}







.main-menu .main-menu__list li ul li>a {



  font-size: 18px;



  line-height: 22px;



  color: var(--agrofa-text, #12110e);



  font-family: var(--agrofa-font, "Jost", sans-serif);



  font-weight: 400;



  display: flex;



  padding: 8px 20px;



  transition: 400ms;



  margin-bottom: 4px;



}






/*
.main-menu .main-menu__list li ul li>a::after {



  position: absolute;



  right: 20px;



  top: 8px;



  border-radius: 0;



  font-size: 6px;



  font-weight: 700;



  font-family: "Font Awesome 5 Free";



  content: "\f111";



  color: var(--agrofa-text, #12110e);



  visibility: hidden;



  opacity: 0;



  transition: all 500ms ease;



  transform: scale(0);



} */







.main-menu .main-menu__list li ul li.current>a,



.main-menu .main-menu__list li ul li:hover>a {



  background-color: #54724B;



  color: #fff;



}







.main-menu .main-menu__list li ul li.current>a::after,



.main-menu .main-menu__list li ul li:hover>a::after {



  visibility: visible;



  opacity: 1;



  transform: scale(1);



}







.main-menu .main-menu__list li ul li>ul {



  top: 0;



  left: calc(100% + 20px);



}







.main-menu .main-menu__list li ul li>ul.right-align {



  top: 0;



  left: auto;



  right: 100%;



}







.main-menu .main-menu__list li ul li>ul ul {



  display: none;



}







@media (min-width: 1200px) and (max-width: 1400px) {







  .main-menu__list li:nth-last-child(1) ul li>ul,



  .main-menu__list li:nth-last-child(2) ul li>ul {



    left: auto;



    right: calc(100% + 20px);



  }



}







/*--------------------------------------------------------------



# Megamenu Popup



--------------------------------------------------------------*/



.mobile-nav__container .main-menu__list>.megamenu.megamenu-clickable>ul,



.main-menu .main-menu__list>.megamenu.megamenu-clickable>ul,



.stricky-header .main-menu__list>.megamenu.megamenu-clickable>ul {



  position: fixed;



  top: 0 !important;



  left: 0 !important;



  width: 100vw;



  height: 100vh;



  visibility: visible;



  overflow-y: scroll;



  visibility: hidden;



  opacity: 0;



  -webkit-transform: scale(1, 0);



  transform: scale(1, 0);



  -webkit-transform-origin: bottom center;



  transform-origin: bottom center;



  transition: transform 0.7s ease, opacity 0.7s ease, visibility 0.7s ease;



  z-index: 999999;



  -ms-overflow-style: none;



  scrollbar-width: none;



  overflow-y: scroll;



  padding: 0;



  background-color: var(--agrofa-white, #fff);



  display: block !important;



  margin: 0;



}







.main-menu__list>li.megamenu-clickable>ul::-webkit-scrollbar {



  display: none;



}







.mobile-nav__container .main-menu__list>.megamenu.megamenu-clickable>ul.megamenu-clickable--active,



.main-menu .main-menu__list>.megamenu.megamenu-clickable>ul.megamenu-clickable--active,



.stricky-header .main-menu__list>.megamenu.megamenu-clickable>ul.megamenu-clickable--active {



  -webkit-transform-origin: top center;



  transform-origin: top center;



  -webkit-transform: scale(1, 1);



  transform: scale(1, 1);



  opacity: 1;



  visibility: visible;



  transition: transform 0.7s ease, opacity 0.7s ease, visibility 0.7s ease;



}







body.megamenu-popup-active {



  overflow: hidden;



}







body.megamenu-popup-active .stricky-header {



  bottom: 0;



}







body.megamenu-popup-active .mobile-nav__content {



  overflow: unset;



}







.mobile-nav__content {



  height: 100%;



}







.mobile-nav__content .demo-one .container {



  padding-left: 15px;



  padding-right: 15px;



}







.megamenu-popup {



  position: relative;



}







.megamenu-popup .megamenu-clickable--close {



  position: absolute;



  top: 18px;



  right: 20px;



  display: block;



  color: var(--agrofa-black, #1e1d21);



}







@media (min-width: 1300px) {



  .megamenu-popup .megamenu-clickable--close {



    top: 38px;



    right: 40px;



  }



}







.megamenu-popup .megamenu-clickable--close:hover {



  color: var(--agrofa-base, #c2a74e);



}







.megamenu-popup .megamenu-clickable--close span {



  width: 24px;



  height: 24px;



  display: block;



  position: relative;



  color: currentColor;



  transition: all 500ms ease;



}







.megamenu-popup .megamenu-clickable--close span::before,



.megamenu-popup .megamenu-clickable--close span::after {



  content: "";



  width: 100%;



  height: 2px;



  background-color: currentColor;



  position: absolute;



  top: 50%;



  left: 50%;



  transform: translate(-50%, -50%) rotate(-45deg);



}







.megamenu-popup .megamenu-clickable--close span::after {



  transform: translate(-50%, -50%) rotate(45deg);



}







.megamenu-popup .demo-one__content {



  position: absolute;



  width: 100%;



  height: auto;



  left: 0;



  right: 0;



  margin: 0 auto;



  bottom: 0;



  z-index: 2;



}







.megamenu-popup .demo-one__title {



  padding: 0;



  font-size: 15px;



  margin-top: 15px;



  padding-bottom: 21px;



  letter-spacing: 0;



  color: var(--agrofa-white, #fff);



  text-transform: unset;



}







/*--------------------------------------------------------------



# Home Showcase



--------------------------------------------------------------*/



.demo-one {



  padding-top: 120px;



  padding-bottom: 120px;



}







.demo-one .row {



  --bs-gutter-y: 30px;



}







.demo-one__card {



  background-color: var(--agrofa-white, #fff);



  box-shadow: 0px 10px 60px 0px rgba(var(--agrofa-black3-rgb, 23, 32, 0), 0.1);



  text-align: center;



  transition: 500ms ease;



  transform: translateY(0px);



}







.demo-one__title {



  margin: 0;



  text-transform: uppercase;



  font-size: 16px;



  color: var(--agrofa-black, #1e1d21);



  font-weight: 500;



  letter-spacing: var(--agrofa-letter-space, 0.1em);



  font-family: var(--agrofa-font, "Jost", sans-serif);



}







.demo-one__title a {



  color: inherit;



  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;



  transition: all 500ms ease;



}







.demo-one__title a:hover {



  background-size: 100% 1px;



}







.demo-one__image {



  position: relative;



  overflow: hidden;



  transition: all 0.4s;



}







.demo-one__image::after {



  content: "";



  position: absolute;



  width: 100%;



  height: 100%;



  left: 0;



  bottom: 0;



  z-index: 1;



  background-image: url("../images/home-showcase/showcase-bg-normal1-1.png");



  background-repeat: repeat-x;



  background-position: left bottom;



  transition: all 0.4s;



}







.demo-one__image img {



  max-width: 100%;



  transition: filter 500ms ease;



  filter: blur(0px);



}







.demo-one__image:hover::after {



  background-image: url("../images/home-showcase/showcase-bg-hover1-1.png");



}







.demo-one__card:hover .demo-one__image img {



  filter: blur(2px);



}







.demo-one__btns {



  position: absolute;



  top: 0;



  left: 0;



  right: 0;



  bottom: 0;



  z-index: 2;



  display: flex;



  justify-content: center;



  align-items: center;



  gap: 20px;



  transform: scale(1, 0);



  transition: transform 500ms ease, opacity 600ms linear;



  transform-origin: bottom center;



  opacity: 0;



}







.demo-one__card:hover .demo-one__btns {



  transform: scale(1, 1);



  opacity: 1;



  transform-origin: top center;



}







.demo-one__btn {



  min-width: 135px;



  font-size: 15px;



  padding: 12.2px 28px;



  font-weight: 500;



  color: var(--agrofa-text, #12110e);



  margin: 0;



}







.demo-one__btn.demo-multi-btn {



  background-color: var(--agrofa-yellow, 253, 214, 31);



}







.demo-one__btn.demo-single-btn {



  background-color: var(--agrofa-white, #fff);



  color: var(--agrofa-text, #12110e);



}







.demo-one__btn::before {



  left: -93%;



  width: 150%;



  height: 230%;



  top: 139%;



}







.demo-one__btn::after {



  right: -93%;



  width: 150%;



  height: 230%;



  bottom: 86%;



}







.demo-one__btn:hover {



  color: var(--agrofa-white, #fff);



}







.demo-one__btn:hover::before {



  background-color: var(--agrofa-black, #1e1d21);



  left: -48%;



}







.demo-one__btn:hover::after {



  background-color: var(--agrofa-black, #1e1d21);



  right: -48%;



}







@media (min-width: 768px) {



  .demo-one__btn {



    display: inline-flex;



  }



}







.demo-one__title {



  padding-top: 20.5px;



  padding-bottom: 20.5px;



}







.home-showcase {



  margin-bottom: -20px;



}







.home-showcase .row {



  --bs-gutter-x: 42px;



  --bs-gutter-y: 20px;



}







.home-showcase__inner {



  padding: 30px;



  background-color: var(--agrofa-white, #fff);



  box-shadow: 0px 10px 60px 0px rgba(var(--agrofa-black3-rgb, 23, 32, 0), 0.07);



  border-radius: 0 0 5px 5px;



}







.home-showcase .demo-one__card {



  box-shadow: none;



}







.home-showcase .demo-one__btns {



  flex-direction: column;



}







.home-showcase .demo-one__btn {



  min-width: 148px;



  text-align: center;



  justify-content: center;



}







.home-showcase .demo-one__content {



  position: absolute;



  width: 100%;



  height: auto;



  left: 0;



  right: 0;



  margin: 0 auto;



  bottom: 0;



  z-index: 2;



}







.home-showcase .demo-one__title {



  padding: 0;



  font-size: 15px;



  margin-top: 15px;



  padding-bottom: 21px;



  letter-spacing: 0;



  color: var(--agrofa-white, #fff);



  text-transform: unset;



}







/*--------------------------------------------------------------



# Why choose



--------------------------------------------------------------*/



.why-choose-one {



  position: relative;



  background-color: #f7f4e5;



}







/* .why-choose-one::before, .why-choose-one::after {



content: "";



position: absolute;



width: 90px;



height: 118px;



bottom: 5px;



z-index: 1;



background-image: url("../images/shapes/choose-tree1-1.png");



background-repeat: no-repeat;



background-position: center center;



background-size: 89px auto;



-webkit-animation: moving 1s infinite alternate;



animation: moving 1s infinite alternate;



} */



@media (max-width: 1600px) {







  .why-choose-one::before,



  .why-choose-one::after {



    width: 65px;



    height: 90px;



    background-size: 64px auto;



  }



}







.why-choose-one::before {



  right: initial;



  left: 95px;



}







@media (max-width: 1600px) {



  .why-choose-one::before {



    left: 10px;



  }



}







.why-choose-one::after {



  left: initial;



  right: 72px;



}







@media (max-width: 1600px) {



  .why-choose-one::after {



    right: 20px;



  }



}







@-webkit-keyframes moving {



  0% {



    transform: rotate(0);



  }







  100% {



    transform: rotate(25deg);



  }



}







@keyframes moving {



  0% {



    transform: rotate(0);



  }







  100% {



    transform: rotate(25deg);



  }



}







.why-choose-one .container {



  max-width: 1600px;



  padding-top: 118px;



  padding-bottom: 200px;



}







@media (max-width: 991px) {



  .why-choose-one .container {



    padding-top: 52px;



  }



}







@media (max-width: 767px) {



  .why-choose-one .container {



    padding-bottom: 100px;



  }



}







.why-choose-one .section-common-title {



  max-width: 800px;



  margin: 0 auto;



}







.why-choose-one__chose-reasone {



  flex-direction: column;



  padding-bottom: 14px;



}







.why-choose-one__chose-name {



  color: #008d36;



  font-weight: 600;



}







.why-choose-one__chose-name::after {



  background-color: #008d36;



}







.why-choose-one__title {



  text-align: center;



  margin-bottom: 60px;



}







@media (max-width: 991px) {



  .why-choose-one__title {



    margin-bottom: 34px;



  }



}







.why-choose-one__row {



  gap: 30px 0;



}







@media (max-width: 1440px) {



  .why-choose-one__col {



    width: calc((100% - 0px) / 2);



  }



}







@media (max-width: 991px) {



  .why-choose-one__col {



    width: calc((100% - 0px) / 1);



  }



}







.why-choose-one__bg {



  background-color: var(--agrofa-white, #fff);



  border-radius: 8px;



  height: 100%;



  padding: 37px 33px 54px 33px;



  position: relative;



}







@media (max-width: 991px) {



  .why-choose-one__bg {



    padding: 24px 20px 35px 20px;



  }



}







.why-choose-one__bg::after {



  content: "";



  position: absolute;



  width: 37px;



  height: 51px;



  right: 47px;



  bottom: 24px;



  z-index: 1;



  background-image: url("../images/shapes/hero-tree-icon1-1.png");



  background-repeat: no-repeat;



  background-position: bottom right;



  background-size: 30px auto;



  transition: all 0.3s;



}







.why-choose-one__bg:hover::after {



  transform: scaleX(-1);



}







.why-choose-one__bg:hover .why-choose-one__icon-bx {



  background-color: var(--agrofa-yellow, 253, 214, 31);



}







.why-choose-one__bg:hover .why-choose-one__icon {



  transform: scale(0.8);



  color: var(--agrofa-text, #12110e);



}







.why-choose-one__bg-inner {



  position: relative;



  overflow: hidden;



  padding-bottom: 5px;



}







.why-choose-one__bg-inner::after,



.why-choose-one__bg-inner::before {



  content: "";



  position: absolute;



  width: 5px;



  height: 100%;



  left: 1px;



  top: 34px;



  background-color: #54724B;



  z-index: 1;



}







.why-choose-one__bg-inner::after {



  width: 107px;



  height: 5px;



  top: initial;



  bottom: 0;



  transition: all 0.3s ease;



}







.why-choose-one__top {



  position: relative;



  z-index: 2;



  display: flex;



  align-items: center;



  padding-bottom: 30px;



}







@media (max-width: 991px) {



  .why-choose-one__top {



    padding-bottom: 22px;



  }



}







.why-choose-one__icon-bx {



  width: 90px;



  height: 90px;



  min-width: 90px;



  min-height: 90px;



  border-radius: 50%;



  background-color: var(--agrofa-green, #0c7735);



  border: 4px solid var(--agrofa-yellow, 253, 214, 31);



  display: flex;



  align-items: center;



  justify-content: center;



  transition: all 0.3s;



  margin-right: 25px;



}







.why-choose-one__icon {



  color: var(--agrofa-white, #fff);



  font-size: 45px;



  line-height: 1;



  transition: all 0.3s;



}







.why-choose-one__name {



  font-size: 24px;



  line-height: 34px;



  font-weight: 700;



  color: var(--agrofa-text5, #00200c);



  margin-bottom: 0;



}







.why-choose-one__content {



  position: relative;



  z-index: 2;



  padding-left: 25px;



}







.why-choose-one__descript {



  font-size: 16px;



  line-height: 32px;



  color: var(--agrofa-text5, #00200c);



}







.why-choose-one__read-btn {



  position: relative;



  font-size: 16px;



  line-height: 1;



  color: var(--agrofa-text5, #00200c);



}







.why-choose-one__read-btn:hover {



  color: var(--agrofa-green, #0c7735);



}







.why-choose-one__more-choose {



  position: absolute;



  width: 100%;



  height: auto;



  bottom: -62px;



  left: 0;



  right: 0;



  z-index: 1;



  margin: 0 auto;



}







@media (max-width: 1600px) {



  .why-choose-one__more-choose {



    padding: 0 96px;



  }



}







/* @media (max-width: 767px) {



  .why-choose-one__more-choose {



    display: none;



  }



} */







.why-choose-one__more-choose--bg {



  background-image: url("../images/shapes/brown-bg.png");



  border-radius: 4px;



  max-width: 1170px;



  margin: 0 auto;



  display: flex;



  align-items: center;



  justify-content: center;



  padding: 40px 30px;



  position: relative;



  background-size: 100% 100%;



}







.why-choose-one__more-choose--bg::before {



  content: '';



  position: absolute;



}







@media (max-width: 1200px) {



  .why-choose-one__more-choose--bg {



    flex-direction: column;



    padding: 28px 30px 35px 30px;



  }



}







.why-choose-one__more-choose--bg::before,



.why-choose-one__more-choose--bg::after {



  content: "";



  position: absolute;



  width: 100%;



  height: 7px;



  left: 0;



  z-index: 1;



  background-image: url("../images/shapes/choose-dots1-1.png");



  background-repeat: repeat-x;



}







.why-choose-one__more-choose--bg::before {



  top: 2px;



  bottom: initial;



}







.why-choose-one__more-choose--bg::after {



  top: initial;



  bottom: 3px;



}







.why-choose-one__more-choose--title {



  color: #0a5e2a;



  font-size: 36px;



  font-weight: 600;



  line-height: 41px;



  margin-bottom: 0;



}







@media (max-width: 1300px) {



  .why-choose-one__more-choose--title br {



    display: none;



  }



}







@media (max-width: 1200px) {



  .why-choose-one__more-choose--title {



    margin-bottom: 0px;



  }



}







@media (max-width: 991px) {



  .why-choose-one__more-choose--title {



    font-size: 28px;



    line-height: 34px;



  }



}







.why-choose-one .why-choose-more--btn {



  min-width: 220px;



  font-size: 16px;



  line-height: 1;



  color: var(--agrofa-white, #fff);



  font-weight: 500;



  margin-left: 15px;



  border: 2px solid var(--agrofa-white, #fff);



  text-transform: uppercase;



  border-radius: 3px;



  height: 60px;



  display: flex;



  align-items: center;



  justify-content: center;



  padding: 0 41px;



}







.why-choose-one .why-choose-more--btn::before {



  left: -80%;



  height: 190%;



  background-color: var(--agrofa-white, #fff);



}







.why-choose-one .why-choose-more--btn::after {



  right: -80%;



  height: 190%;



  background-color: var(--agrofa-white, #fff);



}







.why-choose-one .why-choose-more--btn:hover::before {



  left: -30%;



}







.why-choose-one .why-choose-more--btn:hover::after {



  right: -30%;



}







.why-choose-one .why-choose-more--btn:hover span {



  color: var(--agrofa-green, #0c7735);



}







.why-choose-one--two {



  z-index: 2;



  background-color: var(--agrofa-green2, #163d25);



}







.why-choose-one--two .why-choose-one__chose-name {



  color: #bbdcc8;



  font-weight: 500;



}







.why-choose-one--two .why-choose-one__title {



  color: var(--agrofa-white, #fff);



}







.why-choose-one--two .why-choose-one__bg {



  background-color: var(--agrofa-text5, #00200c);



}







.why-choose-one--two .why-choose-one__bg-inner::after,



.why-choose-one--two .why-choose-one__bg-inner::before {



  background-color: #1b3826;



}







.why-choose-one--two .why-choose-one__name {



  color: var(--agrofa-white, #fff);



}







.why-choose-one--two .why-choose-one__descript {



  color: var(--agrofa-green4, #82af93);



}







.why-choose-one--two .why-choose-one__read-btn {



  color: var(--agrofa-white, #fff);



  font-weight: 500;



}







.why-choose-one--two .why-choose-one__read-btn:hover {



  color: var(--agrofa-green4, #82af93);



}







.why-choose-one--three {



  position: relative;



  background-color: rgb(247, 244, 229);



  background-blend-mode: overlay;



  background-image: url("../images/backgrounds/offer-bg3-1.jpg");



  background-repeat: no-repeat;



  background-position: bottom center;



  background-size: cover;



}







.why-choose-one--three::before,



.why-choose-one--three::after {



  display: none;



}







.why-choose-one--three .container {



  max-width: 1200px;



  padding-top: 118px;



  padding-bottom: 170px;



}







@media (max-width: 1400px) {



  .why-choose-one--three .container {



    padding-bottom: 50px;



  }



}







@media (max-width: 991px) {



  .why-choose-one--three .container {



    padding-top: 52px;



    padding-bottom: 25px;



  }



}







.why-choose-one--three .section-common-title {



  max-width: initial;



  width: 100%;



  display: flex;



  align-items: center;



  flex-wrap: wrap;



}







@media (max-width: 991px) {



  .why-choose-one--three .section-common-title {



    padding-bottom: 42px;



  }



}







.why-choose-one--three .section-additional-title-wrap {



  width: calc((100% - 220px) / 1);



  padding-right: 20px;



}







@media (max-width: 991px) {



  .why-choose-one--three .section-additional-title-wrap {



    width: calc((100% - 0px) / 1);



    padding-right: 0;



    display: flex;



    flex-direction: column;



    align-items: center;



  }



}







.why-choose-one--three .why-choose-one__chose-reasone {



  flex-direction: row;



}







.why-choose-one--three .why-choose-one__chose-name {



  color: var(--agrofa-text-dark, #9e9e9e);



  font-weight: 500;



}







.why-choose-one--three .why-choose-one__title {



  text-align: left;



}







@media (max-width: 991px) {



  .why-choose-one--three .why-choose-one__title {



    text-align: center;



  }



}







.why-choose-one--three .why-choose-one__more-btn-wrap {



  width: 220px;



  margin: -36px 0 0 auto;



}







@media (max-width: 991px) {



  .why-choose-one--three .why-choose-one__more-btn-wrap {



    margin: 0 auto;



  }



}







.why-choose-one--three .why-choose-more--btn {



  border-color: var(--agrofa-yellow, 253, 214, 31);



  margin-left: 0;



}







.why-choose-one--three .why-choose-more--btn::after,



.why-choose-one--three .why-choose-more--btn::before {



  background-color: var(--agrofa-yellow, 253, 214, 31);



}







.why-choose-one--three .why-choose-more--btn:hover {



  color: var(--agrofa-text, #12110e);



}







.why-choose-one--three .why-choose-more--btn:hover span {



  color: inherit;



}







.why-choose-one--three .why-choose-one__row {



  counter-reset: num-counter;



}







@media (max-width: 1200px) {



  .why-choose-one--three .why-choose-one__row {



    gap: 30px;



  }



}







.why-choose-one--three .why-choose-one__col {



  counter-increment: num-counter;



}







@media (max-width: 1440px) {



  .why-choose-one--three .why-choose-one__col {



    width: 33.33%;



  }



}







@media (max-width: 1200px) {



  .why-choose-one--three .why-choose-one__col {



    width: calc((100% - 30px) / 2);



  }



}







@media (max-width: 991px) {



  .why-choose-one--three .why-choose-one__col {



    width: calc((100% - 0px) / 1);



  }



}







.why-choose-one--three .why-choose-one__bg {



  padding: 40px 41px 66px 42px;



  -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.11);



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



}







.why-choose-one--three .why-choose-one__bg::after {



  background-image: none;



  width: initial;



  height: initial;



  content: "0" counter(num-counter);



  font-family: var(--agrofa-heading-font, "Jost", sans-serif);



  font-size: 72px;



  line-height: 1;



  font-weight: 700;



  color: rgba(var(--agrofa-text5-rgb, 0, 32, 12), 0.1);



  bottom: 48px;



  transition: all 0.5s;



}







@media (max-width: 991px) {



  .why-choose-one--three .why-choose-one__bg::after {



    font-size: 42px;



    bottom: 32px;



    right: 22px;



  }



}







.why-choose-one--three .why-choose-one__bg:hover::after {



  transform: rotateX(360deg);



}







@media (max-width: 991px) {



  .why-choose-one--three .why-choose-one__bg {



    padding: 20px 20px 36px 20px;



  }



}







.why-choose-one--three .why-choose-one__bg-inner {



  padding-bottom: 0;



}







.why-choose-one--three .why-choose-one__bg-inner::after,



.why-choose-one--three .why-choose-one__bg-inner::before {



  content: none;



}







.why-choose-one--three .why-choose-one__top {



  flex-direction: row-reverse;



  justify-content: space-between;



  padding-bottom: 22px;



}







@media (max-width: 991px) {



  .why-choose-one--three .why-choose-one__top {



    padding-bottom: 16px;



  }



}







.why-choose-one--three .why-choose-one__icon-bx {



  margin-right: 0;



  margin-left: 15px;



  position: relative;



}







.why-choose-one--three .why-choose-one__icon-bx::before {



  content: "";



  position: absolute;



  width: 29px;



  height: 50px;



  top: 0;



  left: -17px;



  z-index: 1;



  transform: rotate(-7deg);



  background-image: url("../images/shapes/hero-tree-icon1-1.png");



  background-repeat: no-repeat;



  background-position: bottom right;



  background-size: 28px auto;



  transition: all 0.3s;



}







.why-choose-one--three .why-choose-one__content {



  padding-left: 4px;



}







.why-choose-one--three .why-choose-one__descript {



  margin-bottom: 28px;



}







@media (max-width: 991px) {



  .why-choose-one--three .why-choose-one__descript {



    margin-bottom: 16px;



  }



}







.why-choose-one--three .why-choose-one__read-btn {



  font-size: 16px;



  line-height: 1;



  font-weight: 500;



  color: var(--agrofa-black2, #00200c);



}







.why-choose-one--three .why-choose-one__read-btn::before,



.why-choose-one--three .why-choose-one__read-btn::after {



  content: "";



  position: absolute;



  width: 100%;



  left: 0;



  bottom: -6px;



  z-index: 1;



  border-bottom: 3px solid var(--agrofa-green, #0c7735);



}







.why-choose-one--three .why-choose-one__read-btn::before {



  border-color: var(--agrofa-yellow, 253, 214, 31);



  z-index: 2;



  opacity: 0;



  visibility: hidden;



  transition: all 0.4s;



  width: 0%;



}







.why-choose-one--three .why-choose-one__read-btn:hover::before {



  width: 100%;



  opacity: 1;



  visibility: visible;



}







.why-choose-one--three .why-choose-one__more-choose {



  width: calc(100% + 305px);



  bottom: -50px;



  z-index: 2;



}







@media (max-width: 1800px) {



  .why-choose-one--three .why-choose-one__more-choose {



    width: calc(100% + 200px);



  }



}







@media (max-width: 1600px) {



  .why-choose-one--three .why-choose-one__more-choose {



    width: calc(100% + 100px);



    padding: 0 15px;



  }



}







@media (max-width: 1400px) {



  .why-choose-one--three .why-choose-one__more-choose {



    position: relative;



    width: calc(100% + 0px);



  }



}







@media (max-width: 991px) {



  .why-choose-one--three .why-choose-one__more-choose {



    bottom: -35px;



  }



}







@media (max-width: 767px) {



  .why-choose-one--three .why-choose-one__more-choose {



    display: block;



  }

  .why-choose-one__more-choose--bg {
    padding: 10px 7px 10px 7px !important;
  }

  .why-choose-one__more-choose {
    bottom: -23px;
  }

  .why-choose-one__more-choose--title {
    font-size: 19px !important;
    line-height: 34px;
  }

  .why-choose-one__more-choose--bg::after {
    top: initial;
    bottom: -1px;
  }

  .why-choose-one__more-choose--bg::before,
  .why-choose-one__more-choose--bg::after {

    background-size: 7px;
  }

  .food-one__right {
    padding-top: 2px !important;
    padding-bottom: 5px !important;
  }

  .best-seller-slider .slick-dots li button:before,
  .best-seller-slider .slick-dots li {

    height: 7px !important;
    width: 23px !important;
  }

  .best-seller-slider-box p {
    line-height: 24px !important;
  }
}








.why-choose-one--three .why-choose-one__more-choose--bg {



  max-width: 1475px;



  border-radius: 0;



  padding: 24px 45px 24px 48px;



}







.why-choose-one--three .why-choose-one__more-choose--bg::before,



.why-choose-one--three .why-choose-one__more-choose--bg::after {



  display: none;



}







@media (max-width: 1800px) {



  .why-choose-one--three .why-choose-one__more-choose--bg {



    max-width: 1370px;



  }



}







@media (max-width: 1600px) {



  .why-choose-one--three .why-choose-one__more-choose--bg {



    max-width: 1270px;



  }



}







@media (max-width: 1400px) {



  .why-choose-one--three .why-choose-one__more-choose--bg {



    max-width: 1170px;



  }



}







@media (max-width: 1200px) {



  .why-choose-one--three .why-choose-one__more-choose--bg {



    gap: 16px 0;



    padding-left: 25px;



    padding-right: 25px;



  }



}







.why-choose-one--three .why-choose-one__more-choose--title {



  font-family: var(--agrofa-font, "Jost", sans-serif);



  color: #132f1d;



  font-size: 34px;



  font-weight: 500;



  line-height: 38px;



  margin-bottom: 0;



  padding-right: 12px;



}







@media (max-width: 1200px) {



  .why-choose-one--three .why-choose-one__more-choose--title {



    text-align: center;



    padding-right: 0px;



  }



}







@media (max-width: 991px) {



  .why-choose-one--three .why-choose-one__more-choose--title {



    font-size: 24px;



    line-height: 29px;



  }



}







.why-choose-one--three .why-choose-one__more-choose--phone-number-wrap {



  display: flex;



  align-items: center;



  position: relative;



  background-color: #ffe04d;



  border-radius: 40px 0 0 40px;



  padding: 13px 22px 13px 81px;



  min-width: 324px;



}







.why-choose-one--three .why-choose-one__more-choose--phone-number-wrap:hover .why-choose-one__more-choose--phone-number {



  text-decoration: underline;



}







.why-choose-one--three .why-choose-one__more-choose--phone-number-wrap:hover .why-choose-one__more-choose--phone-icon {



  background-color: var(--agrofa-white, #fff);



  color: var(--agrofa-text, #12110e);



}







@media (max-width: 1200px) {



  .why-choose-one--three .why-choose-one__more-choose--phone-number-wrap {



    min-width: initial;



  }



}







@media (max-width: 991px) {



  .why-choose-one--three .why-choose-one__more-choose--phone-number-wrap {



    padding-left: 58px;



    padding-right: 20px;



  }



}







.why-choose-one--three .why-choose-one__more-choose--phone-icon {



  position: absolute;



  top: 0;



  left: -1px;



  bottom: 0;



  z-index: 1;



  margin: auto 0;



  width: 62px;



  min-width: 62px;



  height: 62px;



  background-color: var(--agrofa-green, #0c7735);



  border: 1px solid var(--agrofa-white, #fff);



  border-radius: 50%;



  display: flex;



  align-items: center;



  justify-content: center;



  color: var(--agrofa-white, #fff);



  font-size: 28px;



  line-height: 1;



  transition: all 0.5s ease;



}







@media (max-width: 991px) {



  .why-choose-one--three .why-choose-one__more-choose--phone-icon {



    font-size: 20px;



    width: 52px;



    min-width: initial;



    height: 52px;



  }



}







.why-choose-one--three .why-choose-one__more-choose--phone-number {



  font-family: var(--agrofa-heading-font, "Jost", sans-serif);



  font-size: 28px;



  line-height: 1;



  font-weight: 600;



  color: #116731;



  transition: all 0.4s;



}







@media (max-width: 991px) {



  .why-choose-one--three .why-choose-one__more-choose--phone-number {



    font-size: 19px;



  }



}







.why-choose-one--services .container {



  padding-top: 120px;



  padding-bottom: 124px;



}







@media (max-width: 991px) {



  .why-choose-one--services .container {



    padding-top: 64px;



    padding-bottom: 72px;



  }



}







.why-choose-one--services .why-choose-one__bg {



  padding-bottom: 62px;



}







.why-choose-one--services .why-choose-one__bg::before {



  content: "";



  position: absolute;



  width: 100%;



  max-width: 0;



  height: 100%;



  max-height: 0;



  top: 0;



  bottom: 0;



  left: 0;



  right: 0;



  margin: auto;



  border: 1px solid var(--agrofa-green, #0c7735);



  border-radius: 8px;



  opacity: 0;



  visibility: hidden;



  transition: all 0.5s;



}







.why-choose-one--services .why-choose-one__bg::after {



  bottom: 42px;



}







.why-choose-one--services .why-choose-one__bg:hover::before {



  max-width: 100%;



  max-height: 100%;



  opacity: 1;



  visibility: visible;



}







/*--------------------------------------------------------------



# Funfact



--------------------------------------------------------------*/



.funfact-one {



  background-color: var(--agrofa-base, #c2a74e);



  background-image: url(../images/shapes/funfact-bg-1-1.html);



  background-size: cover;



  background-position: center center;



  padding-top: 80px;



  padding-bottom: 80px;



}







@media (min-width: 1200px) {



  .funfact-one {



    padding-top: 73.5px;



    padding-bottom: 73.5px;



  }



}







.funfact-one__list {



  margin: 0;



}







@media (min-width: 768px) {



  .funfact-one__list {



    display: flex;



    flex-wrap: wrap;



    row-gap: 20px;



  }



}







@media (min-width: 1200px) {



  .funfact-one__list {



    justify-content: space-between;



    gap: 0;



  }



}







.funfact-one__item {



  display: flex;



  align-items: center;



  margin-top: -6px;



  position: relative;



}







.funfact-one__item:not(:first-of-type)::before {



  content: "";



  width: 1px;



  height: 67px;



  background-color: var(--agrofa-white, #fff);



  position: absolute;



  top: 50%;



  left: -57px;



  transform: translateY(-50%);



  opacity: 0.3;



  display: none;



}







@media (min-width: 1200px) {



  .funfact-one__item:not(:first-of-type)::before {



    display: block;



  }



}







@media (min-width: 768px) {



  .funfact-one__item {



    flex: 0 0 50%;



    max-width: 50%;



  }



}







@media (min-width: 1200px) {



  .funfact-one__item {



    flex: 0 0 auto;



    max-width: none;



  }



}







.funfact-one__item:hover .funfact-one__icon {



  transform: rotateY(360deg);



}







.funfact-one__item+.funfact-one__item {



  margin-top: 20px;



}







@media (min-width: 768px) {



  .funfact-one__item+.funfact-one__item {



    margin-top: 0;



  }



}







.funfact-one__icon {



  font-size: 60px;



  color: var(--agrofa-white, #fff);



  margin-right: 20px;



  flex-shrink: 0;



  -webkit-transition: all 0.6s ease;



  -o-transition: all 0.6s ease;



  transition: all 0.6s ease;



}







.funfact-one__count {



  margin: 0;



  color: var(--agrofa-white, #fff);



  font-family: var(--agrofa-font, "Jost", sans-serif);



  font-size: 35px;



  font-weight: 500;



  line-height: 1;



}







@media (min-width: 768px) {



  .funfact-one__count {



    font-size: 40px;



  }



}







.funfact-one__text {



  margin: 0;



  color: var(--agrofa-white, #fff);



  font-size: 16px;



  line-height: 36px;



  margin-top: 7px;



  margin-bottom: -6px;



}







.funfact-two {



  position: relative;



  background-color: var(--agrofa-base, #c2a74e);



  background-size: cover;



  background-position: center center;



  background-repeat: no-repeat;



  padding: 120px 0;



}







.funfact-two__shape {



  position: absolute;



  left: -10px;



  top: 0;



}







.funfact-two__shape img {



  animation: shapeMove 3s linear 0s infinite;



}







@media (max-width: 767px) {



  .funfact-two {



    padding: 80px 0;



  }



}







.funfact-two .sec-title {



  padding-bottom: 33px;



}







.funfact-two .sec-title__tagline,



.funfact-two .sec-title__title {



  color: var(--agrofa-white, #fff);



}







.funfact-two__list {



  position: relative;



  background-color: var(--agrofa-white, #fff);



  margin: 0 0 0 -7px;



  padding: 0;



  list-style: none;



  display: flex;



  flex-wrap: wrap;



  row-gap: 0;



}







@media (max-width: 991px) {



  .funfact-two__list {



    margin: 50px 0 0;



  }



}







.funfact-two__list__icon {



  width: 94px;



  height: 94px;



  background-color: var(--agrofa-base, #c2a74e);



  display: flex;



  align-items: center;



  justify-content: center;



  border-radius: 50%;



  position: absolute;



  right: 0;



  left: 0;



  top: 0;



  bottom: 0;



  margin: auto;



}







.funfact-two__list__icon img {



  height: 65px;



  transform: scale(1);



  transition: 500ms ease;



}







@media (max-width: 767px) {



  .funfact-two__list__icon {



    display: none;



  }



}







.funfact-two__list:hover .funfact-two__list__icon img {



  transform: scale(0.9);



}







.funfact-two__item {



  flex: 0 0 50%;



  max-width: 50%;



  padding: 42px 58px;



}







.funfact-two__item:nth-child(1),



.funfact-two__item:nth-child(3) {



  border-right: 1px solid var(--agrofa-base, #c2a74e);



}







.funfact-two__item:nth-child(1),



.funfact-two__item:nth-child(2) {



  border-bottom: 1px solid var(--agrofa-base, #c2a74e);



}







@media (max-width: 1199px) {



  .funfact-two__item {



    padding-left: 30px;



    padding-right: 25px;



  }



}







@media (max-width: 991px) {



  .funfact-two__item {



    padding-left: 50px;



  }



}







@media (max-width: 767px) {



  .funfact-two__item {



    padding-left: 50px;



    flex: 0 0 100%;



    max-width: 100%;



    border-bottom: 1px solid var(--agrofa-base, #c2a74e);



  }



}







.funfact-two__count {



  margin: 0;



  color: var(--agrofa-black, #1e1d21);



  font-size: 40px;



  font-family: var(--agrofa-font, "Jost", sans-serif);



  font-weight: 500;



  line-height: 1;



  margin-bottom: 0px;



}







@media (min-width: 768px) {



  .funfact-two__count {



    font-size: 50px;



  }



}







.funfact-two__text {



  margin: 0;



  font-size: 18px;



  margin: 0;



}







.funfact-three {



  position: relative;



  padding: 100px 0;



}







@media (max-width: 767px) {



  .funfact-three {



    padding: 80px 0 50px;



  }



}







.funfact-three__bg {



  position: absolute;



  left: 0;



  top: 0;



  width: 100%;



  height: 100%;



  background-position: center center;



  background-repeat: no-repeat;



  background-size: cover;



  background-color: var(--agrofa-gray, #ddd);



}







@media (min-width: 1400px) {



  .funfact-three__bg {



    width: calc(100% - 240px);



    left: 120px;



  }



}







.funfact-three__list {



  margin: 0;



  padding: 0;



  list-style: none;



  display: flex;



  flex-wrap: wrap;



  row-gap: 0;



}







@media (max-width: 767px) {



  .funfact-three__list {



    display: block;



  }



}







.funfact-three__item {



  flex: 0 0 25%;



  max-width: 25%;



  position: relative;



}







@media (max-width: 991px) {



  .funfact-three__item {



    flex: 0 0 50%;



    max-width: 50%;



    padding: 0 0 30px !important;



  }



}







@media (max-width: 767px) {



  .funfact-three__item {



    flex: 0 0 100%;



    max-width: 100%;



    padding: 0 0 30px !important;



    text-align: center;



  }



}







.funfact-three__item:not(:last-of-type)::before {



  content: "";



  width: 1px;



  height: 100%;



  background-color: var(--agrofa-border-color, #ededed);



  position: absolute;



  top: 0;



  right: 54px;



}







@media (max-width: 991px) {



  .funfact-three__item:not(:last-of-type)::before {



    right: 50px !important;



  }



}







@media (max-width: 767px) {



  .funfact-three__item:not(:last-of-type)::before {



    display: none;



  }



}







.funfact-three__item:not(:first-of-type) {



  padding-left: 37px;



}







@media (max-width: 1199px) {



  .funfact-three__item:not(:first-of-type) {



    padding-left: 0;



  }



}







.funfact-three__item:nth-child(2)::before {



  right: 16px;



}







@media (max-width: 991px) {



  .funfact-three__item:nth-child(2)::before {



    display: none;



  }



}







.funfact-three__item:nth-child(3)::before {



  right: -20px;



}







.funfact-three__item:nth-child(3) {



  padding-left: 63px;



}







@media (max-width: 1199px) {



  .funfact-three__item:nth-child(3) {



    padding-left: 40px;



  }



}







.funfact-three__item:last-child {



  padding-left: 104px;



}







@media (max-width: 1199px) {



  .funfact-three__item:last-child {



    padding-left: 70px;



  }



}







.funfact-three__item:hover .funfact-three__icon::before {



  transform: scale(0.9);



}







.funfact-three__icon {



  width: 103px;



  height: 104px;



  background-color: var(--agrofa-base, #c2a74e);



  font-size: 60px;



  color: var(--agrofa-white, #fff);



  display: flex;



  align-items: center;



  justify-content: center;



  margin: 0 0 13px;



}







@media (max-width: 767px) {



  .funfact-three__icon {



    margin-left: auto;



    margin-right: auto;



  }



}







.funfact-three__icon::before {



  transition: all 500ms linear;



  transition-delay: 0s;



  transition-delay: 0s;



  transition-delay: 0s;



  transition-delay: 0s;



  transition-delay: 0.1s;



  transform: scale(1);



}







.funfact-three__count {



  margin: 0;



  color: var(--agrofa-black, #1e1d21);



  font-family: var(--agrofa-font, "Jost", sans-serif);



  font-size: 35px;



  font-weight: 500;



  line-height: 1;



}







@media (min-width: 768px) {



  .funfact-three__count {



    font-size: 40px;



  }



}







.funfact-three__text {



  margin: 0;



  color: var(--agrofa-text, #12110e);



  font-size: 16px;



  margin-top: 9px;



  margin-bottom: -6px;



}







/*--------------------------------------------------------------



# Testimonials



--------------------------------------------------------------*/



.testimonial-section .testimonials-card__top__left {



  text-align: left;







}







.testimonials-card__icon-qoute {



  display: none !important;



}







.testimonial-section .testimonials-card__top__left .testimonials-card__name {



  font-size: 24px;







}







.testimonial-section {



  background: #F6EFE3;



  padding: 80px 0;



}






/* .testimonial-box {



  display: flex;

  justify-content: center;





  gap: 0 25px;



} */






/*
.testimonial-box .item {



  width: 33%;



} */







.testimonials-card__icon-qoute img {



  filter: brightness(0) saturate(100%) invert(79%) sepia(39%) saturate(6069%) hue-rotate(344deg) brightness(96%) contrast(97%);



}







/* .testimonial-box.slick-initialized {



overflow: hidden;







}







.testimonial-box .slick-list {



overflow: visible;



padding-top: 50px;



} */







.testimonial-section .testimonials-card__inner {



  /* border: unset; */
  border-radius: 10px;



}







.testimonials-one {



  background-color: #fcfaf0;



  padding-bottom: 120px;



}







.testimonial-section .testimonials-card__top {



  flex-direction: column;



}







@media (max-width: 991px) {



  .testimonials-one {



    padding-bottom: 70px;



  }



}







@media (max-width: 991px) {



  .testimonials-one .container {



    max-width: 100% !important;



  }



}







.testimonials-one .section-common-title {



  max-width: 880px;



  margin: 0 auto;



}







.testimonials-one__chose-reasone {



  flex-direction: column;



  padding-bottom: 20px;



}







.testimonials-one__title {



  text-align: center;



  margin-bottom: 60px;



}







@media (max-width: 991px) {



  .testimonials-one__title {



    margin-bottom: 45px;



  }



}







.testimonials-one .sec-title {



  text-align: center;



}







.testimonials-one .row {



  --bs-gutter-x: 15px;



}







.testimonials-one--page {



  padding-top: 100px;



}











.testimonials-one__carousel {



  display: flex;



  align-items: center;



  justify-content: space-between;



}







@media (min-width: 992px) {



  .testimonials-one__carousel .owl-nav {



    display: none;



  }



}







.testimonials-one--home .sec-title {



  text-align: left;



}







.testimonials-one--home__text {



  font-size: 15px;



  line-height: 30px;



  margin: 105px 0 0;



}







@media (min-width: 1200px) {



  .testimonials-one--home__text {



    margin-left: 105px;



  }



}







@media (max-width: 991px) {



  .testimonials-one--home__text {



    margin: -30px 0 45px;



  }



}







.testimonials-one--three {



  padding-bottom: 197px;



}







@media (max-width: 991px) {



  .testimonials-one--three {



    padding-bottom: 108px;



  }



}







.testimonials-one--about {



  padding-top: 117px;



}







.testimonials-one--page-carousel {



  padding-top: 119px;



}







@media (max-width: 991px) {



  .testimonials-one--page-carousel {



    padding-top: 58px;



  }



}







.testimonials-card {



  transition: all 500ms ease;



  position: relative;



}







.testimonials-card {



  box-shadow: 0 5px 14px 0px rgba(0, 0, 0, 0.07);



}







.testimonials-card__inner {



  position: relative;



  z-index: 2;



  background-color: var(--agrofa-white, #fff);



  border: 2px solid var(--agrofa-green, #0c7735);



  padding: 20px;



}







@media (max-width: 991px) {



  .testimonials-card__inner {



    padding: 30px 24px 40px 23px;



  }



}







.testimonials-card__top {



  margin-bottom: 15px;



}







@media (max-width: 991px) {



  .testimonials-card__top {



    margin-bottom: 20px;



  }



}







@media (min-width: 1200px) {



  .testimonials-card__top {

    flex-direction: column;
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    align-items: center;
  }



}







.testimonials-card__image {



  flex-shrink: 0;



  /* border: 1px solid var(--agrofa-yellow, 253, 214, 31); */



  border-radius: 50%;



  transition: all 500ms ease;



  width: 76px;



  height: 76px;



  /* margin-right: 12px; */


  margin-bottom: 10px;
  position: relative;



}







@media (max-width: 991px) {



  .testimonials-card__image {



    margin-right: 0;



  }



}







.testimonials-card__image img {



  height: 76px;
  width: 76px;
  object-fit: cover;

  border-radius: 50%;



}







.testimonials-card__icon-qoute {



  position: absolute;



  width: 30px;



  height: 30px;



  right: 60px;



  top: -20px;



  border-radius: 50%;



  display: flex;



  align-items: center;



  justify-content: center;



}







.testimonials-card__icon-qoute>i {



  color: var(--agrofa-text, #12110e);



  font-size: 11px;



  line-height: 1;



}







.testimonials-card:hover .testimonials-card__image {



  border-width: 4px;



}







.testimonials-card__rating {



  display: flex;



  align-items: center;



}







.testimonials-card__rating i {



  color: var(--agrofa-yellow, 253, 214, 31);



  font-size: 18px;



  line-height: 1;



}







.testimonials-card__rating i+i {



  margin-left: 3px;



}







.testimonials-card__name {



  color: var(--agrofa-text, #12110e);



  font-size: 28px;



  font-weight: bold;



  line-height: 1;



  margin: 0;



  margin-bottom: 7px;



}



.testimonial-section .testimonials-card__top__left {
  margin-bottom: 10px;
}



.testimonials-card__designation {



  line-height: 1;



  font-size: 15px;



  color: var(--agrofa-green2, #163d25);



  margin: 0;

  text-align: center;

}







.testimonials-card__content {



  /* border-top: 1px solid #e5e4dd; */



  font-size: 16px;



  line-height: 28px;



  color: var(--agrofa-green2, #163d25);



  /* margin-top: 27px; */



  /* padding-top: 20px; */



  padding-right: 1px;



}







@media (max-width: 991px) {



  .testimonials-card__content {



    margin-top: 24px;



    padding-top: 15px;



  }



}







.testimonials-card .owl-carousel .owl-nav.disabled+.owl-dots {



  margin-top: 0;



}




.product-details__thumb-img {
  z-index: -1;
}



.testimonials-two {



  position: relative;



  background-color: #fcfaf0;



}







.testimonials-two .container {



  max-width: 1600px;



  padding-top: 118px;



  padding-bottom: 118px;



}







@media (max-width: 767px) {

  .testimonial-section .testimonials-card__top__left .testimonials-card__name {
    font-size: 20px;
  }

  .testimonials-two .container {



    padding-top: 42px;



    padding-bottom: 65px;



  }



}







.testimonials-two .section-common-title {



  max-width: 868px;



  margin: 0 auto;



}







.testimonials-two__chose-reasone {



  flex-direction: column;



  margin-left: 2px;



  padding-bottom: 15px;



}







.testimonials-two__title {



  text-align: center;



  margin-bottom: 56px;



}







@media (max-width: 767px) {



  .testimonials-two__title {



    margin-bottom: 38px;



  }



}







.testimonials-two__carousel {



  position: relative;



}







.testimonials-two__item {



  position: relative;



  margin: 0 0 22px;



}







.testimonials-two--card {



  position: relative;



  background-color: var(--agrofa-white, #fff);



}







.testimonials-two--card::before,



.testimonials-two--card::after {



  content: "";



  position: absolute;



  width: 100%;



  height: 190px;



  left: 0;



  top: 0;



  z-index: 1;



  background-image: url("../images/shapes/testimonial-bg2-1.png");



  background-repeat: no-repeat;



  background-size: 100% 100%;



  background-position: top left;



}







@media (max-width: 767px) {







  .testimonials-two--card::before,



  .testimonials-two--card::after {



    height: 170px;



  }



}







.testimonials-two--card::after {



  height: 75px;



  top: initial;



  bottom: 0;



  background-image: url("../images/shapes/testimonial-bg2-2.png");



}







@media (max-width: 767px) {



  .testimonials-two--card::after {



    background-size: cover;



  }



}







.testimonials-two--card__inner {



  padding: 25px 30px 80px 41px;



  position: relative;



  z-index: 2;



}







.testimonials-two--card__rating-row {



  display: flex;



  align-items: center;



  justify-content: space-between;



  margin-bottom: 33px;



  padding-right: 24px;



}







.testimonials-two--card__icon-qoute {



  width: 45px;



  height: 45px;



  border-radius: 50%;



  border: 1px solid var(--agrofa-white, #fff);



  display: flex;



  align-items: center;



  justify-content: center;



  font-size: 20px;



  line-height: 1;



  color: var(--agrofa-white, #fff);



}







.testimonials-two--card__rating>i {



  font-size: 19px;



  line-height: 1;



  color: var(--agrofa-yellow, 253, 214, 31);



}







.testimonials-two--card__owner {



  display: flex;



  align-items: center;



}







.testimonials-two--card__image {



  width: 76px;



  min-width: 76px;



  height: 76px;



  border-radius: 50%;



  border: 1px solid var(--agrofa-yellow, 253, 214, 31);



}







.testimonials-two--card__image>img {



  border-radius: 50% !important;



  width: 100% !important;



}







.testimonials-two--card__name-bx {



  padding-left: 25px;



}







.testimonials-two--card__name {



  font-family: var(--agrofa-font, "Jost", sans-serif);



  font-weight: 700;



  font-size: 20px;



  line-height: 1;



  margin-bottom: 7px;



  color: var(--agrofa-text, #12110e);



}







.testimonials-two--card__designation {



  font-size: 15px;



  line-height: 1;



  margin-bottom: 0;



  color: var(--agrofa-green2, #163d25);



}







.testimonials-two--card__content {



  font-size: 16px;



  line-height: 34px;



  color: var(--agrofa-green2, #163d25);



  margin-bottom: 0;



  padding-top: 30px;



}







.testimonials-two .agrofa-owl__carousel--basic-nav.owl-carousel .owl-dots {



  margin-top: 20px !important;



}







.testimonials-two--testimonial .container {



  max-width: 1200px;



  padding-top: 120px;



  padding-bottom: 208px;



}







@media (max-width: 991px) {



  .testimonials-two--testimonial .container {



    padding-top: 68px;



    padding-bottom: 55px;



  }



}







@media (max-width: 991px) {



  .testimonials-two--testimonial .testimonials-farmer-col {



    width: 50%;



  }



}







@media (max-width: 767px) {



  .testimonials-two--testimonial .testimonials-farmer-col {



    width: 100%;



  }



}







.testimonials-two--testimonial .testimonials-two--card__inner {



  padding-bottom: 76px;



}



/*--------------------------------------------------------------
# My account
--------------------------------------------------------------*/
.myacoount-tab .nav-tab-sec .account-left-tab {
  background-color: rgb(241, 250, 245);
  border-radius: 8px;
  padding: 38px 44px 46px 44px;
}

.myacoount-tab .nav-tab-sec ul li a {
  background-color: var(--agrofa-yellow, 253, 214, 31);
  color: var(--agrofa-black, #1e1d21) !important;
  padding-left: 39px;
}

.myacoount-tab .nav-tab-sec ul .nav-link.active {
  background-color: #f28a20 !important;
  color: #fff !important;
}

.myacoount-tab .nav-tab-sec ul .nav-link.active::after,
.myacoount-tab .nav-tab-sec ul .nav-link:hover::after {
  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(92deg) brightness(103%) contrast(101%);
}

.myacoount-tab .nav-tab-sec ul .nav-link:hover {
  background-color: #f28a20 !important;
  color: #fff !important;
}

.myacoount-tab .nav-tab-sec ul li {
  margin-bottom: 10px;
  width: 100%;
  cursor: pointer;
}

.myacoount-tab .nav-tab-sec ul li a::after {
  content: "";
  background-image: url(../images/icon/accountuser.png);
  height: 28px;
  width: 28px;
  background-size: 28px;
  right: 18px;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  margin: auto 0;
  display: flex;
  align-items: center;

}

.myacoount-tab .nav-tab-sec ul .order a::after {
  background-image: url(../images/icon/accountorder.png);
}

.myacoount-tab .nav-tab-sec ul .changepassword a::after {
  background-image: url(../images/icon/accountreset-password.png);
}

.myacoount-tab .nav-tab-sec ul .logout a::after {
  background-image: url(../images/icon/accountlogout.png);
}

.myacoount-tab .nav-tab-sec ul .wishlist a::after {
  background-image: url(../images/icon/wishlist.png);
}

.myacoount-tab .nav-tab-sec ul li a {
  font-weight: 500;
  font-size: 16px;
  line-height: 1;
  color: var(--agrofa-text, #12110e);
  background-color: var(--agrofa-white, #fff);
  border-radius: 3px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: all 500ms ease;
  padding: 18px;
  position: relative;
}

.myacoount-tab .product__sidebar--title {
  margin-bottom: 20px;
  text-align: center;

}

.myacoount-tab {
  margin: 100px 0;
}

.login-page__single.login-bg {
  border: 2px solid #ecf6f0;
  padding: 30px;
  border-radius: 8px;
  box-shadow: 5px 5px 30px rgb(0 0 0 / 7%);
  background: rgb(241, 250, 245);
}

.myacoount-tab .login-page__form {
  border: unset;
  padding: 0;
}

.myacoount-tab .login-page__form-input-box:last-child {
  margin-bottom: 0;
}

.order-detail-date p,
.order-detail-date span,
.order-total p,
.order-total span,
.order-id p,
.order-id span {
  font-size: 14px !important;
}

.your-order-table .custom-badge {
  font-size: 15px !important;
  padding: 10px;
}

.your-order-tbl-date {
  width: 100px;
}

.your-order-table .order-detail-date {
  width: 100px;
}

.order-id {
  width: 80px;
  text-align: center;
}

.order-id a,
.your-order-tbl-order a {
  color: var(--brown-color);
}

.order-id a:hover,
.your-order-tbl-order a:hover {
  color: var(--secondary-color);
}

.your-order-table .your-order-tbl-amount {
  width: 100px;
}

.order-amount {
  width: 105px;
}


.order-success {
  background: #ecf6f0;
  text-align: center;
  padding: 20px;
  margin: 100px 0;
}

.order-success-img img {
  height: 50px;
  width: 50px;
  margin-bottom: 20px;
  filter: brightness(0) saturate(100%) invert(40%) sepia(15%) saturate(871%) hue-rotate(61deg) brightness(97%) contrast(90%);
}

.order-detail-head {
  display: flex;
  gap: 30px;
}

.order-detail-date {
  justify-content: space-between;
  display: flex;
  flex-direction: column;

}

.order-detail-header {
  display: flex;
  justify-content: space-between;
  padding: 17px 10px 10px 10px;
  border-radius: 12px;
  align-items: center;
}

.custom-badge {
  font-size: 12px !important;
  padding: 7px;
}

.order-detail-header p {
  margin-bottom: 0;
  font-size: 16px;
  line-height: 13px;
  text-transform: uppercase;
  color: var(--agrofa-text, #12110e);
}

.order-detail-header span {
  font-size: 15px;
  line-height: 7px;
  color: var(--agrofa-text, #12110e);
}

/*--------------------------------------------------------------



# CTA



--------------------------------------------------------------*/



.cta-one {



  padding-bottom: 120px;



  position: relative;



}







.cta-one .container-fluid {



  max-width: 1380px;



}







.cta-one__inner {



  position: relative;



  padding: 20px;



}







.cta-one__bg {



  position: absolute;



  top: 0;



  left: 0;



  right: 0;



  bottom: 0;



}







.cta-one__title {



  margin: 0;



  text-transform: uppercase;



  max-width: 513px;



  width: 100%;



  font-size: 35px;



  line-height: 1.2em;



  font-weight: bold;



  margin-bottom: 15px;



}







.cta-one__title span {



  font-family: var(--agrofa-special-font, "Outfit", sans-serif);



  font-weight: 400;



}







@media (min-width: 992px) {



  .cta-one__title {



    font-size: 50px;



    margin-bottom: 30px;



    margin-top: -10px;



  }



}







.cta-one__content {



  position: relative;



  border: 1px solid var(--agrofa-white, #fff);



  padding: 50px 20px;



}







@media (min-width: 768px) {



  .cta-one__content {



    padding: 60px;



  }



}







@media (min-width: 1200px) {



  .cta-one__content {



    padding: 100px;



  }



}







.cta-one__link:hover {



  color: var(--agrofa-white, #fff);



}







.cta-one__link::after {



  background-color: var(--agrofa-black, #1e1d21);



}







.cta-one__link::before {



  background-color: var(--agrofa-base, #c2a74e);



}







.cta-two {



  position: relative;



  background-color: var(--agrofa-base, #c2a74e);



  background-position: center center;



  background-repeat: no-repeat;



  background-size: cover;



}







.cta-two__shape {



  position: absolute;



  left: -10px;



  top: 0;



}







.cta-two__shape img {



  animation: shapeMove 3s linear 0s infinite;



}







.cta-two__content {



  position: relative;



  padding: 85px 0 90px;



}







.cta-two__sub-title {



  font-family: var(--agrofa-special-font, "Outfit", sans-serif);



  color: var(--agrofa-white, #fff);



  font-size: 40px;



  line-height: 1.2em;



  margin: 0 0 2px;



}







.cta-two__title {



  color: var(--agrofa-white, #fff);



  font-size: 50px;



  text-transform: uppercase;



  font-weight: 700;



  margin: 0 0 37px;



}







@media (min-width: 992px) and (max-width: 1199px) {



  .cta-two__title {



    font-size: 44px;



  }



}







@media (max-width: 767px) {



  .cta-two__title {



    font-size: 35px;



  }



}







.cta-two__thumb {



  position: relative;



}







.cta-two__thumb__one {



  position: relative;



  right: 35px;



  margin-top: -28px;



}







@media (max-width: 991px) {



  .cta-two__thumb__one {



    right: 0;



  }



}







.cta-two__thumb__one__shape {



  position: absolute;



  left: -40px;



  top: -40px;



  width: 545px;



  height: 408px;



}







.cta-two__thumb__one__thumb {



  width: 482px;



  height: auto;



  border: 20px solid var(--agrofa-white, #fff);



  position: relative;



  z-index: 2;



  transform: rotate(5deg);



}







@media (max-width: 767px) {



  .cta-two__thumb__one__thumb {



    width: 100%;



  }



}







.cta-two__thumb__one__thumb img {



  width: 100%;



  height: 282px;



  object-fit: cover;



}







@media (max-width: 767px) {



  .cta-two__thumb__one__thumb img {



    height: auto;



  }



}







.cta-two__thumb__two {



  position: absolute;



  right: -48px;



  top: 195px;



  z-index: 3;



}







@media (max-width: 991px) {



  .cta-two__thumb__two {



    top: 45px;



    right: 0;



  }



}







@media (max-width: 767px) {



  .cta-two__thumb__two {



    position: relative;



    top: 0;



    right: 0;



  }



}







.cta-two__thumb__two__flower {



  position: absolute;



  right: -10px;



  top: -121px;



  z-index: 4;



}







@media (max-width: 767px) {



  .cta-two__thumb__two__flower {



    display: none;



  }



}







.cta-two__thumb__two__flower img {



  -webkit-animation-name: float-bob-y-2;



  animation-name: float-bob-y-2;



  -webkit-animation-duration: 4s;



  animation-duration: 4s;



  -webkit-animation-iteration-count: infinite;



  animation-iteration-count: infinite;



  -webkit-animation-timing-function: linear;



  animation-timing-function: linear;



}







.cta-two__thumb__two__shape {



  position: absolute;



  left: -45px;



  top: -60px;



  width: 446px;



  height: 421px;



}







.cta-two__thumb__two__thumb {



  width: 360px;



  height: auto;



  border: 20px solid var(--agrofa-white, #fff);



  position: relative;



  z-index: 2;



  transform: rotate(-17.2deg);



}







@media (max-width: 767px) {



  .cta-two__thumb__two__thumb {



    width: 100%;



  }



}







.cta-two__thumb__two__thumb img {



  width: 100%;



  height: 215px;



  object-fit: cover;



}







@media (max-width: 767px) {



  .cta-two__thumb__two__thumb img {



    height: auto;



  }



}







/*--------------------------------------------------------------



# Gallery



--------------------------------------------------------------*/



.gallery-one {



  padding-top: 120px;



  padding-bottom: 120px;



}







.gallery-one .container-fluid {



  width: 100%;



  max-width: 1572px;



}







.gallery-one--page {



  padding-top: 100px;



}







.gallery-one .row {



  --bs-gutter-x: 10px;



  --bs-gutter-y: 10px;



}







@media (min-width: 992px) {



  .gallery-one__carousel .owl-nav {



    display: none;



  }



}







.gallery-one__filter__list {



  display: inline-flex;



  justify-content: center;



  align-items: center;



  margin-bottom: 40px;



  flex-wrap: wrap;



}







.gallery-one__filter__list li,



.gallery-one__filter__list .food-one--two .food-one__quality-list li,



.food-one--two .food-one__quality-list .gallery-one__filter__list li {



  cursor: pointer;



}







.gallery-one__filter__list li span,



.gallery-one__filter__list .food-one--two .food-one__quality-list li span,



.food-one--two .food-one__quality-list .gallery-one__filter__list li span {



  display: block;



  font-size: 10px;



  background-color: var(--agrofa-gray, #ddd);



  transition: all 500ms ease;



  text-transform: uppercase;



  font-weight: 600;



  letter-spacing: var(--agrofa-letter-space, 0.1em);



  padding: 15px 20px;



  line-height: 1.2em;



}







.gallery-one__filter__list li.active span,



.gallery-one__filter__list li:hover span {



  background-color: var(--agrofa-base, #c2a74e);



  color: var(--agrofa-white, #fff);



}







.gallery-one__card {



  position: relative;



  overflow: hidden;



  background-color: var(--agrofa-black, #1e1d21);



}







.gallery-one__card img {



  transform: scale(1);



  max-width: 100%;



  transition: transform 500ms ease, opacity 500ms ease;



  opacity: 1;



}







.gallery-one__card__hover {



  position: absolute;



  top: 0;



  left: 0;



  right: 0;



  bottom: 0;



  background-color: rgba(var(--agrofa-base-rgb, 194, 167, 78), 0.9);



  display: flex;



  justify-content: center;



  align-items: center;



  transform: scale(1, 0);



  transition: transform 500ms ease;



  transform-origin: bottom center;



}







.gallery-one__card__hover .img-popup {



  position: relative;



}







.gallery-one__card:hover img {



  transform: scale(1.05);



  opacity: 0.9;



  mix-blend-mode: screen;



}







.gallery-one__card:hover .gallery-one__card__hover {



  transform-origin: top center;



  transform: scale(1, 1);



}







.gallery-one__card__icon {



  width: 32px;



  height: 32px;



  display: block;



  position: relative;



}







.gallery-one__card__icon::after,



.gallery-one__card__icon::before {



  content: "";



  width: 2px;



  height: 100%;



  background-color: var(--agrofa-white, #fff);



  position: absolute;



  top: 50%;



  left: 50%;



  transform: translate(-50%, -50%);



}







.gallery-one__card__icon::after {



  transform: translate(-50%, -50%) rotate(90deg);



}







.gallery-two {



  position: relative;



  overflow: hidden;



  padding: 0 0 20px;



}







.gallery-two .container-fluid {



  width: 100%;



  padding-left: 0;



  padding-right: 0;



}







@media (max-width: 767px) {



  .gallery-two .container-fluid {



    padding-left: 15px;



    padding-right: 15px;



  }



}







.gallery-two .row {



  --bs-gutter-x: 20px;



  --bs-gutter-y: 20px;



}







.gallery-two__col-one {



  width: 65%;



}







@media (max-width: 1199px) {



  .gallery-two__col-one {



    width: 100%;



  }



}







.gallery-two__col-two {



  width: 35%;



}







@media (max-width: 1199px) {



  .gallery-two__col-two {



    width: 100%;



  }



}







.gallery-two__card {



  position: relative;



  overflow: hidden;



  background-color: var(--agrofa-black, #1e1d21);



}







.gallery-two__card img {



  transform: scale(1);



  width: 100%;



  transition: transform 500ms ease, opacity 500ms ease;



  opacity: 1;



}







.gallery-two__card__hover {



  position: absolute;



  top: 0;



  left: 0;



  right: 0;



  bottom: 0;



  background-color: rgba(var(--agrofa-black-rgb, 30, 29, 33), 0.5);



  display: flex;



  justify-content: center;



  align-items: center;



  transform: scale(1, 0);



  transition: transform 500ms ease;



  transform-origin: bottom center;



}







.gallery-two__card__hover .img-popup {



  position: relative;



}







.gallery-two__card:hover img {



  transform: scale(1.05);



  opacity: 0.9;



  mix-blend-mode: screen;



}







.gallery-two__card:hover .gallery-two__card__hover {



  transform-origin: top center;



  transform: scale(1, 1);



}







.gallery-two__card a {



  width: 75px;



  height: 75px;



  position: absolute;



  top: 0;



  right: 0;



  bottom: 0;



  left: 0;



  margin: auto;



  background-color: var(--agrofa-white, #fff);



  border-radius: 50%;



  display: flex;



  align-items: center;



  justify-content: center;



}







.gallery-two__card a:hover .gallery-two__card__icon::after,



.gallery-two__card a:hover .gallery-two__card__icon::before {



  background-color: var(--agrofa-base, #c2a74e);



}







.gallery-two__card__icon {



  width: 24px;



  height: 24px;



  display: block;



  position: relative;



}







.gallery-two__card__icon::after,



.gallery-two__card__icon::before {



  content: "";



  width: 2px;



  height: 100%;



  background-color: var(--agrofa-black, #1e1d21);



  position: absolute;



  top: 50%;



  left: 50%;



  transform: translate(-50%, -50%);



  transition: all 400ms ease;



}







.gallery-two__card__icon::after {



  transform: translate(-50%, -50%) rotate(90deg);



}







.gallery-two__info {



  position: relative;



  background-color: var(--agrofa-base, #c2a74e);



  background-position: left bottom;



  background-repeat: no-repeat;



  background-size: cover;



  padding: 0 50px 0 100px;



  height: 100%;



}







@media (min-width: 1200px) {



  .gallery-two__info {



    display: flex;



    flex-wrap: wrap;



    justify-content: center;



    flex-direction: column;



  }



}







@media (max-width: 1500px) {



  .gallery-two__info {



    padding-left: 40px;



    padding-right: 30px;



  }





}







@media (max-width: 1199px) {



  .gallery-two__info {



    padding: 80px 50px;



  }



}







@media (max-width: 767px) {



  .gallery-two__info {



    padding: 50px 30px;



  }




}







.gallery-two__info__icon {



  width: 60px;



  height: 60px;



  margin-bottom: 24px;



}







.gallery-two__info__icon img {



  width: 100%;



  height: 100%;



  object-fit: cover;



}







.gallery-two__info__title {



  color: var(--agrofa-white, #fff);



  font-size: 44px;



  line-height: 50px;



  text-transform: uppercase;



  font-weight: 700;



  margin: 0;



}







@media (min-width: 1200px) and (max-width: 1300px) {



  .gallery-two__info__title {



    font-size: 35px;



    line-height: 42px;



  }



}







@media (max-width: 767px) {



  .gallery-two__info__title {



    font-size: 35px;



    line-height: 45px;



  }



}







/*--------------------------------------------------------------



# Sidebar



--------------------------------------------------------------*/



.sidebar__single {



  background-color: var(--agrofa-gray, #ddd);



  padding: 40px;



}







@media (min-width: 1200px) {



  .sidebar__single {



    padding: 50px;



  }



}







.sidebar__single+.sidebar__single {



  margin-top: 30px;



}







.sidebar__title {



  margin: 0;



  font-family: var(--agrofa-font, "Jost", sans-serif);



  line-height: 1em;



  font-size: 20px;



  font-weight: 600;



  color: var(--agrofa-text, #12110e);



  margin-bottom: 40px;



  text-decoration: underline;



}







@media (min-width: 768px) {



  .sidebar__title {



    font-size: 20px;



  }



}







.sidebar__search {



  position: relative;



  margin: -10px;



}







@media (min-width: 1200px) {



  .sidebar__search {



    margin: -20px;



  }



}







.sidebar__search input[type=search],



.sidebar__search input[type=text] {



  outline: none;



  width: 100%;



  height: 64px;



  background-color: var(--agrofa-white, #fff);



  font-size: 14px;



  color: var(--agrofa-text, #12110e);



  border: 1px solid var(--agrofa-border-color, #ededed);



  padding-left: 30px;



  padding-right: 30px;



  box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.07);



  transition: all 500ms ease;



}







.sidebar__search input[type=search]:focus,



.sidebar__search input[type=text]:focus {



  box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.1);



}







.sidebar__search button[type=submit] {



  border: none;



  outline: none;



  background-color: rgba(0, 0, 0, 0);



  position: absolute;



  top: 50%;



  right: 30px;



  transform: translateY(-50%);



  width: auto;



  font-size: 22px;



  color: var(--agrofa-black, #1e1d21);



}







.sidebar__posts {



  margin-bottom: 0;



}







.sidebar__posts__item {



  display: flex;



  align-items: center;



  border-bottom: 1px solid #d3dbd6;



  margin-bottom: 20px;



  padding-bottom: 19px;



}







.sidebar__posts__item:last-child {



  margin-bottom: 0;



}







.sidebar__posts__title {



  margin: 0;



  color: var(--agrofa-text, #12110e);



  font-family: var(--agrofa-font, "Jost", sans-serif);



  font-size: 18px;



  font-weight: 500;



  line-height: 30px;



  margin-left: 18px;



  margin-bottom: 0;



}







.sidebar__posts__title a {



  color: inherit;



  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;



  transition: all 500ms ease;



}







.sidebar__posts__title a:hover {



  background-size: 100% 1px;



}







.sidebar__posts__meta {



  margin: 0;



  line-height: 1em;



  display: flex;



  align-items: center;



  flex-wrap: wrap;



  margin-bottom: 13px;



}







.sidebar__posts__meta a {



  display: inline-flex;



  align-items: center;



  color: var(--agrofa-text, #12110e);



  font-size: 14px;



  line-height: 1em;



  transition: all 500ms ease;



}







.sidebar__posts__meta a:hover {



  color: var(--agrofa-black, #1e1d21);



  text-shadow: 0 0 1px currentColor;



}







.sidebar__posts__meta a i {



  color: var(--agrofa-base, #c2a74e);



  margin-right: 3px;



}







.sidebar__categories>li,



.food-one--two .food-one__quality-list .sidebar__categories>li {



  margin-bottom: 27px;



}







.sidebar__categories>li:last-child {



  margin-bottom: 0;



}







.sidebar__categories>li>a,



.food-one--two .food-one__quality-list .sidebar__categories>li>a {



  display: flex;



  align-items: center;



  justify-content: space-between;



  color: #59615c;



  font-weight: 500;



}







.sidebar__categories>li>a span,



.food-one--two .food-one__quality-list .sidebar__categories>li>a span {



  font-size: 17px;



  line-height: 1;



  font-weight: 500;



  color: inherit;



}







.sidebar__categories>li>a:hover {



  color: var(--agrofa-text, #12110e);



}







.sidebar__tags {



  display: flex;



  align-items: center;



  flex-wrap: wrap;



  gap: 10px;



}







.sidebar__tags a {



  background-color: var(--agrofa-white, #fff);



  font-size: 13px;



  line-height: 1;



  font-weight: 500;



  color: var(--agrofa-text3, #080501);



  transition: all 500ms ease;



  display: inline-flex;



  padding: 8px 17.2px;



  border-radius: 4px;



}







.sidebar__tags a:hover {



  color: var(--agrofa-white, #fff);



  background-color: var(--agrofa-green, #0c7735);



}







.sidebar__comments__item {



  display: flex;



  border-bottom: 1px solid #d3dbd6;



  margin-bottom: 20px;



  padding-bottom: 20px;



}







.sidebar__comments__item:last-child {



  margin-bottom: 0;



}







.sidebar__comments__icon {



  flex-shrink: 0;



  width: 62px;



  height: 62px;



  display: flex;



  justify-content: center;



  align-items: center;



  background-color: var(--agrofa-white, #fff);



  font-size: 24px;



  color: var(--agrofa-text, #12110e);



  margin-right: 16px;



  border-radius: 50%;



  transition: all 500ms ease;



}







.sidebar__comments__item:hover .sidebar__comments__icon {



  background-color: var(--agrofa-green, #0c7735);



  color: var(--agrofa-white, #fff);



}







.sidebar__comments__title {



  margin: 0;



  font-family: var(--agrofa-font, "Jost", sans-serif);



  font-size: 16px;



  line-height: 24px;



  font-weight: 500;



  color: var(--agrofa-green, #0c7735);



}







.sidebar__comments__title a {



  color: inherit;



  transition: all 500ms ease;



}







.sidebar__comments__title a:hover {



  color: var(--agrofa-text, #12110e);



}







.sidebar__comments__text {



  margin: 0;



  font-size: 16px;



  line-height: 26px;



  font-weight: 500;



  color: #6a6e6b;



}







.blog-one--list__sidebar .sidebar__single {



  background-color: var(--agrofa-sky-bg2-color);



}







@media (min-width: 1200px) {



  .blog-one--list__sidebar .sidebar__single {



    padding: 35px 44px;



  }



}







.blog-one--list__sidebar .sidebar__single.single--categories {



  padding-top: 40px;



  margin-top: 38px;



}







.blog-one--list__sidebar .sidebar__single.single--latest-post {



  padding-bottom: 38px;



  padding-right: 28px;



}







.blog-one--list__sidebar .sidebar__single.single--latest-post .sidebar__title {



  margin-bottom: 25px;



}







.blog-one--list__sidebar .sidebar__single.single--tag {



  padding-bottom: 40px;



}







.blog-one--list__sidebar .sidebar__single.single--tag .sidebar__title {



  margin-bottom: 26px;



}







.blog-one--list__sidebar .sidebar__single.single--comments {



  padding-right: 28px;



  padding-bottom: 32px;



}







.blog-one--list__sidebar .sidebar__single.single--comments .sidebar__title {



  margin-bottom: 27px;



}







.blog-one--list__sidebar .sidebar__search {



  position: relative;



}







@media (min-width: 1200px) {



  .blog-one--list__sidebar .sidebar__search {



    margin: 0;



  }



}







.blog-one--list__sidebar .sidebar__search input[type=search],



.blog-one--list__sidebar .sidebar__search input[type=text] {



  height: 57px;



  border-color: #c8c8ca;



  box-shadow: none;



  padding-left: 20px;



  padding-right: 66px;



  font-weight: 500;



  color: #919191;



}







.blog-one--list__sidebar .sidebar__search button[type=submit] {



  width: 60px;



  right: 1px;



  top: 0;



  bottom: 0;



  height: calc(100% - 2px);



  margin: auto 0;



  transform: initial;



  background-color: var(--agrofa-yellow, 253, 214, 31);



  border-left: 1px solid #c8c8ca;



}







.blog-one--list__sidebar .sidebar__posts__img {



  border-radius: 50% !important;



  overflow: hidden;



  width: 57px;



  min-width: 57px;



  height: 57px;



}







.blog-one--list__sidebar .sidebar__posts__img>img {



  width: 100% !important;



}







.service-sidebar__single {



  margin-top: 0;



  background-color: var(--agrofa-sky-bg-color);



  border-radius: 8px;



  padding: 38px 44px 46px 44px;



}







@media (max-width: 1200px) {



  .service-sidebar__single {



    padding: 30px;



  }



}







.service-sidebar__single.service-sidebar--quick {



  margin-top: 30px;



  background-color: #f9f6ea;



  padding-top: 52px;



  padding-bottom: 57px;



}







@media (max-width: 1200px) {



  .service-sidebar__single.service-sidebar--quick {



    padding-top: 30px;



    padding-bottom: 30px;



  }



}







.service-sidebar__title {



  margin: 0;



  line-height: 1em;



  font-family: var(--agrofa-font, "Jost", sans-serif);



  font-size: 20px;



  font-weight: 600;



  color: var(--agrofa-text, #12110e);



  position: relative;



  margin-bottom: 24px;



  padding-left: 23px;



}







.service-sidebar__title::before {



  content: "";



  position: absolute;



  width: 22px;



  height: 31px;



  top: -9px;



  left: 9px;



  z-index: 1;



  background-image: url("../images/shapes/food-img1-1.png");



  background-repeat: no-repeat;



  background-position: left center;



  background-size: 100% auto;



}







@media (min-width: 768px) {



  .service-sidebar__title {



    font-size: 20px;



  }



}







.service-sidebar__nav {



  border-top: 0;



  margin-bottom: 0;



}







.service-sidebar__nav li,



.service-sidebar__nav .food-one--two .food-one__quality-list li,



.food-one--two .food-one__quality-list .service-sidebar__nav li {



  transition: all 0.4s;



}







.service-sidebar__nav li:not(:last-of-type) {



  margin-bottom: 10px;



}







.service-sidebar__nav li a,



.service-sidebar__nav .food-one--two .food-one__quality-list li a,



.food-one--two .food-one__quality-list .service-sidebar__nav li a {



  font-weight: 500;



  font-size: 16px;



  line-height: 1;



  color: var(--agrofa-text, #12110e);



  background-color: var(--agrofa-white, #fff);



  border-radius: 3px;



  display: flex;



  justify-content: space-between;



  align-items: center;



  transition: all 500ms ease;



  padding: 13.5px 18px;



  position: relative;



}







@media (min-width: 992px) {







  .service-sidebar__nav li a,



  .service-sidebar__nav .food-one--two .food-one__quality-list li a,



  .food-one--two .food-one__quality-list .service-sidebar__nav li a {



    font-size: 17px;



  }



}







.service-sidebar__nav li a::after,



.service-sidebar__nav .food-one--two .food-one__quality-list li a::after,



.food-one--two .food-one__quality-list .service-sidebar__nav li a::after {



  content: "\e921";



  font-family: "icomoon" !important;



  font-weight: 900;



  transition: all 500ms ease;



  font-size: 11px;



  position: absolute;



  right: 18px;



  top: 0;



  bottom: 0;



  z-index: 1;



  margin: auto 0;



  display: flex;



  align-items: center;



  transition: all 1.5s ease;



}







.service-sidebar__nav li.current a,



.service-sidebar__nav li:hover a {



  background-color: var(--agrofa-yellow, 253, 214, 31);



  color: var(--agrofa-black, #1e1d21);



  padding-left: 39px;



}







.service-sidebar__nav li.current a::after,



.service-sidebar__nav li:hover a::after {



  opacity: 1;



  left: 19px;



}







.service-sidebar__quick-image {



  position: relative;



  background-color: rgb(2, 105, 41);



  background-blend-mode: overlay;



  border-radius: 4px;



}







.service-sidebar__quick-image>img {



  opacity: 0;



  visibility: hidden;



}







.service-sidebar__quick-info {



  position: absolute;



  width: 100%;



  height: auto;



  left: 0;



  bottom: 39px;



  z-index: 2;



}







.service-sidebar__quick-heading {



  font-size: 25px;



  line-height: 34px;



  font-weight: 600;



  text-align: center;



  color: var(--agrofa-white, #fff);



  padding: 0 32px;



  margin-bottom: 44px;



}







.service-sidebar__quick-contact {



  width: calc(100% + 12px);



  background-color: var(--agrofa-green2, #163d25);



  display: flex;



  align-items: center;



  justify-content: center;



  position: relative;



  padding: 6.5px 0;



}







.service-sidebar__quick-contact::after {



  content: "";



  position: absolute;



  width: 0;



  height: 0;



  display: inline-block;



  z-index: 99;



  border-right: 13px solid transparent;



  border-top: 13px solid #03b03a;



  right: 0;



  top: -13px;



  transform: rotate(-94deg);



}







.service-sidebar__quick-contact>i {



  font-size: 15px;



  line-height: 1;



  width: 37px;



  height: 37px;



  border: 1px solid var(--agrofa-text, #12110e);



  border-radius: 50%;



  background-color: var(--agrofa-yellow, 253, 214, 31);



  color: #045b25;



  display: flex;



  align-items: center;



  justify-content: center;



  transition: all 0.5s;



}







.service-sidebar__quick-contact>i:hover {



  background-color: var(--agrofa-white, #fff);



  color: var(--agrofa-text, #12110e);



  transform: rotate(360deg);



}







.service-sidebar__quick__tel-number {



  font-size: 18px;



  line-height: 1;



  font-weight: 500;



  color: var(--agrofa-white, #fff);



  padding-left: 9px;



}







.service-sidebar__quick__tel-number:hover {



  color: var(--agrofa-yellow, 253, 214, 31);



}







/*--------------------------------------------------------------



# Blog details



--------------------------------------------------------------*/



.blog-details .blog-card__image img {



  transform: scale(1);



  transform: translatex(0%) scalex(1);



  opacity: 1;



  filter: blur(0px);



}







.blog-details .blog-card:hover .blog-card__image img {



  transform: scale(1);



  transform: translatex(0%) scalex(1);



  opacity: 1;



  filter: blur(0px);



}







.blog-details .blog-card-two__text {



  margin-bottom: 25px;



}







.blog-details .blog-card__title {



  margin-bottom: 27px;



}







.blog-details .blog-card__subtitle {



  font-family: var(--agrofa-font, "Jost", sans-serif);



  font-weight: 600;



  font-size: 24px;



  line-height: 1;



  color: var(--agrofa-text, #12110e);



  margin-bottom: 18px;



  padding-top: 5px;



}







.blog-details .blog-card__subtitle>a {



  color: var(--agrofa-text, #12110e);



  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;



  transition: all 500ms ease;



}







.blog-details .blog-card__subtitle>a:hover {



  background-size: 100% 1px;



}







.blog-details .blog-card-two__content {



  padding-bottom: 50px;



  border-bottom: 1px solid var(--agrofa-border-color, #ededed);



}







.blog-details__meta {



  display: flex;



  flex-wrap: wrap;



  justify-content: space-between;



  align-items: center;



  gap: 20px;



  padding-bottom: 50px;



}







.blog-details__meta--categories {



  display: flex;



  align-items: center;



}







.blog-details__meta--tags__title {



  font-weight: 600;



  font-size: 16px;



  line-height: 1;



  color: var(--agrofa-text, #12110e);



  margin-bottom: 0;



  margin-right: 9px;



}







.blog-details__meta .sidebar__tags a {



  background-color: var(--agrofa-sky-bg2-color);



}







.blog-details__meta .sidebar__tags a:hover {



  background-color: var(--agrofa-green, #0c7735);



}







.blog-details__tags {



  display: flex;



  align-items: center;



  gap: 12px;



}







.blog-details__tags__title {



  font-weight: 600;



  font-size: 16px;



  line-height: 1;



  color: var(--agrofa-text, #12110e);



  margin-bottom: 0;



}







.blog-details__tags .sidebar__tags {



  padding: 9px 17px 9px 11px;



  background-color: var(--agrofa-sky-bg2-color);



  display: flex;



  align-items: center;



}







.blog-details__tags .sidebar__tags>span {



  font-size: 13px;



  line-height: 1;



  font-weight: 500;



  color: var(--agrofa-text, #12110e);



  display: block;



}







.blog-details__admin--bg {



  padding: 36px 32px 34px 28px;



  background-color: var(--agrofa-white, #fff);



  border: 1px solid #dadada;



  border-radius: 4px;



  display: flex;



  flex-wrap: wrap;



}







@media (max-width: 991px) {



  .blog-details__admin--bg {



    gap: 25px 0;



  }



}







.blog-details__admin--image {



  width: 124px;



}







@media (max-width: 991px) {



  .blog-details__admin--image {



    width: 100%;



  }



}







.blog-details__admin--image>img {



  width: 100% !important;



  border-radius: 4px !important;



}







@media (max-width: 991px) {



  .blog-details__admin--image>img {



    max-height: 260px;



    object-fit: contain;



  }



}







.blog-details__admin--details-box {



  width: calc((100% - 124px) / 1);



  padding-left: 26px;



}







@media (max-width: 991px) {



  .blog-details__admin--details-box {



    width: 100%;



    padding-left: 0;



  }



}







.blog-details__admin--title {



  font-family: var(--agrofa-special-font, "Outfit", sans-serif);



  font-weight: 600;



  font-size: 21px;



  line-height: 1;



  color: var(--agrofa-text, #12110e);



  margin-bottom: 14px;



}







.blog-details__admin--summery {



  font-weight: 500;



  font-size: 16px;



  line-height: 34px;



  color: var(--agrofa-text, #12110e);



  margin-bottom: 28px;



}







.blog-details__admin--social {



  display: flex;



  align-items: center;



}







.blog-details__admin--social-name {



  font-weight: 500;



  font-size: 15px;



  line-height: 1;



  color: var(--agrofa-text, #12110e);



}







.blog-details__admin--social-icon {



  display: flex;



  align-items: center;



  padding-left: 0;



  margin-bottom: 0;



  list-style: none;



  gap: 0 10px;



  padding-left: 16px;



}







.blog-details__admin--social-icon>li,



.food-one--two .food-one__quality-list .blog-details__admin--social-icon>li {



  list-style: none;



}







.blog-details__admin--social-icon>li>a,



.food-one--two .food-one__quality-list .blog-details__admin--social-icon>li>a {



  width: 35px;



  height: 35px;



  border-radius: 50%;



  background-color: var(--agrofa-sky-bg2-color);



  color: var(--agrofa-text, #12110e);



  display: flex;



  align-items: center;



  justify-content: center;



  font-size: 15px;



  line-height: 1;



}







.blog-details__admin--social-icon>li>a:hover {



  background-color: var(--agrofa-yellow, 253, 214, 31);



}







.blog-details__social {



  display: flex;



  flex-wrap: wrap;



  gap: 10px;



}







.blog-details__social a {



  width: 40px;



  height: 40px;



  display: flex;



  justify-content: center;



  align-items: center;



  background-color: var(--agrofa-gray, #ddd);



  font-size: 14px;



  color: var(--agrofa-black, #1e1d21);



  transition: all 500ms ease;



  border-radius: 50%;



}







.blog-details__social a:hover {



  background-color: var(--agrofa-base, #c2a74e);



  color: var(--agrofa-white, #fff);



}







.blog-details__paginations {



  display: grid;



  grid-gap: 30px;



  grid-template-columns: repeat(1, 1fr);



}







@media (min-width: 768px) {



  .blog-details__paginations {



    grid-template-columns: repeat(2, 1fr);



  }



}







.blog-details__paginations .sidebar__posts__item:not(:last-of-type) {



  border-bottom: 0px solid var(--agrofa-border-color, #e8e3da);



  margin-bottom: 0px;



  padding-bottom: 0px;



}







.blog-details__paginations .sidebar__posts__item {



  background-color: var(--agrofa-gray, #ddd);



  padding: 20px !important;



}







@media (min-width: 1200px) {



  .blog-details__paginations .sidebar__posts__item {



    padding: 30px;



  }



}







.blog-details__paginations .sidebar__posts__item:nth-of-type(2) {



  flex-direction: row-reverse;



  text-align: right;



}







.blog-details__paginations .sidebar__posts__item:nth-of-type(2) .sidebar__posts__image {



  margin-right: 0;



  margin-left: 20px;



}







.blog-details__paginations .sidebar__posts__item:nth-of-type(2) .sidebar__posts__meta {



  flex-direction: row-reverse;



}







.blog-one--details {



  padding-top: 120px;



  padding-bottom: 120px;



}







@media (max-width: 991px) {



  .blog-one--details {



    padding-top: 56px;



    padding-bottom: 78px;



  }



}







.blog-one--details .container {



  max-width: 1200px;



}







.blog-one--details .blog-card__image img {



  border-radius: 9px !important;



}







.blog-one--details .blog-card-two__content {



  padding-top: 24px;



  border: 0;



}







.blog-one--details .blog-card__meta {



  margin-bottom: 9px;



}







.blog-one--details .blog-card__meta li i {



  font-size: 17px;



}







.blog-one--details .blog-card-two__text {



  color: var(--agrofa-text, #12110e);



}







.blog-one--details .blog-card__tip-list {



  margin-bottom: 33px;



  padding-left: 0;



  padding-top: 8px;



  list-style: none;



}







.blog-one--details .blog-card__tip-list li {



  list-style: none;



  color: var(--agrofa-green, #0c7735);



  font-size: 18px;



  line-height: 24px;



  font-weight: 500;



  margin-bottom: 14px;



  position: relative;



  padding-left: 32px;



}







.blog-one--details .blog-card__tip-list li:last-child {



  margin-bottom: 0;



}







.blog-one--details .blog-card__tip-list li::before {



  font-family: "icomoon" !important;



  content: "\e90f";



  position: absolute;



  top: 0;



  left: 0;



  z-index: 1;



  font-size: 18px;



  color: inherit;



}







.blog-one--details .blog-card__tip-list li a {



  color: var(--agrofa-green, #0c7735);



}







/*--------------------------------------------------------------



# Comments



--------------------------------------------------------------*/



.comments-one {



  margin-top: 38px;



}







@media (min-width: 1200px) {



  .comments-one {



    margin-top: 52px;



  }



}







.comments-one__title {



  margin: 0;



  font-family: var(--agrofa-font, "Jost", sans-serif);



  font-size: 18px;



  color: #252422;



  font-weight: 600;



}







@media (min-width: 992px) {



  .comments-one__title {



    font-size: 22px;



  }



}







.comments-one__list {



  margin: 0;



  margin-top: 38px;



}







.comments-one__card:not(:first-of-type) {



  padding-top: 40px;



}







.comments-one__card__wrap,



.comments-one__card--wrap_inner {



  width: 100%;



  border-bottom: 1px solid #e4e4e4;



  padding-bottom: 44px;



  margin-bottom: 35px;



  display: flex;



  flex-wrap: wrap;



  align-items: flex-start;



}







.comments-one__card__image {



  width: 103px;



  height: 103px;



  border-radius: 50%;



  overflow: hidden;



  margin-right: 12px;



}







@media (min-width: 768px) {



  .comments-one__card__image {



    margin-right: 18px;



  }



}







@media (min-width: 1200px) {



  .comments-one__card__image {



    margin-right: 27px;



  }



}







.comments-one__card__image img {



  border-radius: 50% !important;



  width: 100% !important;



}







.comments-one__card__title-wrap {



  display: flex;



  align-items: center;



  margin-bottom: 6px;



}







.comments-one__card__title {



  margin: 0;



  font-family: var(--agrofa-font, "Jost", sans-serif);



  font-size: 18px;



  color: #363433;



  font-weight: bold;



}







.comments-one__card__text {



  margin: 0;



  font-size: 16px;



  line-height: 2em;



  margin-bottom: 20px;



  color: #1a1916;



  max-width: 550px;



  margin-bottom: 6px;



}







.comments-one__card__reply {



  padding: 5px 10.5px;



  font-size: 13px;



  font-weight: 500;



  border-radius: 3px;



  background-color: #efeeee;



  color: var(--agrofa-text, #12110e);



}







.comments-one__card__reply:hover {



  background-color: var(--agrofa-green, #0c7735);



  color: var(--agrofa-white, #fff);



}







.comments-one__card__reply::after,



.comments-one__card__reply::before {



  content: none;



}







.comments-one__card__content {



  position: relative;



}







@media (max-width: 767px) {



  .comments-one__card__content {



    width: 100%;



    padding-top: 25px;



  }



}







.comments-one__card__date {



  font-size: 14px;



  line-height: 1;



  font-weight: 400;



  color: var(--agrofa-green, #0c7735);



}







.comments-one__card--wrap_inner:last-child {



  margin-bottom: 0;



}







.comments-one__list--inner {



  margin-top: 0;



  padding-left: 77px;



  list-style: none;



}







@media (max-width: 991px) {



  .comments-one__list--inner {



    padding-left: 25px;



  }



}







.comments-form {



  margin-top: 15px;



}







@media (min-width: 1200px) {



  .comments-form {



    margin-top: 15px;



  }



}







.comments-form__title {



  margin: 0;



  font-family: var(--agrofa-font, "Jost", sans-serif);



  font-weight: 600;



  font-size: 18px;



  color: #252422;



}







@media (min-width: 992px) {



  .comments-form__title {



    font-size: 22px;



  }



}







.comments-form__form {



  margin-top: 48px;



}







.comments-form .form-one .bootstrap-select>.dropdown-toggle,



.comments-form .form-one input[type=text],



.comments-form .form-one input[type=email],



.comments-form .form-one textarea {



  height: 60px;



  border-radius: 4px;



  padding: 2px 20px;



  font-size: 15px;



  font-weight: 400;



  color: var(--agrofa-text3, #080501);



  background-color: #f4f3f0;



}







.comments-form .form-one textarea {



  height: 195px;



  resize: none;



  padding-top: 26px;



}







.comments-form .agrofa-btn--comment {



  font-family: var(--agrofa-font);



  color: var(--agrofa-white, #fff);



  font-size: 15px;



  font-weight: 500;



  text-transform: uppercase;



  background-color: var(--agrofa-green, #0c7735);



  border-radius: 4px;



  margin: 0;



  padding: 20px 41px;



}







.comments-form .agrofa-btn--comment::before,



.comments-form .agrofa-btn--comment::after {



  content: none;



}







.comments-form .agrofa-btn--comment:hover {



  background-color: var(--agrofa-yellow, 253, 214, 31);



  color: var(--agrofa-text, #12110e);



}







/*--------------------------------------------------------------



# Shop



--------------------------------------------------------------*/



.product {



  position: relative;



}







.product__sidebar {



  position: relative;



}







.product__sidebar--title {



  position: relative;



  font-size: 20px;





  font-weight: 700;



  margin-top: -5px;



}







.product__search {



  position: relative;



  display: block;



  margin-bottom: 30px;



}







.product__search form {



  border-radius: 0;



  position: relative;



}







.product__search form input[type=text] {



  width: 100%;



  height: 52px;



  background-color: transparent;



  padding-left: 30px;



  padding-right: 30px;



  font-family: var(--agrofa-font, "Jost", sans-serif);



  font-size: 14px;



  color: var(--agrofa-text, #12110e);



  border: 1px solid var(--agrofa-border-color, #ededed);



  outline: none;



  font-weight: 400;



  border-radius: 0;



}







.product__price-ranger {



  background-color: var(--agrofa-sky-bg2-color);



  padding: 30px;



  margin-bottom: 30px;



}







.product__price-ranger #slider-range {



  margin: 22px 0 0 0px;



  background: var(--agrofa-white, #fff);



  border: none;



  height: 5px;



  border-radius: 0;



  position: relative;



}







.product__price-ranger #slider-range .ui-slider-range {



  height: 100%;



  background: var(--agrofa-green, #0c7735);



}







.product__price-ranger #slider-range .ui-slider-handle {



  position: absolute;



  top: -5px;



  background: var(--agrofa-green, #0c7735);



  border: 0;



  height: 14px;



  width: 14px !important;



  border-radius: 50%;



  margin-left: -2px;



  outline: medium none;



  cursor: pointer;



  z-index: 2;



}







.product__price-ranger .ranger-min-max-block {



  position: relative;



  display: block;



  margin: 18px 0 0 0px;



}







.product__price-ranger .ranger-min-max-block input[type=text] {



  position: relative;



  display: inline-block;



  color: var(--agrofa-text, #12110e);



  font-size: 14px;



  font-weight: 500;



  width: 40px;



  line-height: 30px;



  border: none;



  outline: none;



  font-family: var(--agrofa-font, "Jost", sans-serif);



  padding: 0;



  text-align: center;



  background-color: transparent;



}







.product__price-ranger .ranger-min-max-block span {



  position: relative;



  display: inline-block;



  color: var(--agrofa-text, #12110e);



  font-size: 14px;



  font-weight: 500;



  line-height: 40px;



  left: -2px;



}







.product__price-ranger .ranger-min-max-block input[type=submit] {



  position: relative;



  display: block;



  background-color: var(--agrofa-white, #fff);



  font-family: var(--agrofa-font, "Jost", sans-serif);



  float: right;



  text-align: center;



  border: none;



  color: var(--agrofa-black, #1e1d21);



  font-size: 10px;



  font-weight: 600;



  line-height: 38px;



  margin: 0;



  cursor: pointer;



  padding: 0 20px;



  height: 38px;



  border-radius: 0;



  box-shadow: 0px 10px 30px 0px rgba(var(--agrofa-black-rgb, 30, 29, 33), 0.07);



  text-transform: uppercase;



  -webkit-transition: all 500ms ease;



  transition: all 500ms ease;



}







.product__price-ranger .ranger-min-max-block input[type=submit]:hover {



  background-color: var(--agrofa-green, #0c7735);



  color: var(--agrofa-white, #fff);



}



.product-list-icon {
  position: relative;
}

.product-slidebar-list-icon::after {
  content: '';
  position: absolute;
  background-image: url("../images/icon/back-leaf-icon.png");
  height: 15px;
  width: 15px;
  left: -9px;
  background-size: 15px;
  top: -9px;
  filter: brightness(0) saturate(100%) invert(13%) sepia(5%) saturate(6423%) hue-rotate(320deg) brightness(91%) contrast(85%);
}

.product__categories li:hover .product-slidebar-list-icon::after {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7484%) hue-rotate(294deg) brightness(111%) contrast(100%);
}

.product__categories {


  border-radius: 8px;
  box-shadow: 5px 5px 30px rgb(0 0 0 / 7%);
  background: rgb(241, 250, 245);



  padding: 30px;



}

/* .product__sidebar--title {
  color: var(--white-color);
} */


.product__categories li:hover a {
  color: var(--white-color) !important;
}

.nav-tab-sec .product__sidebar--title {
  color: var(--brown-color);
}





.product__categories ul {



  margin: 0;



  padding: 0;



  list-style: none;



  margin-left: -15px;



  margin-right: -15px;



  margin-bottom: -20px;



}







.product__categories ul li,



.product__categories ul .food-one--two .food-one__quality-list li,



.food-one--two .food-one__quality-list .product__categories ul li {



  position: relative;



  margin: 0 0 4px;



}







.product__categories ul li a,



.product__categories ul .food-one--two .food-one__quality-list li a,



.food-one--two .food-one__quality-list .product__categories ul li a {



  position: relative;



  display: flex;



  align-items: center;



  line-height: 24px;



  font-size: 16px;



  text-transform: capitalize;



  color: #7a4d44;



  font-weight: 500;



  transition: all 0.3s ease;



  z-index: 1;



  padding: 9px 15px 11px;



}







.product__categories ul li a span,



.product__categories ul .food-one--two .food-one__quality-list li a span,



.food-one--two .food-one__quality-list .product__categories ul li a span {



  position: relative;



  display: inline-block;



  font-size: 12px;



  color: var(--agrofa-black, #1e1d21);



  margin-right: 10px;



  transition: all 0.3s ease;



}







.product__categories ul li a::before,



.product__categories ul .food-one--two .food-one__quality-list li a::before,



.food-one--two .food-one__quality-list .product__categories ul li a::before {



  content: "";



  position: absolute;



  top: 0;



  left: 0;



  bottom: 0;



  width: 100%;



  background-color: var(--secondary-color);


  z-index: -1;



  transform: scale(1, 0);



  perspective: 400px;



  visibility: hidden;



  /* transition: transform 500ms ease-in-out, visibility 500ms ease-in-out; */



  transform-origin: bottom center;



}







.product__categories ul li:hover a,



.product__categories ul li.active a {



  color: var(--white-color);




}


.product__categories ul li.active .product-slidebar-list-icon::after {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7484%) hue-rotate(294deg) brightness(111%) contrast(100%);
}




.product__categories ul li:hover a::before,



.product__categories ul li.active a::before {



  transform: scale(1, 1);



  visibility: visible;



  transform-origin: top center;



}







.product__categories ul li:hover a span,



.product__categories ul li.active a span {



  color: var(--agrofa-yellow, 253, 214, 31);



}







.product__categories ul li.active a {



  font-weight: 600;



}







.product__info-top {



  position: relative;



  display: flex;



  justify-content: space-between;



  align-items: center;



  background-color: var(--agrofa-green, #0c7735);



  border-radius: 4px;



  margin-bottom: 30px;



  padding: 0 21px 0 29px;



  height: 52px;



}







@media (max-width: 767px) {



  .product__info-top {



    padding: 14px 21px 15px 21px;



    height: initial;



    flex-direction: column;



    gap: 18px 0;



  }



}







.product__showing-text {



  margin: 0;



  font-size: 16px;



  line-height: 1;



  color: var(--agrofa-white, #fff);



}







.product__showing-sort {



  margin: 0;



  font-size: 16px;



  line-height: 1;



  color: var(--agrofa-white, #fff);



}







.product__showing-sort .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {



  position: relative;



  display: block;



  font-family: var(--agrofa-font, "Jost", sans-serif);



  width: 160px !important;



}







.product__showing-sort .bootstrap-select>.dropdown-toggle::after {



  display: none;



}







.product__showing-sort .bootstrap-select .dropdown-menu {



  border: none;



  top: 11px !important;



  left: 1.6px !important;



}







.product__showing-sort .bootstrap-select>.dropdown-toggle {



  position: relative;



  height: initial;



  outline: none !important;



  border-radius: 0;



  border: 0;



  background-color: transparent !important;



  margin: 0;



  padding: 0;



  padding-left: 22px;



  padding-right: 18px;



  color: var(--agrofa-white, #fff) !important;



  font-size: 16px;



  line-height: 20px;



  font-weight: 400;



  box-shadow: none !important;



  background-repeat: no-repeat;



  background-size: 14px 12px;



  background-position: right 25.75px center;



}







.product__showing-sort .bootstrap-select>.dropdown-toggle:before {



  position: absolute;



  top: 0;



  bottom: 0;



  right: 0;



  font-family: "Font Awesome 5 Free";



  content: "\f107";



  font-weight: 900;



  font-size: 16px;



  color: var(--agrofa-white, #fff);



}







.product__showing-sort .bootstrap-select .dropdown-menu>li>a {



  font-size: 16px;



  font-weight: 400;



  padding: 10px 34px;



  color: var(--agrofa-text, #12110e);



  /* background-color: var(--agrofa-yellow, 253, 214, 31); */



  -webkit-transition: all 0.4s ease;



  transition: all 0.4s ease;



}







.product__showing-sort .bootstrap-select .dropdown-menu>li:hover>a,



.product__showing-sort .bootstrap-select .dropdown-menu>li.selected>a {



  background: var(--agrofa-green, #0c7735);



  color: var(--agrofa-white, #fff);



  border-color: var(--agrofa-green, #0c7735);



}







.product__item {



  position: relative;



  background-color: var(--agrofa-white, #fff);



  border: 1px solid var(--agrofa-border-color, #ededed);



  transition: all 500ms ease;



  /* border-radius: 25px; */



  overflow: hidden;



}







.product__item__wrap {



  padding: 15px;



}







.best-selling-product .product__item {



  background-color: transparent;



  padding: 5px;



}















.product__item__img {



  /* background-color: var(--agrofa-light-pink-bg-color); */



  position: relative;



  overflow: hidden;



  display: flex;



  align-items: center;



  justify-content: center;



  padding: 0px;



  /* border-radius: 25px 25px 0 0; */



}







.product-item-box {



  position: relative;



}



















.best-selling-product .product__item__img img {



  min-height: 200px;



  max-height: 215px;



  width: 100%;



}







.product__item__img img {



  min-height: 280px;



  max-height: 280px;



  width: 100%;



  height: 100%;



  object-fit: contain;



  transition: all 500ms ease;



  transform: scale(1);



}







.best-selling-product .product__item__btn-sale {



  top: 5px;



  left: 5px;



}







.product__item__btn-sale {



  position: absolute;



  top: 17px;



  left: 20px;



  z-index: 2;



  height: 26px;



  width: fit-content;



  padding: 0 14px;



  display: flex;



  align-items: center;



  justify-content: center;



  background-color: var(--agrofa-green, #0c7735);



  color: var(--agrofa-white, #fff);



  font-size: 14px;



  line-height: 1;



  font-weight: 400;



  border-radius: 15px;



}







.product__item__img:hover .product__item__img img {



  transform: scale(1.05);



}







.product__item__content {



  position: relative;



  text-align: center;



  padding: 0;



  padding-top: 0;



  -webkit-box-shadow: 0px 0px 33px 4px rgba(229, 230, 232, 0.72);



  box-shadow: 0px 0px 33px 4px rgba(229, 230, 232, 0.72);



  /* border-radius: 0 0 25px 25px; */

  min-height: 200px;



}







.product__item__link {



  color: #fff;



  font-size: 16px;



  line-height: 1;



  font-weight: 600;



  padding: 5px 10px;



  background-color: #f28a20;



  width: calc(100% + 40px);



  margin-left: -20px;



  height: 52px;



  display: flex;



  align-items: center;



  justify-content: center;



  position: absolute;

  bottom: 0;



}







.product__item__link:hover {



  color: #fff;



  background-color: var(--agrofa-green, #0c7735);



}



.remove-wishlist-clm .cross-icon {
  width: 70px;
  display: flex;
  justify-content: center;
}



.product-wishlist a,
.product-cart a {



  background: #f9f7f7;



  border-radius: 50%;



  height: 40px;



  width: 40px;



  justify-content: center;



  display: flex;



  align-items: center;



}








.product__item__link::after,



.product__item__link::before {



  content: none;



}







.product__item__wrap {



  /* display: flex; */



  /* align-items: flex-end; */



  /* justify-content: center; */



}







.product__item__title {



  font-family: var(--agrofa-font, "Jost", sans-serif);



  color: var(--agrofa-text7, #2a2826);



  font-size: 16px;



  line-height: 24px;



  font-weight: 500;



  margin: 0;



  text-align: left;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  overflow: hidden;

  text-overflow: ellipsis;



}







.best-selling-product-btn {



  display: flex;



  justify-content: flex-start;



}

.product-btn-cart {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  position: absolute;
  bottom: 10px;
  width: 100%;
  align-items: center;
  padding: 0 15px;
  bottom: 15px;
}

.product-btn-cart .product-btn a {
  width: 170px;
  position: unset;
  margin: 0;
  height: 46px;
  border-radius: 8px;
}

.product-btn-cart .product-cart a {
  background: #f28a20;
}

.product-btn-cart .product-cart:hover a {
  background: var(--agrofa-green, #0c7735);
}

.product-btn-cart .product-cart img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(5%) saturate(4812%) hue-rotate(218deg) brightness(111%) contrast(100%);
}






.best-selling-btn {



  background-color: var(--primary-color);



  padding: 0;



  font-size: 16px;



  line-height: 1;



  font-weight: 500;



  font-family: var(--agrofa-font, "Jost", sans-serif);



  color: var(--agrofa-white, #fff);



  transition: all 0.4s;



  cursor: pointer;



  /* display: flex; */



  align-items: center;



  padding: 10px 30px;



  border-radius: 4px;



}







.best-selling-btn:hover {



  background-color: var(--secondary-color);


}







.product__item__price-title p {



  text-align: left;



  line-height: 20px;



  font-size: 14px;



  font-weight: 300;



  margin: 0px;

  color: var(--brown-color);


}







.product__item__title a {



  color: var(--brown-color);



  /* background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; */



  transition: all 500ms ease;



}







.product__item__title a:hover {



  background-size: 100% 1px;



}







.product__item__title a:hover {



  color: var(--secondary-color);



}







.product__item__price {



  display: flex;



  align-items: center;



  font-family: var(--agrofa-font, "Jost", sans-serif);



  color: var(--agrofa-text7, #2a2826);



  font-size: 18px;



  line-height: 24px;



  font-weight: 500;



  margin-top: 12px;



  /* justify-content: center; */



}







.product__item__regular-price,



.product__item__offer-price {



  font-family: var(--agrofa-font, "Jost", sans-serif);



  color: var(--brown-color);



  font-size: 17px;



  line-height: 24px;



  font-weight: 500;



}







.product__item__offer-price {



  color: #f28a20;



  padding-left: 11px;



  text-decoration: line-through;



}







.product__item__ratings {



  display: flex;



  justify-content: center;



  align-items: center;



  font-size: 15px;



  color: #ed8a19;



  letter-spacing: 3px;



  margin-bottom: 8px;



}







.product-wishlist .product-wishlist-icon img,
.product-cart a img {



  height: 16px;



  width: 16px;



  /* filter: brightness(0) saturate(100%) invert(62%) sepia(59%) saturate(1568%) hue-rotate(344deg) brightness(97%) contrast(96%); */



}







.product-wishlist a:hover img {



  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(41deg) brightness(108%) contrast(101%) !important;



}







.fav-icon:hover {



  color: #fff !important;



}







.product-wishlist a:hover {



  background: var(--secondary-color);



}

a.icon-heart.fav-icon.active {
  background: var(--secondary-color) !important;
  color: white;
}





/* .product-wishlist-icon-sec {



  margin-top: 12px;



} */







.product-wishlist {



  position: absolute;



  top: 12px;



  right: 12px;



  opacity: 0;



}







.product__item:hover {



  box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.07);



}







.product__item:hover .product-wishlist {



  opacity: 1;



  -webkit-transform: perspective(400px) rotateX(0deg) translateX(0%);



  -ms-transform: perspective(400px) rotateX(0deg) translateX(0%);



  transform: perspective(400px) rotateX(0deg) translateX(0%);



  transition-delay: 0.3s;



  transition-timing-function: ease-in-out;



  transition-duration: 0.5s;



  transition-property: all;



}











.product-one {



  padding: 120px 0;





}











@media (max-width: 1200px) {



  .product-one .container {



    max-width: 100%;



  }



}







.product-one .pagination {



  justify-content: center;



  padding-top: 62px;



}







@media (max-width: 767px) {



  .product-one .pagination {



    padding-top: 44px;



  }



}







.product-one .page-item {



  padding: 0 5px;



}







.product-one .prev-item {



  padding-right: 15px;



}







.product-one .next-item {



  padding-left: 15px;



}







.product-one .page-link {



  font-size: 16px;



  line-height: 1;



  font-weight: 500;



  color: #01050c;



  border-color: #e1e1e1;



  border-radius: 18px !important;



  padding: 15px 13px;



}







.product-one .page-link:hover,



.product-one .active .page-link {



  color: var(--agrofa-white, #fff);



  background-color: var(--agrofa-green, #0c7735);



  border-color: var(--agrofa-green, #0c7735);



}





















.product-one--page .bootstrap-select .dropdown-menu {



  left: -3px !important;



}







.product-related {



  background-color: var(--agrofa-white, #fff);



  padding-bottom: 120px;



}







@media (max-width: 991px) {



  .product-related {



    padding-bottom: 52px;



  }



}







@media (max-width: 1200px) {



  .product-related__wrap {



    max-width: 100%;



  }



}







.product-related__title {



  font-family: var(--agrofa-special-font3, "Pathway Extreme", sans-serif);



  font-size: 30px;



  line-height: 1;



  font-weight: 600;



  margin-bottom: 45px;



}







/*--------------------------------------------------------------



# Shop details



--------------------------------------------------------------*/



.product-details {



  position: relative;



  padding: 50px 0 120px 0;





}







@media (max-width: 991px) {



  .product-details {



    padding: 30px 0;



  }



}







@media (max-width: 1200px) {



  .product-details .container {



    max-width: 100%;



  }

  .container:has(> .agrofa-breadcrumb) {
    max-width: 100%;
  }


}







.product-details__img-col {



  padding-right: 50px;



}







@media (max-width: 991px) {



  .product-details__img-col {



    padding-right: 15px;



  }



}







.pbigslider {



  width: 75%;



  float: right;



}







.psmallslider img.center-cropped {



  padding-left: 7.5px !important;



  padding-right: 7.5px !important;



  width: 120px;



  border: 1px solid #d1d1d1;



  height: 120px;



  object-fit: contain;



}







.product-details__img-wrap {



  /* height: 536px; */



  /* border:2px solid #e7f0ea; */



  position: relative;



  border-radius: 26px;



}







.psmallslider {



  margin-top: 7.5px;
  width: 30%;
  z-index: 9999;


}







.product-details__images {



  height: 100%;



  width: 100%;



  /* display: flex;



align-items: center;



justify-content: center; */



}







.psmallslider img.center-cropped {



  padding-left: 7.5px !important;



  padding-right: 7.5px !important;



  width: 120px;



  border: 1px solid #d1d1d1;



  /* height: 120px; */



  object-fit: contain;



}






/*
.product-details__images img {



  width: 100% !important;



  max-width: 500px;



  height: 350px;



  object-fit: contain;



} */







.product-details__carousel-slider {



  margin-bottom: -52px;



}







.product-details .tns-outer .tns-controls {



  display: flex;



  justify-content: space-between;



  align-items: center;



  margin-top: 40px;



  position: absolute;



  width: 100%;



  left: 0;



  bottom: 90px;



  z-index: 2;



  padding: 0 10px;



}







.product-details .tns-outer .tns-controls button {



  width: 57px;



  height: 57px;



  background-color: var(--agrofa-white, #fff);



  transition: all 0.5s;



  text-shadow: 0px 0px 1px #080808;



  border: 0;



  margin: 0;



  padding: 0;



}







.product-details .tns-outer .tns-controls button:hover {



  background-color: var(--agrofa-yellow, 253, 214, 31);



}







/* .product-details__thumb-img {



max-width: 402px;



margin: 0 auto;



} */



.product-details__thumb-img .product-details__images {



  height: auto;



  max-width: 130px;



  border: 1px solid #e5e5e5;



  border-radius: 20px;



  padding: 13px 15px;



  transition: all 0.4s;



  /* margin-bottom: 15px; */



}







.product-details__thumb-img .product-details__images:hover {



  border-color: var(--agrofa-green, #0c7735);



}



#product-details__img-01 .slick-slide {

  padding: 0 !important;

}





.product-details__thumb-img .product-details__images:hover>img {



  transform: scale(1.2);



}







.product-details__thumb-img .product-details__images>img {



  width: 100% !important;



  max-height: 68px;



  object-fit: contain;



  transition: all 0.5s ease;



}







.product-details__content-col {



  padding-left: 32px;



}







@media (max-width: 991px) {



  .product-details__content-col {



    padding-left: 15px;



  }



}







.product-details__content {



  position: relative;



  margin-top: 4px;



}







@media (max-width: 991px) {



  .product-details__content {



    margin: 70px 0 30px 0;



  }

  .product-details__content {
    z-index: -1;
  }



}







.product-details__top {



  margin-bottom: 6px;



}







.product-details__title {



  font-family: var(--agrofa-font, "Jost", sans-serif);



  font-size: 32px;



  font-weight: 600;



  line-height: 1;



  color: var(--agrofa-text, #12110e);



  margin: 0 0 30px;



}







@media (max-width: 991px) {



  .product-details__title {



    font-size: 28px;



    margin: 0 0 24px;



  }



}







.product-details__price {



  display: flex;



  align-items: center;



}







.product-details .product__item__regular-price,



.product-details .product__item__offer-price {



  display: block;



  font-size: 28px;



  line-height: 1;



}







@media (max-width: 991px) {







  .product-details .product__item__regular-price,



  .product-details .product__item__offer-price {



    font-size: 20px;



  }



}







.product-details .product__item__offer-price {



  font-size: 14px;



  line-height: 1;



  font-weight: 400;



  color: rgba(var(--agrofa-text3-rgb, 8, 5, 1), 0.5);



  padding-left: 9px;



}







.product-details__off20 {



  display: block;



  font-size: 14px;



  line-height: 1;



  font-weight: 400;



  color: #f42647;



  padding-left: 5px;



}







.product-details__instock {



  font-size: 13px;



  line-height: 1;



  font-weight: 400;



  display: inline-block;



  color: var(--agrofa-white, #fff);



  background-color: var(--agrofa-green, #0c7735);



  padding: 5px;



  margin-left: 8px;



}



.product-details__outstock {

  font-size: 13px;

  line-height: 1;

  font-weight: 400;

  display: inline-block;

  color: var(--agrofa-white, #fff);

  background-color: red;

  padding: 5px;

  margin-left: 8px;

}







.product-details__review {



  position: relative;



  display: flex;



  align-items: center;



  letter-spacing: 3px;



  font-size: 14px;



  color: var(--agrofa-yellow, 253, 214, 31);



  margin-bottom: 30px;



}







@media (max-width: 991px) {



  .product-details__review {



    margin-bottom: 24px;



  }



}







.product-details__review a {



  display: inline-block;



  color: var(--agrofa-text7, #2a2826);



  font-size: 14px;



  letter-spacing: 0;



  margin-left: 7px;



  font-weight: 400;



  transition: all 500ms ease;



}







.product-details__review a:hover {



  color: var(--agrofa-base, #c2a74e);



}







.product-details__excerpt {



  margin: 0 0 20px;



  /* font-size: 15px; */



  line-height: 30px;



  font-weight: 400;



  color: rgba(var(--agrofa-text3, #080501), 0.8);

  text-align: justify;

}







.product-details__feature {



  padding-left: 0;



  margin-bottom: 0;



  list-style: none;



}







.product-details__feature li,



.product-details__feature .food-one--two .food-one__quality-list li,



.food-one--two .food-one__quality-list .product-details__feature li {



  list-style: none;



  font-size: 16px;



  line-height: 30px;



  font-weight: 400;



  color: rgba(68, 67, 68, 0.8);



  position: relative;



  padding-left: 28px;



}







.product-details__feature li::before,



.product-details__feature .food-one--two .food-one__quality-list li::before,



.food-one--two .food-one__quality-list .product-details__feature li::before {



  font-family: "icomoon" !important;



  content: "\e90c";



  position: absolute;



  left: 0;



  top: 0;



  z-index: 1;



  color: var(--agrofa-text, #12110e);



  font-size: 16px;



}







.product-details__fav-cart-wrap {



  margin-bottom: 35px;



  margin-top: 20px;



}



.product-details__quantity {



  position: relative;



}







.product-details__quantity-title {



  margin: 0 0 4px;



  font-family: var(--agrofa-font, "Jost", sans-serif);



  font-size: 15px;



  line-height: 30px;



  font-weight: 500;



  color: var(--agrofa-text3, #080501);



  text-shadow: 0px 0px 0px var(--agrofa-text3, #080501);



}







.product-details__quantity .quantity-box {



  position: relative;



  width: 115px;



  height: 44px;



}







@media (max-width: 767px) {


  /*
  .product-details__quantity .quantity-box {



    width: 200px;



  } */



}







.product-details__quantity .quantity-box input {

  border-radius: 6px;

  width: 115px;



  height: 44px;



  border: 1px solid var(--agrofa-border-color, #ededed);



  -webkit-appearance: textfield;



  -moz-appearance: textfield;



  appearance: textfield;



  font-family: var(--agrofa-font, "Jost", sans-serif);



  color: var(--agrofa-text, #12110e);



  padding-left: 21px;



  outline: none;



  font-size: 16px;



  font-weight: 500;



  color: #131216;



  background-color: transparent;



}







@media (max-width: 767px) {


  /*
  .product-details__quantity .quantity-box input {



    width: 200px;



    text-align: center;



    padding: 0 60px 0 30px;



  } */



}







.product-details__quantity .quantity-box button {



  width: 24px;



  height: 24px;



  color: var(--agrofa-text, #12110e);



  font-size: 10px;



  position: absolute;



  top: 1px;



  right: 9px;



  background-color: transparent;



  border: none;



  border-left: 0;



  display: flex;



  align-items: center;



  justify-content: center;



  outline: none;



  transition: all 500ms ease;



  text-shadow: 0px 0px 1px var(--agrofa-text, #12110e);



  padding: 0;



}







.product-details__quantity .quantity-box button.sub {



  bottom: 1px;



  top: auto;



  border-top: 0;



}







.product-details__quantity .quantity-box button:hover {



  color: var(--agrofa-base, #c2a74e);



}







.product-details__buttons {



  display: flex;



  flex-wrap: wrap;



}







@media (max-width: 767px) {



  .product-details__buttons {



    width: 100%;



  }



}







.product-details .fav-icon {



  width: 44px;



  height: 44px;



  background-color: #f9f7f7;



  border-radius: 50%;



  color: var(--agrofa-text3, #080501);



  display: flex;



  align-items: center;



  justify-content: center;



  margin-left: 26px;



}







.product-details .fav-icon:hover {



  background-color: var(--secondary-color);



}







.product-details .agrofa-btn--addcart {



  font-size: 15px;



  line-height: 1;



  font-weight: 500;



  color: var(--white-color);



  background-color: var(--agrofa-yellow, 253, 214, 31);



  display: flex;



  align-items: center;



  justify-content: center;



  height: 50px;



  padding: 5px 25px;



  border-radius: 4px;



}







.product-details .agrofa-btn--addcart::before,



.product-details .agrofa-btn--addcart::after {



  content: none;



}







.product-details .agrofa-btn--addcart:hover {



  background-color: var(--agrofa-green, #0c7735);



  color: var(--agrofa-white, #fff);



}







@media (max-width: 767px) {



  /* .product-details .agrofa-btn--addcart {



    margin-left: 0;



  } */



}







.product-details__delivery li,



.product-details__delivery .food-one--two .food-one__quality-list li,



.food-one--two .food-one__quality-list .product-details__delivery li {



  color: #15171a;



}







.product-details__delivery li strong,



.product-details__delivery .food-one--two .food-one__quality-list li strong,



.food-one--two .food-one__quality-list .product-details__delivery li strong {



  font-size: 16px;



  font-weight: 600;



  color: inherit;



}







.product-details__socials {



  position: relative;



  display: flex;



  align-items: center;



  flex-wrap: wrap;



  margin-top: 40px;



}







@media (max-width: 767px) {



  .product-details__socials {



    margin-top: 25px;



  }



}







.product-details__socials__title {



  margin: 0;



  color: rgba(var(--agrofa-text3, #080501), 0.8);



  font-family: var(--agrofa-font, "Jost", sans-serif);



  font-size: 16px;



  font-weight: 500;



  margin-right: 13px;



}







@media (min-width: 768px) {



  .product-details__socials__title {



    flex: 0 0 auto;



  }



}







.product-details__socials a {



  display: flex;



  justify-content: center;



  align-items: center;



  font-size: 16px;



  color: var(--agrofa-black, #1e1d21);



  transition: all 500ms ease;



  border-radius: 50%;



}







.product-details__socials a:hover {



  color: var(--agrofa-text, #12110e);



}







.product-details__socials a+a {



  margin-left: 26px;



}







@media (max-width: 767px) {



  .product-details__socials a+a {



    margin-left: 15px;



  }



}







.product-details__description {



  margin: 100px 0 0;



  overflow: hidden;



}







@media (max-width: 991px) {



  .product-details__description {



    margin-top: 15px;



  }



}







.product-details__description__wrap {



  position: relative;



  border: 1px solid var(--agrofa-gray, #ddd);



  border-radius: 8px;



  padding: 40px;



}







@media (max-width: 991px) {



  .product-details__description__wrap {



    padding: 50px 20px 28px 20px;




  }



}







.product-details__description__tablist {



  position: absolute;



  width: 100%;



  height: auto;



  top: -1px;



  left: 0;



  right: 0;



  margin: 0 auto;



  z-index: 1;



  padding: 0;



  list-style: none;



  display: flex;



  align-items: center;



  justify-content: center;



  gap: 0 5px;



}







@media (max-width: 991px) {



  .product-details__description__tablist {



    flex-direction: column;



    gap: 8px 0;



  }



}







.product-details__description__tablist li,



.product-details__description__tablist .food-one--two .food-one__quality-list li,



.food-one--two .food-one__quality-list .product-details__description__tablist li {



  list-style: none;



  font-size: 18px;



  line-height: 1;



  color: var(--agrofa-text3, #080501);



  font-weight: 500;



}







@media (max-width: 991px) {







  .product-details__description__tablist li,



  .product-details__description__tablist .food-one--two .food-one__quality-list li,



  .food-one--two .food-one__quality-list .product-details__description__tablist li {



    width: 100%;



  }



}







.product-details__description__tablist li a,



.product-details__description__tablist .food-one--two .food-one__quality-list li a,



.food-one--two .food-one__quality-list .product-details__description__tablist li a {



  color: var(--agrofa-text3, #080501);



  display: flex;



  align-items: center;



  justify-content: center;



  height: 52px;



  background-color: #e7f0ea;



  padding: 5px 50px;



}







.product-details__description__tablist li a.active,



.product-details__description__tablist li a:hover {



  background-color: var(--agrofa-green, #0c7735);



  color: var(--agrofa-white, #fff);



}







.product-details__description__info {



  margin-bottom: -30px;



  position: absolute;



  opacity: 0;



  visibility: hidden;



  transform: translateY(-25px);



  transition: all 0.5s ease;



}







.product-details__description__info.active {



  position: static;



  opacity: 1;



  visibility: visible;



  transform: translateY(0);



}







.product-details__description__text {



  font-size: 15px;



  line-height: 30px;



  color: rgba(var(--agrofa-text7-rgb, 42, 40, 38), 0.8);



  margin-bottom: 30px;



  text-align: justify;



}







@media (max-width: 991px) {



  .product-details__description__text {



    margin-bottom: 17px;



  }



}







.product-details__comment {



  border-top: 1px solid var(--agrofa-border-color, #ededed);



  margin: 20px 0 0;



  padding: 30px 0 0;



  position: relative;



}







@media (max-width: 991px) {



  .product-details__comment {



    margin-top: 5px;



    padding-top: 15px;



  }



}







.product-details__review-title {



  font-family: var(--agrofa-font, "Jost", sans-serif);



  font-size: 30px;



  margin-bottom: 36px;



  font-weight: 600;



}







@media (max-width: 991px) {



  .product-details__review-title {



    font-size: 26px;



    margin-bottom: 19px;



  }



}







.product-details__comment-box {



  position: relative;



  padding: 11px 0 64px 212px;



  margin-bottom: 50px;



  min-height: 166px;



  border-bottom: 1px solid var(--agrofa-border-color, #ededed);



}







@media (max-width: 991px) {



  .product-details__comment-box {



    padding: 11px 0 32px 195px;



    margin-bottom: 30px;



  }



}







@media (max-width: 767px) {



  .product-details__comment-box {



    padding-left: 0;



  }



}







.product-details__comment-box__thumb {



  width: 166px;



  height: 166px;



  position: absolute;



  left: 0;



  top: 0;



  border-radius: 50%;



  margin: 0;



  border: none;



}







@media (max-width: 767px) {



  .product-details__comment-box__thumb {



    position: relative;



    margin: 0 0 20px;



  }



}







.product-details__comment-box__thumb img {



  width: 100%;



  height: 100%;



  object-fit: cover;



  border-radius: 50%;



}







.product-details__comment-box__meta {



  font-family: var(--agrofa-font, "Jost", sans-serif);



  font-size: 20px;



  line-height: 30px;



  margin: 0 0 20px;



  font-weight: bold;



  color: var(--agrofa-text, #12110e);



}







.product-details__comment-box__date {



  font-size: 15px;



  line-height: 26px;



  display: inline-block;



  text-transform: inherit;



  color: var(--agrofa-yellow, 253, 214, 31);



  font-family: var(--agrofa-font, "Jost", sans-serif);



  font-weight: 500;



  letter-spacing: 0;



  margin: 0 0 0 7px;



  text-transform: capitalize;



}







.product-details__comment-box__text {



  line-height: 30px;



  margin: 0;



  font-size: 15px;



}







.product-details__comment-box__ratings {



  position: absolute;



  right: 0;



  top: 13px;



  display: flex;



  align-items: center;



  letter-spacing: 6px;



  font-size: 16px;



  color: var(--agrofa-yellow, 253, 214, 31);



}







@media (max-width: 767px) {



  .product-details__comment-box__ratings {



    position: relative;



    top: 0;



    margin: 0 0 22px;



  }



}







.product-details__form {



  position: relative;



  margin: 51px 0 0;



}







.product-details__form .row {



  --bs-gutter-x: 20px;



}







.product-details__form-title {



  font-size: 30px;



  text-transform: uppercase;



  margin-bottom: 18px;



  font-weight: bold;



}







.product-details__form-ratings {



  display: flex;



  align-items: center;



  letter-spacing: 6px;



  font-size: 16px;



  color: var(--agrofa-base, #c2a74e);



  margin: 0 0 15px;



}







.product-details__form-ratings__label {



  display: inline-block;



  font-size: 18px;



  letter-spacing: 0;



  color: var(--agrofa-text, #12110e);



  margin: 0 17px 0 0;



}







.product-details__form__form {



  margin-top: 0;



}







/*--------------------------------------------------------------



# wishlist



--------------------------------------------------------------*/
.wishlist-product-box .agrofa-btn {
  margin-left: 0;
}

.wishlist-product-box {
  position: relative;
  margin-bottom: 20px;
}

.wishlist-product-box.product-box .wishlist-product-box-left {
  display: flex;
  align-items: center;
}

.product-box .img-box.wishlist-product img {
  width: 115px;
  height: 110px;
}

.wishlist-product-box-right {
  position: absolute;
  top: 10px;
  right: 0;
}

.wishlist-mobile-box {
  display: none;
}

.product-box.wishlist-product-box .latest-work--btn:hover {
  color: var(--white-color);
}

.product-box a:hover {
  color: var(--secondary-color);
}

.product-box .img-box img {



  width: 100px;



  height: 90px;



  border-radius: 8px;



}







.product-box {



  display: flex;



  align-items: center;



}







.img-box {



  margin-right: 20px;



}


.cart-table h3 {
  font-size: 20px;
}

.cart-table::-webkit-scrollbar {
  overflow: scroll;
  -webkit-overflow-scrolling: touch
}



.cart-table {

  overflow-x: hidden;
  overflow-y: auto;

}

/* ::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.4);
  border-radius: 8px;
  -webkit-border-radius: 8px;
}

::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: rgba(100,100,100,0.8);
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
} */




.your-order-table::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
}

.your-order-table::-webkit-scrollbar {
  width: 8px;
  background-color: #F5F5F5;
}

.your-order-table::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  background-color: #f28a20;
}




.cart-table tr td {



  vertical-align: middle;



}



.price-txt {

  width: 85px;

}



.table-product {



  max-width: 290px;



}







.add-to-cart-clm a {



  padding: 15px;



  margin: 0;

  width: 148px;



}







.cart-table tr th {



  font-size: 17px;



  font-family: var(--agrofa-heading-font, "Jost", sans-serif);

  color: var(--brown-color);

}







.product-box h3 a {



  color: var(--agrofa-text, #12110e);
  font-size: 17px;


}

.product-box h3 a:hover {
  color: var(--secondary-color);
}







/*--------------------------------------------------------------



# Cart



--------------------------------------------------------------*/

.cart-page-bg .cart-page__common {
  padding: 17px 20px;
}


.cart-page__coupon {
  text-align: center;
  margin-bottom: 10px;
}

.cart-page .cart-process-wrap {
  padding-top: 12px !important;
}




.cart-page {



  position: relative;



  padding: 120px 15px;



  padding-top: 118px;



}







@media (max-width: 767px) {
  #pills-profile {
    height: 330px;
}
  .table-product {
    max-width: 350px;
  }

  .cart-page .col-lg-9,
  .cart-page .col-lg-3 {
    padding: 0;
  }

  .cart-page {



    padding: 58px 15px;



    padding-top: 42px;



  }





}







.cart-page .container {



  max-width: 1170px;



}

.your-order-detail .product-box .img-box img {
  width: 50px;
  height: 50px;
}

.your-order-detail .product-box h3 a {
  font-size: 15px;
}

.your-order-detail.order-detail-header {
  width: 100%;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 10px;
}

.order-name~div {
  margin: 0 20px;
}


.cart-page__row.order-detail {
  border: unset;
}

.order-detail-page {
  padding: 80px;
}


.cart-page__row {
  align-items: flex-start;
  gap: 0 42px;
  border: 1px solid #ededed;
  border-radius: 12px;
  margin-bottom: 20px;
}

#pills-profile {
  overflow-x: auto;
  height: 600px;
  padding: 0 20px;
}

/*
#pills-profile {
  scrollbar-color: #0A4C95 #C2D2E4;
} */
::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 1px;
  height: 5px;
}

::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #F5F5F5;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

#pills-profile::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
}

#pills-profile::-webkit-scrollbar {
  width: 8px;
  background-color: #F5F5F5;
}

#pills-profile::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  background-color: #f28a20;
}









@media (max-width: 1199px) {



  .cart-page__row {



    gap: 0 30px;



  }



}







.wishlist-table-resposive {



  width: 100% !important;



}







.cart-page .table-responsive {



  position: relative;



  display: block;



  /* width: calc((69.4% - 21px) / 1); */



  overflow-x: auto;



  -webkit-overflow-scrolling: touch;



  padding: 0;



}







@media (max-width: 991px) {



  .cart-page .table-responsive {



    margin-bottom: 15px;



    width: calc((100% - 0px) / 1);



  }



}







@media (max-width: 767px) {



  .cart-page__scroll-responsive {



    width: 750px;



  }



}







.cart-page__title-row {



  padding-bottom: 2px;



  margin-bottom: 25px;



  border-bottom: 1px solid #eaeaea;



}






/*
.cart-page__title-name {



  width: calc((100% - 0px) / 4);



} */







.cart-page__title-name.product--name {



  width: 20.2%;



}






/*
.cart-page__title-name.quantity-count {



  width: 24.6%;



} */







.cart-page__title-name.price--amount {



  width: 14.9%;



}







.cart-page__title-name.subtotla-amount {



  width: 10.3%;



}







.cart-page__table__meta-img {



  width: 83px;



  min-width: 83px;



  background-color: #f28a2029;



  border-radius: 3px;



  display: flex;



  align-items: center;



  justify-content: center;



  padding: 15px 7px;



  margin-right: 27px;



  position: relative;



}







.cart-page__table__meta-img img {



  width: 100% !important;



  max-width: 58px;



  max-height: 62px;



}







.cart-page__remove-item {



  position: absolute;



  right: -12px;



  top: 0;



  bottom: 0;



  margin: auto 0;



  width: 24px;



  height: 24px;



  z-index: 1;



  background-color: var(--agrofa-yellow, 253, 214, 31);



  border-radius: 50%;



  display: flex;



  align-items: center;



  justify-content: center;



  transform: rotate(45deg);



  font-size: 12px;



  line-height: 1;



  color: var(--agrofa-text, #12110e);



  text-shadow: 0px 0px 0px var(--agrofa-text, #12110e);



  cursor: pointer;



}

.state-select-dropdown .filter-option-inner {
  height: 40px;
  align-items: center;
  display: flex;
}

.price-icon {
  position: relative;
  padding-left: 30px;
}

.price-icon::before {
  content: '';
  position: absolute;
  background-image: url(../images/cart-total.png);
  height: 22px;
  width: 22px;
  left: 0;
  background-size: 22px;
  background-repeat: no-repeat;
  filter: brightness(0) saturate(100%) invert(14%) sepia(6%) saturate(4145%) hue-rotate(321deg) brightness(93%) contrast(88%);
}

.price-icon.shipping-icon::before {
  background-image: url(../images/delivery-fees.png);
}

.price-icon.discount-icon::before {
  background-image: url(../images/discount.png);
}

.cart-page__table__meta-title a:hover {
  color: var(--secondary-color);
}

.cart-page__table__meta-title {



  font-family: var(--agrofa-font, "Jost", sans-serif);



  font-weight: 500;



  color: var(--brown-color);



  font-size: 15px;



  line-height: 1;

  margin: 0;

}

.cart-size {
  font-weight: 500;
  color: var(--brown-color);
  font-size: 15px;
  line-height: 16px;

}

.checkout-page__cost-process .cart-size {
  margin: 0;
}

.checkout-page__cost-process .product__item__offer-price {
  margin-right: 10px;
}

.checkout-page__cost-process .cart-page__quantity.product--name {
  width: 100%;
}





.cart-page__table__meta-title>a {



  color: inherit;



}







.cart-page__products-row {



  border-bottom: 1px solid #eaeaea;



  padding-bottom: 43px;



  margin-bottom: 32px;



}







.cart-page__quantity.product--name {



  width: 50.5%;



}

.cart-page__intotals {
  margin: 0 !important;
}





/*
.cart-page__quantity.quantity-count {



  width: 24.6%;



} */







.cart-page__quantity.price--amount {



  width: 15%;



}







.cart-page__quantity.subtotla-amount {



  width: 10%;



}






.cart-page__quantity .quantity-box {
  background-color: var(--primary-color);
  border: 1px solid #eaeaea;
  width: 90px;
  /* padding: 5px 8px; */
  border-radius: 6px;
}







.cart-page__quantity .quantity-box>input[type=text] {



  width: 30px;



  display: block;



  outline-style: none;



  background-color: transparent;



  border: 0;



  text-align: center;

  color: var(--white-color);

}







.cart-page__quantity .quantity-box>button {



  outline-style: none;



  display: block;



  width: 35px;



  height: 35px;



  border-radius: 50%;



  border: 0;



  background-color: transparent;



  padding: 0;



  margin: 0;



  text-shadow: 0px 0px 1px var(--agrofa-text, #12110e);



  color: var(--agrofa-text, #12110e);



  font-size: 12px;





}

.cart-page__quantity .icon-down-arrow1:before {
  content: '-';
  color: #fff;
  font-size: 21px;
  font-weight: bolder;

}

.cart-page__quantity .icon-up-arrow1:before {
  content: '+';
  color: #fff;
  font-size: 21px;
  font-weight: bolder;
}





.cart-page__price {



  font-weight: 500;



  font-size: 16px;



  line-height: 1;



  color: #2a2826;



}







.cart-page__coupon__titel {



  font-size: 18px;



  line-height: 1;



  font-weight: 500;



  color: #2a2826;



  margin-bottom: 23px;



}







.cart-page__coupon__code-box {



  position: relative;



  margin-bottom: 22px;



}







.cart-page__coupon .coupon-code-field {



  outline-style: none;



  border: 1px solid #ddd;



  height: 57px;



  color: #464646;



  font-family: var(--agrofa-font, "Jost", sans-serif);



  font-size: 15px;



  font-weight: 400;



  line-height: 1;



  width: 100%;



  padding-left: 20px;



}







.cart-page__coupon .apply-code-btn {



  position: absolute;



  width: auto;



  height: calc(100% - 2px);



  top: 1px;



  right: 1px;



  z-index: 1;



  margin: 0;



  font-size: 16px;



  line-height: 1;



  color: var(--agrofa-white, #fff);



  font-weight: 500;



  padding: 5px 57px;



}







.cart-page__coupon .apply-code-btn::before,



.cart-page__coupon .apply-code-btn::after {



  content: none;



}







.cart-page__coupon .apply-code-btn:hover {



  background-color: var(--agrofa-yellow, 253, 214, 31);



  color: var(--agrofa-text, #12110e);



}







.cart-page__coupon__continue-shopping {



  font-size: 17px;



  line-height: 1;



  font-weight: 600;



  text-transform: uppercase;



  color: var(--primary-color);



  position: relative;



}







.cart-page__coupon__continue-shopping::before,



.cart-page__coupon__continue-shopping::after {



  content: "";



  position: absolute;



  width: 100%;



  max-width: 100%;



  height: 1px;



  background-color: var(--primary-color);



  z-index: 1;



  left: 0;



  right: 0;



  bottom: 0;



  margin: 0 auto;



  transition: all 0.6s;



}







.cart-page__coupon__continue-shopping::after {



  max-width: 0;



  background-color: var(--secondary-color);



  transition: all 0.8s;



}







.cart-page__coupon__continue-shopping:hover {



  color: var(--secondary-color);



}







.cart-page__coupon__continue-shopping:hover::before {



  max-width: 0;



}







.cart-page__coupon__continue-shopping:hover::after {



  max-width: 100%;



}


.cart-page .cart-page-sec .cart-process-wrap {
  width: 100%;
}

.cart-page .cart-page-sec .cart-total-box {
  margin: 20px 0;
}

.cart-page__row.cart-page-sec {
  margin: 0;
  justify-content: center;
  gap: 0;
}






.cart-page .cart-process-wrap {



  width: calc((45.6% - 21px) / 1);



  background-color: #f6fbff;



  padding: 0;


  box-shadow: 5px 5px 30px rgb(0 0 0 / 7%);
  background: rgb(241, 250, 245);
  border-radius: 8px;
}











.cart-page__common {



  border-bottom: 1px solid #f0f0f0;



  margin-bottom: 10px;



  padding: 12.5px 20px;



  transition: all 0.5s;



}







.cart-page__common:nth-last-of-type(-n+2) {



  margin-bottom: 0;



  border: 0;



}















@media (max-width: 1199px) {

  .contact-page .opening__info-row__icon {
    width: 14%;
    border: unset;
  }

  .cart-page__common {



    padding-left: 18px;



    padding-right: 18px;



  }



}







@media (max-width: 1199px) {



  .cart-page__carttotals-cost {



    padding-left: 18px;



    padding-right: 18px;



  }



}







.cart-page__intotals {



  margin-top: -13px;



}


.cart-page__table__meta-title a {
  color: var(--brown-color);
}




.cart-page__cartname,



.cart-page__cartprice {



  color: var(--brown-color);



  font-size: 16px;



  line-height: 1.2em;



  font-weight: 600;



}







.cart-page__flat-rate>span {



  display: block;



  color: var(--agrofa-text7, #2a2826);



  font-weight: 400;



  font-size: 16px;



  line-height: 1;



  margin-bottom: 5px;



}







.cart-page__flat-rate>small {



  display: block;



  color: var(--agrofa-text7, #2a2826);



  font-weight: 400;



  font-size: 14px;



  line-height: 1;



  margin-bottom: 12px;



}







.cart-page__flat-rate .change-address {



  color: #d18548;



  font-weight: 400;



  font-size: 14px;



  line-height: 1;



  display: block;



  width: fit-content;



  position: relative;



}







.cart-page__flat-rate .change-address::after {



  content: "";



  position: absolute;



  width: 100%;



  left: 0;



  bottom: -2px;



  border-bottom: 1px solid #d18548;



  z-index: 1;



}







.cart-page .proceed-btn-wrap {



  /* padding-top: 45px; */



}







.cart-page .proceed-btn {



  color: var(--white-color);



  font-weight: 500;



  font-size: 15px;



  line-height: 1;



  text-transform: uppercase;



  display: flex;



  align-items: center;



  justify-content: center;



  width: 100%;



  height: 50px;



  background-color: var(--agrofa-yellow, 253, 214, 31);



  margin: 0;



}







.cart-page .proceed-btn::before,



.cart-page .proceed-btn::after {



  content: none;



}







.cart-page .proceed-btn:hover {



  background-color: var(--agrofa-green, #0c7735);



  color: var(--agrofa-white, #fff);



}







/*--------------------------------------------------------------



# Checkout



--------------------------------------------------------------*/



.checkout-page {



  position: relative;



  padding: 120px 0;



  padding-top: 117px;



}







@media (max-width: 991px) {



  .checkout-page {



    padding: 76px 0;



    padding-top: 55px;



  }



}







@media (max-width: 1200px) {



  .checkout-page .container {



    max-width: 100%;



  }



}







.checkout-page .bs-gutter-x-20 {



  --bs-gutter-x: 20px;



}







.checkout-page__billing-address {



  position: relative;



}







.checkout-page__billing-address__title {



  font-family: var(--agrofa-font, "Jost", sans-serif);



  font-size: 20px;



  margin: 0 0 29px;



  font-weight: 600;



  color: var(--brown-color);



  border-bottom: 1px solid #e0e0e0;



  padding-bottom: 13px;



}







@media (max-width: 767px) {



  .checkout-page__billing-address__title {



    font-size: 18px;



  }



}



.input-label {
  color: var(--brown-color);
}



.checkout-page__label-text {



  font-size: 16px;



  line-height: 1;



  color: var(--brown-color);



  font-weight: 400;



  margin-bottom: 5px;



  display: block;



}







.checkout-page__input-box {



  position: relative;



  line-height: 1;



  margin: 0 0 15px;



}







.checkout-page__input-box input[type=text],



.checkout-page__input-box input[type=email],



.checkout-page__input-box input[type=tel] {



  height: 42px;



  width: 100%;



  border: none;



  background-color: var(--agrofa-white, #fff);



  border: 1px solid #e0e0e0;



  padding-left: 10px;



  padding-right: 10px;



  outline: none;



  font-size: 14px;



  color: #838383;



  font-family: var(--agrofa-font, "Jost", sans-serif);



  display: block;



  font-weight: 400;



  border-radius: 4px;



}







.checkout-page__input-box .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {



  position: relative;



  display: block;



  width: 100% !important;



  font-family: var(--agrofa-font, "Jost", sans-serif);



}







.checkout-page__input-box .bootstrap-select>.dropdown-toggle::after {



  display: none;



}

.error {
  font-size: 14px !important;

}






.checkout-page__input-box .bootstrap-select>.dropdown-toggle {



  position: relative;



  height: 42px;



  outline: none !important;



  border-radius: 0;



  border: 0;



  background-color: var(--agrofa-white, #fff) !important;



  border: 1px solid #e0e0e0;



  margin: 0;



  padding: 0;



  padding-left: 20px;



  padding-right: 20px;



  color: #838383;



  font-size: 14px;



  line-height: 56px;



  font-weight: 400;



  box-shadow: none !important;



  background-repeat: no-repeat;



  background-size: 14px 12px;



  background-position: right 25.75px center;

  border-radius: 4px;

}

.checkout-dropdown .bootstrap-select .filter-option-inner {
  position: absolute !important;
  top: -9px !important;
  left: 10px !important;
}

.checkout-page__input-box .bootstrap-select>.dropdown-toggle:before {
  top: -9px !important;
  right: 10px !important;
}

.checkout-page__input-box .bootstrap-select .dropdown-menu {
  height: 200px;
}

.checkout-page__input-box .bootstrap-select .dropdown-menu>li>a {
  background-color: #f9f9f9 !important;
  font-size: 14px !important;
  border: unset !important;
}

.checkout-page__input-box .bootstrap-select .dropdown-menu>li>a:hover {
  background-color: var(--agrofa-yellow, 253, 214, 31) !important;
}




.checkout-page__input-box .bootstrap-select>.dropdown-toggle:before {



  position: absolute;



  top: 0;



  bottom: 0;



  right: 30px;



  font-family: "Font Awesome 5 Free";



  content: "\f107";



  font-weight: 900;



  font-size: 14px;



  color: var(--agrofa-text, #12110e);



}







.checkout-page__input-box .bootstrap-select .dropdown-menu>li+li>a {



  border-top: 1px solid var(--agrofa-border-color, #ededed);



}







.checkout-page__input-box .bootstrap-select .dropdown-menu {



  border: none;



}







.checkout-page__input-box .bootstrap-select .dropdown-menu>li>a {



  font-size: 15px;



  font-weight: 400;



  padding: 15px 20px;



  color: var(--agrofa-text3, #080501);



  background-color: var(--agrofa-yellow, 253, 214, 31);



  -webkit-transition: all 0.4s ease;



  transition: all 0.4s ease;



}







.checkout-page__input-box .bootstrap-select .dropdown-menu>li:hover>a,



.checkout-page__input-box .bootstrap-select .dropdown-menu>li.selected>a {



  background: #f9f9f9;



  color: var(--agrofa-text3, #080501);



  border-color: #f9f9f9;



}







.checkout-page__input-box textarea {



  font-size: 15px;



  font-weight: 400;



  color: var(--agrofa-text3, #080501);



  height: 120px;



  width: 100%;



  background-color: var(--agrofa-white, #fff);



  font-family: var(--agrofa-font, "Jost", sans-serif);



  padding: 20px 20px 30px 20px;



  border: none;



  outline: none;



  border: 1px solid #e0e0e0;



  resize: none;



  border-radius: 18px;



  margin-bottom: 0px;



}







.checkout-page__check-box {



  position: relative;



  display: block;



  margin-top: -5px;



  margin-bottom: 10px;



}







.checkout-page__check-box input[type=checkbox] {



  display: none;



}







.checkout-page__check-box label {



  position: relative;



  display: block;



  padding-left: 30px;



  margin-right: 0px;



  margin-bottom: 0;



  color: var(--agrofa-text, #12110e);



  font-size: 15px;



  line-height: 24px;



  text-transform: none;



  cursor: pointer;



}







.checkout-page__check-box label span:before {



  position: absolute;



  width: 100%;



  height: 100%;



  top: 0;



  left: 0;



  line-height: 20px;



  display: flex;



  align-items: center;



  justify-content: center;



  color: var(--agrofa-green, #0c7735);



  font-family: "Font Awesome 5 Free";



  content: "\f00c";



  font-size: 10px;



  font-weight: 900;



  -webkit-transition: all 0.15s ease-in-out;



  transition: all 0.15s ease-in-out;



  opacity: 0;



}







.checkout-page__check-box input[type=checkbox]+label span {



  position: absolute;



  top: 4px;



  left: 0;



  width: 16px;



  height: 16px;



  background-color: var(--agrofa-white, #fff);



  border: 1px solid #e0e0e0;



  vertical-align: middle;



  cursor: pointer;



  -webkit-transition: all 300ms ease;



  -moz-transition: all 300ms ease;



  -ms-transition: all 300ms ease;



  -o-transition: all 300ms ease;



  transition: all 300ms ease;



}







.checkout-page__check-box input[type=checkbox]:checked+label span:before {



  opacity: 1;



}







.checkout-page__cost-process {



  padding-left: 43px;



}







@media (max-width: 1200px) {



  .checkout-page__cost-process {



    padding-left: 0;



  }



}







.checkout-page__cost-process-title {



  font-family: var(--agrofa-font, "Jost", sans-serif);



  font-weight: 600;



  font-size: 20px;



  line-height: 1;



  color: var(--brown-color);



  border-bottom: 1px solid #e4e2e0;



  margin-bottom: 0;



  padding-bottom: 18px;



}







.checkout-page .cart-process-wrap {



  /* border: 1px solid var(--agrofa-text, #12110e); */



  border-radius: 4px;



  background-color: #f0f8f3;



  padding: 30.5px 19.5px 10px 19.5px;



}


.wishlist-addtocart .agrofa-btn {
  background-color: var(--primary-color);

}

.wishlist-addtocart .agrofa-btn:hover {
  background-color: var(--secondary-color);
}

.wishlist-table {
  box-shadow: 5px 5px 30px rgb(0 0 0 / 7%);
  background: rgb(241, 250, 245);
  padding: 20px;
  border-radius: 8px;
}

.wishlist-table .table {
  --bs-table-bg: rgb(241, 250, 245);
}

.cart-page__coupon.wishlistTable {
  margin-top: 20px;
}

.checkout-page .cart-process-wrap.cart-process-wrap+.cart-process-wrap {



  margin-top: 26px;



}



.billing-address-txt {
  margin-top: 29px;
}



.checkout-page .cart-page__common {



  border-color: #e4e2e0;



  padding: 15px 0;



  margin-bottom: 0;



  position: relative;



}


.custom-radio input[type=radio]:checked {
  accent-color: #df7100;
}




.checkout-page .cart-page__common:nth-last-child(-n+2) {



  border-bottom: 1px solid #e4e2e0;
  /* margin: 10px; */



}

.mb0 {
  margin-bottom: 0;
}







.checkout-page .cart-page__common:nth-last-child(-n+1) {



  border: 0;



}







.checkout-page .cart-page__common::after {



  content: "";



  position: absolute;



  width: calc(100% + 39px);



  height: calc(100% + 2px);



  top: -1px;



  left: -19.5px;



  z-index: 1;



  background-color: var(--agrofa-white, #fff);



  opacity: 0;



  visibility: hidden;



  transition: all 0.5s ease;



}







.checkout-page .cart-page__common:hover {



  background-color: transparent;



}







.checkout-page .cart-page__common:hover::after {



  opacity: 1;



  visibility: visible;



}







.checkout-page .cart-page__cartprice,



.checkout-page .cart-page__cartname,



.checkout-page .cart-page__flat-rate,



.checkout-page .cart-page__title-name {



  position: relative;



  z-index: 2;



}







.checkout-page .cart-page__table__meta-img {



  width: 72px;



  min-width: 72px;



  padding: 7px 7px;



  margin-right: 12px;



}







.checkout-page .cart-page__table__meta-img img {



  max-width: 60px;



  max-height: initial;



}







.checkout-page .change-address {



  color: var(--agrofa-green, #0c7735);



}







.checkout-page .change-address::after {



  border-bottom-color: var(--agrofa-green, #0c7735);



}






/*
.checkout-page__payment {



  padding-bottom: 54px !important;



} */







.checkout-page__payment__select input[type=checkbox] {



  display: none;



}







.checkout-page__payment__select label {



  position: relative;



  padding-left: 50px;



  cursor: pointer;



  font-family: var(--agrofa-font, "Jost", sans-serif);



  font-weight: 400;



  font-size: 16px;



  line-height: 1;



  color: var(--agrofa-text7, #2a2826);



  height: 50px;



  border: 1px solid var(--agrofa-text, #12110e);



  border-radius: 4px;



  display: flex;



  align-items: center;



  transition: all 0.4s;



}







.checkout-page__payment__select label span:before {



  position: absolute;



  width: auto;



  height: 100%;



  top: 0;



  left: 20px;



  bottom: 0;



  line-height: 1;



  display: flex;



  align-items: center;



  color: var(--agrofa-white, #fff);



  font-family: "icomoon" !important;



  content: "\e90f";



  font-size: 18px;



  font-weight: 900;



  color: var(--agrofa-text7, #2a2826);



  -webkit-transition: all 0.15s ease-in-out;



  transition: all 0.15s ease-in-out;



  opacity: 1;



}







.checkout-page__payment__select label:hover {



  border-color: var(--agrofa-green, #0c7735);



  background-color: var(--agrofa-white, #fff);



}







.checkout-page__payment__select label:hover span:before {



  color: var(--agrofa-green, #0c7735);



}







.checkout-page__payment__select input[type=checkbox]+label span {



  position: absolute;



  top: 0;



  bottom: 0;



  left: 0;



  width: auto;



  height: 100%;



  border: none;



  vertical-align: middle;



  display: flex;



  align-items: center;



  cursor: pointer;



  -webkit-transition: all 300ms ease;



  -moz-transition: all 300ms ease;



  -ms-transition: all 300ms ease;



  -o-transition: all 300ms ease;



  transition: all 300ms ease;



}







.checkout-page__payment__select input[type=checkbox]:checked+label {



  border-color: var(--agrofa-green, #0c7735);



  background-color: var(--agrofa-white, #fff);



}







.checkout-page__payment__select input[type=checkbox]:checked+label span:before {



  opacity: 1;



  color: var(--agrofa-green, #0c7735);



}







.checkout-page__payment__select+.checkout-page__payment__select {



  margin-top: 10px;



}







.checkout-page__payment .payment_condition-check {



  padding-top: 33px;



}







.checkout-page__payment .place-oder-btn-wrap {



  padding-top: 24px;



}







.checkout-page__payment .place-oder-btn {



  color: var(--white-color);



  font-weight: 500;



  font-size: 15px;



  line-height: 1;



  text-transform: uppercase;



  display: flex;



  align-items: center;



  justify-content: center;



  width: 100%;



  height: 50px;



  background-color: var(--agrofa-yellow, 253, 214, 31);



  border-radius: 4px;



  margin: 0;



}







.checkout-page__payment .place-oder-btn::before,



.checkout-page__payment .place-oder-btn::after {



  content: none;



}







.checkout-page__payment .place-oder-btn:hover {



  background-color: var(--agrofa-green, #0c7735);



  color: var(--agrofa-white, #fff);



}







/*--------------------------------------------------------------



# Login



--------------------------------------------------------------*/



.login-page__form .checked-box input[type="checkbox"]+label span {



  position: absolute;



  top: 2px;



  left: 0;



  width: 20px;



  height: 20px;



  border-radius: var(--gardon-bdr-radius);



  vertical-align: middle;



  background: #fff;



  cursor: pointer;



  -webkit-transition: all 300ms ease;



  -moz-transition: all 300ms ease;



  -ms-transition: all 300ms ease;



  -o-transition: all 300ms ease;



  transition: all 300ms ease;



  border: 1px solid #c9c9c9;



}







.login-page__form .checked-box label span::before {



  position: absolute;



  top: 3px;



  left: 5px;



  display: block;



  border-bottom: 2px solid #f28a20;



  border-right: 2px solid #f28a20;



  content: '';



  width: 6px;



  height: 9px;



  pointer-events: none;



  -webkit-transform-origin: 66% 66%;



  -ms-transform-origin: 66% 66%;



  transform-origin: 66% 66%;



  -webkit-transform: rotate(45deg);



  -ms-transform: rotate(45deg);



  transform: rotate(45deg);



  -webkit-transition: all 0.15s ease-in-out;



  transition: all 0.15s ease-in-out;



  opacity: 1;



}







.login-page__form .checked-box input[type="checkbox"]:checked+label span::before {



  opacity: 0;



}







.login-page__form .checked-box input[type="checkbox"] {



  display: none;



}







.login-btn .agrofa-btn {



  margin: 0;



  width: 100%;



  text-align: center;



  justify-content: center;



}







.login-page__form .checked-box label {



  position: relative;



  display: inline-block;



  padding-left: 25px;



  margin-right: 0px;



  margin-bottom: 0;



  font-size: 16px;



  line-height: 22px;



  font-weight: 400;



  text-transform: none;



  cursor: pointer;



}







.login-btn .agrofa-btn::before {



  height: 768%;
  z-index: -1;



}







.login-btn.model-btn {



  justify-content: center;



  margin: 0;



}







.already-account {



  color: #f28a20;



}







.login-btn .agrofa-btn::after {



  height: 775%;
  z-index: -1;



}







.login-divide-text {



  text-align: center;



  justify-content: center;



  display: flex;



}







.login-page__form {



  position: relative;



  display: block;



  padding: 30px;



  border: 1px solid var(--gardon-bdr-color);



  border-radius: var(--gardon-bdr-radius);



}



.login-page__form-input-box input[type="text"] {
  font-size: 16px !important;
}



.login-page__form-input-box input[type="text"],



.login-page__form-input-box input[type="email"],



.login-page__form-input-box input[type="password"],



.login-page__form-input-box input[type="tel"] {



  height: 60px;



  width: 100%;



  border: none;



  background-color: var(--gardon-primary);



  border-radius: var(--gardon-bdr-radius);



  padding-left: 30px;



  padding-right: 30px;



  outline: none;



  font-size: 14px;



  color: var(--gardon-gray);



  display: block;



  font-weight: 500;



}







.login-page {



  position: relative;



  padding: 120px 0;



}







@media (max-width: 767px) {



  .login-page {



    padding: 80px 0;



    padding-top: 60px;



  }



}







.login-page__info {



  background-color: var(--agrofa-gray, #ddd);



  padding: 13px 30px 15px;



  margin-bottom: 72px;



}







@media (max-width: 991px) {



  .login-page__info {



    margin-bottom: 20px;



  }

  .checkout-page__cost-process {
    margin-top: 20px;
  }



}







.login-page__info p {



  margin: 0;



  font-size: 14px;



}







.login-page__info p span {



  color: var(--agrofa-black, #1e1d21);



}







.login-page__info p a {



  display: inline-block;



  color: var(--agrofa-base, #c2a74e);



  transition: all 500ms ease;



}







.login-page__info p a:hover {



  color: var(--agrofa-black, #1e1d21);



  text-shadow: 0 0 1px currentColor;



}







.login-page__wrap {



  position: relative;



}







.login-page__wrap__title {



  font-size: 30px;



  text-transform: uppercase;



  font-weight: 700;



  margin-bottom: 34px;



}







@media (max-width: 991px) {



  .login-page__wrap__title {



    margin-top: 50px;



  }



}

.otp-form-border {
  border: 1px solid var(--agrofa-border-color, #ededed);
  padding: 35px 0;
  box-shadow: 5px 5px 30px rgb(0 0 0 / 7%);
  background: rgb(241, 250, 245);
  border-radius: 8px;
}

.otp-form .login-page__form {
  border: unset;
  padding: 0 35px;
}

.resend-otp-txt {
  margin-bottom: 20px !important;
}




.login-page__form {



  position: relative;



  display: block;



  padding: 35px;



  border: 1px solid var(--agrofa-border-color, #ededed);



}


.register-page {
  box-shadow: 5px 5px 30px rgb(0 0 0 / 7%);
  background: rgb(241, 250, 245);
  border-radius: 8px;
}




@media (min-width: 991px) and (max-width: 1199px) {



  .login-page__form {



    padding: 25px;



  }



}







@media (max-width: 767px) {



  .login-page__form {



    padding: 30px 22px;



  }



}







.login-page__form-input-box {



  position: relative;



  display: block;



  margin-bottom: 20px;



}







.login-page__form .checked-box {



  position: relative;



  display: block;



  margin-top: 5px;



  margin-bottom: 18px;



}




select:focus {
  box-shadow: unset !important;
}

/* .form-control{
  -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
} */
select option {
  background: #ffff;
}

.login-page__form-input-box input::placeholder {
  color: var(--brown-color);
}

.login-page__form-input-box input[type="text"],



.login-page__form-input-box input[type="email"],



.login-page__form-input-box input[type="password"],



.login-page__form-input-box input[type="tel"],

.login-page__form-input-box select,
.login-page__form-input-box select:focus {



  height: 60px;



  width: 100%;



  border: none;



  background-color: #fff;





  padding-left: 20px;



  padding-right: 20px;



  outline: none;



  font-size: 16px !important;



  color: var(--brown-color) !important;



  display: block;



  font-weight: 500;



}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px white inset !important;
  -webkit-text-fill-color: var(--brown-color) !important;
  font-size: 14px;
}




.login-page__checked-box {



  position: relative;



  display: block;



  margin-top: -8px;



  margin-bottom: 15px;



}







.login-page__checked-box label {



  position: relative;



  display: inline-block;



  padding-left: 30px;



  margin-right: 0px;



  margin-bottom: 0;



  color: var(--agrofa-text, #12110e);



  font-size: 14px;



  line-height: 22px;



  font-weight: 500;



  text-transform: none;



  cursor: pointer;



}







.login-page__checked-box label span:before {



  position: absolute;



  top: 2px;



  left: 3px;



  display: block;



  border-bottom: 2px solid var(--agrofa-border-color, #ededed);



  border-right: 2px solid var(--agrofa-border-color, #ededed);



  content: "";



  width: 5px;



  height: 8px;



  pointer-events: none;



  -webkit-transform-origin: 66% 66%;



  -ms-transform-origin: 66% 66%;



  transform-origin: 66% 66%;



  -webkit-transform: rotate(45deg);



  -ms-transform: rotate(45deg);



  transform: rotate(45deg);



  -webkit-transition: all 0.15s ease-in-out;



  transition: all 0.15s ease-in-out;



  opacity: 0;



}







.login-page__checked-box input[type=checkbox] {



  display: none;



}







.login-page__checked-box input[type=checkbox]+label span {



  position: absolute;



  top: 4px;



  left: 0;



  width: 16px;



  height: 16px;



  vertical-align: middle;



  background: transparent;



  cursor: pointer;



  -webkit-transition: all 300ms ease;



  -moz-transition: all 300ms ease;



  -ms-transition: all 300ms ease;



  -o-transition: all 300ms ease;



  transition: all 300ms ease;



  border: 1px solid var(--agrofa-border-color, #ededed);



}







.login-page__checked-box input[type=checkbox]:checked+label span:before {



  opacity: 1;



}







.login-page__form-btn-box {



  position: relative;



  display: flex;



  align-items: center;



  flex-wrap: wrap;



}







.login-page__form-btn-box .agrofa-btn {



  padding-left: 47px;



  padding-right: 47px;



}







.login-page__form-forgot-password {



  position: relative;



  display: block;



  margin-left: 0px;



  flex: 0 0 100%;



  margin-top: 10px;



}







@media (min-width: 768px) {



  .login-page__form-forgot-password {



    margin-left: 20px;



    flex: 0 0 auto;



    margin-top: 0;



  }



}







.login-page__form-forgot-password a {



  font-size: 14px;



  font-weight: 500;



  color: var(--agrofa-text, #12110e);



  position: relative;



  display: inline-block;



  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;



  transition: all 500ms ease;



}







.login-page__form-forgot-password a:hover {



  background-size: 100% 1px;



}







.login-page__form-forgot-password a:hover {



  color: var(--agrofa-base, #c2a74e);



}







/*--------------------------------------------------------------



# error 404



--------------------------------------------------------------*/



.error-404 {



  background-color: #eff7f2;



  padding-top: 120px;



  padding-bottom: 120px;



  text-align: center;



  background-image: url("../images/backgrounds/bg-404-1-1.jpg");



  background-repeat: no-repeat;



  background-size: cover;



  background-position: center center;



  background-blend-mode: overlay;



}







@media (max-width: 991px) {



  .error-404 {



    padding-top: 96x;



    padding-bottom: 106px;



  }



}







.error-404 .container {



  max-width: 660px;



}







.error-404__title {



  font-size: 180px;



  line-height: 1;



  font-weight: 700;



  color: var(--agrofa-text, #12110e);



  margin-bottom: 12px;



}







@media (max-width: 991px) {



  .error-404__title {



    font-size: 154px;



  }



}







.error-404__title>span {



  color: var(--agrofa-yellow, 253, 214, 31);



  text-shadow: -8px -16px 1px var(--agrofa-green, #0c7735);



}







.error-404__sub-title {



  color: var(--agrofa-green, #0c7735);



  font-family: var(--agrofa-font, "Jost", sans-serif);



  font-weight: 500;



  font-size: 38px;



  line-height: 1;



  margin-bottom: 45px;



}







.error-404__text {



  color: var(--agrofa-text, #12110e);



  font-size: 18px;



  line-height: 32px;



  font-weight: 400;



  margin-bottom: 48px;



}







.error-404__search {



  position: relative;



  margin-bottom: 56px;



}







.error-404 #error-search {



  height: 60px;



  display: flex;



  align-items: center;



  outline-style: none;



  border: 1px solid #eae9e9;



  font-size: 16px;



  line-height: 1;



  font-weight: 300;



  background: var(--agrofa-white, #fff);



  color: var(--agrofa-text, #12110e);



  width: 100%;



  padding: 0 62px 0 28px;



  border-radius: 30px;



}







.error-404 #error-search::-webkit-input-placeholder {



  color: var(--agrofa-text, #12110e);



  font-weight: 300;



}







.error-404 #error-search:-moz-placeholder {



  color: var(--agrofa-text, #12110e);



  font-weight: 300;



}







.error-404__search__btn {



  position: absolute;



  top: 1px;



  right: 1px;



  background: none;



  border: 0;



  outline-style: none;



  width: 50px;



  height: calc(100% - 2px);



  display: flex;



  align-items: center;



  padding: 0;



  background-color: var(--agrofa-white, #fff);



  border-radius: 0 32px 32px 0;



}







.error-404__btns {



  display: flex;



  justify-content: center;



}







.error-404__btn {



  height: 60px;



  display: flex;



  align-items: center;



  justify-content: center;



  width: fit-content;



  font-size: 15px;



  line-height: 1;



  font-weight: 500;



  color: var(--agrofa-text, #12110e);



  text-transform: uppercase;



  border: 1px solid var(--agrofa-text, #12110e);



  border-radius: 4px;



  background-color: var(--agrofa-yellow, 253, 214, 31);



  padding: 5px 53px;



  margin-left: 0;



}







.error-404__btn::before,



.error-404__btn::after {



  content: none;



}







.error-404__btn:hover {



  background-color: var(--agrofa-green, #0c7735);



  border-color: var(--agrofa-green, #0c7735);



  color: var(--agrofa-white, #fff);



}







/*--------------------------------------------------------------



# Faq



--------------------------------------------------------------*/



.faq-page-search {



  padding-top: 100px;



  padding-bottom: 60px;



}







@media (max-width: 767px) {



  .faq-page-search {



    padding-top: 60px;



  }



}







.faq-page-search__shape-1,



.faq-page-search__shape-2,



.faq-page-search__shape-3 {



  position: absolute;



}







.faq-page-search__shape-1 {



  top: 0;



  right: 0;



  animation: leafMove 6s linear 0s infinite;



  z-index: 10;



}







.faq-page-search__shape-2 {



  bottom: 0;



  right: 0;



  animation: messageMove 6s linear 0s infinite;



}







.faq-page-search__shape-3 {



  left: 0;



  bottom: 0;



  animation: leafMove 4s linear 0s infinite;



}







.faq-page-search__inner {



  background-color: var(--agrofa-gray, #ddd);



  padding: 40px 30px;



  background-size: cover;



  position: relative;



  overflow: hidden;



}







@media (min-width: 992px) {



  .faq-page-search__inner {



    padding: 40px 60px;



  }



}







@media (min-width: 1200px) {



  .faq-page-search__inner {



    padding: 100px 100px;



  }



}







.faq-page-search__title {



  text-transform: uppercase;



  margin: 0;



  font-weight: bold;



  color: var(--agrofa-black, #1e1d21);



  font-size: 25px;



  line-height: 1.2em;



  margin-bottom: 10px;



  margin-top: -7px;



}







@media (min-width: 992px) {



  .faq-page-search__title {



    font-size: 34px;



  }



}







.faq-page-search__text {



  margin: 0;



  font-size: 14px;



  line-height: 30px;



  max-width: 479px;



  width: 100%;



}







.faq-page-search__form {



  display: flex;



  align-items: center;



  position: relative;



  margin-bottom: 20px;



  width: 100%;



  max-width: 550px;



  margin-top: 25px;



}







.faq-page-search__form input[type=text] {



  border: none;



  outline: none;



  display: block;



  background-color: var(--agrofa-white, #fff);



  color: var(--agrofa-text, #12110e);



  font-size: 14px;



  width: 100%;



  padding-left: 30px;



  height: 58px;



}







.faq-page-search__form__btn {



  border: none;



  outline: none;



  background-color: transparent;



  position: absolute;



  top: 50%;



  right: 30px;



  transform: translateY(-50%);



  font-size: 20px;



}







@media (min-width: 768px) {



  .faq-page-search__form__btn {



    font-size: 22px;



  }



}







.faq-page {



  padding-top: 107px;



  padding-bottom: 110px;



  background-color: #effaf3;



}







@media (max-width: 767px) {



  .faq-page {



    padding-bottom: 60px;



  }



}







.faq-page__title-wrap {



  width: 100%;



  max-width: 740px;



  margin: 0 auto;



  padding-bottom: 82px;



}







.faq-page__title {



  font-size: 40px;



  line-height: 52px;



  font-weight: 700;



  color: var(--agrofa-text, #12110e);



  margin-bottom: 23px;



}







.faq-page__title-info {



  font-size: 18px;



  line-height: 30px;



  color: var(--agrofa-text, #12110e);



}







.faq-page__accordion .faq-page__title-inner {



  font-size: 24px;



  line-height: 32px;



  font-weight: 600;



  font-family: var(--agrofa-font, "Jost", sans-serif);



  margin-bottom: 37px;



}







.faq-page__accordion .accrodion {



  margin-bottom: 10px;



}







.faq-page__accordion .active .accrodion-title {



  border-bottom: 0;



  border-radius: 5px 5px 0 0;



}







.faq-page__accordion .accrodion-title {



  padding: 18px 28px 20px 28px;



  padding-right: 70px;



  cursor: pointer;



  border: 1px solid #262222;



  border-radius: 5px;



}







.faq-page__accordion .accrodion-title h6 {



  font-family: var(--agrofa-font, "Jost", sans-serif);



  font-weight: 500;



  color: var(--agrofa-text, #12110e);



  font-size: 16px;



  line-height: 1;



  margin: 0;



  transition: all 500ms ease;



  position: relative;



}







.faq-page__accordion .accrodion-title__icon {



  width: 33px;



  height: 33px;



  position: absolute;



  top: 50%;



  right: -55px;



  transform: translateY(-50%);



  background-color: var(--agrofa-green, #0c7735);



  display: flex;



  align-items: center;



  justify-content: center;



  border-radius: 50%;



}







.faq-page__accordion .accrodion-title__icon::after {



  position: absolute;



  top: 0;



  left: 0;



  content: "\e92c";



  font-family: "icomoon" !important;



  transition: all 500ms ease;



  display: flex;



  align-items: center;



  justify-content: center;



  width: 100%;



  height: 100%;



  font-size: 11px;



  line-height: 1;



  color: var(--agrofa-white, #fff);



  transform: scaleY(1);



}







.faq-page__accordion .active .accrodion-title__icon {



  background-color: var(--agrofa-yellow, 253, 214, 31);



}







.faq-page__accordion .active .accrodion-title__icon::after {



  transform: scaleY(-1);



  color: var(--agrofa-text, #12110e);



}







.faq-page__accordion .active .accrodion-content {



  border-top: 1px solid #262222;



  border-radius: 0 0 5px 5px;



}







.faq-page__accordion .accrodion-content {



  border: 1px solid #262222;



  border-top: 0;



}







.faq-page__accordion .accrodion-content .inner {



  padding: 18px 65px 32px 28px;



}







.faq-page__accordion .accrodion-content p {



  margin: 0;



  font-size: 14px;



  line-height: 32px;



  color: var(--agrofa-text, #12110e);



}







.faq-one {



  position: relative;



  background-color: var(--agrofa-gray, #ddd);



  background-position: center center;



  background-repeat: no-repeat;



  background-size: cover;



  padding: 240px 0 120px;



}







@media (max-width: 767px) {



  .faq-one {



    padding: 200px 0 80px;



  }



}







.faq-one__content {



  position: relative;



}







@media (max-width: 991px) {



  .faq-one__content {



    margin-bottom: 35px;



  }



}







.faq-one__content .sec-title {



  padding-bottom: 35px;



}







.faq-one__content__author {



  position: relative;



  padding: 6px 0 0 155px;



  min-height: 128px;



}







.faq-one__content__author__thumb {



  width: 128px;



  height: 128px;



  border-radius: 50%;



  overflow: hidden;



  position: absolute;



  left: 0;



  top: 0;



}







.faq-one__content__author__thumb img {



  width: 100%;



  height: 100%;



  object-fit: cover;



}







.faq-one__content__author__title {



  font-size: 18px;



  font-weight: 700;



  color: var(--agrofa-base, #c2a74e);



  text-transform: uppercase;



  margin: 0 0 33px;



}







@media (max-width: 767px) {



  .faq-one__content__author__title {



    margin-bottom: 15px;



  }



}







.faq-one__content__author__text {



  line-height: 30px;



  margin: 0;



}







@media (min-width: 992px) and (max-width: 1199px) {



  .faq-one__content__author__text br {



    display: none;



  }



}







.faq-one .faq-page__accordion {



  background-color: var(--agrofa-white, #fff);



}







/*--------------------------------------------------------------



# Package



--------------------------------------------------------------*/



.package-card {



  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);



  background-color: var(--agrofa-white, #fff);



}







.package-card__image {



  position: relative;



  overflow: hidden;



}







.package-card__image>img {



  width: 100%;



  transform: scale(1);



  transition: transform 500ms ease;



}







.package-card__image__link {



  display: flex;



  width: 100%;



  height: 100%;



  background-color: rgba(var(--agrofa-black-rgb, 30, 29, 33), 0.7);



  position: absolute;



  top: 0;



  left: 0;



  justify-content: center;



  align-items: center;



  opacity: 0;



  transform: translateY(-20%);



  transition: opacity 500ms ease, transform 500ms ease;



}







.package-card__image__link::before,



.package-card__image__link::after {



  content: "";



  width: 20px;



  height: 2px;



  background-color: #fff;



  display: block;



  position: absolute;



  top: 50%;



  left: 50%;



  transform: translate(-50%, -50%);



}







.package-card__image__link::after {



  transform: translate(-50%, -50%) rotate(90deg);



}







.package-card:hover .package-card__image>a {



  opacity: 1;



  transform: translateY(0);



}







.package-card:hover .package-card__image>img {



  transform: scale(1.05);



}







.package-card__content {



  background-repeat: no-repeat;



  background-position: right bottom;



  position: relative;



  padding: 50px;



}







.package-card__content__shape {



  display: block;



  width: auto !important;



}







.package-card__price {



  width: 81px;



  height: 81px;



  background-color: var(--agrofa-base, #c2a74e);



  border-radius: 50%;



  text-align: center;



  display: flex;



  justify-content: center;



  align-items: center;



  color: var(--agrofa-white, #fff);



  font-size: 18px;



  position: absolute;



  right: 40px;



  top: 0;



  transform: translateY(-50%);



  line-height: 1;



}







@media (min-width: 768px) {



  .package-card__price {



    font-size: 20px;



  }



}







.package-card__title {



  margin: 0;



  text-transform: uppercase;



  font-weight: bold;



  color: var(--agrofa-black, #1e1d21);



  font-size: 22px;



  line-height: 1.2em;



  margin-top: -5px;



  margin-bottom: 12px;



}







@media (min-width: 768px) {



  .package-card__title {



    font-size: 24px;



  }



}







.package-card__title a {



  color: inherit;



  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;



  transition: all 500ms ease;



}







.package-card__title a:hover {



  background-size: 100% 1px;



}







.package-card__title a:hover {



  color: var(--agrofa-base, #c2a74e);



}







.package-card__text {



  margin: 0;



  font-size: 15px;



  line-height: 30px;



  border-bottom: 1px solid var(--agrofa-border-color, #ededed);



  margin-top: 10px;



  padding-bottom: 21px;



  margin-bottom: 6px;



}







.package-card__link {



  display: inline-flex;



  align-items: center;



  text-transform: uppercase;



  font-size: 12px;



  font-weight: 500;



  letter-spacing: var(--agrofa-letter-space, 0.1em);



  color: var(--agrofa-black, #1e1d21);



  transition: all 500ms ease;



  line-height: 1em;



  position: relative;



  top: 10px;



  text-shadow: 0 0 1px currentColor;



}







.package-card__link:hover {



  color: var(--agrofa-base, #c2a74e);



}







.package-card__link i {



  font-size: 16px;



  margin-left: 9px;



}







.package-page {



  padding: 120px 0;



  padding-top: 100px;



}







@media (max-width: 767px) {



  .package-page {



    padding: 80px 0;



    padding-top: 60px;



  }



}







/*--------------------------------------------------------------



# Offer



--------------------------------------------------------------*/



.offer-one {



  padding-bottom: 120px;



}







@media (max-width: 767px) {



  .offer-one {



    padding-bottom: 80px;



  }



}







.offer-one--home {



  padding: 100px 0;



}







@media (max-width: 767px) {



  .offer-one--home {



    padding: 80px 0;



  }



}







.offer-one .container-fluid {



  max-width: 1604px;



}







.offer-one__card {



  padding: 20px;



  background-size: cover;



  position: relative;



  overflow: hidden;



}







.offer-one__card::before {



  background: linear-gradient(90deg, rgba(var(--agrofa-white-rgb, 255, 255, 255), 0.13) 0px, rgba(var(--agrofa-white-rgb, 255, 255, 255), 0.13) 77%, rgba(var(--agrofa-white-rgb, 255, 255, 255), 0.5) 92%, rgba(var(--agrofa-white-rgb, 255, 255, 255), 0));



  content: "";



  height: 200%;



  left: -210%;



  opacity: 0;



  position: absolute;



  top: -50%;



  transition: all 0.7s ease 0s;



  width: 200%;



}







.offer-one__card:hover::before {



  left: -30%;



  opacity: 1;



  top: -20%;



  transition-duration: 0.7s, 0.7s, 0.15s;



  transition-property: left, top, opacity;



  transition-timing-function: linear;



}







.offer-one__card__inner {



  position: relative;



  border: 1px solid var(--agrofa-white, #fff);



  padding: 40px;



}







@media (min-width: 992px) {



  .offer-one__card__inner {



    padding: 50px;



  }



}







.offer-one__card__shape {



  position: absolute;



  top: 0;



  left: 0;



  display: none;



}







@media (min-width: 992px) {



  .offer-one__card__shape {



    display: block;



  }



}







.offer-one__card__value {



  font-family: var(--agrofa-special-font, "Outfit", sans-serif);



  font-weight: 400;



  font-size: 30px;



  color: var(--agrofa-base, #c2a74e);



  line-height: 1;



  margin: 0;



}







@media (min-width: 992px) {



  .offer-one__card__value {



    font-size: 40px;



  }



}







.offer-one__card__title {



  position: relative;



  font-weight: bold;



  text-transform: uppercase;



  margin: 0;



  font-size: 30px;



  line-height: 1.2em;



  margin-bottom: 17px;



}







@media (min-width: 992px) {



  .offer-one__card__title {



    font-size: 40px;



  }



}







/*--------------------------------------------------------------



# Membership



--------------------------------------------------------------*/



.membership-one {



  padding: 120px 0;



  padding-top: 100px;



}







@media (max-width: 767px) {



  .membership-one {



    padding: 80px 0;



    padding-top: 60px;



  }



}







.membership-one .sec-title {



  text-align: center;



  padding-bottom: 25px;



}







.membership-one__tab__list {



  display: inline-flex;



  justify-content: center;



  align-items: center;



  margin-bottom: 40px;



  flex-wrap: wrap;



}







.membership-one__tab__list li,



.membership-one__tab__list .food-one--two .food-one__quality-list li,



.food-one--two .food-one__quality-list .membership-one__tab__list li {



  cursor: pointer;



}







.membership-one__tab__list li span,



.membership-one__tab__list .food-one--two .food-one__quality-list li span,



.food-one--two .food-one__quality-list .membership-one__tab__list li span {



  display: block;



  font-size: 10px;



  background-color: var(--agrofa-gray, #ddd);



  transition: all 500ms ease;



  text-transform: uppercase;



  font-weight: 600;



  letter-spacing: var(--agrofa-letter-space, 0.1em);



  padding: 15px 20px;



  line-height: 1.2em;



  color: var(--agrofa-text, #12110e);



}







.membership-one__tab__list li.active-btn span,



.membership-one__tab__list li:hover span {



  background-color: var(--agrofa-base, #c2a74e);



  color: var(--agrofa-white, #fff);



}







.membership-one__card {



  background-repeat: no-repeat;



  background-position: top right;



  border: 1px solid var(--agrofa-border-color, #ededed);



  padding: 50px;



  background-color: var(--agrofa-white, #fff);



  transition: all 500ms ease;



}







.membership-one__card:hover {



  border-color: var(--agrofa-white, #fff);



  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);



}







.membership-one__card__price {



  font-family: var(--agrofa-font, "Jost", sans-serif);



  color: var(--agrofa-black, #1e1d21);



  line-height: 1;



  font-size: 40px;



  line-height: 1em;



  font-weight: 500;



}







.membership-one__card__tagline {



  margin: 0;



  font-size: 16px;



  font-family: var(--agrofa-font, "Jost", sans-serif);



  line-height: 2.5em;



  color: var(--agrofa-text, #12110e);



  border-bottom: 1px solid var(--agrofa-border-color, #ededed);



  padding-bottom: 16px;



  margin-bottom: 33px;



}







.membership-one__card__text {



  margin: 0;



  font-weight: 600;



  color: var(--agrofa-black, #1e1d21);



  font-size: 16px;



  line-height: 2.5em;



  margin-top: 13px;



}







.membership-one__card__list {



  margin-bottom: 26px;



}







.membership-one__card__list li,



.membership-one__card__list .food-one--two .food-one__quality-list li,



.food-one--two .food-one__quality-list .membership-one__card__list li {



  position: relative;



  font-size: 16px;



  line-height: 2.5em;



  color: var(--agrofa-text, #12110e);



  display: flex;



  justify-content: center;



  align-items: center;



}







.membership-one__card__list li>i,



.membership-one__card__list .food-one--two .food-one__quality-list li>i,



.food-one--two .food-one__quality-list .membership-one__card__list li>i {



  font-size: 14px;



  color: var(--agrofa-base, #c2a74e);



  margin-right: 10px;



  position: relative;



  top: 1px;



}







.membership-two {



  padding: 120px 0;



  padding-top: 100px;



}







@media (max-width: 767px) {



  .membership-two {



    padding: 80px 0;



    padding-top: 60px;



  }



}







.membership-two--padding {



  padding: 120px 0;



}







@media (max-width: 767px) {



  .membership-two--padding {



    padding: 80px 0;



  }



}







.membership-two .sec-title {



  text-align: center;



}







.membership-two-card {



  background-repeat: no-repeat;



  background-position: top right;



  border: 1px solid var(--agrofa-border-color, #ededed);



  padding: 36px 40px;



  transition: all 500ms ease;



  background-color: var(--agrofa-white, #fff);



}







.membership-two-card:hover {



  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);



}







@media (min-width: 992px) {



  .membership-two-card {



    display: flex;



    flex-wrap: wrap;



    align-items: center;



  }



}







.membership-two-card__icon i,



.membership-two-card__icon span {



  color: var(--agrofa-base, #c2a74e);



  font-size: 60px;



}







@media (min-width: 992px) {



  .membership-two-card__icon {



    margin-right: 30px;



  }



}







.membership-two-card__title {



  margin: 0;



  text-transform: uppercase;



  color: var(--agrofa-black, #1e1d21);



  text-transform: uppercase;



  font-size: 20px;



  line-height: 1.5em;



  font-weight: bold;



}







.membership-two-card__title a {



  color: inherit;



  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;



  transition: all 500ms ease;



}







.membership-two-card__title a:hover {



  background-size: 100% 1px;



}







.membership-two-card__text {



  font-size: 15px;



  line-height: 2em;



  margin: 0;



}







.membership-two-card__price {



  margin: 0;



  color: var(--agrofa-base, #c2a74e);



  font-size: 16px;



  line-height: 1.6666666667em;



  margin-top: 10px;



}







@media (min-width: 768px) {



  .membership-two-card__price {



    font-size: 18px;



  }



}







@media (min-width: 992px) {



  .membership-two-card__price {



    margin-left: 90px;



  }



}







@media (min-width: 1200px) {



  .membership-two-card__price {



    margin-top: 0;



    margin-left: auto;



  }



}







/*--------------------------------------------------------------



# Gift Card



--------------------------------------------------------------*/



.gift-page {



  padding: 120px 0;



  padding-top: 100px;



}







@media (max-width: 767px) {



  .gift-page {



    padding: 80px 0;



    padding-top: 60px;



  }



}







@media (min-width: 992px) {



  .gift-page__carousel .owl-nav {



    display: none;



  }



}







.gift-card-one {



  background-repeat: no-repeat;



  background-position: left top;



  border: 1px solid var(--agrofa-border-color, #ededed);



  text-align: center;



  padding: 30px;



  position: relative;



  transition: all 500ms ease;



}







.gift-card-one:hover {



  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);



}







.gift-card-one__inner {



  padding: 45px;



  border: 6px solid var(--agrofa-black, #1e1d21);



  transition: all 500ms ease;



}







.gift-card-one:hover .gift-card-one__inner {



  border-color: var(--agrofa-base, #c2a74e);



}







.gift-card-one__flower {



  position: absolute;



  top: 0;



  right: 0;



  width: auto !important;



  animation: flowerRotate 2s linear 0s infinite;



}







.gift-card-one__title {



  margin: 0;



  text-transform: uppercase;



  color: var(--agrofa-black, #1e1d21);



  font-weight: bold;



  font-size: 25px;



  line-height: 1em;



  margin-top: -5px;



}







@media (min-width: 768px) {



  .gift-card-one__title {



    font-size: 30px;



  }



}







.gift-card-one__title a {



  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;



  transition: all 500ms ease;



  color: inherit;



}







.gift-card-one__title a:hover {



  background-size: 100% 1px;



}







.gift-card-one__title a:hover {



  color: var(--agrofa-base, #c2a74e);



}







.gift-card-one__price {



  margin: 0;



  font-size: 20px;



  color: var(--agrofa-base, #c2a74e);



  line-height: 1.5em;



}







.gift-card-one__code {



  margin: 0;



  font-size: 16px;



  color: var(--agrofa-black, #1e1d21);



  line-height: 22px;



}







.gift-card-one__shape {



  display: block;



  margin-left: auto;



  margin-right: auto;



  width: auto !important;



  margin-top: 25px;



  margin-bottom: 25px;



}







.gift-card-one__text {



  margin: 0;



  font-size: 12px;



  text-transform: uppercase;



  letter-spacing: var(--agrofa-letter-space-xl, 0.2em);



  line-height: 22px;



  margin-bottom: 23px;



}







.gift-card-one__link {



  font-size: 10px;



  padding: 11px 29.5px;



}







/*--------------------------------------------------------------



# Animations



--------------------------------------------------------------*/



@keyframes bubbleMover {



  0% {



    -webkit-transform: translateY(0px) translateX(0) rotate(0);



    transform: translateY(0px) translateX(0) rotate(0);



  }







  30% {



    -webkit-transform: translateY(30px) translateX(50px) rotate(15deg);



    transform: translateY(30px) translateX(50px) rotate(15deg);



    -webkit-transform-origin: center center;



    transform-origin: center center;



  }







  50% {



    -webkit-transform: translateY(50px) translateX(100px) rotate(45deg);



    transform: translateY(50px) translateX(100px) rotate(45deg);



    -webkit-transform-origin: right bottom;



    transform-origin: right bottom;



  }







  80% {



    -webkit-transform: translateY(30px) translateX(50px) rotate(15deg);



    transform: translateY(30px) translateX(50px) rotate(15deg);



    -webkit-transform-origin: left top;



    transform-origin: left top;



  }







  100% {



    -webkit-transform: translateY(0px) translateX(0) rotate(0);



    transform: translateY(0px) translateX(0) rotate(0);



    -webkit-transform-origin: center center;



    transform-origin: center center;



  }



}







@keyframes shapeMover {







  0%,



  100% {



    transform: perspective(400px) translateY(0) rotate(0deg) translateZ(0px) translateX(0);



  }







  50% {



    transform: perspective(400px) rotate(-45deg) translateZ(20px) translateY(20px) translateX(20px);



  }



}







@keyframes banner3Shake {



  0% {



    -webkit-transform: rotate3d(0, 1, 0, 0deg);



    transform: rotate3d(0, 1, 0, 0deg);



  }







  30% {



    -webkit-transform: rotate3d(0, 0, 1, 5deg);



    transform: rotate3d(0, 0, 1, 5deg);



  }







  60% {



    -webkit-transform: rotate3d(1, 0, 0, 0deg);



    transform: rotate3d(1, 0, 0, 0deg);



  }







  80% {



    -webkit-transform: rotate3d(0, 0, 1, 5deg);



    transform: rotate3d(0, 0, 1, 5deg);



  }







  100% {



    -webkit-transform: rotate3d(0, 1, 0, 0deg);



    transform: rotate3d(0, 1, 0, 0deg);



  }



}







@keyframes squareMover {







  0%,



  100% {



    -webkit-transform: translate(0, 0) rotate(0);



    transform: translate(0, 0) rotate(0);



  }







  20%,



  60% {



    -webkit-transform: translate(20px, 40px) rotate(180deg);



    transform: translate(20px, 40px) rotate(180deg);



  }







  30%,



  80% {



    -webkit-transform: translate(40px, 60px) rotate(0deg);



    transform: translate(40px, 60px) rotate(0deg);



  }



}







@keyframes treeMove {







  0%,



  100% {



    -webkit-transform: rotate(0deg) translateX(0);



    transform: rotate(0deg) translateX(0);



  }







  25%,



  75% {



    -webkit-transform: rotate(5deg) translateX(15px);



    transform: rotate(5deg) translateX(15px);



  }







  50% {



    -webkit-transform: rotate(10deg) translateX(30px);



    transform: rotate(10deg) translateX(30px);



  }



}







@keyframes leafMove {







  0%,



  100% {



    -webkit-transform: rotate(0deg) translateX(0);



    transform: rotate(0deg) translateX(0);



  }







  25%,



  75% {



    transform: rotate(-2deg) translateX(5px);



  }







  50% {



    transform: rotate(-4deg) translateX(10px);



  }



}







@keyframes messageMove {







  0%,



  100% {



    transform: translateX(0);



  }







  25%,



  75% {



    transform: translateX(5px);



  }







  50% {



    transform: translateX(10px);



  }



}







@keyframes textRotate {



  0% {



    transform: rotate(0deg);



  }







  100% {



    transform: rotate(360deg);



  }



}







@keyframes flowerRotate {







  0%,



  100% {



    transform: rotate(0deg);



  }







  25%,



  75% {



    transform: rotate(5deg);



  }







  50% {



    transform: rotate(10deg);



  }



}







/*--------------------------------------------------------------



# Mobile Nav



--------------------------------------------------------------*/



.mobile-nav__wrapper {



  position: fixed;



  top: 0;



  left: 0;



  width: 100vw;



  height: 100vh;



  z-index: 999;



  transform: translateX(-100%);



  transform-origin: left center;



  transition: transform 500ms ease 500ms, visibility 500ms ease 500ms;



  visibility: hidden;



  position: fixed;



}







.mobile-nav__wrapper .container {



  padding-left: 0;



  padding-right: 0;



}







.mobile-nav__wrapper .home-showcase .row [class*=col-] {



  flex: 0 0 100%;



}







.mobile-nav__wrapper .home-showcase {



  margin-bottom: -1px;



  margin-top: 0;



  border-bottom: 1px solid RGBA(var(--agrofa-white-rgb, 255, 255, 255), 0.1);



}







.mobile-nav__wrapper .home-showcase__inner {



  padding: 15px 0px;



  background-color: transparent;



  box-shadow: none;



}







.mobile-nav__wrapper .home-showcase__title {



  color: var(--agrofa-white, #fff);



}







.mobile-nav__wrapper.expanded {



  opacity: 1;



  transform: translateX(0%);



  visibility: visible;



  transition: transform 500ms ease 0ms, visibility 500ms ease 0ms;



  height: 100%;



}







.mobile-nav__wrapper.expanded .mobile-nav__content {



  opacity: 1;



  visibility: visible;



  transform: translateX(0);



  transition: opacity 500ms ease 500ms, visibility 500ms ease 500ms, transform 500ms ease 500ms;



}







.mobile-nav__overlay {



  position: absolute;



  top: 0;



  left: 0;



  right: 0;



  bottom: 0;



  background-color: var(--agrofa-black, #1e1d21);



  opacity: 0.3;



  cursor: url(../images/close.png), auto;



}







.mobile-nav__content {



  width: 300px;



  background-color: #fff;



  z-index: 10;



  position: relative;



  height: 100%;



  overflow-y: auto;



  padding-top: 30px;



  padding-bottom: 30px;



  padding-left: 15px;



  padding-right: 15px;



  opacity: 0;



  visibility: hidden;



  transform: translateX(-100%);



  transition: opacity 500ms ease 0ms, visibility 500ms ease 0ms, transform 500ms ease 0ms;



}







.mobile-nav__content .main-menu__nav {



  display: block;



  padding: 0;



}







.mobile-nav__content .logo-box {



  margin-bottom: 40px;



  display: flex;



}







.mobile-nav__close {



  position: absolute;



  top: 20px;



  right: 15px;



  font-size: 18px;



  color: #54724B;



  cursor: pointer;



}







.mobile-nav__close:hover {



  color: var(--agrofa-yellow, 253, 214, 31);



}







.mobile-nav__content .main-menu__list,



.mobile-nav__content .main-menu__list ul {



  margin: 0;



  padding: 0;



  list-style-type: none;



}







.mobile-nav__content .main-menu__list ul {



  display: none;



  border-top: 1px solid RGBA(var(--agrofa-white-rgb, 255, 255, 255), 0.1);



}







.mobile-nav__content .main-menu__list ul li>a {



  padding-left: 1em;



}







.mobile-nav__content .main-menu__list li:not(:last-child) {



  border-bottom: 1px solid RGBA(84, 114, 75, 0.2);



}







.mobile-nav__content .main-menu__list li>a {



  display: flex;



  justify-content: space-between;



  line-height: 30px;



  color: var(--agrofa-text, #12110e);



  font-size: 13px;



  font-family: var(--agrofa-font, "Jost", sans-serif);



  text-transform: uppercase;



  font-weight: 500;



  height: 46px;



  letter-spacing: var(--agrofa-letter-space, 0.1em);



  align-items: center;



  transition: 500ms;



}







.mobile-nav__content .main-menu__list li a.expanded {



  color: var(--agrofa-yellow, 253, 214, 31);



}







.mobile-nav__content .main-menu__list li a button {



  width: 30px;



  height: 30px;



  background-color: var(--agrofa-yellow, 253, 214, 31);



  border: none;



  outline: none;



  color: var(--agrofa-white, #fff);



  display: flex;



  align-items: center;



  justify-content: center;



  text-align: center;



  transform: rotate(-90deg);



  transition: transform 500ms ease;



}







.mobile-nav__content .main-menu__list li a button.expanded {



  transform: rotate(0deg);



  background-color: #54724B;



  color: #fff;



}







.mobile-nav__social {



  display: flex;



  align-items: center;



  margin-top: 30px;



}







.mobile-nav__social a {



  font-size: 16px;



  color: #54724B;



  transition: 500ms;



}







.mobile-nav__social a+a {



  margin-left: 20px;



}







.mobile-nav__social a:hover {



  color: var(--agrofa-yellow, 253, 214, 31);



}







.mobile-nav__contact {



  margin-bottom: 0;



  margin-top: 20px;



  margin-bottom: 20px;



}







.mobile-nav__contact li,



.mobile-nav__contact .food-one--two .food-one__quality-list li,



.food-one--two .food-one__quality-list .mobile-nav__contact li {



  color: #f28a20;



  font-size: 14px;



  font-weight: 500;



  position: relative;



  display: flex;



  align-items: center;



}







.mobile-nav__contact li+li,



.mobile-nav__contact .food-one--two .food-one__quality-list li+li,



.food-one--two .food-one__quality-list .mobile-nav__contact li+li {



  margin-top: 15px;



}







.mobile-nav__contact li a,



.mobile-nav__contact .food-one--two .food-one__quality-list li a,



.food-one--two .food-one__quality-list .mobile-nav__contact li a {



  color: inherit;



  transition: 500ms;



}







.mobile-nav__contact li a:hover {



  color: var(--agrofa-yellow, 253, 214, 31);



}







.mobile-nav__contact li>i,



.mobile-nav__contact .food-one--two .food-one__quality-list li>i,



.food-one--two .food-one__quality-list .mobile-nav__contact li>i {



  width: 30px;



  height: 30px;



  border-radius: 50%;



  background-color: var(--agrofa-yellow, 253, 214, 31);



  display: flex;



  justify-content: center;



  align-items: center;



  text-align: center;



  font-size: 12px;



  margin-right: 10px;



  color: var(--agrofa-white, #fff);



}







.mobile-nav__container .main-menu__logo,



.mobile-nav__container .main-menu__right {



  display: none;



}







/*--------------------------------------------------------------



# Search Popup



--------------------------------------------------------------*/



.search-popup {



  position: fixed;



  width: 100%;



  height: 100%;



  top: 0;



  left: 0;



  z-index: -2;



  -webkit-transition: all 1s ease;



  -khtml-transition: all 1s ease;



  -moz-transition: all 1s ease;



  -ms-transition: all 1s ease;



  -o-transition: all 1s ease;



  transition: all 1s ease;



}







.search-popup__overlay {



  position: fixed;



  width: 224vw;



  height: 224vw;



  top: calc(90px - 112vw);



  right: calc(50% - 112vw);



  z-index: 3;



  display: block;



  -webkit-border-radius: 50%;



  -khtml-border-radius: 50%;



  -moz-border-radius: 50%;



  -ms-border-radius: 50%;



  -o-border-radius: 50%;



  border-radius: 50%;



  -webkit-transform: scale(0);



  -khtml-transform: scale(0);



  -moz-transform: scale(0);



  -ms-transform: scale(0);



  -o-transform: scale(0);



  transform: scale(0);



  -webkit-transform-origin: center;



  transform-origin: center;



  -webkit-transition: transform 0.8s ease-in-out;



  -khtml-transition: transform 0.8s ease-in-out;



  -moz-transition: transform 0.8s ease-in-out;



  -ms-transition: transform 0.8s ease-in-out;



  -o-transition: transform 0.8s ease-in-out;



  transition: transform 0.8s ease-in-out;



  transition-delay: 0s;



  transition-delay: 0.3s;



  -webkit-transition-delay: 0.3s;



  background-color: #000;



  opacity: 0.9;



  cursor: url(../images/close.png), auto;



}







@media (max-width: 767px) {



  .search-popup__overlay {



    position: absolute;



    top: 0;



    left: 0;



    right: 0;



    bottom: 0;



    transform: none;



    width: 100%;



    height: 100%;



    border-radius: 0;



    transform: translateY(-110%);



  }



}







.search-popup__content {



  position: fixed;



  width: 0;



  max-width: 560px;



  padding: 30px 15px;



  left: 50%;



  top: 50%;



  opacity: 0;



  z-index: 3;



  -webkit-transform: translate(-50%, -50%);



  -khtml-transform: translate(-50%, -50%);



  -moz-transform: translate(-50%, -50%);



  -ms-transform: translate(-50%, -50%);



  -o-transform: translate(-50%, -50%);



  transform: translate(-50%, -50%);



  -webkit-transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s;



  -khtml-transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s;



  -moz-transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s;



  -ms-transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s;



  -o-transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s;



  transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s;



  transition-delay: 0s, 0.8s, 0s;



  transition-delay: 0s, 0.4s, 0s;



  transition-delay: 0.2s;



  -webkit-transition-delay: 0.2s;



}







.search-popup__form {



  position: relative;



}







.search-popup__form input[type=search],



.search-popup__form input[type=text] {



  width: 100%;



  background-color: var(--agrofa-white, #fff);



  font-size: 15px;



  color: var(--agrofa-text, #12110e);



  border: none;



  outline: none;



  height: 66px;



  padding-left: 30px;



}







.search-popup__form .agrofa-btn {



  padding: 0;



  width: 66px;



  height: 66px;



  display: flex;



  justify-content: center;



  align-items: center;



  text-align: center;



  position: absolute;



  top: 0;



  right: -1px;



  border-radius: 0;



  font-size: 22px;



}







.search-popup__form .agrofa-btn::before,



.search-popup__form .agrofa-btn::after {



  content: none;



}







.search-popup__form .agrofa-btn i {



  margin: 0;



}







.search-popup__form .agrofa-btn:hover {



  background-color: var(--agrofa-yellow, 253, 214, 31);



  color: var(--agrofa-text, #12110e);



}







.search-popup.active {



  z-index: 9999;



}







.search-popup.active .search-popup__overlay {



  top: auto;



  bottom: calc(90px - 112vw);



  -webkit-transform: scale(1);



  -khtml-transform: scale(1);



  -moz-transform: scale(1);



  -ms-transform: scale(1);



  -o-transform: scale(1);



  transform: scale(1);



  transition-delay: 0s;



  -webkit-transition-delay: 0s;



  opacity: 0.9;



  -webkit-transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);



  -khtml-transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);



  -moz-transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);



  -ms-transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);



  -o-transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);



  transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);



}







@media (max-width: 767px) {



  .search-popup.active .search-popup__overlay {



    position: absolute;



    top: 0;



    left: 0;



    right: 0;



    bottom: 0;



    transform: none;



    width: 100%;



    height: 100%;



    border-radius: 0;



    transform: translateY(0%);



  }



}







.search-popup.active .search-popup__content {



  width: 100%;



  opacity: 1;



  transition-delay: 0.7s;



  -webkit-transition-delay: 0.7s;



}







/*--------------------------------------------------------------



# Page Header



--------------------------------------------------------------*/



.page-header {



  background-color: rgba(64, 64, 64, 0.85);



  background-blend-mode: overlay;



  position: relative;



  padding-top: 130px;



  padding-bottom: 130px;



  /* margin-top: -52px; */



}







@media (max-width: 992px) {



  .page-header {



    padding-top: 50px;



    padding-bottom: 50px;



  }



}







.page-header__bg {



  position: absolute;



  top: 0;



  left: 0;



  right: 0;



  bottom: 0;



  background-image: url("../images/backgrounds/spices.png");



  background-repeat: no-repeat;



  background-size: cover;



  background-position: center center;



  background-color: rgba(64, 64, 64, 0.85);



  background-blend-mode: overlay;



}







.page-header .container {



  position: relative;



  z-index: 10;



  text-align: center;



}







.page-header__title {



  margin: 0;



  font-size: 40px;



  line-height: 50px;



  font-weight: 700;



  color: var(--agrofa-white, #fff);

  text-transform: capitalize;

}







@media (min-width: 768px) {



  .page-header__title {



    font-size: 60px;



    line-height: 92px;



  }



}







.product-detail-breadcrumb li {



  color: #54724B !important;



}







.product-detail-breadcrumb .breadcrumb-active {



  color: #f28a20 !important;



}







.product-detail-breadcrumb {



  margin-top: 40px !important;



  justify-content: left !important;



}











.agrofa-breadcrumb {



  display: flex;



  justify-content: center;



  align-items: center;



  flex-wrap: wrap;



  margin: 0;



}







@media (max-width: 991px) {



  .agrofa-breadcrumb {



    margin-top: 8px;



  }



}







.agrofa-breadcrumb li,



.agrofa-breadcrumb .food-one--two .food-one__quality-list li,



.food-one--two .food-one__quality-list .agrofa-breadcrumb li {



  font-size: 17px;



  /* line-height: 1; */



  font-weight: 500;



  color: var(--agrofa-white, #fff);



  display: flex;



  align-items: center;



}







.agrofa-breadcrumb li:not(:last-of-type)::after {



  content: "/";



  position: relative;



  top: -1px;



  margin-left: 10px;



  margin-right: 10px;



}







.agrofa-breadcrumb li span,



.agrofa-breadcrumb .food-one--two .food-one__quality-list li span,



.food-one--two .food-one__quality-list .agrofa-breadcrumb li span,



.agrofa-breadcrumb li a,



.agrofa-breadcrumb .food-one--two .food-one__quality-list li a,



.food-one--two .food-one__quality-list .agrofa-breadcrumb li a {



  color: inherit;



  display: inline-flex;



  line-height: 1;



}







.agrofa-breadcrumb li a,



.agrofa-breadcrumb .food-one--two .food-one__quality-list li a,



.food-one--two .food-one__quality-list .agrofa-breadcrumb li a {



  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;



  transition: all 500ms ease;



}







.agrofa-breadcrumb li a:hover {



  background-size: 100% 1px;



}







/*--------------------------------------------------------------



# Google Map



--------------------------------------------------------------*/



.google-map {



  position: relative;



}







.google-map iframe {



  /* position: relative; */



  display: block;



  border: none;



  /* height: 570px;



  width: 100%;



  mix-blend-mode: luminosity; */



}







@media (max-width: 991px) {



  .google-map iframe {



    height: 440px;



  }



}







.google-map__contact {



  overflow: hidden;



  background-color: var(--agrofa-gray, #ddd);



}

.google-map.google-map__contact iframe {
  height: 310px !important;
}





.contact-map {



  position: relative;

  margin-top: 30px;




}













.contact-map .container-fluid {



  padding-left: 0;



  padding-right: 0;



}







/*--------------------------------------------------------------



# Client Carousel



--------------------------------------------------------------*/



.client-carousel {



  background-color: var(--agrofa-base, #c2a74e);



  background-image: url(../images/shapes/client-carousel-bg-1-1.html);



  background-size: cover;



  padding: 80px 0;



}







@media (min-width: 992px) {



  .client-carousel {



    padding: 102px 0;



  }



}







.client-carousel__one__item img {



  opacity: 0.2;



  transition: all 500ms ease;



  max-width: 100%;



  width: auto !important;



}







.client-carousel__one__item:hover img {



  opacity: 0.6;



}







.client-carousel-one {



  position: relative;



  background: var(--agrofa-white, #fff);



  padding: 0 0 60px;



}







.client-carousel-one .client-carousel__one {



  padding: 74px 0 0;



}







.client-carousel-one .owl-theme .owl-nav {



  position: absolute;



  left: 0;



  right: 0;



  top: 0;



  margin: auto;



  z-index: 2;



  line-height: 0.8;



}







.client-carousel-one .owl-theme .owl-nav button {



  width: 26px;



  height: 27px;



  background-color: var(--agrofa-gray, #ddd);



  margin: 0 2.5px;



  padding: 0;



  transition: all 500ms ease;



  font-size: 12px;



  color: var(--agrofa-black, #1e1d21);



  text-align: center;



  font-size: 12px;



  line-height: 27px;



  border-radius: 0;



}







.client-carousel-one .owl-theme .owl-nav button:hover {



  background-color: var(--agrofa-base, #c2a74e);



  color: var(--agrofa-white, #fff);



}







.client-carousel-one .owl-theme .owl-nav::before {



  position: absolute;



  left: 0;



  top: 0;



  right: 0;



  bottom: 0;



  margin: auto;



  width: 100%;



  content: "";



  height: 1px;



  background-color: var(--agrofa-border-color, #ededed);



  z-index: -1;



}







.client-carousel-one .owl-theme .owl-nav::after {



  position: absolute;



  left: 0;



  top: 0;



  right: 0;



  bottom: 0;



  margin: auto;



  z-index: -1;



  width: 110px;



  content: "";



  height: 1px;



  background-color: var(--agrofa-white, #fff);



}







.client-carousel-one .client-carousel__one__item {



  display: flex;



  align-items: center;



  justify-content: center;



  min-height: 103px;



  transition: all 500ms ease;



}







.client-carousel-one .client-carousel__one__item img {



  transition: all 500ms ease;



  opacity: 0.2;



  max-width: 100%;



  width: auto;



}







.client-carousel-one .client-carousel__one__item:hover {



  background-color: #f8f5f0;



}







.client-carousel-one .client-carousel__one__item:hover img {



  opacity: 0.6;



}







/*--------------------------------------------------------------



# Hero Slider



--------------------------------------------------------------*/



.main-slider-one {



  position: relative;



  z-index: 2;



  margin-top: -48px;



}







.main-slider-one__carousel {



  position: relative;



  width: 100%;



}







.main-slider-one__carousel.owl-carousel .owl-nav {



  left: initial;



  margin: auto 0;



  position: absolute;



  right: 58px;



  text-align: left;



  top: 50%;



  transform: translateY(-50%);



  max-width: 120px;



}







@media (max-width: 1400px) {



  .main-slider-one__carousel.owl-carousel .owl-nav {



    right: 40px;



  }



}







@media (max-width: 1199px) {



  .main-slider-one__carousel.owl-carousel .owl-nav {



    right: 20px;



  }



}







@media (max-width: 767px) {



  .main-slider-one__carousel.owl-carousel .owl-nav {



    display: none;



  }



}







.main-slider-one__carousel.owl-carousel .owl-nav button {



  transition: all 400ms ease;



  width: 68px;



  height: 73px;



  outline: none;



  box-shadow: none;



  border: none;



  background-color: RGBA(var(--agrofa-white-rgb, 255, 255, 255), 0.3);



  border-radius: 26px;



  display: block;



  color: var(--agrofa-white, #fff);



  line-height: 1;



  font-size: 27px;



  margin: 15px 0;



  text-align: center;



}







.main-slider-one__carousel.owl-carousel .owl-nav button:hover {



  background-color: #54724B;



}


.main-slider-one__carousel .owl-dots {
  position: absolute;
  display: flex;
  bottom: 30px;
  justify-content: center;
  margin: auto;
  left: 0;
  right: 0;
  gap: 10px;
}




/* .main-slider-one__carousel .owl-dots {



  right: 118px;



  margin: auto 0;



  position: absolute;



  right: 0;



  text-align: left;



  top: 50%;



  transform: translateY(-50%);



  width: 140px;



} */







@media (max-width: 1400px) {



  .main-slider-one__carousel .owl-dots {



    width: 60px;



  }



}







@media (max-width: 1199px) {



  .main-slider-one__carousel .owl-dots {



    width: 40px;



  }



}







@media (max-width: 767px) {



  .main-slider-one__carousel .owl-dots {



    display: flex;



    align-items: center;



    justify-content: center;



    width: auto;



    margin: auto;



    left: 0;



    top: 68%;



  }



}







.main-slider-one__carousel .owl-dots .owl-dot {



  display: block;



  margin: 6px 0;



}







@media (max-width: 767px) {



  .main-slider-one__carousel .owl-dots .owl-dot {



    margin: 0 6px;



  }



}







.main-slider-one__carousel .owl-dots .owl-dot span {



  width: 19px;



  height: 19px;



  display: block;



  border-radius: 50%;



  background-color: transparent;



  border: 2px solid var(--agrofa-white, #fff);



  margin: 0;



  -webkit-transition: all 300ms ease;



  transition: all 300ms ease;



}







.main-slider-one__carousel .owl-dots .owl-dot:hover span,



.main-slider-one__carousel .owl-dots .owl-dot.active span {



  background-color: var(--agrofa-white, #fff);



}







.main-slider-one__item {



  background-color: var(--agrofa-gray, #ddd);



  position: relative;



  z-index: 3;



  /* padding-top: 177px; */



  /* padding-bottom: 160px; */



  height: 840px;



  align-items: center;



  /* display: flex; */



}



.banner-title {
  height: 100%;
}

.banner-title .text-center {
  display: flex;
  align-items: end;
  justify-content: center;
  margin-bottom: 40px;

}


@media (max-width: 1700px) {



  .main-slider-one__item {



    height: 745px;



  }







  .main-slider-one__title {



    font-size: 70px !important;



    line-height: 89px !important;

    text-transform: capitalize;

  }







  .feature-one {



    margin-top: -75px !important;



  }



}







@media (max-width: 1500px) {



  .main-slider-one__item {



    height: 680px;



  }







  .main-slider-one__title {



    font-size: 64px !important;



    line-height: 82px !important;



  }



}







@media (max-width: 1366px) {



  .main-slider-one__item {



    height: 650px;



  }




}











@media (max-width: 1220px) {



  .main-slider-one__item {



    height: 575px;



  }







  .main-slider-one__title {



    font-size: 60px !important;



    line-height: 77px !important;



  }



}







@media (max-width: 1024px) {



  .main-slider-one__item {



    height: 580px;



  }







  .main-slider-one__title {



    font-size: 47px !important;



    line-height: 69px !important;



  }











  .main-slider-one__btn {



    margin: 0 0 17px 65px !important;



  }







  .main-slider-one .agrofa-btn--base {



    padding: 0 30px !important;



  }







  .main-slider-one__carousel.owl-carousel .owl-nav button {



    width: 60px;



    height: 61px;



    border-radius: 20px;



    font-size: 20px;



  }



}







@media (max-width: 991px) {



  /* .main-slider-one__item {



  padding-top: 110px;



  padding-bottom: 190px;



  height: initial;



} */







  .main-slider-one__item {



    height: 570px;



  }



}







@media (max-width: 960px) {



  .main-slider-one__item {



    height: 490px;



  }











}







@media (max-width: 820px) {



  .main-slider-one__item {



    height: 490px;



  }



}







@media (max-width: 767px) {







  /* .main-slider-one__item {



  padding-top: 100px;



  padding-bottom: 160px;



} */



  .main-slider-one__item {



    height: 450px;



  }







  .feature-one {



    margin-top: -45px !important;



  }



}







@media (max-width: 575px) {
  .shop-all.shop-by-category-box {
    border-right: unset !important;
  }

  .account-details-form .login-page__form-input-box {
    display: flex;
    flex-wrap: wrap;
  }

  .account-details-form .login-page__form-input-box .account-label-txt {
    width: 100% !important;
  }

  .main-slider-one .owl-stage-outer .item .main-slider-one__title br {



    display: block;



  }










  .main-slider-one__btn {



    margin: 0 0 10px 20px !important;



  }







  .feature-one {



    margin-top: -15px !important;



  }







  .main-slider-one {



    margin-top: 0 !important;



  }







  .main-slider-one__carousel .main-slider-one__title {



    font-size: 32px !important;



    line-height: 36px !important;



  }







  .main-slider-one .agrofa-btn--base {



    padding: 0 20px !important;



    font-size: 14px !important;



    height: 46px !important;



  }







  .main-slider-one__item {



    height: 260px !important;



  }



}







@media (max-width: 420px) {



  .main-slider-one__item {



    height: 180px !important;



  }



}







.main-slider-one__bg {



  position: absolute;



  top: 0;



  left: 0;



  right: 0;



  bottom: 0;



  background-size: 100% 100%;



  background-repeat: no-repeat;



  background-position: center;



}







.main-slider-one__bg::before {



  position: absolute;



  left: 0;



  top: 0;



  width: 100%;



  height: 100%;



  content: "";



  background-color: rgba(var(--agrofa-black-rgb, 30, 29, 33), 0.2);



}







.main-slider-one__bg::after {



  display: none;



  position: absolute;



  left: 0;



  bottom: -165px;



  width: 100%;



  height: 492px;



  z-index: 1;



  content: "";



  background-image: url(../images/shapes/hero-slider-1-1.html);



  background-position: bottom center;



  background-repeat: repeat-x;



  animation: cloudMove 60s linear 0s infinite;



}







@keyframes cloudMove {



  0% {



    background-position: -1920px 100%;



  }







  100% {



    background-position: 0 100%;



  }



}







.main-slider-one__content {



  position: relative;



  display: inline-block;



  z-index: 3;



  overflow: hidden;



}







@media (max-width: 1360px) {



  .main-slider-one__content {



    padding: 0 25px;



  }



}







@media (max-width: 1200px) {



  .main-slider-one__content {



    padding: 0;



  }



}







.main-slider-one__sub-title-bx {



  transition: transform 1000ms ease, opacity 1000ms ease;



  transform: translateY(-200px);



}







.main-slider-one__tree-icon {



  width: 40px !important;



  margin: 0 auto;



  position: relative;



  z-index: 2;



  -webkit-animation-name: float-bob-y-2;



  animation-name: float-bob-y-2;



  -webkit-animation-duration: 4s;



  animation-duration: 4s;



  -webkit-animation-iteration-count: infinite;



  animation-iteration-count: infinite;



  -webkit-animation-timing-function: linear;



  animation-timing-function: linear;



}







@media (max-width: 767px) {



  .main-slider-one__tree-icon {



    width: 32px !important;



  }

  .product-details__description__wrap {
    padding: 40px 20px 22px 20px;
  }

}







.main-slider-one__sub-title {



  text-align: left;



  color: #fff;



  font-size: 18px;



  line-height: 1;



  font-weight: 400;



  font-family: var(--agrofa-font, "Jost", sans-serif);



  width: fit-content;



  margin: -2px auto 22px auto;



  background-color: #f28a20;



  border-bottom: 1px solid #54724B;



  padding: 6px 12px 6px 13px;



}







@media (max-width: 767px) {



  .main-slider-one__sub-title {



    font-size: 16px;



    margin-bottom: 15px;



  }



}







.main-slider-one__title {



  color: #fff;



  font-size: 85px;



  font-weight: 700;



  line-height: 110px;



  display: inline-block;



  overflow: hidden;



  /* margin: 0 0 32px 80px; */



  opacity: 0;



  transition: transform 2500ms ease, opacity 2500ms ease;



  transform: translateX(200px);



  /* max-width: 650px; */



  text-align: center;
  margin: 0 15px;


}







@media (max-width: 991px) {



  .main-slider-one__title {



    font-size: 78px;



    line-height: 85px;



  }



}







@media (max-width: 767px) {



  .main-slider-one__title {



    font-size: 42px !important;



    line-height: 52px !important;

    padding: 0 15px;

  }







  .main-slider-one__btn {



    margin: 0 0 0px 40px !important;



  }







  .main-slider-one .agrofa-btn--base {



    height: 48px !important;



    font-size: 14px !important;



    padding: 0 22px !important;



  }



}







@media (max-width: 680px) {



  .main-slider-one__item {



    height: 380px;



  }



}







/* .main-slider-one__title::after {



content: "";



width: 101%;



height: 93%;



position: absolute;



top: 14px;



left: 100%;



background: currentColor;



transition: 1s cubic-bezier(0.858, 0.01, 0.068, 0.99);



z-index: 3;



transform: translateX(-100%);



transition-delay: 1s;



} */







@media (max-width: 1199px) {



  .main-slider-one__title::after {



    top: 19px;



  }



}







@media (max-width: 991px) {



  .main-slider-one__title::after {



    top: 15px;



  }



}







@media (max-width: 767px) {



  .main-slider-one__title::after {



    top: 8px;



  }



}







.main-slider-one__info-text {



  font: normal 400 18px/32px var(--agrofa-font, "Jost", sans-serif);



  color: var(--agrofa-white, #fff);



  margin-bottom: 44px;



  transform: perspective(300px) rotateY(0deg) translateY(150px);



  transform-origin: bottom;



  transition: all 1800ms ease;



}







@media (max-width: 991px) {



  .main-slider-one__info-text>br {



    display: none;



  }



}







@media (max-width: 991px) {



  .main-slider-one__info-text {



    font-size: 16px;



    line-height: 25px;



    margin-bottom: 26px;



  }



}







.main-slider-one__btn {



  position: relative;



  display: flex;



  /* justify-content: center; */



  align-items: center;



  z-index: 5;



  overflow: hidden;



  opacity: 0;



  transform: perspective(400px) rotateY(0deg) translateY(80px);



  transform-origin: bottom;



  transition: all 1500ms ease;



  margin: 0 0 32px 80px;



}







.main-slider-one .agrofa-btn--base {



  font: normal 500 16px/1 var(--agrofa-font, "Jost", sans-serif);



  color: var(--agrofa-text, #12110e);



  text-transform: uppercase;



  border-radius: 3px;



  height: 60px;



  display: flex;



  align-items: center;



  justify-content: center;



  background-color: var(--agrofa-yellow, 253, 214, 31);



  padding: 0 49.5px;



  margin-left: 10px;



}







.main-slider-one .agrofa-btn--base::before {



  left: -82%;



  width: 126.5%;



  height: 165%;



  background-color: var(--agrofa-green, #0c7735);



}







.main-slider-one .agrofa-btn--base::after {



  right: -82%;



  width: 126.5%;



  height: 165%;



  background-color: var(--agrofa-green, #0c7735);



}







.main-slider-one .agrofa-btn--base:hover::before {



  left: -36%;



}







.main-slider-one .agrofa-btn--base:hover::after {



  right: -36%;



}







.main-slider-one .agrofa-btn--base:hover>span {



  color: var(--agrofa-white, #fff);



}







@media (max-width: 991px) {



  .main-slider-one .agrofa-btn--base {



    margin-left: 0;



    height: 55px;



  }



}







.main-slider-one__line-bx {



  display: none;



  /* position: absolute; */



  /* width: 100%;



height: 100%;



top: 0;



left: 0;



right: 0;



z-index: 1;



max-width: 1172px;



margin: 0 auto;



display: flex;



justify-content: space-between; */



}







.main-slider-one__line {



  width: 1px;



  height: 100%;



  display: block;



  background-color: rgba(122, 118, 110, 0.5);



  transition: all 0.2s;



  transform: translateY(-890px);



}







.main-slider-one__line:nth-child(1) {



  transition-delay: 1000ms;



}







.main-slider-one__line:nth-child(4) {



  transition-delay: 1100ms;



}







.main-slider-one__line:nth-child(3) {



  transition-delay: 1200ms;



}







.main-slider-one__line:nth-child(4) {



  transition-delay: 1300ms;



}







.main-slider-one__line:nth-child(5) {



  transition-delay: 1400ms;



}







.main-slider-one svg {



  width: 100%;



  height: 770px;



  position: absolute;



  top: 0;



}







.main-slider-one circle {



  stroke: var(--agrofa-black, #1e1d21);



  fill: none;



  transition: 0.5s;



}







.main-slider-one .steap {



  stroke-width: 0;



}







.main-slider-one #svg2 circle {



  transition-timing-function: linear;



}







.main-slider-one .circle1 {



  transition-delay: 0.05s;



}







.main-slider-one .circle2 {



  transition-delay: 0.1s;



}







.main-slider-one .circle3 {



  transition-delay: 0.15s;



}







.main-slider-one .circle4 {



  transition-delay: 0.2s;



}







.main-slider-one .circle5 {



  transition-delay: 0.25s;



}







.main-slider-one .circle6 {



  transition-delay: 0.3s;



}







.main-slider-one .circle7 {



  transition-delay: 0.35s;



}







.main-slider-one .circle8 {



  transition-delay: 0.4s;



}







.main-slider-one .circle9 {



  transition-delay: 0.45s;



}







.main-slider-one .active .steap {



  animation: dash 0.5s linear;



}







@keyframes dash {



  0% {



    stroke-width: 0;



  }







  100% {



    stroke-width: 200px;



  }



}







.main-slider-one .active .main-slider-one__sub-title-bx {



  opacity: 1;



  transform: translateY(0);



  transition-delay: 1100ms;



}







.main-slider-one .active .main-slider-one__title {



  opacity: 1;



  transform: translateX(0);



  transition-delay: 1300ms;



}







.main-slider-one .active .main-slider-one__title::after {



  transform: translateX(1%);



  transition-delay: 1500ms;



}







.main-slider-one .active .main-slider-one__btn {



  opacity: 1;



  transform: perspective(400px) rotateY(0deg) translateY(0px);



  transition-delay: 1700ms;



}







.main-slider-one .active .main-slider-one__info-text {



  transform: perspective(300px) rotateY(0deg) translateY(0px);



  transition: all 1800ms ease;



}







.main-slider-one .active .main-slider-one__line {



  transform: translateY(0px);



}







.main-slider-one .active .main-slider-one__line:nth-child(1) {



  transition-delay: 1000ms;



}







.main-slider-one .active .main-slider-one__line:nth-child(2) {



  transition-delay: 1100ms;



}







.main-slider-one .active .main-slider-one__line:nth-child(3) {



  transition-delay: 1200ms;



}







.main-slider-one .active .main-slider-one__line:nth-child(4) {



  transition-delay: 1300ms;



}







.main-slider-one .active .main-slider-one__line:nth-child(5) {



  transition-delay: 1400ms;



}







.main-slider-two {



  position: relative;



  margin-top: -81px;



}







.main-slider-two__carousel {



  position: relative;



  width: 100%;



}







.main-slider-two__carousel.owl-carousel .owl-nav {



  left: initial;



  margin: auto 0;



  position: absolute;



  right: 58px;



  text-align: left;



  top: 50%;



  transform: translateY(-50%);



  max-width: 120px;



}







@media (max-width: 1400px) {



  .main-slider-two__carousel.owl-carousel .owl-nav {



    right: 40px;



  }

  .page-header {
    padding-top: 70px;
    padding-bottom: 70px;
  }

}







@media (max-width: 1199px) {



  .main-slider-two__carousel.owl-carousel .owl-nav {



    right: 20px;



  }



}







@media (max-width: 767px) {



  .main-slider-two__carousel.owl-carousel .owl-nav {



    display: none;



  }



}







.main-slider-two__carousel.owl-carousel .owl-nav button {



  transition: all 400ms ease;



  width: 68px;



  height: 73px;



  outline: none;



  box-shadow: none;



  border: none;



  background-color: RGBA(var(--agrofa-white-rgb, 255, 255, 255), 0.3);



  border-radius: 26px;



  display: block;



  color: var(--agrofa-white, #fff);



  line-height: 1;



  font-size: 27px;



  margin: 15px 0;



  text-align: center;



}







.main-slider-two__carousel.owl-carousel .owl-nav button:hover {



  background-color: RGBA(var(--agrofa-yellow-rgb, 253, 214, 31), 0.3);



}







.main-slider-two__carousel .owl-dots {



  right: 118px;



  margin: auto 0;



  position: absolute;



  right: 0;



  text-align: left;



  top: 50%;



  transform: translateY(-50%);



  width: 140px;



}







@media (max-width: 1400px) {



  .main-slider-two__carousel .owl-dots {



    width: 60px;



  }



}







@media (max-width: 1199px) {



  .main-slider-two__carousel .owl-dots {



    width: 40px;



  }



}







@media (max-width: 767px) {



  .main-slider-two__carousel .owl-dots {



    display: flex;



    align-items: center;



    justify-content: center;



    width: auto;



    margin: auto;



    left: 0;



    top: 68%;



  }



}







.main-slider-two__carousel .owl-dots .owl-dot {



  display: block;



  margin: 6px 0;



}







@media (max-width: 767px) {



  .main-slider-two__carousel .owl-dots .owl-dot {



    margin: 0 6px;



  }



}







.main-slider-two__carousel .owl-dots .owl-dot span {



  width: 16px;



  height: 16px;



  display: block;



  border-radius: 50%;



  background-color: transparent;



  border: 2px solid var(--agrofa-white, #fff);



  margin: 0;



  -webkit-transition: all 300ms ease;



  transition: all 300ms ease;



}







.main-slider-two__carousel .owl-dots .owl-dot:hover span,



.main-slider-two__carousel .owl-dots .owl-dot.active span {



  background-color: var(--agrofa-white, #fff);



}







.main-slider-two__item {



  background-color: #404040;



  position: relative;



  z-index: 3;



  padding-top: 264px;



  padding-bottom: 156px;



  height: 845px;



}







@media (max-width: 991px) {



  .main-slider-two__item {



    height: initial;



    padding-top: 190px;



    padding-bottom: 120px;



  }



}







@media (max-width: 767px) {



  .main-slider-two__item {



    padding-top: 160px;



    padding-bottom: 80px;



  }



}







@media (max-width: 1200px) {



  .main-slider-two__item .container {



    max-width: initial;



  }



}







.main-slider-two__bg {



  position: absolute;



  top: 0;



  left: 0;



  right: 0;



  bottom: 0;



  background-size: cover;



  background-repeat: no-repeat;



  background-position: center;



  overflow: hidden;



}







.main-slider-two__bg img {



  width: 100%;



  height: 100%;



  object-fit: cover;



  transition: 0.5s;



  background-size: cover;



}







.main-slider-two__bg img:nth-child(1) {



  transform: translatex(50%) scalex(2);



  opacity: 0;



  filter: blur(10px);



}







.main-slider-two__bg img:nth-child(2) {



  position: absolute;



  top: 0;



  left: 0;



  bottom: 0;



  right: 0;



  object-fit: cover;



}







.main-slider-two__bg::before {



  content: "";



  position: absolute;



  left: 0;



  top: 0;



  width: 100%;



  height: 100%;



  background-color: rgba(64, 64, 64, 0.7);



  z-index: 1;



}







.main-slider-two__col {



  padding-right: 111px;



}







@media (max-width: 767px) {



  .main-slider-two__col {



    padding-right: 15px;



  }



}







.main-slider-two__content {



  position: relative;



  z-index: 3;



  overflow: hidden;



  width: 100%;



  max-width: 730px;



}







@media (max-width: 991px) {



  .main-slider-two__content {



    max-width: initial;



  }



}







.main-slider-two__sub-title {



  color: var(--agrofa-yellow, 253, 214, 31);



  font-size: 18px;



  font-weight: 500;



  font-family: var(--agrofa-font, "Jost", sans-serif);



  line-height: 1;



  margin: 0 0 10px;



  transition: transform 1000ms ease, opacity 1000ms ease;



  transform: translateY(-200px);



}







@media (max-width: 767px) {



  .main-slider-two__sub-title {



    font-size: 16px;



  }



}







.main-slider-two__title {



  color: var(--agrofa-white, #fff);



  font-size: 85px;



  font-weight: 700;



  line-height: 92px;



  display: inline-block;



  margin: 0 0 44px;



  opacity: 0;



  transition: transform 1200ms ease, opacity 1200ms ease;



  transform: translateY(200px);



  position: relative;



}







@media (max-width: 991px) {



  .main-slider-two__title {



    font-size: 78px;



    line-height: 85px;



    margin-bottom: 30px;



  }



}







@media (max-width: 767px) {



  .main-slider-two__title {



    font-size: 45px;



    line-height: 56px;



  }



}







.main-slider-two__title>span {



  position: relative;



  z-index: 2;



}







.main-slider-two__title::before {



  content: "";



  position: absolute;



  width: 60px;



  height: 98px;



  top: -26px;



  left: -56px;



  right: 0;



  margin: 0 auto;



  z-index: 1;



  background-image: url("../images/shapes/hero-tree-icon2-1.png");



  background-repeat: no-repeat;



  background-position: top center;



  background-size: 59px auto;



  -webkit-animation: movingslidertree 1s infinite alternate;



  animation: movingslidertree 1s infinite alternate;



}







@media (max-width: 767px) {



  .main-slider-two__title::before {



    display: none;



  }



}







@-webkit-keyframes movingslidertree {



  0% {



    transform: translateY(0);



  }







  100% {



    transform: translateY(26px);



  }



}







@keyframes movingslidertree {



  0% {



    transform: translateY(0);



  }







  100% {



    transform: translateY(26px);



  }



}







.main-slider-two__title::after {



  content: "";



  width: 101%;



  height: 98%;



  position: absolute;



  top: 14px;



  left: 100%;



  background: currentColor;



  transition: 1s cubic-bezier(0.858, 0.01, 0.068, 0.99);



  z-index: 3;



  transform: translateX(-100%);



  transition-delay: 1s;



}







.main-slider-two__info-text {



  font-size: 18px;



  line-height: 32px;



  color: var(--agrofa-white, #fff);



  transition: transform 1300ms ease, opacity 1300ms ease;



  transform: translate(-101%, 130px);



  max-width: 572px;



  margin-bottom: 43px;



}







@media (max-width: 767px) {



  .main-slider-two__info-text {



    font-size: 16px;



    line-height: 26px;



    margin-bottom: 30px;



  }



}







.main-slider-two__btn {



  position: relative;



  display: flex;



  align-items: center;



  z-index: 5;



  overflow: hidden;



  opacity: 0;



  transform: perspective(400px) rotateY(0deg) translateY(80px);



  transform-origin: bottom;



  transition: all 1500ms ease;



}







.main-slider-two__btn>.agrofa-btn--base {



  font: normal 500 16px/1 var(--agrofa-font, "Jost", sans-serif);



  color: var(--agrofa-text, #12110e);



  text-transform: uppercase;



  border-radius: 3px;



  height: 60px;



  display: flex;



  align-items: center;



  justify-content: center;



  background-color: var(--agrofa-yellow, 253, 214, 31);



  padding: 0 44px;



  margin-left: 0;



}







.main-slider-two__btn>.agrofa-btn--base::before {



  left: -82%;



  width: 127.23%;



  height: 167.5%;



  background-color: var(--agrofa-green, #0c7735);



}







.main-slider-two__btn>.agrofa-btn--base::after {



  right: -82%;



  width: 127.23%;



  height: 167.5%;



  background-color: var(--agrofa-green, #0c7735);



}







.main-slider-two__btn>.agrofa-btn--base:hover::before {



  left: -36.2%;



}







.main-slider-two__btn>.agrofa-btn--base:hover::after {



  right: -36.2%;



}







.main-slider-two__btn>.agrofa-btn--base:hover>span {



  color: var(--agrofa-white, #fff);



}







.main-slider-two .active .main-slider-two__bg img:nth-child(1) {



  transform: translatex(0) scalex(1);



  opacity: 1;



  filter: blur(0);



}







.main-slider-two .active .main-slider-two__bg img:nth-child(2) {



  transform: translatex(-50%) scalex(2);



  opacity: 0;



  filter: blur(10px);



}







.main-slider-two .active .main-slider-two__sub-title {



  opacity: 1;



  transform: translateY(0);



  transition-delay: 1100ms;



}







.main-slider-two .active .main-slider-two__title {



  opacity: 1;



  transform: translateY(0);



  transition-delay: 1300ms;



}







.main-slider-two .active .main-slider-two__title::after {



  transform: translateY(1%);



  transition-delay: 1600ms;



}







.main-slider-two .active .main-slider-two__info-text {



  opacity: 1;



  transform: translate(0, 0);



  transition-delay: 1400ms;



}







.main-slider-two .active .main-slider-two__btn {



  opacity: 1;



  transform: perspective(400px) rotateY(0deg) translateY(0px);



  transition-delay: 1800ms;



}







.main-slider-three {



  position: relative;



  overflow: hidden;



  margin-top: -46px;



}







.main-slider-three__carousel {



  position: relative;



  width: 100%;



}







.main-slider-three__carousel.owl-carousel .owl-nav {



  left: initial;



  margin: auto 0;



  position: absolute;



  right: 56px;



  text-align: left;



  top: 50%;



  transform: translateY(-50%);



  max-width: 120px;



}







@media (max-width: 1440px) {



  .main-slider-three__carousel.owl-carousel .owl-nav {



    right: 40px;



  }



}







@media (max-width: 1199px) {



  .main-slider-three__carousel.owl-carousel .owl-nav {



    right: 20px;



  }



}







@media (max-width: 767px) {



  .main-slider-three__carousel.owl-carousel .owl-nav {



    display: none;



  }



}







.main-slider-three__carousel.owl-carousel .owl-nav button {



  transition: all 400ms ease;



  width: 68px;



  height: 73px;



  outline: none;



  box-shadow: none;



  border: none;



  background-color: RGBA(var(--agrofa-white-rgb, 255, 255, 255), 0.3);



  border-radius: 26px;



  display: block;



  color: var(--agrofa-white, #fff);



  line-height: 1;



  font-size: 27px;



  margin: 15px 0;



  text-align: center;



}







.main-slider-three__carousel.owl-carousel .owl-nav button:hover {



  background-color: RGBA(var(--agrofa-yellow-rgb, 253, 214, 31), 0.3);



}







.main-slider-three__carousel .owl-dots {



  right: 118px;



  margin: auto 0;



  position: absolute;



  right: 0;



  text-align: left;



  top: 50%;



  transform: translateY(-50%);



  width: 140px;



}







@media (max-width: 1400px) {



  .main-slider-three__carousel .owl-dots {



    width: 60px;



  }



}







@media (max-width: 1199px) {



  .main-slider-three__carousel .owl-dots {



    width: 40px;



  }



}







@media (max-width: 767px) {



  .main-slider-three__carousel .owl-dots {



    display: flex;



    align-items: center;



    justify-content: center;



    width: auto;



    margin: auto;



    left: 0;



    top: 68%;



  }



}







.main-slider-three__carousel .owl-dots .owl-dot {



  display: block;



  margin: 6px 0;



}







@media (max-width: 767px) {



  .main-slider-three__carousel .owl-dots .owl-dot {



    margin: 0 6px;



  }



}







.main-slider-three__carousel .owl-dots .owl-dot span {



  width: 16px;



  height: 16px;



  display: block;



  border-radius: 50%;



  background-color: transparent;



  border: 2px solid var(--agrofa-white, #fff);



  margin: 0;



  -webkit-transition: all 300ms ease;



  transition: all 300ms ease;



}







.main-slider-three__carousel .owl-dots .owl-dot:hover span,



.main-slider-three__carousel .owl-dots .owl-dot.active span {



  background-color: var(--agrofa-white, #fff);



}







.main-slider-three__item {



  height: 846px;



  padding-top: 188px;



  padding-bottom: 101px;



}







@media (max-width: 991px) {



  .main-slider-three__item {



    width: 100%;



    height: initial;



    padding-top: 120px;



    padding-bottom: 80px;



  }



}







.main-slider-three__bg {



  position: absolute;



  top: 0;



  left: 0;



  width: 100%;



  height: 100%;



  background-size: cover;



  background-repeat: no-repeat;



  background-position: center top;



  overflow: hidden;



  background-color: rgb(64, 64, 64);



  background-blend-mode: overlay;



}







.main-slider-three .container {



  max-width: 1570px;



  position: relative;



  z-index: 3;



}







.main-slider-three__organic-img {



  max-width: 635px;



}







@media (max-width: 1440px) {



  .main-slider-three__organic-img {



    width: 40%;



  }



}







@media (max-width: 991px) {



  .main-slider-three__organic-img {



    width: 100%;



    max-width: 520px;



    margin: 0 auto;



    padding-bottom: 28px;



  }



}







.main-slider-three__organic-img img {



  width: 100% !important;



  display: block;



  opacity: 0;



  transition: transform 1200ms ease, opacity 1200ms ease;



  transform: translateX(-120px);



  -webkit-animation: movingSliderEcoEffect 3.5s infinite alternate;



  animation: movingSliderEcoEffect 3.5s infinite alternate;



}







@-webkit-keyframes movingSliderEcoEffect {



  0% {



    transform: rotate(7deg);



  }







  100% {



    transform: rotate(-8deg);



  }



}







@keyframes movingSliderEcoEffect {



  0% {



    transform: rotate(7deg);



  }







  100% {



    transform: rotate(-8deg);



  }



}







@media (max-width: 1440px) {



  .main-slider-three__content-col {



    width: 60%;



  }



}







@media (max-width: 991px) {



  .main-slider-three__content-col {



    width: 100%;



  }



}







.main-slider-three__content {



  position: relative;



  z-index: 3;



  overflow: hidden;



  padding-left: 85px;



  padding-top: 8px;



}







@media (max-width: 1440px) {



  .main-slider-three__content {



    padding-left: 30px;



    padding-top: 0;



  }



}







@media (max-width: 991px) {



  .main-slider-three__content {



    padding-left: 0;



  }



}







.main-slider-three__content .main-slider-one__title {



  margin-left: 0;



}







.main-slider-three__content .main-slider-one__title::before {



  content: "";



  position: absolute;



  width: 45px;



  height: 72px;



  top: initial;



  bottom: 0;



  left: 11px;



  right: initial;



  margin: 0;



  z-index: 1;



  background-image: url("../images/shapes/hero-tree-icon2-1.png");



  background-repeat: no-repeat;



  background-position: top center;



  background-size: 44px auto;



  -webkit-animation: movingSliderEcoEffect2 1.8s infinite alternate;



  animation: movingSliderEcoEffect2 1.8s infinite alternate;



}







@-webkit-keyframes movingSliderEcoEffect2 {



  0% {



    transform: translateY(7px);



  }







  100% {



    transform: translateY(-8px);



  }



}







@keyframes movingSliderEcoEffect2 {



  0% {



    transform: translateY(7px);



  }







  100% {



    transform: translateY(-8px);



  }



}







@media (max-width: 991px) {



  .main-slider-three__content .main-slider-one__title::before {



    display: none;



  }



}







.main-slider-three__content .main-slider-one__title>span {



  display: inline-block;



  padding-left: 60px;



}







@media (max-width: 991px) {



  .main-slider-three__content .main-slider-one__title>span {



    padding: 0;



  }



}







.main-slider-three__btn {



  position: relative;



  display: flex;



  justify-content: flex-start;



  align-items: center;



  z-index: 5;



  overflow: hidden;



  opacity: 0;



  transform: perspective(400px) rotateY(0deg) translateY(80px);



  transform-origin: bottom;



  transition: all 1500ms ease;



  margin-left: -2px;



}







@media (max-width: 767px) {



  .main-slider-three__btn {



    flex-direction: column;



    gap: 15px 0;



  }



}







.main-slider-three .agrofa-video-btn {



  background-color: var(--agrofa-white, #fff);



  padding-left: 25px;



  padding-right: 23px;



}







@media (max-width: 991px) {



  .main-slider-three .agrofa-video-btn {



    margin-left: 10px;



  }



}







@media (max-width: 767px) {



  .main-slider-three .agrofa-video-btn {



    margin-left: 0;



  }



}







.main-slider-three .agrofa-video-btn>span {



  position: relative;



  display: block;



  padding-right: 52px;



}







.main-slider-three .agrofa-video-btn>span::after {



  font-family: "icomoon" !important;



  content: "\e91d";



  position: absolute;



  width: 37px;



  height: 37px;



  top: 0;



  right: 0;



  bottom: 0;



  margin: auto 0;



  border-radius: 50%;



  background-color: RGBA(var(--agrofa-yellow-rgb, 253, 214, 31), 1);



  display: flex;



  align-items: center;



  justify-content: center;



  font-size: 9px;



  color: var(--agrofa-green, #0c7735);



}







.main-slider-three .active .main-slider-three__organic-img>img {



  opacity: 1;



  transform: translateX(0);



  transition-delay: 1200ms;



}







.main-slider-three .active .main-slider-three__btn {



  opacity: 1;



  transform: perspective(400px) rotateY(0deg) translateY(0px);



  transition-delay: 1700ms;



}







/*--------------------------------------------------------------



# Feature Section



--------------------------------------------------------------*/



.feature-one {



  position: relative;



  z-index: 2;



  background-color: transparent;



  margin-top: -144px;



}







@media (max-width: 1200px) {



  /* .feature-one {



  margin-top: -100px;



} */



}







.feature-one .container {



  max-width: 1202px;



  padding-bottom: 120px;



}







@media (max-width: 1200px) {



  .feature-one .container {



    padding-bottom: 46px;



  }



}







@media (max-width: 991px) {



  .feature-one .container {



    padding-bottom: 42px;



  }



}







@media (max-width: 767px) {



  .feature-one__col-item {



    padding-bottom: 20px;



  }







  .feature-one__col-item:last-child {



    padding-bottom: 0;



  }



}







.feature-one__item {



  position: relative;



  height: 100%;



}







.feature-one__item:hover .feature-one__cricle-icon {



  background-color: var(--agrofa-green, #0c7735);



}







.feature-one__item:hover .feature-one__icon {



  transform: scale(0.8);



  color: var(--agrofa-white, #fff);



}







.feature-one__item-bg {



  -webkit-box-shadow: 0px 0px 28px 0px rgba(191, 191, 191, 0.4);



  box-shadow: 0px 0px 28px 0px rgba(191, 191, 191, 0.4);



  background-color: var(--agrofa-white, #fff);



  border-radius: 9px;



  display: flex;



  flex-direction: column;



  align-items: center;



  height: 100%;



  padding: 45px 20px 56px 20px;



  background-image: url("../images/shapes/feature1-left.png"), url("../images/shapes/feature1-right.png");



  background-repeat: no-repeat, no-repeat;



  background-position: bottom left -8px, bottom -48px right -60px;



}







@media (max-width: 991px) {



  .feature-one__item-bg {



    padding: 24px 20px 20px 20px;



    background-position: bottom -20px left -40px, bottom -100px right -80px;



  }



}







.feature-one__cricle-icon {



  width: 92px;



  height: 92px;



  background-color: var(--agrofa-yellow, 253, 214, 31);



  border: 2px solid var(--agrofa-green, #0c7735);



  border-radius: 50%;



  display: flex;



  align-items: center;



  justify-content: center;



  margin-bottom: 21px;



  transition: all 0.3s;



}







.feature-one__cricle-icon img {



  width: 50px;



}







.feature-one__icon {



  color: var(--agrofa-text, #12110e);



  font-size: 57px;



  line-height: 1;



  transition: all 0.3s;



}







.feature-one__title {



  font: normal 600 24px/38px var(--agrofa-font, "Jost", sans-serif);



  color: var(--agrofa-text, #12110e);



  margin-bottom: 0;



}







.feature-one--two {



  background-color: rgb(242, 241, 233);



  background-blend-mode: overlay;



  background-image: url("../images/backgrounds/chose-bg2-1.png");



  background-repeat: no-repeat;



  background-position: bottom center;



  background-size: cover;



  margin-top: 0;



}







.feature-one--two::after,



.feature-one--two::before {



  content: "";



  position: absolute;



  width: 178px;



  height: 216px;



  top: 112px;



  left: 97px;



  z-index: 1;



  background-image: url("../images/shapes/choose-effect2-3.png");



  background-repeat: no-repeat;



  background-size: 100% 100%;



  -webkit-animation: chooseEffect1 1.2s infinite alternate;



  animation: chooseEffect1 1.2s infinite alternate;



}







@-webkit-keyframes chooseEffect1 {



  0% {



    transform: rotate(0);



  }







  100% {



    transform: rotate(20deg);



  }



}







@keyframes chooseEffect1 {



  0% {



    transform: rotate(0);



  }







  100% {



    transform: rotate(20deg);



  }



}







@media (max-width: 1750px) {







  .feature-one--two::after,



  .feature-one--two::before {



    width: 90px;



    height: 122px;



    top: 70px;



    left: 45px;



  }



}







@media (max-width: 991px) {







  .feature-one--two::after,



  .feature-one--two::before {



    width: 68px;



    height: 86px;



    top: 38px;



    left: 20px;



  }



}







.feature-one--two::after {



  width: 96px;



  height: 140px;



  top: 126px;



  left: initial;



  right: 168px;



  background-image: url("../images/shapes/choose-effect2-2.png");



  -webkit-animation: chooseEffect2 1.5s infinite alternate;



  animation: chooseEffect2 1.5s infinite alternate;



}







@-webkit-keyframes chooseEffect2 {



  0% {



    transform: translateX(0);



  }







  100% {



    transform: translateX(20px);



  }



}







@keyframes chooseEffect2 {



  0% {



    transform: translateX(0);



  }







  100% {



    transform: translateX(20px);



  }



}







@media (max-width: 1750px) {



  .feature-one--two::after {



    width: 50px;



    height: 85px;



    top: 89px;



    right: 50px;



  }



}







@media (max-width: 991px) {



  .feature-one--two::after {



    width: 40px;



    height: 64px;



    top: 42px;



    right: 28px;



  }



}







.feature-one--two__effect3 {



  position: absolute;



  width: 76px;



  height: 77px;



  top: 315px;



  right: 190px;



  z-index: 1;



  -webkit-animation: chooseEffect3 1.2s infinite alternate;



  animation: chooseEffect3 1.2s infinite alternate;



}







.feature-one--two__effect3>img {



  width: 100% !important;



}







@-webkit-keyframes chooseEffect3 {



  0% {



    transform: translate(0);



  }







  25% {



    transform: translate(10px, 10px);



  }







  50% {



    transform: translate(15px, 15px);



  }







  75% {



    transform: translate(20px, 20px);



  }







  100% {



    transform: translate(25px, 25px);



  }



}







@keyframes chooseEffect3 {



  0% {



    transform: translate(0);



  }







  25% {



    transform: translate(10px, 10px);



  }







  50% {



    transform: translate(15px, 15px);



  }







  75% {



    transform: translate(20px, 20px);



  }







  100% {



    transform: translate(25px, 25px);



  }



}







@media (max-width: 1750px) {



  .feature-one--two__effect3 {



    width: 44px;



    height: auto;



    top: 212px;



    right: 70px;



  }



}







@media (max-width: 991px) {



  .feature-one--two__effect3 {



    right: 0;



    left: 0;



    margin: 0 auto;



    top: 160px;



  }



}







.feature-one--two .container {



  padding-top: 119px;



  padding-bottom: 284px;



}







@media (max-width: 991px) {



  .feature-one--two .container {



    padding-top: 52px;



    padding-bottom: 150px;



  }



}







.feature-one--two .section-common-title {



  max-width: 670px;



  margin: 0 auto;



}







.feature-one--two__chose-reasone {



  flex-direction: column;



  padding-bottom: 6px;



}







.feature-one--two__title {



  margin-bottom: 62px;



}







@media (max-width: 991px) {



  .feature-one--two__title {



    margin-bottom: 36px;



  }



}







.feature-one--two .feature-one__item:hover .feature-one__cricle-icon {



  background-color: var(--agrofa-yellow, 253, 214, 31);



}







.feature-one--two .feature-one__item:hover .feature-one__icon {



  color: var(--agrofa-text, #12110e);



}







.feature-one--two .feature-one__cricle-icon {



  background-color: var(--agrofa-green, #0c7735);



  border-color: var(--agrofa-yellow, 253, 214, 31);



}







.feature-one--two .feature-one__icon {



  color: var(--agrofa-white, #fff);



}







.feature-one--services {



  margin-top: 0;



}







.feature-one--services .container {



  padding-top: 118px;



  padding-bottom: 120px;



}







@media (max-width: 991px) {



  .feature-one--services .container {



    padding-top: 56px;



    padding-bottom: 60px;



  }



}







.feature-one--projects {



  margin-top: 0;



}







.feature-one--projects .container {



  padding-bottom: 122px;



}







@media (max-width: 991px) {



  .feature-one--projects .container {



    padding-bottom: 60px;



  }



}







.choose-feature-two {



  margin-top: -165px;



  position: relative;



  z-index: 3;



  padding-bottom: 41px;



}







@media (max-width: 991px) {



  .choose-feature-two {



    margin-top: -82px;



  }



}







.choose-feature-two .container {



  max-width: 1600px;



}







@media (max-width: 991px) {



  .choose-feature-two__row {



    gap: 30px 0;



  }

  .about-best-seller .food-one__right {
    display: none;
  }



}







.choose-feature-two__col {



  position: relative;



  height: 100%;



  width: 100%;



  display: flex;



  align-items: center;



  background-repeat: no-repeat;



  background-size: cover;



  background-position: center center;



  padding: 54px 15px;



}







@media (max-width: 991px) {



  .choose-feature-two__col {



    padding: 30px 15px !important;



  }



}







.choose-feature-two__col::after {



  content: "";



  position: absolute;



  width: 100%;



  height: 100%;



  left: 0;



  right: 0;



  top: 0;



  z-index: 1;



}







.choose-feature-two--left {



  padding-left: 46px;



}







@media (max-width: 1200px) {



  .choose-feature-two--left {



    padding-left: 30px;



  }



}







.choose-feature-two--left::after {



  background-image: url("../images/backgrounds/chose-bg2-3.png");



  background-repeat: repeat-y;



  background-position: left top;



  right: initial;



}







.choose-feature-two--right {



  padding-left: 68px;



}







@media (max-width: 1200px) {



  .choose-feature-two--right {



    padding-left: 30px;



  }



}







.choose-feature-two--right::after {



  background-image: url("../images/backgrounds/chose-bg2-2.png");



  background-repeat: repeat-y;



  background-position: right top;



  left: initial;



}







.choose-feature-two__info {



  position: relative;



  z-index: 2;



  padding-right: 16px;



}







@media (max-width: 767px) {



  .choose-feature-two__info {



    width: 100%;



    text-align: center;



  }



}







.choose-feature-two__info--cricle {



  display: flex;



  align-items: center;



}







@media (max-width: 767px) {



  .choose-feature-two__info--cricle {



    flex-direction: column;



    flex-wrap: wrap;



  }



}







.choose-feature-two__info--cricle .choose-feature-two__info-title {



  margin-left: 51px;



  margin-bottom: 0;



}







@media (max-width: 1200px) {



  .choose-feature-two__info--cricle .choose-feature-two__info-title {



    margin-left: 25px;



  }



}







@media (max-width: 767px) {



  .choose-feature-two__info--cricle .choose-feature-two__info-title {



    margin-left: 0;



    text-align: center;



    margin-top: 18px;



  }



}







.choose-feature-two__info-title {



  font-size: 30px;



  line-height: 39px;



  font-weight: 600;



  color: var(--agrofa-white, #fff);



  margin-bottom: 29px;



}







.choose-feature-two__info-title br {



  display: none;



}







@media (max-width: 1200px) {



  .choose-feature-two__info-title {



    font-size: 23px;



    line-height: 29px;



  }



}







@media (min-width: 991px) {



  .choose-feature-two__info-title br {



    display: block;



  }



}







@media (max-width: 767px) {



  .choose-feature-two__info-title {



    text-align: center;



    margin-bottom: 19px;



  }



}







.choose-feature-two__cricle {



  width: 172px;



  min-width: 172px;



  height: 172px;



  min-height: 172px;



  border-radius: 50%;



  background-color: var(--agrofa-green, #0c7735);



  display: flex;



  align-items: center;



  justify-content: center;



  position: relative;



}







@media (max-width: 767px) {



  .choose-feature-two__cricle {



    width: 140px;



    min-width: initial;



    height: 140px;



    min-height: initial;



  }



}







.choose-feature-two__cricle::before {



  content: "";



  position: absolute;



  width: 147px;



  height: 147px;



  border-radius: 50%;



  border: 1px dotted var(--agrofa-yellow, 253, 214, 31);



  animation: roundingCircles 9.2s linear infinite;



}







@keyframes roundingCircles {



  from {



    transform: rotate(0);



  }







  to {



    transform: rotate(360deg);



  }



}







@media (max-width: 767px) {



  .choose-feature-two__cricle::before {



    width: 115px;



    height: 115px;



  }



}







.choose-feature-two__cricle:hover .choose-feature-two__icon {



  transform: scale(0.8);



  color: var(--agrofa-white, #fff);



}







.choose-feature-two__icon {



  color: var(--agrofa-yellow, 253, 214, 31);



  font-size: 82px;



  line-height: 1;



  position: relative;



  z-index: 2;



  transition: all 0.4s;



}







@media (max-width: 767px) {



  .choose-feature-two__icon {



    font-size: 65px;



  }



}







.choose-feature-two .choose-feature-two-btn {



  color: var(--agrofa-white, #fff);



  background-color: var(--agrofa-green3, #008d36);



  margin-left: 0;



  border-radius: 3px;



  height: 55px;



  display: flex;



  align-items: center;



  justify-content: center;



  width: fit-content;



  padding: 0 26px;



  font-size: 15px;



  line-height: 1;



  text-transform: uppercase;



}







.choose-feature-two .choose-feature-two-btn::after,



.choose-feature-two .choose-feature-two-btn::before {



  background-color: var(--agrofa-yellow, 253, 214, 31);



}







.choose-feature-two .choose-feature-two-btn:hover {



  color: var(--agrofa-text, #12110e);



}







@media (max-width: 767px) {



  .choose-feature-two .choose-feature-two-btn {



    margin: 0 auto;



  }



}







/*--------------------------------------------------------------



# About



--------------------------------------------------------------*/



.about-one {



  position: relative;



  padding: 120px 0;



  overflow: hidden;



}







@media (max-width: 767px) {



  .about-one {



    padding: 80px 0;



  }



}







.about-one__image {



  position: relative;



  z-index: 2;



}







.about-one__image__info {



  position: absolute;



  right: 42px;



  bottom: 55px;



  width: 278px;



  background-color: var(--agrofa-white, #fff);



  padding: 38px 30px 41px 100px;



  box-shadow: 15px 29px 87px 0px rgba(0, 0, 0, 0.1);



}







.about-one__image__info::after {



  position: absolute;



  width: calc(100% - 20px);



  height: calc(100% - 20px);



  left: 10px;



  top: 10px;



  content: "";



  border-width: 2px;



  border-style: solid;



  border-image: linear-gradient(-45deg, rgba(var(--agrofa-base-rgb, 194, 167, 78), 1) 0%, rgba(var(--agrofa-black-rgb, 30, 29, 33), 1) 100%) 1;



  z-index: -1;



}







@media (max-width: 767px) {



  .about-one__image__info {



    position: relative;



    right: 0;



    left: 0;



    bottom: 35px;



    margin: auto;



  }



}







@media (min-width: 992px) and (max-width: 1199px) {



  .about-one__image__info {



    bottom: -45px;



    right: 0;



    left: 0;



    margin: auto;



  }



}







.about-one__image__info:hover .about-one__image__info__icon span {



  transform: rotateY(180deg);



}







.about-one__image__info__icon {



  position: absolute;



  left: 40px;



  top: 0;



  bottom: 0;



  margin: auto;



  width: 50px;



  height: 50px;



  background-color: var(--agrofa-base, #c2a74e);



  border-radius: 50%;



  display: flex;



  align-items: center;



  justify-content: center;



  font-size: 20px;



  color: var(--agrofa-white, #fff);



}







.about-one__image__info__icon span {



  display: block;



  -webkit-transition: all 0.6s ease;



  -o-transition: all 0.6s ease;



  transition: all 0.6s ease;



}







.about-one__image__info__title {



  font-size: 14px;



  font-weight: 500;



  line-height: 1;



  color: var(--agrofa-text, #12110e);



  margin: 0 0 8px;



  font-family: var(--agrofa-font, "Jost", sans-serif);



}







.about-one__image__info__text {



  font-size: 16px;



  font-weight: 600;



  line-height: 1;



  color: var(--agrofa-black, #1e1d21);



  margin: 0;



  font-family: var(--agrofa-font, "Jost", sans-serif);



}







.about-one__image__info__text a {



  color: inherit;



  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;



}







.about-one__image__info__text a:hover {



  color: var(--agrofa-base, #c2a74e);



  background-size: 100% 1px;



}







.about-one__image__arrow {



  position: absolute;



  right: -14px;



  bottom: -60px;



  z-index: -1;



}







@media (max-width: 991px) {



  .about-one__image__arrow {



    display: none;



  }



}







.about-one__image__arrow img {



  max-width: 100%;



  -webkit-animation-name: float-bob-y-2;



  animation-name: float-bob-y-2;



  -webkit-animation-duration: 4s;



  animation-duration: 4s;



  -webkit-animation-iteration-count: infinite;



  animation-iteration-count: infinite;



  -webkit-animation-timing-function: linear;



  animation-timing-function: linear;



}







.about-one__double-image {



  display: grid;



  grid-template-columns: repeat(2, auto);



}







@media (min-width: 768px) and (max-width: 991px) {



  .about-one__double-image {



    padding-left: 90px;



  }



}







.about-one__double-image img {



  max-width: 100%;



  height: auto;



}







.about-one__double-image img:last-child {



  margin-left: 10px;



}







.about-one__flower {



  position: absolute;



  left: -80px;



  bottom: -80px;



  background-color: var(--agrofa-gray, #ddd);



  overflow: hidden;



  width: 87.8%;



  height: 88.3%;



  z-index: -1;



  background-position: -42px 123%;



  background-repeat: no-repeat;



  background-size: auto;



}







@media (max-width: 991px) {



  .about-one__flower {



    left: 0;



  }

  .page-header {
    padding-top: 50px;
    padding-bottom: 50px;
  }


}







@media (max-width: 767px) {



  .about-one__flower {



    display: none;



  }



}







.about-one .sec-title {



  padding-bottom: 36px;



}







.about-one__content {



  position: relative;



}







@media (min-width: 768px) and (max-width: 991px) {



  .about-one__content {



    padding-top: 120px;



  }



}







@media (min-width: 1200px) {



  .about-one__content {



    padding-left: 70px;



  }



}







.about-one__content__list {



  margin: 0 0 30px;



  padding: 0;



  display: flex;



  align-items: center;



  gap: 20px;



}







@media (max-width: 767px) {



  .about-one__content__list {



    display: block;



  }



}







.about-one__content__list li,



.about-one__content__list .food-one--two .food-one__quality-list li,



.food-one--two .food-one__quality-list .about-one__content__list li {



  list-style: none;



  display: flex;



  align-items: center;



  background-color: var(--agrofa-white, #fff);



  box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.07);



  text-transform: uppercase;



  font-weight: 700;



  color: var(--agrofa-black, #1e1d21);



  font-family: var(--agrofa-heading-font, "Jost", sans-serif);



  padding: 11px 54px 11px 31px;



}







@media (max-width: 767px) {







  .about-one__content__list li,



  .about-one__content__list .food-one--two .food-one__quality-list li,



  .food-one--two .food-one__quality-list .about-one__content__list li {



    max-width: 240px;



    margin-bottom: 10px;



  }



}







@media (min-width: 992px) and (max-width: 1199px) {







  .about-one__content__list li,



  .about-one__content__list .food-one--two .food-one__quality-list li,



  .food-one--two .food-one__quality-list .about-one__content__list li {



    padding: 11px 30px 11px 25px;



  }



}







.about-one__content__list li span,



.about-one__content__list .food-one--two .food-one__quality-list li span,



.food-one--two .food-one__quality-list .about-one__content__list li span {



  display: inline-block;



  font-size: 24px;



  margin-right: 7px;



  color: var(--agrofa-base, #c2a74e);



  -webkit-transition: all 0.6s ease;



  -o-transition: all 0.6s ease;



  transition: all 0.6s ease;



}







.about-one__content__list li:hover span {



  transform: rotateY(180deg);



}







.about-one__content__text-one {



  font-size: 20px;



  line-height: 34px;



  color: var(--agrofa-base, #c2a74e);



  margin: 0 0 34px;



}







.about-one__content__text-two {



  line-height: 30px;



  margin: 0 0 42px;



}







.about-one__content__author-wrapper {



  display: flex;



  align-items: center;



}







@media (max-width: 767px) {



  .about-one__content__author-wrapper {



    display: block;



  }



}







@media (min-width: 992px) and (max-width: 1199px) {



  .about-one__content__author-wrapper .agrofa-btn {



    padding: 16.25px 27px;



  }



}







.about-one__content__author {



  position: relative;



  display: flex;



  align-items: center;



  min-height: 58px;



  margin: 0 0 0 20px;



}







@media (max-width: 767px) {



  .about-one__content__author {



    margin: 20px 0 0;



  }



}







.about-one__content__author__thumb {



  width: 58px;



  height: 58px;



  background-color: var(--agrofa-base, #c2a74e);



  border-radius: 50%;



  padding: 4px;



  overflow: hidden;



}







.about-one__content__author__thumb img {



  width: 100%;



  height: 100%;



  object-fit: cover;



  border-radius: 50%;



}







.about-one__content__author__meta {



  display: block;



  position: relative;



  margin: 0;



  padding-left: 15px;



  font-size: 14px;



}







.about-one__content__author__meta img {



  display: block;



}







.about-two {



  position: relative;



}







.about-two::before,



.about-two::after {



  content: "";



  position: absolute;



  right: 0;



  z-index: 1;



  background-repeat: no-repeat;



  background-size: contain;



}







.about-two::before {



  width: 138px;



  height: 347px;



  top: 75px;



  background-image: url("../images/shapes/about-effect2-1-.png");



  animation: movingLeftRightChose3 3.5s linear infinite alternate;



}







@keyframes movingLeftRightChose3 {



  0% {



    transform: translate(0, 0) rotateZ(0);



  }







  50% {



    transform: translate(-8px, -8px) rotateZ(-6deg);



  }







  100% {



    transform: translate(-15px, -15px) rotateZ(-12deg);



  }



}







@media (max-width: 1400px) {



  .about-two::before {



    width: 100px;



    height: 235px;



    top: 32px;



  }



}







@media (max-width: 1200px) {



  .about-two::before {



    width: 70px;



    height: 170px;



  }



}







@media (max-width: 991px) {



  .about-two::before {



    width: 50px;



    height: 110px;



    top: -22px;



  }



}







.about-two::after {



  width: 340px;



  height: 188px;



  top: initial;



  bottom: 126px;



  background-image: url("../images/shapes/about-effect2-2-.png");



  animation: movingLeftRightChose4 3.5s linear infinite alternate;



}







@keyframes movingLeftRightChose4 {



  0% {



    transform: rotateZ(0);



  }







  25% {



    transform: rotateZ(-2deg);



  }







  50% {



    transform: rotateZ(-4deg);



  }







  75% {



    transform: rotateZ(-8deg);



  }







  100% {



    transform: rotateZ(-15deg);



  }



}







@media (max-width: 1400px) {



  .about-two::after {



    width: 175px;



    height: 90px;



    bottom: 90px;



  }



}







@media (max-width: 1200px) {



  .about-two::after {



    width: 120px;



    height: 65px;



  }



}







@media (max-width: 991px) {



  .about-two::after {



    bottom: 26px;



  }



}







.about-two__effect-bg {



  position: absolute;



  width: 100%;



  max-width: 50%;



  height: 100%;



  top: 0;



  left: 0;



  z-index: 1;



  padding-right: 80px;



  animation: movingLeftRightChose2 2.5s linear infinite alternate;



  display: none;



}







@keyframes movingLeftRightChose2 {



  from {



    transform: translate(0, 0);



  }







  to {



    transform: translate(-10px, -10px);



  }



}







.about-two__effect-bg>img {



  width: 100% !important;



  height: 100%;



  max-height: 890px;



  display: block;



  object-fit: cover;



  object-position: left top;



}







@media (max-width: 1400px) {



  .about-two__effect-bg {



    padding-right: 20px;



  }



}







@media (min-width: 992px) {



  .about-two__effect-bg {



    display: block;



  }



}







.about-two .container-fluid {



  padding-left: 0;



  padding-top: 80px;



  padding-bottom: 115px;



  position: relative;



  z-index: 3;



}







@media (max-width: 991px) {



  .about-two .container-fluid {



    padding-top: 40px;



    padding-bottom: 58px;



  }



}







.about-two__content-row {



  align-items: center;



}







.about-two__left {



  width: 50%;



  padding-right: 94px;



}







@media (max-width: 1400px) {



  .about-two__left {



    padding-right: 36px;



  }



}







@media (max-width: 991px) {



  .about-two__left {



    width: 100%;



    padding: 0 0 35px 15px;



  }



}







.about-two__left__all-product {



  padding-top: 22px;



  display: flex;



  justify-content: flex-end;



  margin-top: -48px;



}







@media (max-width: 991px) {



  .about-two__left__all-product {



    padding-top: 0;



    margin-top: 0;



  }



}







.about-two__left__bg {



  min-height: 186px;



  background-color: var(--agrofa-yellow, 253, 214, 31);



  width: fit-content;



  max-width: 253px;



  border-radius: 25px 0 25px 25px;



  display: flex;



  flex-direction: column;



  justify-content: center;



  align-items: center;



  padding: 15px 32px;



  position: relative;



}







@media (max-width: 991px) {



  .about-two__left__bg {



    width: 100%;



    max-width: 100%;



    min-height: 152px;



    border-radius: 0;



  }



}







.about-two__left__bg::before {



  content: "";



  position: absolute;



  width: 90px;



  height: 120px;



  top: -56px;



  left: -21px;



  z-index: 1;



  background-image: url("../images/shapes/choose-tree1-1.png");



  background-repeat: no-repeat;



  background-position: top left;



  background-size: 89px auto;



  animation: movingLeftRightChose 1.5s linear infinite alternate;



}







@keyframes movingLeftRightChose {



  from {



    transform: translate(0, 0) rotate(0);



  }







  to {



    transform: translate(12px, 12px) rotate(12deg);



  }



}







@media (max-width: 991px) {



  .about-two__left__bg::before {



    width: 65px;



    height: 88px;



    top: -56px;



    left: 0;



    background-size: 64px auto;



  }



}







.about-two__left__count-product {



  font-size: 40px;



  font-weight: 600;



  line-height: 1;



  color: var(--agrofa-text, #12110e);



  margin-bottom: 16px;



}







@media (max-width: 991px) {



  .about-two__left__count-product {



    font-size: 32px;



    margin-bottom: 8px;



  }



}







.about-two__left__pure-product {



  font-size: 26px;



  line-height: 34px;



  font-weight: 500;



  color: var(--agrofa-text, #12110e);



  margin-bottom: 0;



}







@media (max-width: 991px) {



  .about-two__left__pure-product {



    font-size: 22px;



    line-height: 24px;



  }



}







.about-two__left-img {



  width: 100%;



}







.about-two__left-img img {



  width: 100% !important;



}







.about-two__right {



  width: 50%;



}







.about-two__right .section-common-title {



  max-width: 588px;



  padding-left: 8px;



}







@media (max-width: 991px) {



  .about-two__right .section-common-title {



    max-width: initial;



    padding: 0;



  }



}







@media (max-width: 991px) {



  .about-two__right {



    width: 100%;



    padding: 0 15px 0 30px;



  }



}







.about-two__chose-reasone {



  margin-left: 9px;



}







.about-two__text {



  padding-right: 10px;



}







.about-two__featurebx {



  max-width: 488px;



  padding-top: 37px;



}







@media (max-width: 991px) {



  .about-two__featurebx {



    max-width: 100%;



    padding-top: 20px;



  }



}







.about-two__col {



  display: flex;



  flex-wrap: wrap;



  gap: 0 18px;



  border-bottom: 1px solid #ddd4ce;



  padding-bottom: 24px;



  margin-bottom: 33px;



}







.about-two__col:last-child {



  border-bottom: 0;



  margin-bottom: 0;



  padding-bottom: 0;



}







.about-two__col:hover .about-two__cricle {



  background-color: var(--agrofa-yellow, 253, 214, 31);



  color: var(--agrofa-text, #12110e);



}







.about-two__col:hover .about-two__icon {



  color: var(--agrofa-text, #12110e);



}







.about-two__cricle {



  width: 82px;



  height: 82px;



  border-radius: 50%;



  background-color: var(--agrofa-green, #0c7735);



  border: 2px solid var(--agrofa-yellow, 253, 214, 31);



  display: flex;



  align-items: center;



  justify-content: center;



  transition: all 0.5s;



}







.about-two__icon {



  color: var(--agrofa-white, #fff);



  font-size: 40px;



  line-height: 1;



  transition: all 0.5s;



}







.about-two__quality-info-bx {



  width: calc((100% - 100px) / 1);



}







.about-two__quality-title {



  font-family: var(--agrofa-font, "Jost", sans-serif);



  font-size: 20px;



  font-weight: 600;



  line-height: 1.1;



  color: var(--agrofa-text3, #080501);



  margin-bottom: 11px;



}







@media (max-width: 767px) {



  .about-two__quality-title {



    font-size: 16px;



    line-height: 1;



  }



}







.about-two__quality-info {



  line-height: 30px;



  font-weight: 400;



  color: var(--agrofa-text3, #080501);



  padding-bottom: 0;



  margin-bottom: 0;



}







@media (max-width: 767px) {



  .about-two__quality-info {



    line-height: 27px;



  }



}







.about-two__quality-list,



.food-one--two .food-one__quality-list {



  list-style: none;



  padding-left: 0;



  margin-top: 48px;



  margin-bottom: 0;



}







@media (max-width: 767px) {







  .about-two__quality-list,



  .food-one--two .food-one__quality-list {



    margin-top: 30px;



  }



}







.about-two__quality-list>li,



.food-one--two .food-one__quality-list .about-two__quality-list>li,



.food-one--two .food-one__quality-list>li {



  list-style: none;



  font-family: var(--agrofa-font, "Jost", sans-serif);



  font-weight: 400;



  font-size: 16px;



  line-height: 26px;



  color: var(--agrofa-text3, #080501);



  margin-bottom: 7px;



  display: flex;



  align-items: center;



}







.about-two__quality-list>li:last-child,



.food-one--two .food-one__quality-list>li:last-child {



  margin-bottom: 0;



}







.about-two__quality-list>li>i,



.food-one--two .food-one__quality-list .about-two__quality-list>li>i,



.food-one--two .food-one__quality-list>li>i {



  color: var(--agrofa-green, #0c7735);



  margin-right: 9px;



}







.about-three {



  position: relative;



  padding: 21px 0 120px;



  overflow: hidden;



}







@media (max-width: 767px) {



  .about-three {



    padding: 0 0 80px;



  }



}







.about-three__thumb {



  position: relative;



  z-index: 2;



  display: inline-block;



}







@media (max-width: 1199px) {



  .about-three__thumb {



    margin: 0 0 50px;



  }



}







.about-three__thumb>img {



  max-width: 100%;



  border-radius: 50%;



}







.about-three__thumb__flower {



  position: absolute;



  left: -36px;



  top: -15px;



}







@media (max-width: 767px) {



  .about-three__thumb__flower {



    display: none;



  }



}







.about-three__thumb__flower img {



  -webkit-animation-name: treeMove;



  animation-name: treeMove;



  -webkit-animation-duration: 4s;



  animation-duration: 4s;



  -webkit-animation-iteration-count: infinite;



  animation-iteration-count: infinite;



  -webkit-animation-timing-function: linear;



  animation-timing-function: linear;



}







.about-three__thumb__border {



  position: absolute;



  left: -37px;



  bottom: 58px;



  z-index: -1;



}







@media (max-width: 767px) {



  .about-three__thumb__border {



    display: none;



  }



}







.about-three__thumb__border img {



  -webkit-animation: rotated 15s infinite linear;



  animation: rotated 15s infinite linear;



}







@keyframes rotated {



  0% {



    transform: rotate(0);



  }







  100% {



    transform: rotate(360deg);



  }



}







.about-three__thumb__round {



  width: 112px;



  height: 112px;



  background-color: var(--agrofa-base, #c2a74e);



  border-radius: 50%;



  position: absolute;



  left: -20px;



  bottom: 0;



  animation: animationFrames 20s infinite linear;



  z-index: -1;



}







@keyframes animationFrames {



  0% {



    transform: translate(0px, 0px) rotate(0deg) scale(1);



  }







  20% {



    transform: translate(73px, -1px) rotate(36deg) scale(0.9);



  }







  40% {



    transform: translate(141px, 72px) rotate(72deg) scale(1);



  }







  60% {



    transform: translate(83px, 122px) rotate(108deg) scale(1.2);



  }







  80% {



    transform: translate(-40px, 72px) rotate(144deg) scale(1.1);



  }







  100% {



    transform: translate(0px, 0px) rotate(0deg) scale(1);



  }



}







.about-three__con-middle {



  position: relative;



  margin-left: -30px;



  padding-right: 45px;



  margin-top: -12px;



}







@media (max-width: 1199px) {



  .about-three__con-middle {



    margin: 0;



    padding: 0;



  }



}







.about-three__con-middle__title {



  font-size: 30px;



  font-weight: 700;



  text-transform: uppercase;



  margin-bottom: 23px;



}







.about-three__con-middle__text-one {



  font-size: 22px;



  line-height: 34px;



  font-weight: 600;



  color: var(--agrofa-base, #c2a74e);



  margin-bottom: 30px;



}







.about-three__con-middle__text-two {



  font-size: 16px;



  line-height: 30px;



  margin-bottom: 42px;



}







.about-three__con-right {



  position: relative;



  margin-left: -30px;



  margin-top: -12px;



}







@media (max-width: 1199px) {



  .about-three__con-right {



    margin: 0;



    padding: 0;



  }



}







@media (max-width: 767px) {



  .about-three__con-right {



    margin: 40px 0 0;



  }



}







.about-three__con-right__title {



  font-size: 30px;



  font-weight: 700;



  text-transform: uppercase;



  margin-bottom: 17px;



}







.about-three__list {



  margin: 0;



  padding: 0;



  list-style: none;



}







.about-three__list li,



.about-three__list .food-one--two .food-one__quality-list li,



.food-one--two .food-one__quality-list .about-three__list li {



  list-style: none;



  position: relative;



  padding-left: 34px;



  font-size: 18px;



  line-height: 40px;



}







.about-three__list li span,



.about-three__list .food-one--two .food-one__quality-list li span,



.food-one--two .food-one__quality-list .about-three__list li span {



  font-size: 16px;



  position: absolute;



  left: 0;



  top: 2px;



  bottom: 0;



  margin: auto;



  line-height: inherit;



  color: var(--agrofa-base, #c2a74e);



}







.about-three__author {



  position: relative;



  display: flex;



  align-items: center;



  min-height: 58px;



  margin: 29px 0 0;



  padding: 29px 0 0;



  border-top: 6px solid var(--agrofa-gray, #ddd);



}







.about-three__author__thumb {



  width: 58px;



  height: 58px;



  background-color: var(--agrofa-base, #c2a74e);



  border-radius: 50%;



  padding: 4px;



  box-shadow: 0px 10px 30px 0px rgba(var(--agrofa-black3-rgb, 23, 32, 0), 0.07);



}







.about-three__author__thumb img {



  width: 100%;



  height: 100%;



  object-fit: cover;



  border-radius: 50%;



}







.about-three__author__meta {



  display: block;



  position: relative;



  margin: 0;



  padding-left: 20px;



  font-size: 14px;



}







.about-three__author__meta img {



  display: block;



  margin-bottom: 2px;



}







/*--------------------------------------------------------------



# Services



--------------------------------------------------------------*/



.service-one {



  position: relative;



  background-color: var(--agrofa-white, #fff);



  padding: 120px 0;



}







.service-one__bg {



  position: absolute;



  left: 0;



  top: 0;



  width: 100%;



  height: calc(100% + 160px);



  margin-top: -160px;



  z-index: 2;



  background-position: center center;



  background-repeat: no-repeat;



  background-size: cover;



  background-color: var(--agrofa-gray, #ddd);



}







@media (min-width: 1400px) {



  .service-one__bg {



    width: calc(100% - 240px);



    left: 120px;



  }



}







@media (max-width: 767px) {



  .service-one {



    padding: 80px 0;



  }



}







.service-one .container {



  position: relative;



  z-index: 3;



  margin-top: -160px;



}







.service-one--page .container {



  margin-top: 0;



}







.service-one--page .service-one__bg {



  height: 100%;



  margin-top: 0;



}







.service-one .sec-title {



  text-align: center;



}







.service-one .col-lg-3 {



  width: 20%;



}







@media (max-width: 1199px) {



  .service-one .col-lg-3 {



    width: 33.33%;



  }



}







@media (max-width: 767px) {



  .service-one .col-lg-3 {



    width: 100%;



  }



}







.service-one__item {



  position: relative;



  background-color: var(--agrofa-white, #fff);



  box-shadow: 0px 10px 60px 0px rgba(var(--agrofa-black3-rgb, 23, 32, 0), 0.07);



  margin-bottom: 30px;



  z-index: 2;



  background-repeat: no-repeat;



  background-size: auto;



  background-position: top left;



  transition: all 500ms ease;



}







.service-one__item__wrapper {



  position: relative;



  overflow: hidden;



  width: 100%;



  height: 100%;



  padding: 39px 30px 36px;



  transition: all 500ms ease;



}







.service-one__item__hover {



  position: absolute;



  top: 0;



  left: 0;



  right: 0;



  bottom: 0;



  opacity: 0;



  visibility: hidden;



  background-repeat: no-repeat;



  background-size: cover;



  background-position: center center;



  transition: 500ms ease;



  transform: scale(1.2);



  z-index: -1;



}







.service-one__item__hover::after {



  position: absolute;



  left: 0;



  top: 0;



  width: 100%;



  height: 100%;



  content: "";



  background-color: rgba(var(--agrofa-black2-rgb, 0, 32, 12), 0.7);



}







.service-one__item:hover .service-one__item__hover {



  opacity: 1;



  visibility: visible;



  transform: scale(1);



}







.service-one__item:hover .service-one__item__title {



  color: var(--agrofa-white, #fff);



}







.service-one__item__icon {



  font-size: 60px;



  line-height: 1;



  position: relative;



  z-index: 3;



  color: var(--agrofa-base, #c2a74e);



  display: inline-block;



  margin: 0 0 23px;



  transition: 500ms ease;



}







.service-one__item__icon span {



  display: inline-block;



  transition: all 500ms linear;



  transition-delay: 0s;



  transition-delay: 0.1s;



  transform: scale(1);



}







.service-one__item:hover .service-one__item__icon {



  color: var(--agrofa-base, #c2a74e);



}







.service-one__item:hover .service-one__item__icon span {



  transform: scale(0.9);



}







.service-one__item__title {



  font-size: 20px;



  font-weight: 700;



  text-transform: uppercase;



  max-width: 125px;



  transition: all 300ms ease;



  position: relative;



  z-index: 3;



  margin: 0 auto;



}







.service-one__item__title a {



  color: inherit;



  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;



}







.service-one__item__title a:hover {



  color: var(--agrofa-base, #c2a74e);



  background-size: 100% 1px;



}







.service-one__info {



  position: relative;



  max-width: 830px;



  margin: auto;



  display: flex;



  align-items: center;



  justify-content: space-between;



  border: 2px solid var(--agrofa-border-color, #ededed);



  padding: 17px 18px 16px 28px;



}







@media (max-width: 767px) {



  .service-one__info {



    display: block;



    text-align: center;



  }



}







.service-one__info__text {



  margin: 0;



}







.service-one__info .agrofa-btn {



  font-size: 10px;



  font-weight: 800;



  letter-spacing: 2px;



  padding: 11px 29px;



}







@media (max-width: 767px) {



  .service-one__info .agrofa-btn {



    margin: 15px 0 10px;



  }



}







.service-page {



  padding: 120px 0;



}







@media (max-width: 767px) {



  .service-page {



    padding: 80px 0;



    padding-top: 60px;



  }



}







.service-page--home {



  position: relative;



  background-position: top center;



  background-repeat: no-repeat;



  background-size: auto;



  padding: 120px 0;



}







@media (max-width: 767px) {



  .service-page--home {



    padding: 80px 0;



  }



}







.service-page--home .sec-title {



  text-align: center;



}







.service-page--carousel .why-choose-one__col {



  width: 100%;



}







.service-page--carousel .why-choose-one__bg {



  -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.11);



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



}







.service-card-two {



  background-repeat: no-repeat;



  background-position: top left;



  text-align: center;



  padding: 50px;



  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);



  background-color: var(--agrofa-white, #fff);



}







@media (max-width: 1199px) {



  .service-card-two {



    padding-left: 40px;



    padding-right: 40px;



  }



}







@media (min-width: 992px) {



  .service-card-two__carousel .owl-nav {



    display: none;



  }



}







.service-card-two__image {



  width: 210px;



  height: 210px;



  border: 6px solid var(--agrofa-white, #fff);



  box-shadow: 0 0 0 1px var(--agrofa-base, #c2a74e);



  border-radius: 50%;



  margin-left: auto;



  margin-right: auto;



  position: relative;



  margin-bottom: 30px;



  background-color: var(--agrofa-black, #1e1d21);



  transition: all 500ms ease;



}







.service-card-two__image img {



  width: 100%;



  border-radius: 50%;



}







.service-card-two__image::after {



  content: "";



  position: absolute;



  top: 50%;



  left: 50%;



  display: block;



  width: 0;



  height: 0;



  background: rgba(var(--agrofa-white-rgb, 255, 255, 255), 0.2);



  border-radius: 50%;



  transition: all 500ms linear;



  -webkit-transform: translate(-50%, -50%);



  transform: translate(-50%, -50%);



  opacity: 0;



  z-index: 2;



}







.service-card-two:hover .service-card-two__image {



  border-color: var(--agrofa-base, #c2a74e);



}







.service-card-two:hover .service-card-two__image::after {



  animation: zoom-hover 0.95s;



}







.service-card-two__content__shape {



  display: block;



  width: auto !important;



  margin-left: auto;



  margin-right: auto;



}







.service-card-two__icon {



  width: 106px;



  height: 106px;



  background-color: var(--agrofa-base, #c2a74e);



  border-radius: 50%;



  text-align: center;



  display: flex;



  justify-content: center;



  align-items: center;



  color: var(--agrofa-white, #fff);



  font-size: 60px;



  position: absolute;



  left: 0px;



  top: 0;



  line-height: 1;



  transform: translateX(calc(-50% + 30px));



}







.service-card-two__icon i {



  display: block;



  transform: scale(1);



  transition: transform 500ms ease;



}







.service-card-two__icon:hover i {



  transform: scale(0.9);



}







.service-card-two__title {



  margin: 0;



  text-transform: uppercase;



  font-weight: bold;



  color: var(--agrofa-black, #1e1d21);



  font-size: 22px;



  line-height: 1.2em;



  margin-top: -5px;



  margin-bottom: 12px;



}







@media (min-width: 768px) {



  .service-card-two__title {



    font-size: 24px;



  }



}







.service-card-two__title a {



  color: inherit;



  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;



  transition: all 500ms ease;



}







.service-card-two__title a:hover {



  background-size: 100% 1px;



}







.service-card-two__title a:hover {



  color: var(--agrofa-base, #c2a74e);



}







.service-card-two__text {



  margin: 0;



  font-size: 15px;



  line-height: 30px;



  margin-top: 10px;



  padding-bottom: 21px;



  margin-bottom: 5px;



}







.service-card-two__link {



  display: flex;



  align-items: center;



  text-transform: uppercase;



  font-size: 12px;



  font-weight: 500;



  letter-spacing: var(--agrofa-letter-space, 0.1em);



  color: var(--agrofa-black, #1e1d21);



  transition: all 500ms ease;



  line-height: 1em;



  position: relative;



  text-shadow: 0 0 0.5px currentColor;



  justify-content: center;



  background-color: var(--agrofa-gray, #ddd);



  padding: 11.5px 0;



}







.service-card-two__link:hover {



  background-color: var(--agrofa-black, #1e1d21);



  color: var(--agrofa-white, #fff);



}







.service-card-two__link i {



  font-size: 16px;



  margin-left: 9px;



}







/*--------------------------------------------------------------



# Service details



--------------------------------------------------------------*/



.service-details {



  padding: 120px 0;



}







@media (max-width: 767px) {



  .service-details {



    padding: 80px 0;



    padding-top: 60px;



  }



}







@media (max-width: 1200px) {



  .service-details .container {



    max-width: 100%;



  }



}







.service-details__content {



  padding-left: 30px;



}







@media (max-width: 1200px) {



  .service-details__content {



    padding-left: 10px;



  }



}







@media (max-width: 991px) {



  .service-details__content {



    padding-left: 0;



  }



}







.service-details__thumbnail {



  width: 100%;



  margin-bottom: 36px;



}







.service-details__thumbnail>img {



  width: 100% !important;



  border-radius: 4px !important;



}







.service-details__title {



  color: var(--agrofa-text, #12110e);



  font-family: var(--agrofa-font, "Jost", sans-serif);



  font-weight: 700;



  font-size: 50px;



  line-height: 62px;



  margin-bottom: 14px;



}







@media (max-width: 767px) {



  .service-details__title {



    font-size: 38px;



    line-height: 50px;



    margin-bottom: 10px;



  }



}







.service-details__text {



  color: var(--agrofa-text, #12110e);



  font-size: 16px;



  font-weight: 400;



  line-height: 34px;



}







.service-details__subtitle,



.service-details__benefits-title {



  color: var(--agrofa-text, #12110e);



  font-family: var(--agrofa-font, "Jost", sans-serif);



  font-weight: 700;



  font-size: 28px;



  line-height: 42px;



  margin-bottom: 14px;



  margin-top: 36px;



}







@media (max-width: 767px) {







  .service-details__subtitle,



  .service-details__benefits-title {



    font-size: 24px;



    line-height: 37px;



    margin-bottom: 10px;



  }



}







.service-details__feature-wrap {



  max-width: 598px;



  display: flex;



  flex-direction: column;



  gap: 35px 0;



  margin-top: 52px;



  margin-bottom: 48px;



}







@media (max-width: 520px) {



  .service-details__feature-wrap {



    margin-bottom: 35px;



    margin-top: 40px;



  }



}







.service-details__cricle {



  width: 100px;



  height: 103px;



  background-color: var(--agrofa-yellow, 253, 214, 31);



  border-radius: 4px;



  display: flex;



  align-items: center;



  justify-content: center;



  transition: all 0.4s;



}







.service-details__cricle:hover {



  background-color: var(--agrofa-green, #0c7735);



}







.service-details__cricle:hover .service-details__icon {



  transform: scale(0.89);



  color: var(--agrofa-white, #fff);



}







.service-details__icon {



  font-size: 67px;



  line-height: 1;



  color: var(--agrofa-text, #12110e);



  transition: all 0.4s;



}







.service-details__quality-info-bx {



  width: calc((100% - 100px) / 1);



  padding-left: 35px;



}







@media (max-width: 520px) {



  .service-details__quality-info-bx {



    width: calc((100% - 0px) / 1);



    padding-left: 0;



    padding-top: 15px;



  }



}







.service-details__quality-title,



.service-details__accrodion-heading {



  color: var(--agrofa-text, #12110e);



  font-family: var(--agrofa-font, "Jost", sans-serif);



  font-weight: 700;



  font-size: 22px;



  line-height: 34px;



  margin-bottom: 16px;



}







.service-details__quality-info,



.service-details__benefits-list li,



.service-details__benefits-list .food-one--two .food-one__quality-list li,



.food-one--two .food-one__quality-list .service-details__benefits-list li,



.service-details__benefits-text {



  color: var(--agrofa-text, #12110e);



  font-size: 16px;



  font-weight: 400;



  line-height: 34px;



  margin-bottom: 0;



}







.service-details__benefits-wrap {



  display: flex;



  flex-wrap: wrap;



  gap: 0 48px;



}







@media (max-width: 767px) {



  .service-details__benefits-wrap {



    gap: 35px 0;



  }



}







.service-details__benefits-content {



  width: calc((57.5% - 24px) / 1);



}







@media (max-width: 767px) {



  .service-details__benefits-content {



    width: calc((100% - 0px) / 1);



  }



}







.service-details__benefits-title {



  margin-top: 0;



  margin-bottom: 10px;



}







.service-details__benefits-text {



  line-height: 32px;



  margin-bottom: 31px;



}







.service-details__benefits-list {



  list-style: none;



  margin: 0;



  padding: 0;



}







.service-details__benefits-list li,



.service-details__benefits-list .food-one--two .food-one__quality-list li,



.food-one--two .food-one__quality-list .service-details__benefits-list li {



  list-style: none;



  position: relative;



  padding-left: 23px;



}







.service-details__benefits-list li::before,



.service-details__benefits-list .food-one--two .food-one__quality-list li::before,



.food-one--two .food-one__quality-list .service-details__benefits-list li::before {



  font-family: "icomoon" !important;



  content: "\e90c";



  position: absolute;



  width: auto;



  height: auto;



  left: 0;



  top: 0;



  bottom: 0;



  margin: auto 0;



  font-size: 14px;



  line-height: 1;



  color: var(--agrofa-text, #12110e);



  display: flex;



  align-items: center;



}







.service-details__benefits-image {



  width: calc((42.5% - 24px) / 1);



}







@media (max-width: 767px) {



  .service-details__benefits-image {



    width: calc((100% - 0px) / 1);



  }



}







.service-details__benefits-image>img {



  border-radius: 4px !important;



  width: 100% !important;



  height: 100%;



  object-fit: cover;



}







.service-details__accrodion-wrap {



  padding-top: 75px;



}







@media (max-width: 991px) {



  .service-details__accrodion-wrap {



    padding-top: 50px;



  }



}







.service-details__accrodion-heading {



  margin-bottom: 24px;



}







.service-details .agrofa-accrodion {



  background-color: #eff7f2;



  padding: 44px 20px 58px 20px;



}







.service-details .accrodion {



  margin-bottom: 10px;



}







.service-details .accrodion:last-child {



  margin-bottom: 0;



}







.service-details .active .accrodion-title::after {



  background-color: var(--agrofa-yellow, 253, 214, 31);



  content: "\e91b";



  color: var(--agrofa-text, #12110e);



}







.service-details .accrodion-title {



  background-color: var(--agrofa-white, #fff);



  padding: 16px 55px 15px 28px;



  cursor: pointer;



  position: relative;



}







.service-details .accrodion-title::after {



  font-family: "icomoon" !important;



  content: "\e91e";



  position: absolute;



  width: 28px;



  height: 28px;



  right: 21px;



  top: 0;



  bottom: 0;



  margin: auto 0;



  background-color: #d3d3d2;



  border-radius: 50%;



  display: flex;



  align-items: center;



  justify-content: center;



  color: var(--agrofa-white, #fff);



}







.service-details .accrodion-title h6 {



  font-family: var(--agrofa-font, "Jost", sans-serif);



  font-size: 18px;



  line-height: 24px;



  font-weight: 500;



  margin-bottom: 0;



  color: var(--agrofa-text, #12110e);



}







.service-details .accrodion-content {



  background-color: #eff7f2;



  padding: 18px 35px 10px 26px;



}







.service-details .inner p {



  font-size: 16px;



  line-height: 32px;



  font-weight: 400;



  color: var(--agrofa-text, #12110e);



}







.service-details .inner p:last-child,



.service-details .inner p:last-of-type {



  margin-bottom: 0;



}







/*--------------------------------------------------------------



# Instagram



--------------------------------------------------------------*/



.instagram-one {



  position: relative;



  padding: 120px 0;



}







@media (max-width: 767px) {



  .instagram-one {



    padding: 80px 0;



  }



}







@media (min-width: 1400px) {



  .instagram-one .container {



    max-width: 1380px;



  }



}







.instagram-one__title {



  display: block;



  text-align: center;



  position: relative;



  font-size: 14px;



  color: var(--agrofa-text, #12110e);



  font-weight: 500;



  line-height: 1;



  text-transform: uppercase;



  font-family: var(--agrofa-font, "Jost", sans-serif);



  letter-spacing: 2.8px;



  margin: 0 auto 39px;



}







.instagram-one__title span {



  display: inline-block;



  background-color: var(--agrofa-white, #fff);



  position: relative;



  z-index: 2;



  padding: 0 28px;



}







@media (max-width: 550px) {



  .instagram-one__title span {



    padding: 0 18px;



  }



}







.instagram-one__title::after {



  position: absolute;



  left: 0;



  right: 0;



  margin: auto;



  top: 9px;



  width: 518px;



  height: 1px;



  content: "";



  background-color: var(--agrofa-border-color, #ededed);



}







@media (max-width: 550px) {



  .instagram-one__title::after {



    width: 100%;



  }



}







.instagram-one a {



  overflow: hidden;



  -webkit-transition: all 0.3s ease-out;



  -moz-transition: all 0.3s ease-out;



  transition: all 0.3s ease-out;



  position: relative;



  display: block;



  width: 100%;



  height: auto;



}







.instagram-one a::before {



  position: absolute;



  content: "\f16d";



  font-family: "Font Awesome 5 Brands";



  left: 0;



  margin: auto;



  position: absolute;



  right: 0;



  text-align: center;



  top: 55%;



  transform: translateY(-50%);



  z-index: 3;



  color: var(--agrofa-white, #fff);



  font-size: 30px;



  z-index: 2;



  opacity: 0;



  visibility: hidden;



  transition: all ease 0.4s;



  transition-delay: 0s;



}







.instagram-one a::after {



  position: absolute;



  content: "";



  left: 0;



  top: 0;



  width: 100%;



  height: 0;



  z-index: 1;



  opacity: 0;



  background: rgba(var(--agrofa-black-rgb, 30, 29, 33), 0.5);



  visibility: hidden;



  transition: all ease 0.4s;



}







.instagram-one a:hover::after {



  height: 100%;



  opacity: 1;



  visibility: visible;



}







.instagram-one a:hover::before {



  top: 50%;



  visibility: visible;



  opacity: 1;



  transition-delay: 0.4s;



}







.instagram-one a img {



  width: 100%;



  height: auto;



  transition: all ease 0.3s;



}







.instagram-one a:hover img {



  transform: scale(1.1) rotate(1.5deg);



  -moz-transform: scale(1.1) rotate(1.5deg);



  -webkit-transform: scale(1.1) rotate(1.5deg);



  -ms-transform: scale(1.1) rotate(1.5deg);



  -o-transform: scale(1.1) rotate(1.5deg);



  -webkit-transition: all 0.3s ease-out;



  transition: all 0.3s ease-out;



}







.instagram-two {



  position: relative;



  z-index: 2;



  padding: 0 0;



  margin-bottom: -120px;



}







.instagram-two .container {



  max-width: 1670px;



}







.instagram-two a {



  overflow: hidden;



  -webkit-transition: all 0.3s ease-out;



  -moz-transition: all 0.3s ease-out;



  transition: all 0.3s ease-out;



  position: relative;



  display: block;



  width: 100%;



  height: auto;



}







.instagram-two a::before {



  position: absolute;



  content: "\f16d";



  font-family: "Font Awesome 5 Brands";



  left: 0;



  margin: auto;



  position: absolute;



  right: 0;



  text-align: center;



  top: 55%;



  transform: translateY(-50%);



  z-index: 3;



  color: var(--agrofa-white, #fff);



  font-size: 40px;



  z-index: 2;



  opacity: 0;



  visibility: hidden;



  transition: all ease 0.4s;



  transition-delay: 0s;



}







.instagram-two a::after {



  position: absolute;



  content: "";



  left: 0;



  top: 0;



  width: 100%;



  height: 0;



  z-index: 1;



  opacity: 0;



  background: rgba(var(--agrofa-base-rgb, 194, 167, 78), 0.9);



  visibility: hidden;



  transition: all ease 0.4s;



}







.instagram-two a:hover::after {



  height: 100%;



  opacity: 1;



  visibility: visible;



}







.instagram-two a:hover::before {



  top: 50%;



  visibility: visible;



  opacity: 1;



  transition-delay: 0.4s;



}







.instagram-two a img {



  width: 100%;



  height: auto;



  transition: all ease 0.3s;



}







.instagram-two a:hover img {



  transform: scale(1.1) rotate(1.5deg);



  -moz-transform: scale(1.1) rotate(1.5deg);



  -webkit-transform: scale(1.1) rotate(1.5deg);



  -ms-transform: scale(1.1) rotate(1.5deg);



  -o-transform: scale(1.1) rotate(1.5deg);



  -webkit-transition: all 0.3s ease-out;



  transition: all 0.3s ease-out;



}







/*--------------------------------------------------------------



# Opening Time



--------------------------------------------------------------*/



.opening {



  position: relative;



  margin-top: 90px;



}







@media (max-width: 1400px) {



  .opening {



    padding-left: 114px;



    padding-right: 114px;



  }



}







@media (max-width: 1200px) {



  .opening {



    margin-bottom: -70px;



    padding-left: 75px;



    padding-right: 75px;



  }



}







@media (max-width: 991px) {



  .opening {



    padding-left: 0;



    padding-right: 0;



  }



}




.home-opening {
  margin-bottom: 30px;
}

.home-opening .opening__info-row {
  padding: 20px
}


@media (max-width: 767px) {



  .opening {



    margin-bottom: 0;



  }



}







/* .opening::before,



.opening::after {



content: "";



position: absolute;



width: 62px;



height: 91px;



bottom: 95px;



z-index: 1;



background-image: url("../images/shapes/footer-plant1-1.png");



background-repeat: no-repeat;



background-position: center center;



background-size: 61px auto;



-webkit-animation: moveUp 1s infinite alternate;



animation: moveUp 1s infinite alternate;



} */







@media (max-width: 1800px) {







  .opening::before,



  .opening::after {



    width: 50px;



    height: 80px;



    bottom: 92px;



    background-size: 50px auto;



  }



}







.opening::before {



  right: initial;



  left: 178px;



}







@media (max-width: 1800px) {



  .opening::before {



    left: 50px;



  }



}







@media (max-width: 1200px) {



  .opening::before {



    left: 16px;



    bottom: 65px;



  }



}







@media (max-width: 991px) {



  .opening::before {



    display: none;



  }



}







.opening::after {



  left: initial;



  right: 208px;



}







@media (max-width: 1800px) {



  .opening::after {



    right: 50px;



  }



}







@media (max-width: 1200px) {



  .opening::after {



    right: 16px;



    bottom: 65px;



  }



}







@media (max-width: 991px) {



  .opening::after {



    display: none;



  }



}







@-webkit-keyframes moveUp {



  0% {



    transform: translateY(0);



  }







  100% {



    transform: translateY(-15px);



  }



}







@keyframes moveUp {



  0% {



    transform: translateY(0);



  }







  100% {



    transform: translateY(-15px);



  }



}







@media (max-width: 1200px) {



  .opening .container {



    max-width: initial;



    padding: 0;



  }



}







.opening__wrapper {



  background-color: var(--agrofa-yellow, 253, 214, 31);



  position: relative;



  z-index: 2;



  border-radius: 8px;



  overflow: hidden;



}







@media (max-width: 991px) {



  .opening__wrapper {



    border-radius: 0;



  }



}







.opening__info-row {



  /* background-image: url("../images/shapes/opening-bg1-1.png");



background-repeat: no-repeat;



background-position: bottom -88px left 20px;



padding-top: 38px;



padding-bottom: 44px; */



  position: relative;



  /* height: 235px; */



  padding: 20px 0;



  /* display: flex; */



}

.contact-page {
  margin: 120px 0;
}





.contact-page-box .opening__info-row::before {



  content: unset;



}







.contact-page-box .opening__info-row {



  height: unset;



}







/* .opening__info-row::before {



  content: '';



  position: absolute;



  background-image: url("../images/shapes/opening-bg1-1.png");



  background-repeat: no-repeat;



  height: 180px;



  width: 290px;



  bottom: 0;



  left: 0;



  right: 0;



  justify-content: center;



  display: flex;



  margin: auto;



  z-index: -1;



  opacity: 0.7;



} */







@media (max-width: 1200px) {



  .opening__info-row {



    padding-left: 15px;



    padding-right: 15px;



  }



}







@media (max-width: 767px) {



  .opening__info-row {



    background-position: bottom -88px center;



    padding: 20px 0;


  }

  .contact-page .opening__info-row {
    padding: 10px 0 !important;

  }

  .contact-page .opening__info-row__content p a br {
    display: block !important;
  }


}






/*
.opening__info-row::after {



  content: "";



  position: absolute;



  height: 100%;



  max-height: 165px;



  right: -15px;



  top: 0;



  bottom: 0;



  z-index: 1;


  margin: auto 0;



  border-right: 1px solid #54724B;



} */


.opening__info-row__icon .icon-phone {
  rotate: 190deg;
  transform: scaleY(-1);
}

.login-usr-name {
  padding-left: 30px;
  font-size: 20px;
  margin: 0;
  display: inline-block;
  width: 115px;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
}

.user-dropdown {
  padding-left: 15px;
}

.user-dropdown button {
  background: unset !important;
  border: unset !important;
  font-size: 18px;
  font-family: var(--agrofa-font, "Jost", sans-serif);
  display: inline-block;
  width: 115px;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
  color: #f28a20;
}

.user-dropdown button:hover,
.user-dropdown button:active {
  color: #f28a20 !important;
}

.user-dropdown .btn.show {
  color: var(--agrofa-text, #12110e);
}

.dropdown-menu.show {
  padding: 0;
}

.user-dropdown .dropdown-item:hover {
  background-color: var(--secondary-color);
  color: var(--white-color);
  /* border-radius: 5px; */

}



.user-dropdown .dropdown-item:active {
  background-color: var(--secondary-color);
  color: var(--white-color);
}

.user-dropdown ul a {
  font-size: 18px;
  font-family: var(--agrofa-font, "Jost", sans-serif);
  color: var(--agrofa-text, #12110e);
}


.user-dropdown .dropdown-toggle::after {
  border-top: .4em solid;
  border-right: .4em solid transparent;
  border-left: .4em solid transparent;
}

.contact-page .opening__info-row__icon {
  margin: unset;
}

.opening__info-row__icon {

  width: 80px;
  margin-right: 15px;





  height: 60px;



  border: 3px solid var(--agrofa-white, #fff);



  border-radius: 7px;



  background-color: var(--agrofa-green, #0c7735);



  display: flex;



  align-items: center;



  justify-content: center;



  font-size: 34px;



  color: var(--agrofa-white, #fff);



  margin: 0 auto 19px auto;



  transition: all 0.5s;



}







.opening__info-row__support-text {



  font-size: 15px;



  line-height: 1;



  color: var(--agrofa-green2, #163d25);



  display: block;



  margin-bottom: 8px;



}







.opening__info-row__support-number {



  font-size: 18px;






  line-height: 27px;



  font-weight: 500;



  color: var(--agrofa-text4, #071b0f);



  margin-bottom: 0;


}







.opening__info-row__support-number>a {



  color: var(--agrofa-text4, #071b0f);



  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;



  transition: all 500ms ease;



}

.contact-page .opening__info-row__support-number>a {
  color: var(--brown-color);
}







.opening__info-row__support-number>a:hover {



  background-size: 100% 1px;



}




.home-opening .opening__info-row:hover .opening__info-row__icon {



  background-color: #fff;



  color: var(--agrofa-text, #12110e);



}


.opening__info-row:hover .opening__info-row__icon {



  background-color: #EFA358;



  color: var(--agrofa-text, #12110e);



}







.opening--two {



  background-color: var(--agrofa-yellow, 253, 214, 31);



  z-index: 2;



  padding: 0;



}







@media (max-width: 1400px) {



  .opening--two {



    padding: 0 130px 0 102px;



  }



}







@media (max-width: 991px) {



  .opening--two {



    padding: 0 15px;



  }



}







.opening--two::before {



  left: 180px;



  bottom: 0;



  top: initial;



}







@media (max-width: 1800px) {



  .opening--two::before {



    left: 50px;



  }



}







@media (max-width: 1400px) {



  .opening--two::before {



    left: 35px;



  }



}







@media (max-width: 1200px) {



  .opening--two::before {



    left: 22px;



  }



}







.opening--two::after {



  width: 103px;



  height: 152px;



  right: 173px;



  top: initial;



  bottom: 0;



  background-image: url("../images/shapes/footer-plant2-1.png");



  background-size: 103px auto;



}







@media (max-width: 1800px) {



  .opening--two::after {



    right: 50px;



  }



}







@media (max-width: 1400px) {



  .opening--two::after {



    right: 35px;



    width: 90px;



    height: 135px;



    background-size: 90px auto;



  }



}







@media (max-width: 1200px) {



  .opening--two::after {



    right: 22px;



    width: 75px;



    height: 110px;



    background-size: 74px auto;



  }



}







.opening--two__effect-icon3 {



  position: absolute;



  width: 30px;



  height: auto;



  right: 170px;



  bottom: 0;



  z-index: 1;



  -webkit-animation: opening2moveUp3 1.5s infinite alternate;



  animation: opening2moveUp3 1.5s infinite alternate;



}







@-webkit-keyframes opening2moveUp3 {



  0% {



    transform: translateX(0);



  }







  100% {



    transform: translateX(-13px);



  }



}







@keyframes opening2moveUp3 {



  0% {



    transform: translateX(0);



  }







  100% {



    transform: translateX(-13px);



  }



}







@media (max-width: 1800px) {



  .opening--two__effect-icon3 {



    right: 47px;



  }



}







@media (max-width: 1400px) {



  .opening--two__effect-icon3 {



    right: 28px;



  }



}







@media (max-width: 1200px) {



  .opening--two__effect-icon3 {



    right: 7px;



  }



}







.opening--two .container {



  max-width: 1060px;



  padding: 18px 0;



}







.opening--two__col {



  width: auto;



  border-right: 1px solid var(--agrofa-white, #fff);



  padding: 0 75px;



}







@media (max-width: 1400px) {



  .opening--two__col {



    padding: 0 45px;



    width: 33.3%;



  }



}







@media (max-width: 1200px) {



  .opening--two__col {



    padding: 0 35px;



    width: 50%;



  }



}







@media (max-width: 1200px) {



  .opening--two__col:nth-child(3) {



    width: 100%;



    padding-left: 15px;



  }



}







@media (max-width: 767px) {



  .opening--two__col {



    width: 100%;



    padding-left: 15px;



  }



}







.opening--two .opening__wrapper {



  background-color: transparent;



  border-radius: 0;



}







.opening--two .opening__info-row {



  background-image: none;



  display: flex;



  align-items: center;



  padding: 16px 0 12px 0;



}







.opening--two .opening__info-row::after {



  display: none;



}







.opening--two .opening__info-row__icon {



  margin: 0;



  min-width: 57px;



}







.opening--two .opening__info-row__content {



  padding-left: 17px;



}







@media (max-width: 1200px) {



  .opening--two .opening__info-row__content {



    padding-left: 12px;



  }



}







.opening--two__col:first-child {



  padding-left: 15px;



}







.opening--two__col:last-child {



  border-right: 0;



  padding-right: 15px;



}







.opening--farmer {



  margin-bottom: -107px;



}







@media (max-width: 1200px) {



  .opening--farmer {



    margin-top: -130px;



    margin-bottom: -72px;



  }



}







@media (max-width: 991px) {



  .opening--farmer {



    margin-top: -10px;



    margin-bottom: -62px;



  }



}







@media (max-width: 767px) {
  .img-box {
    margin-right: 10px;
  }


  .opening--farmer {



    margin-bottom: 0;



  }



}







.opening--testimonial {



  margin-top: -120px;



  margin-bottom: -114px;



}







@media (max-width: 1200px) {



  .opening--testimonial {



    margin-bottom: -77px;



  }



}







@media (max-width: 991px) {



  .opening--testimonial {



    margin-top: -10px;



    margin-bottom: -62px;



  }



}







@media (max-width: 767px) {



  .opening--testimonial {



    margin-bottom: 0;



  }



}







.opening--about {



  margin-top: -105px;



}







@media (max-width: 1200px) {



  .opening--about {



    margin-top: -130px;



  }



}







.opening--contact_gettouch {



  margin-bottom: -170px;



}







.opening--contact_gettouch::before,



.opening--contact_gettouch::after {



  content: none;



}







.opening--contact_gettouch .opening__wrapper {



  background-color: #EFA358;


  /*
  background-image: url("../images/shapes/contact-bg1-1.png"), url("../images/shapes/contact-bg1-1.png");



  background-repeat: repeat-x;



  background-position: right top -6px, right bottom -22px; */



}







@media (max-width: 767px) {



  .opening--contact_gettouch .opening__wrapper {



    padding-bottom: 15px;



  }



}







.opening--contact_gettouch .opening__info-row {



  background-image: none;



  padding-top: 62px;



  padding-bottom: 50px;



}







@media (max-width: 767px) {



  .opening--contact_gettouch .opening__info-row {



    padding-top: 35px;



    padding-bottom: 22px;



  }



}







.opening--contact_gettouch .opening__info-row::after {



  max-height: 214px;



}







.opening--contact_gettouch .opening__info-row__icon {



  width: 86px;



  height: 86px;



  border-radius: 50%;



  background-color: #54724B;



  border-width: 4px;



  color: #fff;



  margin-bottom: 30px;



  transition: all 0.5s;



}







.opening--contact_gettouch .opening__info-row__icon:hover {



  background-color: var(--agrofa-white, #fff);



  color: var(--agrofa-green, #0c7735);



}







.opening--contact_gettouch .opening__info-row__content {



  max-width: 355px;



  margin: 0 auto;



}







.opening--contact_gettouch .opening__info-row__support-text {



  font-size: 24px;



  line-height: 1;



  font-weight: 500;



  color: var(--agrofa-white, #fff);



  margin-bottom: 18px;



}







.opening--contact_gettouch .opening__info-row__support-number {



  font-size: 16px;



  line-height: 28px;



  font-weight: 500;



  color: var(--agrofa-white, #fff);



}







.opening--contact_gettouch .opening__info-row__support-number>a {



  color: inherit;



}







.opening--contact_gettouch .opening__info-row__support-number>a:hover {



  color: #54724B;



}







/*--------------------------------------------------------------



# Boxed Home



--------------------------------------------------------------*/



body.boxed-wrapper {



  position: relative;



}







body.boxed-wrapper .page-wrapper {



  max-width: 1530px;



  margin-left: auto;



  margin-right: auto;



  background-color: var(--agrofa-white, #fff);



  box-shadow: 0px 0px 100px 0px rgba(var(--agrofa-black-rgb, 30, 29, 33), 0.08);



}







body.boxed-wrapper .topbar-one__social a {



  width: 40px;







}







body.boxed-wrapper .topbar-one__info {



  padding-left: 23px;



}







@media (max-width: 1200px) {



  body.boxed-wrapper .topbar-one__info {



    padding-left: 0;



  }



}







body.boxed-wrapper .topbar-one__info__item {



  padding: 16px 19px;



}







body.boxed-wrapper .topbar-one__info__item:first-child {



  border-left: 0;



  padding-left: 0;



}







body.boxed-wrapper .topbar-one__info__item.topbar-one__info__item+.topbar-one__info__item {



  margin-left: 0;



}







@media (max-width: 1200px) {



  body.boxed-wrapper .topbar-one__info__item {



    padding: 18px 14px;



  }



}







body.boxed-wrapper .topbar-one__right {



  padding: 12px 18px;



}







body.boxed-wrapper .main-menu {



  padding-left: 32px;



}







@media (max-width: 1280px) {



  body.boxed-wrapper .main-menu {



    padding-left: 26px;



  }



}







body.boxed-wrapper .main-menu .main-menu__list>li+li {



  margin-left: 34px;



}







@media (max-width: 1280px) {



  body.boxed-wrapper .main-menu .main-menu__list>li+li {



    margin-left: 30px;



  }



}







body.boxed-wrapper .main-header__btn {



  margin-left: 30px;



  padding: 18.3px 20px;



}







/*--------------------------------------------------------------



# Work Process



--------------------------------------------------------------*/



.work-process-one {



  position: relative;



  counter-reset: count;



  padding: 120px 0 90px;



}







@media (max-width: 767px) {



  .work-process-one {



    padding: 80px 0 50px;



  }



}







.work-process-one .sec-title {



  text-align: center;



}







.work-process-one__border {



  width: 100%;



  height: 2px;



  background-color: var(--agrofa-base, #c2a74e);



  top: 103px;



  position: relative;



}







@media (max-width: 767px) {



  .work-process-one__border {



    display: none;



  }



}







.work-process-one__border::after {



  position: absolute;



  left: 0;



  top: -5px;



  width: 11px;



  height: 11px;



  background-color: var(--agrofa-black, #1e1d21);



  border-radius: 50%;



  content: "";



}







.work-process-one__border::before {



  position: absolute;



  right: 0;



  top: -5px;



  width: 11px;



  height: 11px;



  background-color: var(--agrofa-black, #1e1d21);



  border-radius: 50%;



  content: "";



}







.work-process-one__gradiant-left {



  height: 100%;



  position: absolute;



  display: block;



  left: 0;



  top: 0;



  width: 5%;



  border-width: 1px;



  border-style: solid;



  border-image: linear-gradient(-45deg, rgba(var(--agrofa-base-rgb, 194, 167, 78), 1) 0%, rgba(var(--agrofa-black-rgb, 30, 29, 33), 1) 100%) 1;



}







.work-process-one__gradiant-right {



  height: 100%;



  position: absolute;



  display: block;



  right: 0;



  top: 0;



  width: 5%;



  border-width: 1px;



  border-style: solid;



  border-image: linear-gradient(-45deg, rgba(var(--agrofa-black-rgb, 30, 29, 33), 1) 0%, rgba(var(--agrofa-base-rgb, 194, 167, 78), 1) 100%) 1;



}







.work-process-one__item {



  position: relative;



  counter-increment: count;



  margin-bottom: 30px;



}







.work-process-one__item__thumb {



  display: inline-block;



  width: 202px;



  height: 202px;



  border: 2px solid var(--agrofa-base, #c2a74e);



  background-color: var(--agrofa-white, #fff);



  border-radius: 50%;



  padding: 5px;



  position: relative;



  margin-bottom: 30px;



}







.work-process-one__item__thumb-wrap {



  background-color: var(--agrofa-black, #1e1d21);



  position: relative;



  border-radius: 50%;



  overflow: hidden;



}







.work-process-one__item__thumb-wrap::after {



  content: "";



  position: absolute;



  top: 50%;



  left: 50%;



  display: block;



  width: 0;



  height: 0;



  background: rgba(var(--agrofa-white-rgb, 255, 255, 255), 0.2);



  border-radius: 50%;



  transition: all 500ms linear;



  -webkit-transform: translate(-50%, -50%);



  transform: translate(-50%, -50%);



  opacity: 0;



  z-index: 2;



}







.work-process-one__item__thumb-wrap img {



  width: 100%;



  height: 100%;



  object-fit: cover;



  border-radius: 50%;



  opacity: 0.3;



}







.work-process-one__item__thumb__number {



  width: 67px;



  height: 67px;



  background-color: var(--agrofa-base, #c2a74e);



  display: flex;



  justify-content: center;



  align-items: center;



  border-radius: 50%;



  color: var(--agrofa-white, #fff);



  font-family: var(--agrofa-heading-font, "Jost", sans-serif);



  font-size: 30px;



  font-weight: 700;



  line-height: 1;



  position: absolute;



  right: -9px;



  top: 5px;



  transition: all 500ms linear;



  transition-delay: 0s;



  transition-delay: 0s;



  transition-delay: 0.1s;



  transform: scale(1);



}







.work-process-one__item__thumb__number::before {



  content: counters(count, ".", decimal-leading-zero);



  position: absolute;



  top: -6px;



  right: 0;



  bottom: 0;



  left: 0;



  margin: auto;



  display: flex;



  align-items: center;



  justify-content: center;



}







.work-process-one__item__thumb__icon {



  width: 60px;



  height: 60px;



  font-size: 60px;



  color: var(--agrofa-base, #c2a74e);



  display: flex;



  align-items: center;



  justify-content: center;



  position: absolute;



  left: 0;



  top: 0;



  right: 0;



  bottom: 0;



  margin: auto;



}







.work-process-one__item:hover .work-process-one__item__thumb-wrap::after {



  -webkit-animation: zoom-hover 0.95s;



  animation: zoom-hover 0.95s;



}







.work-process-one__item:hover .work-process-one__item__thumb__number {



  transform: scale(0.95);



}







.work-process-one__item__content {



  position: relative;



  box-shadow: 0px 0px 60px 0px rgba(var(--agrofa-black3-rgb, 23, 32, 0), 0.07);



  background-color: var(--agrofa-white, #fff);



  border-radius: 100px;



  padding: 24px 20px 26px;



}







.work-process-one__item__content::after {



  position: absolute;



  left: 0;



  right: 0;



  top: -10px;



  content: "";



  margin: auto;



  width: 0;



  height: 0;



  border-style: solid;



  border-width: 0 25px 10px 25px;



  border-color: transparent transparent var(--agrofa-white, #fff) transparent;



}







.work-process-one__item__title {



  font-size: 24px;



  font-weight: 700;



  text-transform: uppercase;



  margin: 0 0 5px;



}







.work-process-one__item__text {



  font-size: 15px;



  line-height: 26px;



  margin: 0;



}







/* about-card-box */



.card-box-img img {



  width: 100%;



  height: 100%;



  max-height: 400px;



}







.nopadding {



  padding: 0 !important;



  margin: 0 !important;



}







.testimonial-section.about-testimonial-sec {



  background: #fff
}







.testimonial-section .testimonials-card__inner {



  background-color: #fffcfa;



}







/*--------------------------------------------------------------



# food-one



--------------------------------------------------------------*/



.food-one {



  /* background-image: url("../images/shapes/food-bg1-2.png"); */



  background-repeat: no-repeat;



  background-position: left bottom;



  position: relative;



  padding-bottom: 40px;



  background-color: #EEDEC2;



  padding: 120px 0 200px 0;



  margin-top: 60px;



}







/* .food-one::after {



content: "";



position: absolute;



width: 100%;



max-width: 550px;



height: 320px;



right: 0;



bottom: 100px;



z-index: 1;



background-image: url("../images/shapes/Colorfulspicy 1.png");



background-size: 100%;



background-repeat: no-repeat;



background-position: bottom right;



-webkit-animation: movingLeftRight 1s infinite alternate;



animation: movingLeftRight 1s infinite alternate;



} */







@media (max-width: 1200px) {



  .food-one::after {



    content: none;



  }



}







@-webkit-keyframes movingLeftRight {



  0% {



    transform: translateX(0);



  }







  100% {



    transform: translateX(-25px);



  }



}







@keyframes movingLeftRight {



  0% {



    transform: translateX(0);



  }







  100% {



    transform: translateX(-25px);



  }



}







.food-one .container {



  position: relative;



  z-index: 1;



}







@media (max-width: 1200px) {



  .food-one .container {



    max-width: 100% !important;



  }



}







.food-one__content-bx {



  gap: 0 20px;



}



.food-one__left p,
.product-details__description__wrap p {
  text-align: justify !important;
}



.food-one__left {



  width: calc((100% - 585px) / 1);



  position: relative;



  z-index: 2;



}







@media (max-width: 991px) {



  .food-one__left {



    width: 100%;



  }



}







.food-one__title {



  font-size: 60px;



  font-weight: 600;



  line-height: 62px;



  color: #402722;



  word-wrap: break-word;



  margin-bottom: 25px;



}







@media (max-width: 767px) {



  .food-one__title {



    font-size: 38px;



    line-height: 42px;



    margin-bottom: 20px;



  }



}

.best-seller-slider-box p {
  text-align: justify !important;
  line-height: 30px;
}

.food-one__quality-title {
  text-align: left;
}

/* .best-seller-slider .food-one__quality-title,
.best-seller-slider .food-one__quality-info {
  text-align: justify;
} */

.best-seller-slider .food-one__quality-title {
  font-size: 32px;
}

.best-seller-slider-box {
  padding: 0 !important;
  margin: 12px 0 0 0 !important;
}

.best-seller-slider .slick-dots li button:before {
  font-size: 50px;
  content: '';
  background: #775434;
  height: 10px;
  width: 35px;
  border-radius: 10px;
}

.best-seller-slider .slick-dots li {
  height: 10px;
  width: 35px;
}

.best-seller-slider .slick-dots li.slick-active button:before {
  opacity: 1;
  color: #775434;
}

.best-seller-slider .slick-dots {
  bottom: -25px;
}



.food-one__text {



  font-size: 18px;



  font-weight: 400;



  color: var(--agrofa-text, #12110e);



  line-height: 34px;



  padding-right: 40px;



}

@media (max-width: 480px) {
  .companies-two__image {
    display: flex;
    justify-content: center;
  }
}




@media (max-width: 767px) {



  .food-one__text {



    font-size: 16px;



    line-height: 27px;



    padding-right: 0;



  }



}







.food-one__featurebx {



  max-width: 488px;



  padding-top: 37px;



}







@media (max-width: 991px) {



  .food-one__featurebx {



    max-width: 100%;



    padding-top: 20px;



  }



}







.food-one__col,



.team-skills-one__customers__col {



  display: flex;



  flex-wrap: wrap;



  gap: 0 18px;



  border-bottom: 1px solid #ddd4ce;



  padding-bottom: 24px;



  margin-bottom: 33px;



}







.food-one__col:last-child,



.team-skills-one__customers__col:last-child {



  border-bottom: 0;



  margin-bottom: 0;



  padding-bottom: 0;



}







.food-one__col:hover .food-one__cricle,



.team-skills-one__customers__col:hover .food-one__cricle,



.food-one__col:hover .team-skills-one__customers__cricle,



.team-skills-one__customers__col:hover .team-skills-one__customers__cricle {



  background-color: var(--agrofa-yellow, 253, 214, 31);



  color: var(--agrofa-text, #12110e);



}







.food-one__col:hover .team-skills-one__customers__icon-cricle,



.team-skills-one__customers__col:hover .team-skills-one__customers__icon-cricle,



.food-one__col:hover .food-one__icon,



.team-skills-one__customers__col:hover .food-one__icon {



  color: var(--agrofa-text, #12110e);



}







.food-one__cricle,



.team-skills-one__customers__cricle {



  width: 82px;



  height: 82px;



  border-radius: 50%;



  background-color: var(--agrofa-green, #0c7735);



  border: 2px solid var(--agrofa-yellow, 253, 214, 31);



  display: flex;



  align-items: center;



  justify-content: center;



  transition: all 0.5s;



}







.food-one__icon {



  color: var(--agrofa-white, #fff);



  font-size: 40px;



  line-height: 1;



  transition: all 0.5s;



}







.food-one__quality-info-bx,



.team-skills-one__customers__feedback {



  width: calc((100% - 100px) / 1);



}







.food-one__quality-title {



  font-family: #402722;



  font-size: 20px;



  font-weight: 600;



  line-height: 1.1;



  color: var(--brown-color);



  margin-bottom: 11px;



}







@media (max-width: 767px) {



  .food-one__quality-title {



    font-size: 16px;



    line-height: 1;



  }



}







.food-one__quality-info {



  line-height: 30px;



  font-weight: 400;



  color: var(--agrofa-text3, #080501);



  padding-bottom: 0;



  margin-bottom: 0;



}







@media (max-width: 767px) {



  .food-one__quality-info {



    line-height: 27px;



  }



}







.food-one__right {



  width: 540px;



  padding: 0;



  /* padding-top: 73px; */



}







@media (max-width: 991px) {



  .food-one__right {



    margin: 0 auto;



    padding-top: 35px;



    padding-right: 16px;



    padding-left: 16px;



  }



}







.food-one__right-img {



  width: calc(100% + 0px);



  position: relative;



  display: flex;



  justify-content: center;



  padding-left: 38px;



}







@media (max-width: 1300px) {



  .food-one__right-img {



    padding-right: 16px;



    padding-left: 10px;



  }



}







.food-one__right-img>img {



  width: 100% !important;



  /* border-radius: 215px; */



}







@media (max-width: 991px) {



  .food-one__right-img>img {



    object-position: center top;



  }



}





.home-food-one .food-one__title {
  margin-bottom: 10px;
}

.food-one.home-food-one {
  padding: 40px 0 80px 0;
}

.food-one__quality-info p {
  text-align: justify;
}

.product-details__images>.product-img--main {
  width: 100% !important;
  max-width: 500px;
  height: 350px;
  object-fit: contain;
}

.food-one__right-img img {



  height: 100%;



  width: 380px !important;



  object-fit: contain;







}







.food-one__content-bx {



  align-items: center;



}







/* .food-one__right-img::before,



.food-one__right-img::after {



content: "";



position: absolute;



width: 100%;



height: 100%;



top: 0;



left: 0;



z-index: 1;



border: 1px solid transparent;



border-radius: 220px;



} */







/* .food-one__right-img::before {



border-color: var(--agrofa-green, #0c7735);



width: 455px;



height: 672px;



top: -26px;



right: initial;



left: 21px;



border-radius: 240px;



} */



/* .food-one__right-img::after {



border-color: var(--agrofa-yellow, 253, 214, 31);



width: 431px;



height: 637px;



top: -21px;



right: initial;



left: 13px;



} */



@media (max-width: 1300px) {



  .food-one__right-img::before {



    left: 0px;



    width: calc(100% - 7px);



    height: calc(100% + 30px);



    top: -20px;



  }







  .food-one__right-img::after {



    left: -10px;



    width: calc(100% - 15px);



    height: calc(100% + 0px);



    top: -10px;



  }



}







@media (max-width: 991px) {



  .food-one__right-img::before {



    left: 4px;



  }







  .food-one__right-img::after {



    left: -4px;



  }



}







.food-one--two {



  background-image: none;



  background-color: var(--agrofa-white, #fff);



  padding-top: 175px;



}







.food-one--two::after {



  content: none;



}







.food-one--two .container {



  max-width: 1582px;



}







.food-one--two .food-one__content-bx {



  gap: 0;



  align-items: flex-start;



  position: relative;



  z-index: 3;



}














.food-one--two .food-one__left {



  width: calc((100% - 700px) / 1);



  padding-left: 110px;



  margin-top: -5px;



}



.food-one--about .food-one__left {

  width: unset;

  padding: 0;

}



.food-one--about .about-left-img {

  display: flex;

  justify-content: center;

}





@media (max-width: 1400px) {



  .food-one--two .food-one__left {



    width: calc((100% - 500px) / 1);



    padding-left: 40px;



  }



  .food-one--about .food-one__left {

    width: unset;

    padding: 0;

  }



}







@media (max-width: 991px) {



  .food-one--two .food-one__left {



    width: calc((100% - 0px) / 1);



    /* padding-left: 15px; */



  }



}







.food-one--two .section-common-title {



  max-width: 600px;



  padding-bottom: 29px;



}







@media (max-width: 991px) {



  .food-one--two .section-common-title {



    max-width: 100%;



    padding-bottom: 0px;



  }



}







.food-one--two .food-one__feature--wrap {



  max-width: 558px;



  gap: 0 30px;



}







@media (max-width: 991px) {



  .food-one--two .food-one__feature--wrap {



    max-width: 100%;



  }



}







@media (max-width: 767px) {



  .food-one--two .food-one__feature--wrap {



    gap: 30px 0;



  }



}







.food-one--two .food-one__feature--wrap__col {



  width: calc((100% - 30px) / 2);



  min-height: 191px;



}







@media (max-width: 767px) {



  .food-one--two .food-one__feature--wrap__col {



    width: calc((100% - 0px) / 1);



  }



}







.food-one--two .food-one__feature--wrap__bg {



  height: 100%;



  padding: 25px 44px;



  display: flex;



  flex-direction: column;



  align-items: center;



  gap: 16px 0;



}







@media (max-width: 1200px) {



  .food-one--two .food-one__feature--wrap__bg {



    padding: 22px 20px;



  }



}







.food-one--two .food-one__feature--wrap__bg>i {



  font-size: 62px;



  line-height: 1;



  text-align: center;



}







.food-one--two .food-one__feature--wrap .yellow--bg {



  background-color: var(--agrofa-yellow, 253, 214, 31);



  transition: all 0.4s;



}







.food-one--two .food-one__feature--wrap .yellow--bg:hover {



  background-color: var(--agrofa-green, #0c7735);



  color: var(--agrofa-white, #fff);



}







.food-one--two .food-one__feature--wrap .yellow--bg:hover .food-one__feature--wrap__title {



  color: var(--agrofa-white, #fff);



}







.food-one--two .food-one__feature--wrap .green--bg {



  background-color: var(--agrofa-green, #0c7735);



  transition: all 0.4s;



}







.food-one--two .food-one__feature--wrap .green--bg>i {



  color: var(--agrofa-white, #fff);



}







.food-one--two .food-one__feature--wrap .green--bg .food-one__feature--wrap__title {



  color: var(--agrofa-white, #fff);



  transition: all 0.4s;



}







.food-one--two .food-one__feature--wrap .green--bg:hover {



  background-color: var(--agrofa-yellow, 253, 214, 31);



  color: var(--agrofa-text, #12110e);



}







.food-one--two .food-one__feature--wrap .green--bg:hover .food-one__feature--wrap__title {



  color: var(--agrofa-text, #12110e);



}







.food-one--two .food-one__feature--wrap .green--bg:hover>i {



  color: var(--agrofa-text, #12110e);



}







.food-one--two .food-one__feature--wrap__title {



  font-family: var(--agrofa-font, "Jost", sans-serif);



  font-weight: 600;



  font-size: 20px;



  line-height: 32px;



  color: var(--agrofa-text5, #00200c);



  text-align: center;



  margin-bottom: 0;



}







.food-one--two .food-one__feature--wrap__title>br {



  display: none;



}







@media (min-width: 767px) {



  .food-one--two .food-one__feature--wrap__title br {



    display: block;



  }



}







.food-one--two .food-one__quality-list {



  margin-top: 42px;



}




.about-best-seller.food-one {
  background-color: #fff;
}



@media (max-width: 767px) {



  .food-one--two .food-one__quality-list {



    margin-top: 28px;



  }



}







.food-one--two .food-one__quality-list li {



  color: var(--agrofa-text5, #00200c);



  margin-bottom: 10px;



}







.food-one--two .food-one__right {



  /* width: 700px; */



  position: relative;



  padding-top: 0;



}







@media (max-width: 1400px) {



  .food-one--two .food-one__right {



    width: 500px;



  }



}







@media (max-width: 991px) {



  .food-one--two .food-one__right {



    margin: 0 auto;



  }



}







/*



.food-one--two .food-one__right::after {



content: "";



position: absolute;



width: 142px;



height: 112px;



right: 55px;



top: 92px;



z-index: 1;



background-image: url("../images/shapes/food-shape3-3.png");



background-repeat: no-repeat;



background-position: center center;



background-size: 100%;



animation: foodRightEffec1_Rotate 3.2s linear infinite alternate;



} */







@keyframes foodRightEffec1_Rotate {



  from {



    transform: skew(10deg, 12deg);



  }







  to {



    transform: skew(-10deg, -12deg);



  }



}







@media (max-width: 1400px) {



  /* .food-one--two .food-one__right::after {



  width: 67px;



  height: 80px;



  right: 0;



  top: 20px;



} */



}







@media (max-width: 991px) {



  /* .food-one--two .food-one__right::after {



  right: 0;



  top: 0;



} */



}







.food-one--two .food-one__right-img {



  width: 100%;



  justify-content: flex-start;



}

.about-left-img .food-one__right-img {
  justify-content: center;
}





@media (max-width: 1300px) {



  .food-one--two .food-one__right-img::after {



    left: 5px;



    width: calc(100% - 45px);



    height: calc(100% - 9px);



    top: -10px;



  }



}







@media (max-width: 430px) {



  /* .food-one--two .food-one__right-img {



  height: 545px;



} */



}







.food-one--two .food-one__right-img>img {



  max-width: 427px;



}







@media (max-width: 1300px) {



  .food-one--two .food-one__right-img>img {



    max-width: 100%;



  }



}







@media (max-width: 430px) {



  /* .food-one--two .food-one__right-img>img {



  object-fit: cover;



  object-position: top center;



} */



}







.food-one--two .food-one__bottom-img {



  position: absolute;



  width: 100%;



  max-width: 312px;



  right: 14px;



  bottom: -19px;



  z-index: 2;



}







@media (max-width: 1400px) {



  .food-one--two .food-one__bottom-img {



    max-width: 225px;



  }



}







@media (max-width: 430px) {



  .food-one--two .food-one__bottom-img {



    max-width: 170px;



  }



}







.food-one--two .food-one__bottom-img::after {



  content: "";



  position: absolute;



  width: 100%;



  height: 100%;



  top: 0;



  left: 0;



  z-index: 0;



  -webkit-box-shadow: 0px 0px 0px 38px #F5F4EE;



  box-shadow: 0px 0px 0px 38px #F5F4EE;



  border-radius: 146px;



}







@media (max-width: 1400px) {



  .food-one--two .food-one__bottom-img::after {



    -webkit-box-shadow: 0px 0px 0px 22px #F5F4EE;



    box-shadow: 0px 0px 0px 22px #F5F4EE;



  }



}







@media (max-width: 430px) {



  .food-one--two .food-one__bottom-img::after {



    -webkit-box-shadow: 0px 0px 0px 9px #F5F4EE;



    box-shadow: 0px 0px 0px 9px #F5F4EE;



  }



}







.food-one--two .food-one__bottom-img>img {



  border-radius: 146px !important;



  width: 100% !important;



}







.food-one--two__effect-left,



.food-one--two__effect-right {



  position: absolute;



  width: 100%;



  height: auto;



  top: 0;



  z-index: 1;



}







.food-one--two__effect-left {



  left: 75px;



  top: 165px;



  max-width: 68px;



  animation: foodEffec1_Rotate 4.2s linear infinite;



}







.food-one--two__effect-left img {



  width: 100% !important;



}







@keyframes foodEffec1_Rotate {



  from {



    transform: rotate(0);



  }







  to {



    transform: rotate(360deg);



  }



}







@media (max-width: 1400px) {



  .food-one--two__effect-left {



    left: 15px;



    top: 75px;



  }



}







@media (max-width: 991px) {



  .food-one--two__effect-left {



    top: 70px;



    max-width: 50px;



  }



}







.food-one--two__effect-right {



  right: 98px;



  top: 40px;



  max-width: 226px;



  animation: foodEffec2_Rotate 2.2s linear infinite alternate;



}







.food-one--two__effect-right img {



  width: 100% !important;



}







@keyframes foodEffec2_Rotate {



  0% {



    transform: rotate3d(0, 0, 1, 0deg);



  }







  100% {



    transform: rotate3d(1, -3, 1, 45deg);



  }



}







@media (max-width: 1400px) {



  .food-one--two__effect-right {



    right: 20px;



    max-width: 145px;



  }



}







@media (max-width: 991px) {



  .food-one--two__effect-right {



    right: 28px;



    max-width: 70px;



    top: 30px;



  }



}







.food-one--about.food-one--about {



  padding-top: 100px;



  padding-bottom: 100px;



}







@media (max-width: 991px) {



  .food-one--about {



    padding-top: 60px;



    padding-bottom: 125px;



  }



}







.food-one--about .food-one__right {



  padding-top: 20px;



}







/* .food-one--about .food-one__right::after {



content: "";



position: absolute;



width: 142px;



height: 112px;



right: 55px;



top: 92px;



z-index: 1;



background-image: url("../images/shapes/food-shape3-3.png");



background-repeat: no-repeat;



background-position: center center;



background-size: 100%;



animation: aboutEffec1_Rotate 3.2s linear infinite alternate;



} */







@keyframes aboutEffec1_Rotate {



  from {



    transform: skew(10deg, 12deg);



  }







  to {



    transform: skew(-10deg, -12deg);



  }



}







@media (max-width: 1400px) {



  /* .food-one--about .food-one__right::after {



  width: 67px;



  height: 80px;



  right: 0;



  top: 20px;



} */



}







@media (max-width: 991px) {



  /* .food-one--about .food-one__right::after {



  right: 0;



  top: 0;



} */



}







.food-one--about .food-one--two__effect-left {



  left: 73px;



  top: 119px;



}







@media (max-width: 1400px) {



  .food-one--about .food-one--two__effect-left {



    left: 15px;



    top: 75px;



  }



}







@media (max-width: 991px) {



  .food-one--about .food-one--two__effect-left {



    top: 35px;



  }



}







/*--------------------------------------------------------------



# our-team-one



--------------------------------------------------------------*/



.our-team-one__wrap {



  padding-top: 206px;



  padding-bottom: 120px;



}







@media (max-width: 1200px) {



  .our-team-one__wrap {



    max-width: 100%;



  }



}







@media (max-width: 991px) {



  .our-team-one__wrap {



    padding-top: 140px;



    padding-bottom: 55px;



  }



}







@media (max-width: 767px) {



  .our-team-one__wrap {



    padding-top: 52px;



  }



}







.our-team-one .section-common-title {



  display: flex;



  flex-wrap: wrap;



  gap: 0 68px;



  padding-bottom: 56px;



}







@media (max-width: 991px) {



  .our-team-one .section-common-title {



    padding-bottom: 40px;



  }



}







.our-team-one__chose-reasone {



  width: 100%;



}







.our-team-one__chose-name {



  margin-left: 0;



}







.our-team-one__title {



  width: calc((59% - 34px) / 1);



  margin-bottom: 0;



}







@media (max-width: 991px) {



  .our-team-one__title {



    width: 100%;



  }



}







.our-team-one__text {



  width: calc((41% - 34px) / 1);



  font-size: 16px;



  line-height: 34px;



  padding-right: 0;



  padding-top: 7px;



  margin-bottom: 0;



}







@media (max-width: 991px) {



  .our-team-one__text {



    width: 100%;



  }



}







.our-team-one__bx {



  gap: 30px 0;



}







@media (max-width: 991px) {



  .our-team-one__bx {



    gap: 20px 0;



  }



}







.our-team-one__inner {



  background-color: var(--agrofa-green, #0c7735);



  background-image: url("../images/shapes/team1-top-bg.png"), url("../images/shapes/team1-bottom-bg.png");



  background-repeat: no-repeat, no-repeat;



  background-position: top -66px left -30px, bottom -65px left -10px;



  border-radius: 8px;



  padding: 26px 28px 30px 28px;



}







.our-team-one__inner:hover .our-team-one__info-bx {



  background-color: var(--agrofa-yellow, 253, 214, 31);



}







.our-team-one__inner:hover .our-team-one__name {



  color: var(--agrofa-text, #12110e);



}







.our-team-one__inner:hover .our-team-one__name>a {



  color: var(--agrofa-text, #12110e);



}







.our-team-one__img {



  width: 100%;



}







.our-team-one__img img {



  width: 100% !important;



  border-radius: 94px 94px 94px 0 !important;



  max-height: 242px;



  min-height: 242px;



  object-fit: cover;



}







.our-team-one__info-bx {



  background-color: #00431a;



  position: relative;



  padding: 38px 77px 25px 30px;



  border-radius: 0 55px 55px 55px;



  transition: all 0.3s;



}







.our-team-one__social {



  position: absolute;



  width: auto;



  height: auto;



  top: -16px;



  left: 30px;



  z-index: 1;



  list-style-type: none;



  padding: 0;



  margin: 0;



  display: flex;



  align-items: center;



  gap: 0 6px;



}







.our-team-one__social>li,



.food-one--two .food-one__quality-list .our-team-one__social>li {



  list-style-type: none;



  color: var(--agrofa-black, #1e1d21);



  font-size: 15px;



  line-height: 1;



}







.our-team-one__social>li>a,



.food-one--two .food-one__quality-list .our-team-one__social>li>a {



  width: 35px;



  height: 35px;



  border-radius: 50%;



  background-color: var(--agrofa-white, #fff);



  display: flex;



  align-items: center;



  justify-content: center;



  color: var(--agrofa-black, #1e1d21);



}







.our-team-one__social>li>a:hover {



  background-color: var(--agrofa-green, #0c7735);



  color: var(--agrofa-white, #fff);



  transform: rotate(360deg);



}







.our-team-one__name {



  font-family: var(--agrofa-font, "Jost", sans-serif);



  font-size: 22px;



  line-height: 1;



  font-weight: 600;



  color: var(--agrofa-white, #fff);



}







.our-team-one__name>a {



  color: var(--agrofa-white, #fff);



}







.our-team-one__designation {



  font-size: 16px;



  line-height: 1;



  font-weight: 400;



  color: var(--agrofa-green, #0c7735);



  display: block;



}







.our-team-one__plus {



  position: absolute;



  right: 16px;



  top: 0;



  bottom: 0;



  margin: auto 0;



  width: 50px;



  height: 50px;



  border-radius: 50%;



  background-color: var(--agrofa-white, #fff);



  display: flex;



  align-items: center;



  justify-content: center;



  transition: all 0.4s;



}







.our-team-one__plus>a {



  display: flex;



  align-items: center;



  justify-content: center;



  width: 100%;



  height: 100%;



}







.our-team-one__plus::after {



  content: "";



  position: absolute;



  width: 40px;



  height: 53px;



  bottom: 100%;



  left: -5px;



  z-index: 1;



  background-image: url("../images/shapes/team-tree1.1.png");



  background-repeat: no-repeat;



  background-position: top center;



  background-size: 40px auto;



}







.our-team-one__plus:hover {



  background-color: var(--agrofa-text, #12110e);



}







.our-team-one__plus:hover .our-team-one__plus-icon {



  color: var(--agrofa-white, #fff);



}







.our-team-one__plus-icon {



  color: var(--agrofa-green, #0c7735);



  font-size: 16px;



  line-height: 1;



}







.our-team-one--farmer_team .our-team-one__wrap {



  padding-top: 120px;



  padding-bottom: 106px;



}







@media (max-width: 991px) {



  .our-team-one--farmer_team .our-team-one__wrap {



    padding-top: 52px;



    padding-bottom: 65px;



  }



}







.our-team-one--about {



  background-image: url("../images/backgrounds/team-about-bg1-1.jpg");



  background-repeat: no-repeat;



  background-size: cover;



  background-position: center bottom;



  background-color: #0f1d14;



  background-blend-mode: overlay;



}







.our-team-one--about .our-team-one__wrap {



  padding-top: 119px;



}







@media (max-width: 991px) {



  .our-team-one--about .our-team-one__wrap {



    padding-top: 56px;



  }



}







.our-team-one--about .our-team-one__title,



.our-team-one--about .our-team-one__text {



  color: var(--agrofa-white, #fff);



}







.our-team-one--carousel-page {



  padding-top: 118px;



  padding-bottom: 118px;



}







@media (max-width: 991px) {



  .our-team-one--carousel-page {



    padding-top: 58px;



    padding-bottom: 72px;



  }



}







/*--------------------------------------------------------------



# eco-services-one



--------------------------------------------------------------*/



.eco-services-one {



  background-repeat: no-repeat;



  background-position: center center;



  background-size: cover;



  background-color: rgb(89, 89, 89);



  background-blend-mode: overlay;



  width: 100%;



  padding-top: 100px;



  padding-bottom: 50px;



  position: relative;



  /* margin: 200px 0 0 0; */







}







@media (max-width: 767px) {



  .eco-services-one {



    padding-top: 40px;



    padding-bottom: 20px;



  }

  .why-choose-one__more-choose {
    padding: 0 20px;
  }



}







.eco-services-one::after {



  content: "";



  position: absolute;



  width: 100%;



  height: 100%;



  top: 0;



  left: 0;



  z-index: 1;



  background-color: rgba(89, 89, 89, 0.4);



  background-blend-mode: overlay;



}







.eco-services-one__wrap {



  max-width: 100% !important;



  position: relative;



  z-index: 2;



}







.eco-services-one__bx {



  align-items: center;



}







.eco-services-one__info {



  max-width: 820px;



  margin: 0 auto;



}







.eco-services-one__title {



  font-size: 60px;



  line-height: 75px;



  font-weight: 600;



  color: #402722;



  margin-bottom: 30px;



}







@media (max-width: 767px) {



  .eco-services-one__title {



    font-size: 54px;



    line-height: 62px;



    margin-bottom: 37px;



  }



}







@media (max-width: 479px) {



  .eco-services-one__title {



    font-size: 36px;



    line-height: 44px;



  }



}







.eco-services-one__tree-icon {



  width: 51px !important;



  margin-bottom: 16px;



}







.eco-services-one__btn {



  display: flex;



  justify-content: center;



}







.eco-services-one .eco-services-one--btn {



  font-size: 16px;



  line-height: 1;



  color: var(--agrofa-text, #12110e);



  text-transform: uppercase;



  display: flex;



  align-items: center;



  justify-content: center;



  height: 60px;



  width: fit-content;



  margin-left: 12px;



  background-color: var(--agrofa-yellow, 253, 214, 31);



  border-radius: 3px;



  padding: 0 46px;



}







.eco-services-one .eco-services-one--btn::before {



  left: -82%;



  width: 127.5%;



  height: 166.5%;



  background-color: var(--agrofa-green, #0c7735);



}







.eco-services-one .eco-services-one--btn::after {



  right: -82%;



  width: 127.5%;



  height: 166.5%;



  background-color: var(--agrofa-green, #0c7735);



}







.eco-services-one .eco-services-one--btn:hover::before {



  left: -36.5%;



}







.eco-services-one .eco-services-one--btn:hover::after {



  right: -36.5%;



}







.eco-services-one .eco-services-one--btn:hover>span {



  color: var(--agrofa-white, #fff);



}







.eco-services-one--two {



  padding-bottom: 282px;



}







/*--------------------------------------------------------------



# work-learn



--------------------------------------------------------------*/











.best-selling-product .slick-slider {



  margin: 0 -10px;



}







.slick-slide {



  padding: 10px;



  text-align: center;



  margin-right: 10px;



  margin-left: 10px;



}







.best-selling-product .product__item__content {



  box-shadow: none;

  display: flex;





}







.work-learn-one {



  position: relative;



  /* background-color: #54724B; */



  padding: 60px 0;



  /* background-image: url(../images/shapes/brown-bg.png); */



  background-size: 100% 100%;



  background-repeat: no-repeat;



}















/* .work-learn-one::before, .work-learn-one::after {



content: "";



position: absolute;



width: 50%;



height: 50px;



right: 0;



bottom: 0;



z-index: 1;



background-color: #fffdf1;



} */



.work-learn-one::before {



  width: 100%;



  height: 100%;



  right: 0;



  left: 0;



  margin: 0 auto;



  background-color: transparent;



  background-image: url("../images/shapes/work-learn-bg1-2.png");



  background-repeat: no-repeat;



  background-position: center bottom;



  opacity: 0.2;



}







.work-learn-one__wrap {



  /* padding-bottom: 140px; */



  position: relative;



  z-index: 3;



}







.work-learn-one::after {



  content: "";



  position: absolute;



  width: 100%;



  height: 3px;



  left: 0px;



  bottom: 0;



  z-index: 1;



  background-image: url("../images/shapes/work-learn-bg1-1.png");



  background-repeat: repeat-x;



  background-position: bottom left 74px;



}







@media (max-width: 991px) {



  .work-learn-one__wrap {



    max-width: 100% !important;



    padding-bottom: 70px;



  }



}







.work-learn-one .section-common-title {



  display: flex;



  flex-wrap: wrap;



  gap: 0 68px;



  padding-bottom: 86px;



}







@media (max-width: 991px) {



  .work-learn-one .section-common-title {



    padding-bottom: 40px;



  }



}







.work-learn-one__chose-reasone {



  width: 100%;



}







.work-learn-one__chose-name {



  margin-left: 0;



  color: #bbdcc8;



}







.work-learn-one__title {



  width: calc((56% - 34px) / 1);



  color: var(--agrofa-white, #fff);



  margin-bottom: 0;



}







@media (max-width: 991px) {



  .work-learn-one__title {



    width: 100%;



    margin-bottom: 8px;



  }



}







.work-learn-one__text {



  width: calc((44% - 34px) / 1);



  font-size: 18px;



  line-height: 34px;



  color: var(--agrofa-white3, #e9e9e9);



  padding-right: 0;



  margin-bottom: 0;



}







@media (max-width: 991px) {



  .work-learn-one__text {



    font-size: 16px;



    line-height: 32px;



    width: 100%;



  }



}







.work-learn-one__bx {



  /* display: flex; */



  /* flex-wrap: wrap; */



  counter-reset: num-counter;



  gap: 0 20px;



  justify-content: center;



}







@media (max-width: 991px) {



  .work-learn-one__bx {



    gap: 36px 0;



  }



}







.work-learn-one__col {



  /* width: calc((100% - 372px) / 4); */



  /* counter-increment: num-counter; */



  position: relative;



  padding-top: 30px;



  width: 327px;



}







/* .best-selling-product .work-learn-one__col {



  width: 23%;



} */







.best-selling-product .product__item__wrap {



  align-items: center;



  justify-content: center;



}







.best-selling-product .product__item__price {



  /* justify-content: center; */



  margin-top: 15px;



}




.product-wishlist-icon-sec.active a {
  background: var(--secondary-color) !important;
}


.product-wishlist-icon-sec.active.active a img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(41deg) brightness(108%) contrast(101%) !important;
}



.product-wishlist div {



  display: flex;



  align-items: center;



}







.product-wishlist span {



  margin-left: 8px;



}







.best-selling-product .product__item__link {



  background-color: #f28a20;



}







.best-selling-product .product__item__link:hover {



  background-color: var(--secondary-color);



}














@media (max-width: 991px) {



  .work-learn-one__col {



    width: calc((100% - 0px) / 1);



  }



}







/* .work-learn-one__col::after {



content: "0" counter(num-counter);



position: absolute;



top: 0;



left: 0;



right: 0;



margin: 0 auto;



width: 57px;



height: 57px;



z-index: 4;



background-color: var(--agrofa-yellow, 253, 214, 31);



border: 1px solid var(--agrofa-white, #fff);



border-radius: 50%;



display: flex;



align-items: center;



justify-content: center;



font-family: var(--agrofa-heading-font, "Mali", cursive);



font-size: 20px;



line-height: 1;



font-weight: 600;



color: #008d36;



transition: all 0.3s;



} */



.work-learn-one__col:hover::after {



  top: 10px;



}







.work-learn-one__col:last-child .work-learn-one__img::after {



  display: none;



}







.work-learn-one__img {



  /* margin-bottom: 16px; */



  position: relative;



}







@media (max-width: 991px) {



  .work-learn-one__img {



    margin-bottom: 10px;



  }



}







/* .work-learn-one__img::after {



content: "";



position: absolute;



width: 100%;



height: 3px;



left: 90%;



top: 0;



bottom: 0;



margin: auto 0;



z-index: 1;



background-image: url("../images/shapes/work-learn-bg1-1.png");



background-repeat: repeat-x;



} */



@media (max-width: 991px) {
  .get-touch-one {
    margin-top: 30px;
  }

  .contact-page .opening__info-row__icon {
    width: 10%;
    border: unset;
  }

  .work-learn-one__img::after {



    display: none;



  }



}







.product-price-txt {



  display: flex;



}







.product-details__content22 {



  padding-top: 0px;



  display: flex;



  align-items: center;



  justify-content: revert;



}

.product-total-price {
  font-size: 22px !important;
}

.login-btn.account-btn .agrofa-btn::before {
  height: 1200%;
}

.login-btn.account-btn .agrofa-btn::after {
  height: 1200%;
}

.empty-cart img {
  width: 120px;
}

.empty-cart,
.logout-box {
  background: rgb(241, 250, 245);
  text-align: center;
  padding: 20px;
}


.logout-box p {
  margin-bottom: 0;
}

.logout-box img {
  width: 75px;
}

.account-details-form .login-page__form-input-box {
  display: flex;
  align-items: center;
}

.account-details-form .login-page__form-input-box .account-label-txt {
  width: 23%;
}

.account-label-txt p {
  font-size: 15px;
  line-height: 1;
  color: var(--agrofa-text, #12110e);
  margin-bottom: 0px;
}

.myacoount-tab .login-page__title {
  margin-bottom: 20px;
}

.cart-price {



  font-size: 18px;



}

.my-account-form .row {
  display: flex;
  align-items: center;
}

.login-page__form-input-box label {
  padding-right: 0;
}




.orignal-price {



  margin-left: 16px;



}







.orignal-price h3 {



  color: #f28a20cf;



  text-decoration: line-through;



}







.work-learn-one__inner-img {



  overflow: hidden;



  /* border-radius: 58px; */



  /* border: 7px solid var(--agrofa-white, #fff); */



  position: relative;



}







.work-learn-one__inner {



  position: relative;



  background: #fff;



  box-shadow: 0 4px 8px #00000014;



  border-radius: 4px;



}







.work-learn-one__img:hover .product-cart-wishlist {



  display: block;



}







.product-cart-wishlist {



  display: none;



}







.work-learn-one__inner-img::after {



  content: "";



  position: absolute;



  width: 100%;



  height: 0;



  top: 0;



  left: 0;



  z-index: 4;



  background-color: rgba(var(--agrofa-text-rgb, 18, 17, 14), 0.2);



  transition: all 0.4s;



}







.work-learn-one__inner-img:hover::after {



  height: 100%;



}







.work-learn-one__inner-img:hover img {



  transform: scale(1.2);



}







.work-learn-one__inner-img img {



  position: relative;



  z-index: 3;



  width: 100% !important;



  transition: all 0.5s;



  height: 240px;



  object-fit: cover;



}







.work-learn-one__work-title {



  font-size: 20px;



  line-height: 32px;



  font-weight: 500;



  color: #000;











}







.work-learn-one--two {



  background-color: transparent;



  margin-top: -122px;



  padding-bottom: 119px;



}







@media (max-width: 767px) {



  .work-learn-one--two {



    padding-bottom: 60px;



  }



}







.work-learn-one--two::before,



.work-learn-one--two::after {



  content: none;



}







.work-learn-one--two__inner-bg {



  position: relative;



  max-width: 1530px;



  background-color: #008d36;



  margin: 0 auto;



}







.work-learn-one--two__inner-bg::before {



  content: "";



  position: absolute;



  bottom: 0;



  z-index: 1;



  width: 100%;



  height: 100%;



  right: 0;



  left: 0;



  margin: 0 auto;



  background-color: transparent;



  background-image: url("../images/shapes/work-learn-bg1-2.png");



  background-repeat: no-repeat;



  background-position: center bottom;



  opacity: 0.2;



}







@media (max-width: 767px) {



  .work-learn-one--two .work-learn-one__wrap {



    padding-bottom: 55px;



  }



}







.work-learn-one--two .work-learn-one__wrap::after {



  width: 100%;



  max-width: 1034px;



  left: 0;



  right: 0;



  bottom: 0;



  margin: 0 auto;



  background-position: bottom left;



}







.work-learn-one--two .work-learn-one__bx,



.work-learn-one--two .section-common-title {



  position: relative;



  z-index: 2;



}







.work-learn-one--two .eco-services-one--label {



  padding: 0;



}







.work-learn-one--three::after {



  content: none;



}







.work-learn-one--three .work-learn-one__wrap::after {



  max-width: 1034px;



  left: 0;



  right: 0;



  margin: 0 auto;



  background-position: bottom left;



}







.work-learn-one--services::after {



  content: none;



}







.work-learn-one--services .work-learn-one__wrap::after {



  max-width: 1034px;



  left: 0;



  right: 0;



  margin: 0 auto;



  background-position: bottom left;



}







.work-learn-one--about::after {



  content: none;



}







.work-learn-one--about .work-learn-one__wrap::after {



  max-width: 1034px;



  left: 0;



  right: 0;



  margin: 0 auto;



  background-position: left bottom;



}







.eco-services-one--label {



  position: absolute;



  width: 100%;



  height: auto;



  top: 0px;



  left: 0;



  right: 0;



  margin: 0 auto;



  padding: 0 194px;



  z-index: 2;







}







@media (max-width: 1440px) {



  .eco-services-one--label {



    padding: 0 90px;



  }



}







@media (max-width: 1200px) {



  .eco-services-one--label {



    top: -59px;



    padding: 0 20px;



  }



}







.eco-services-one--label__inner {



  position: relative;



  display: flex;



  justify-content: center;



  align-items: center;



  /* overflow: hidden; */



}







.eco-services-one--label__inner::before,



.eco-services-one--label__inner::after {



  content: "";



  /* position: absolute; */



  width: 100%;



  height: 20px;



  top: 0;



  bottom: 0;



  left: 0;



  right: 0;



  margin: auto 0;



  z-index: 1;



  background-color: var(--agrofa-yellow, 253, 214, 31);



}







.eco-services-one--label__inner::before {



  left: initial;



  right: 50%;



}







.eco-services-one--label__inner::after {



  right: initial;



  left: 50%;



}







.eco-services-one--label__logo-shape {



  width: 201px !important;



}

@-moz-keyframes blink {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes blink {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

/* IE */
@-ms-keyframes blink {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

/* Opera and prob css3 final iteration */
@keyframes blink {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.blink-image {
  -moz-animation: blink normal 4s infinite ease-in-out;
  /* Firefox */
  -webkit-animation: blink normal 4s infinite ease-in-out;
  /* Webkit */
  -ms-animation: blink normal 4s infinite ease-in-out;
  /* IE */
  animation: blink normal 4s infinite ease-in-out;
  /* Opera and prob css3 final iteration */
}





@media (max-width: 1200px) {



  .eco-services-one--label__logo-shape {



    width: 150px !important;



  }



}







.eco-services-one--label__logo-bx {



  position: absolute;



  width: 255px !important;



  margin: 5px auto 0 auto;



  z-index: 3;



  /* background: #fff; */



  border-radius: 50%;



  height: 255px;



  align-items: center;



  display: flex;



  justify-content: center;



}







@media (max-width: 1200px) {



  .eco-services-one--label__logo-bx {



    width: 85px !important;



  }



}







.eco-services-one--label__logo-bx img {



  width: 100% !important;



  max-width: 200px;



}







/*--------------------------------------------------------------



# shop by category



--------------------------------------------------------------*/




.shop-by-category-box img {



  transition: 1s ease;



}







.shop-by-category-box:hover img {



  -webkit-transform: scale(0.8);



  -ms-transform: scale(0.9);



  transform: scale(0.9);



  transition: 1s ease;



}



















@-webkit-keyframes circle {



  0% {



    opacity: 1;



  }







  40% {



    opacity: 1;



  }







  100% {



    width: 200%;



    height: 200%;



    opacity: 0;



  }



}







@keyframes circle {



  0% {



    opacity: 1;



  }







  40% {



    opacity: 1;



  }







  100% {



    width: 200%;



    height: 200%;



    opacity: 0;



  }



}


















.testimonial-box .slick-list {
  display: flex;
  justify-content: center;
}

.logo-slider-sec.companies-two {



  padding: 80px 0;



  background-size: 100% 100%;



}







.companies-two {



  overflow: hidden;



}







.shop-by-category .col-md-4 {



  margin-bottom: 40px;



}


.shop-all.shop-by-category-box {
  border-right: unset;
  align-items: center;
  height: 100%;
}

.shop-by-category-box.shop-all img {
  width: 80px;
}

.shop-by-category-box.shop-all {
  flex-direction: column;
}

.shop-by-category-box.shop-all a {
  margin-top: 10px;
  font-size: 22px;
  color: var(--secondary-color);
}

.shop-by-category-box.shop-all a p {
  font-weight: 600;
}

.shop-by-category-box.shop-all a:hover {
  color: var(--primary-color);
}



.shop-by-category-box {



  display: flex;



  justify-content: center;



  border-right: 1px solid #9e9e9e;



}

.col-sm-6:nth-child(3) .shop-by-category-box {
  border-right: unset;
}

.shop-by-category-box img {
  width: 350px;
}











.shop-by-category-box-img img {



  max-width: 140px;



  width: 100%;



  max-height: 140px;



  height: 100%;



}







.shop-by-category-box-content h1 {



  font-size: 36px;



  color: #fff;



}







.shop-by-category-box-content h4 {



  font-size: 18px;



  color: #fff;



}







/*--------------------------------------------------------------



# latest-work-one



--------------------------------------------------------------*/



.latest-work-one {
  padding-top: 60px;
}







.latest-work-one .section-common-title {



  display: flex;



  flex-direction: column;



  align-items: center;



  padding: 0 15px;



}







.latest-work-one__chose-reasone {



  flex-direction: column;



  padding-bottom: 14px;



}







.latest-work-one__title {



  font-size: 60px;



  line-height: 65px;



  text-align: center;



  margin-bottom: 65px;



}











.latest-work-one__bx {



  display: flex;



  flex-wrap: wrap;



  position: relative;



  /* padding-bottom: 66px; */



}







@media (max-width: 1250px) {



  .latest-work-one__bx {



    gap: 30px 0;



  }



}







@media (max-width: 991px) {



  .latest-work-one__bx {



    padding-bottom: 42px;



  }



}







.latest-work-one__carousel {



  z-index: 2;



}







.latest-work-one__col {



  position: relative;



  z-index: 2;



}







.latest-work-one__img {



  position: relative;



}







.latest-work-one__inner-img {



  position: relative;



  overflow: hidden;



}







.latest-work-one__inner-img::after {



  content: "";



  position: absolute;



  width: 100%;



  max-width: 0;



  height: 100%;



  max-height: 0;



  left: 0;



  top: 0;



  right: 0;



  bottom: 0;



  z-index: 1;



  background-color: rgba(var(--agrofa-text-rgb, 18, 17, 14), 0.4);



  transition: all 0.5s ease;



}







.latest-work-one__inner-img img {



  width: 100% !important;



  max-height: 444px;



  min-height: 444px;



  object-fit: cover;



  transition: all 0.6s ease;



}







.latest-work-one__inner-img:hover::after {



  max-width: 100%;



  max-height: 100%;



}







.latest-work-one__inner-img:hover img {



  transform: scale(1.1);



}







.latest-work-one__btm-info {



  position: absolute;



  width: calc(100% - 7px);



  height: auto;



  left: -17px;



  bottom: 11px;



  z-index: 2;



  background-color: var(--agrofa-text5, #00200c);



  padding: 20.5px 37px 20.5px 21px;



  display: flex;



  align-items: center;



  justify-content: space-between;



}







@media (max-width: 991px) {



  .latest-work-one__btm-info {



    width: calc(100% - 0px);



    padding: 22px 20px 22px 21px;



    left: -12px;



  }



}







.latest-work-one__btm-info::after {



  content: "";



  position: absolute;



  width: 0;



  height: 0;



  display: inline-block;



  z-index: 99;



  border-right: 18px solid transparent;



  border-top: 18px solid var(--agrofa-green, #0c7735);



  left: 0px;



  top: -18px;



  transform: rotate(180deg);



}







@media (max-width: 991px) {



  .latest-work-one__btm-info::after {



    display: none;



  }



}







.latest-work-one__work-title {



  font-size: 22px;



  line-height: 31px;



  font-weight: 600;



  color: var(--agrofa-white, #fff);



  border-left: 4px solid var(--agrofa-yellow, 253, 214, 31);



  padding-left: 14px;



  margin-bottom: 0;



}







@media (max-width: 991px) {



  .latest-work-one__work-title {



    font-size: 20px;



    line-height: 29px;



  }



}







.latest-work-one .latest-work--btn {



  min-width: 115px;



  margin-left: 12px;



  display: flex;



  align-items: center;



  justify-content: center;



  height: 45px;



  border-radius: 3px;



  background-color: var(--agrofa-yellow, 253, 214, 31);



  color: #0b3b1d;



  font-size: 14px;



  line-height: 1;



  font-weight: 500;



  text-transform: uppercase;



  padding: 0 26px 0 30px;



}







.latest-work-one .latest-work--btn::before {



  left: -85%;



  background-color: var(--agrofa-green, #0c7735);



}







.latest-work-one .latest-work--btn::after {



  right: -85%;



  background-color: var(--agrofa-green, #0c7735);



}







.latest-work-one .latest-work--btn:hover::before {



  left: -35%;



}







.latest-work-one .latest-work--btn:hover::after {



  right: -35%;



}







.latest-work-one .latest-work--btn:hover span {



  color: var(--agrofa-white, #fff);



}







.latest-work-one .latest-work--btn .latest-work-btn--arrow {



  font-size: 13px;



  line-height: 1;



  margin-left: 4px;



  color: #0b3b1d;



  position: relative;



  z-index: 2;



}







.latest-work-one .latest-work--btn:hover .latest-work-btn--arrow {



  color: var(--agrofa-white, #fff);



}







.latest-work-one__more-work {



  background-color: #fcfaf0;



  padding: 0 15px 118px 15px;



}







@media (max-width: 991px) {



  .latest-work-one__more-work {



    padding-bottom: 52px;



  }



}







.latest-work-one__more-inner-bg {



  max-width: 1170px;



  background-color: var(--agrofa-yellow, 253, 214, 31);



  margin: 0 auto;



  display: flex;



  align-items: center;



  justify-content: space-between;



  border-radius: 3px;



  padding-left: 40px;



}







@media (max-width: 991px) {



  .latest-work-one__more-inner-bg {



    padding: 15px 20px;



    flex-direction: column;



  }



}







.latest-work-one__more-work-title {



  font-family: var(--agrofa-font, "Jost", sans-serif);



  font-size: 20px;



  line-height: 29px;



  font-weight: 600;



  color: var(--agrofa-text, #12110e);



  margin-bottom: 0;



}







@media (max-width: 991px) {



  .latest-work-one__more-work-title {



    text-align: center;



    margin-bottom: 15px;



  }

  .latest-work-one {
    padding-top: 60px !important;
  }



}







.latest-work-one .more-work--btn {



  min-width: 203px;



  font-size: 15px;



  line-height: 1;



  font-weight: 500;



  color: var(--agrofa-white, #fff);



  text-transform: uppercase;



  border-radius: 3px;



  height: 60px;



  display: flex;



  align-items: center;



  justify-content: center;



  margin-left: 15px;



  padding: 0 31px;



}







.latest-work-one .more-work--btn::before {



  left: -80%;



}







.latest-work-one .more-work--btn::after {



  right: -80%;



}







.latest-work-one .more-work--btn:hover::before {



  left: -36%;



}







.latest-work-one .more-work--btn:hover::after {



  right: -36%;



}







.latest-work-one--two {



  background-color: var(--agrofa-white, #fff);



  position: relative;



  padding: 0 15px 0 36px;



}







.latest-work-one--two::after {



  content: "";



  position: absolute;



  width: 170px;



  height: 386px;



  right: -8px;



  top: -23px;



  background-image: url("../images/shapes/latest-work-effect2-1.png");



  background-repeat: no-repeat;



  background-position: right top;



  background-size: 100% 100%;



  -webkit-animation: latestEffect1 1.8s infinite alternate;



  animation: latestEffect1 1.8s infinite alternate;



}







@-webkit-keyframes latestEffect1 {



  0% {



    transform: translate(0, 0);



  }







  100% {



    transform: translate(10px, -15px);



  }



}







@keyframes skillEffect1 {



  0% {



    transform: translate(0, 0);



  }







  100% {



    transform: translate(10px, -15px);



  }



}







@media (max-width: 1440px) {



  .latest-work-one--two::after {



    width: 105px;



    height: 235px;



    right: -2px;



    top: -15px;



  }



}







@media (max-width: 767px) {



  .latest-work-one--two::after {



    width: 74px;



    height: 150px;



    right: 0;



    top: -5px;



  }



}







.latest-work-one--two .container-fluid {



  max-width: 1442px;



  margin: 0 auto;



  padding-bottom: 118px;



}







@media (max-width: 991px) {



  .latest-work-one--two .container-fluid {



    padding-bottom: 66px;



  }



}







.latest-work-one--two .latest-work-one__bx {



  padding-bottom: 0;



}







.latest-work-one--two .latest-work-one__bx::after {



  content: none;



}







.latest-work-one--two .latest-work-one__btm-info {



  padding-left: 38px;



  padding-right: 25px;



}







.latest-work-one--three .container-fluid {



  padding-top: 98px;



}







.latest-work-one--three .latest-work-one__more-work {



  position: relative;



  z-index: 2;



  padding-bottom: 120px;



}







@media (max-width: 991px) {



  .latest-work-one--three .latest-work-one__more-work {



    padding-bottom: 52px;



  }



}







.latest-work-one--projects {



  background-color: var(--agrofa-white, #fff);



}







.latest-work-one--projects .container {



  max-width: 1470px;



  padding-top: 118px;



  padding-bottom: 120px;



}







@media (max-width: 991px) {



  .latest-work-one--projects .container {



    padding-top: 58px;



    padding-bottom: 65px;



  }



}







.latest-work-one--projects .latest-work-one__bx {



  gap: 30px 0;



  padding-bottom: 0;



}







.latest-work-one--projects .latest-work-one__bx::after {



  content: none;



}







.latest-work-one--projects .latest-work-one__btm-info {



  padding-left: 38px;



  padding-right: 25px;



}







.latest-work-one--projects-two {



  background-color: var(--agrofa-white, #fff);



  overflow: hidden;



}







.latest-work-one--projects-two .container {



  padding-top: 118px;



  padding-bottom: 120px;



}







@media (max-width: 1200px) {



  .latest-work-one--projects-two .container {



    max-width: 100%;



  }



}







@media (max-width: 991px) {



  .latest-work-one--projects-two .container {



    max-width: 100%;



    padding-top: 58px;



    padding-bottom: 65px;



  }



}







.latest-work-one--projects-two .latest-work-one__bx {



  gap: 30px 0;



  padding-bottom: 0;



}







.latest-work-one--projects-two .latest-work-one__bx::after {



  content: none;



}







.latest-work-one--projects-two .latest-work-one__col {



  transition: all 0.4;



}







.latest-work-one--projects-two .latest-work-one__col::after {



  content: "";



  position: absolute;



  width: 100%;



  height: 100%;



  left: 0;



  bottom: 0;



  z-index: 1;



  background-image: url("../images/backgrounds/project-bg-normal1-1.png");



  background-repeat: repeat-x;



  background-position: left bottom;



  transition: all 0.4s;



}







.latest-work-one--projects-two .latest-work-one__col:hover::after {



  content: "";



  background-image: url("../images/backgrounds/project-bg-hover1-1.png");



  background-repeat: repeat-x;



  background-position: left bottom;



}







.latest-work-one--projects-two .latest-work-one__btm-info {



  background-color: transparent;



  width: 100%;



  left: 0;



  padding-left: 34px;



  padding-right: 70px;



  display: flex;



  flex-direction: column;



  align-items: flex-start;



}







.latest-work-one--projects-two .latest-work-one__btm-info::after {



  content: none;



}







.latest-work-one--projects-two .latest-work-one__tagwrap {



  position: relative;



  padding-left: 13px;



}







.latest-work-one--projects-two .latest-work-one__tagwrap::before {



  content: "";



  position: absolute;



  width: 4px;



  height: 45px;



  left: 0;



  top: 0;



  bottom: 0;



  margin: auto 0;



  background-color: var(--agrofa-yellow, 253, 214, 31);



}







.latest-work-one--projects-two .latest-work-one__tagname {



  font-size: 14px;



  line-height: 19px;



  font-weight: 500;



  color: var(--agrofa-white, #fff);



  position: relative;



  display: block;



  width: fit-content;



  margin-bottom: 4px;



}







.latest-work-one--projects-two .latest-work-one__tagname::after {



  content: "";



  position: absolute;



  width: 100%;



  left: 0;



  bottom: 0;



  z-index: 1;



  border-bottom: 1px solid var(--agrofa-white, #fff);



}







.latest-work-one--projects-two .latest-work-one__work-title {



  border: 0;



  padding-left: 0;



}







.latest-work-one--projects-two .latest-work-one__work-title>a {



  color: var(--agrofa-white, #fff);



}







.latest-work-one--projects-two .latest-work--btn {



  position: absolute;



  width: 46px;



  min-width: initial;



  height: 46px;



  right: 16px;



  top: 0;



  bottom: 0;



  z-index: 1;



  margin: auto 0;



  background-color: var(--agrofa-green, #0c7735);



  border-radius: 50%;



  padding: 0;



  display: flex;



  align-items: center;



  justify-content: center;



}







.latest-work-one--projects-two .latest-work--btn::after {



  content: none;



}







.latest-work-one--projects-two .latest-work--btn::before {



  width: 100%;



  max-width: 0;



  height: 100%;



  max-height: 0;



  top: 0;



  right: 0;



  left: 0;



  bottom: 0;



  margin: auto;



  border-radius: 50%;



  transform: initial;



  background-color: var(--agrofa-yellow, 253, 214, 31);



  opacity: 0;



  visibility: hidden;



}







.latest-work-one--projects-two .latest-work--btn:hover::before {



  opacity: 1;



  visibility: visible;



  max-width: 100%;



  max-height: 100%;



  left: 0;



}







.latest-work-one--projects-two .latest-work--btn:hover .latest-work-btn--arrow {



  color: var(--agrofa-text, #12110e);



}







.latest-work-one--projects-two .latest-work--btn .latest-work-btn--arrow {



  color: var(--agrofa-white, #fff);



  margin: 0;



  position: relative;



  z-index: 2;



}







.latest-work-one--projects-two .projects-btn-wrap {



  display: flex;



  justify-content: center;



  padding-top: 40px;



}







.latest-work-one--projects-two .projects--btn {



  font-size: 15px;



  line-height: 1;



  font-weight: 500;



  color: var(--agrofa-text4, #071b0f);



  text-transform: uppercase;



  display: flex;



  align-items: center;



  justify-content: center;



  height: 55px;



  background-color: var(--agrofa-yellow, 253, 214, 31);



  border-radius: 3px;



  padding: 0 48px;



  margin-left: 0;



}







.latest-work-one--projects-two .projects--btn::before,



.latest-work-one--projects-two .projects--btn::after {



  background-color: var(--agrofa-green, #0c7735);



}







.latest-work-one--projects-two .projects--btn:hover {



  color: var(--agrofa-white, #fff);



}







.latest-work-one--projects-details .container {



  max-width: 1600px;



  padding-top: 82px;



  padding-bottom: 124px;



}







@media (max-width: 991px) {



  .latest-work-one--projects-details .container {



    padding-top: 56px;



    padding-bottom: 72px;



  }



}







.latest-work-one--projects-details .projects-details-title {



  font-family: var(--agrofa-font, "Jost", sans-serif);



  font-weight: 600;



  font-size: 38px;



  line-height: 44px;



  margin-bottom: 56px;



}







@media (max-width: 991px) {



  .latest-work-one--projects-details .projects-details-title {



    margin-bottom: 38px;



  }



}







@media (max-width: 767px) {



  .latest-work-one--projects-details .projects-details-title {



    font-size: 28px;



    line-height: 32px;



    margin-bottom: 25px;



  }



}







/*--------------------------------------------------------------



# readmore



--------------------------------------------------------------*/



.readmore-sec {



  padding: 120px 0;



  margin: 0 150px;



}







.readmore-sec .readmore-sec-box:first-child {



  margin-right: 20px;



}







.readmore-sec .readmore-sec-box:last-child {



  margin-left: 20px;



}







.readmore-sec-box {



  box-shadow: 5px 5px 30px #0000001a;



  border-radius: 10px;



  position: relative;



}







.readmore-sec-img img {



  width: 100%;



  height: 100%;



  border-radius: 10px;



}







.readmore-sec-content {



  color: #f28a20;



  padding: 20px 40px;



  background: #fff;



  border-radius: 0 10px 10px 0;



  position: absolute;



  bottom: 40px;



}







.readmore-sec-content p {



  font-size: 28px;



  text-transform: uppercase;



  font-family: var(--agrofa-heading-font);



  font-weight: 700;



  margin: 0;



}







/*--------------------------------------------------------------



# companies-two



--------------------------------------------------------------*/







@media (max-width: 991px) {



  .companies-two .container {



    padding-top: 48px;



    padding-bottom: 62px;



  }



}







.companies-two .section-common-title {



  max-width: 1024px;



  margin: 0 auto;



}







.companies-two__title {



  font-size: 60px;



  line-height: 64px;



  text-align: center;



  margin-bottom: 52px;



}







@media (max-width: 767px) {



  .companies-two__title {



    font-size: 38px;



    line-height: 42px;



    margin-bottom: 36px;



  }



}







.companies-two__carousel {



  border-bottom: 1px solid #e4e4e4;



  padding-bottom: 35px;



}







.companies-two__carousel .owl-stage-outer {



  position: relative;



}







.companies-two__carousel .owl-stage-outer::before {



  content: "";



  position: absolute;



  width: 2px;



  height: 100%;



  left: 0;



  top: 0;



  background-color: var(--agrofa-white, #fff);



  z-index: 1;



}







.companies-two__inner-img {



  min-height: 125px;



  max-height: 125px;



  display: flex;



  align-items: center;



  justify-content: center;



  padding: 0 20px;



  position: relative;



  background: #fff;



  width: 200px;



}







.companies-two__inner-img img {



  max-width: 120px;



  height: auto;



}






/*
.companies-two__image {



  display: flex;



  justify-content: center;



} */







/* .companies-two__inner-img::after {



content: "";



position: absolute;



width: auto;



height: 84px;



left: 0;



top: 20px;



bottom: 0;



margin: auto 0;



z-index: 1;



border-left: 1px solid #e4e4e4;



} */







.companies-two__inner-img>img {



  width: auto !important;



}







.companies-two--farmar_companies .container {



  padding-top: 0;



  padding-bottom: 118px;



}







@media (max-width: 991px) {



  .companies-two--farmar_companies .container {



    padding-bottom: 70px;



  }



}







.companies-two--farmar_companies .companies-two__carousel {



  padding-bottom: 29px;



}







.companies-two--about .container {



  padding-top: 105px;



  padding-bottom: 126px;



}







@media (max-width: 991px) {



  .companies-two--about .container {



    padding-top: 52px;



    padding-bottom: 58px;



  }



}







/*--------------------------------------------------------------



# get-touch-one



--------------------------------------------------------------*/



.get-touch-one {



  background-color: rgba(245, 243, 235, 0.8);



  background-blend-mode: overlay;



  position: relative;



  padding: 119px 0;



}







@media (max-width: 991px) {



  .get-touch-one {



    padding: 58px 0;



  }



}







/* .get-touch-one::after {



  content: "";



  position: absolute;



  width: 100%;



  height: 100%;



  top: 0;



  left: 0;



  z-index: 1;



  background-image: url("../images/backgrounds/get-tuch-bg3-1.jpg");



  background-repeat: no-repeat;



  background-size: cover;



} */







.get-touch-one .container {



  position: relative;



  z-index: 2;



}







@media (max-width: 1200px) {



  .get-touch-one .container {



    max-width: 100%;



  }



}







@media (max-width: 767px) {



  .get-touch-one__row {



    gap: 35px 0;



    flex-direction: column-reverse;



  }



}







.get-touch-one__form {



  padding: 20px;

  box-shadow: 5px 5px 30px rgb(0 0 0 / 7%);

}







@media (max-width: 991px) {



  .get-touch-one__form {



    padding-right: 15px;



  }



}







.get-touch-one__form-row {



  background-color: var(--agrofa-white, #fff);



  border-radius: 8px;



  padding: 64px 52px;



}







@media (max-width: 991px) {



  .get-touch-one__form-row {



    padding: 35px 24px;



  }



}







.get-touch-one__form-group {



  margin-bottom: 20px;



  position: relative;



}







.get-touch-one .get-touch-one__field {



  outline-style: none;



  border: 0;



  border-radius: 4px;



  background-color: #faf9f3;



  width: 100%;



  min-height: 60px !important;



  height: 60px !important;



  display: flex;



  align-items: center;



  padding: 0 20px 0 27px;



  font-family: var(--agrofa-font, "Jost", sans-serif);



  font-size: 15px;



  line-height: 1;



  font-weight: 500;



  color: var(--brown-color) !important;



  transition: all 0.4s;



  position: relative;



  z-index: 2;



}







.get-touch-one .get-touch-one__field:is(:focus, :active)+.get-touch-one__field-bd-effect::before,



.get-touch-one .get-touch-one__field:is(:focus, :active)+.get-touch-one__field-bd-effect::after {



  max-width: 100%;



  max-height: 100%;



}







.get-touch-one .get-touch-one__field::-webkit-input-placeholder,



.get-touch-one .get-touch-one__field::-webkit-input-placeholder {



  color: var(--agrofa-text, #12110e);



}







.get-touch-one .get-touch-one__field:-moz-placeholder,



.get-touch-one .get-touch-one__field:-moz-placeholder {



  color: var(--agrofa-text, #12110e);



}







.get-touch-one__field-bd-effect {



  position: absolute;



  width: calc(100% + 2px);



  height: calc(100% + 2px);



  top: -1px;



  left: -1px;



  z-index: 1;



}







.get-touch-one__field-bd-effect::before,



.get-touch-one__field-bd-effect::after {



  content: "";



  position: absolute;



  width: 100%;



  height: 100%;



  z-index: 1;



  transition: all 0.4s;



  border-radius: 4px;



}







.get-touch-one__field-bd-effect::before {



  max-width: 0;



  margin: 0 auto;



  left: 0;



  right: 0;



  border-top: 1px solid var(--agrofa-green, #0c7735);



  border-bottom: 1px solid var(--agrofa-green, #0c7735);



}







.get-touch-one__field-bd-effect::after {



  max-height: 0;



  margin: auto 0;



  bottom: 0;



  top: 0;



  border-left: 1px solid var(--agrofa-green, #0c7735);



  border-right: 1px solid var(--agrofa-green, #0c7735);



}







.get-touch-one .textarea--field {



  resize: none;



  height: 204px !important;



  min-height: 204px !important;



  padding-top: 23px;



}







.get-touch-one .form-submit-btn-wrap {



  padding-top: 0px;



}







.get-touch-one .form-submit-btn {



  outline-style: none;



  border: 0;



  background-color: var(--primary-color);



  padding: 0;



  font-size: 15px;



  line-height: 1;



  font-weight: 500;



  font-family: var(--agrofa-font, "Jost", sans-serif);



  color: var(--agrofa-white, #fff);



  height: 60px;



  transition: all 0.4s;



  cursor: pointer;



  display: flex;



  align-items: center;



  padding: 10px 35px;



  border-radius: 4px;



}







.get-touch-one .form-submit-btn:hover {



  background-color: var(--secondary-color);







}







.get-touch-one__content {



  padding-left: 33px;



}







@media (max-width: 991px) {



  .get-touch-one__content {



    padding-left: 15px;



  }



}







.get-touch-one__contact-info {



  margin-bottom: 0;



  display: flex;



  flex-direction: column;



  gap: 37px 0;



  padding-top: 42px;



}







@media (max-width: 991px) {



  .get-touch-one__contact-info {



    padding-top: 13px;



    gap: 20px 0;



  }



}







.get-touch-one__info__contact-item {



  display: flex;



  align-items: center;



}







.get-touch-one__info__contact-item:hover .get-touch-one__contact__icon {



  background-color: var(--agrofa-yellow, 253, 214, 31);



  color: var(--agrofa-text, #12110e);



}







.get-touch-one__contact__icon {



  border: 2px solid var(--agrofa-white, #fff);



  border-radius: 4px;



  width: 57px;



  min-width: 57px;



  height: 60px;



  background-color: var(--agrofa-green, #0c7735);



  display: flex;



  align-items: center;



  justify-content: center;



  font-size: 34px;



  line-height: 1;



  color: var(--agrofa-white, #fff);



  transition: all 0.5s ease;



}







.get-touch-one__contact-support {



  padding-left: 28px;



}







@media (max-width: 991px) {



  .get-touch-one__contact-support {



    padding-left: 16px;



  }



}







.get-touch-one__contact-support>a {



  display: block;



  font-size: 18px;



  line-height: 22px;



  font-weight: 500;



  color: var(--agrofa-text4, #071b0f);



  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;



  transition: all 500ms ease;



}







.get-touch-one__contact-support>a:hover {



  background-size: 100% 1px;



}







.get-touch-one__contact--text {



  display: block;



  font-size: 15px;



  font-weight: 400;



  line-height: 26px;



  color: var(--agrofa-green2, #163d25);



}







.get-touch-one--farmer_gettouch {



  margin-bottom: -95px;



  padding-bottom: 215px;



}







@media (max-width: 991px) {



  .get-touch-one--farmer_gettouch {



    padding-bottom: 164px;



  }



}







.get-touch-one--farmer_gettouch-details {



  background-color: var(--agrofa-white, #fff);



  padding: 0 0 122px 0;



}







@media (max-width: 991px) {



  .get-touch-one--farmer_gettouch-details {



    padding: 15px 0 56px 0;



  }



}







@media (max-width: 767px) {



  .get-touch-one--farmer_gettouch-details .get-touch-one__row {



    flex-direction: initial;



    gap: 0;



  }



}







.get-touch-one--farmer_gettouch-details::after {



  content: none;



}







.get-touch-one--farmer_gettouch-details .farmer_gettouch__title-text {



  font-family: var(--agrofa-font, "Jost", sans-serif);



  font-size: 36px;



  color: var(--agrofa-text, #12110e);



  line-height: 1;



  font-weight: 600;



  margin-bottom: 56px;



}







@media (max-width: 767px) {



  .get-touch-one--farmer_gettouch-details .farmer_gettouch__title-text {



    margin-bottom: 40px;



  }



}







.get-touch-one--farmer_gettouch-details .get-touch-one__form {



  background-image: url("../images/backgrounds/farmer-bg2-1.png");



  background-repeat: no-repeat;



  background-size: cover;



  padding: 84px 148px 60px 148px;



}







@media (max-width: 991px) {



  .get-touch-one--farmer_gettouch-details .get-touch-one__form {



    padding: 30px 40px;



  }



}







@media (max-width: 767px) {



  .get-touch-one--farmer_gettouch-details .get-touch-one__form {



    padding: 30px 20px;



  }



}







.get-touch-one--farmer_gettouch-details .get-touch-one__form-row {



  background-color: transparent;



  padding: 0;



}







.get-touch-one--farmer_gettouch-details .get-touch-one__form-row__col {



  display: flex;



  align-items: center;



  flex-wrap: wrap;



  gap: 0 28px;



}







@media (max-width: 767px) {



  .get-touch-one--farmer_gettouch-details .get-touch-one__form-row__col {



    gap: 0;



  }



}







.get-touch-one--farmer_gettouch-details .get-touch-one__form-group {



  width: calc((100% - 28px) / 2);



  margin-bottom: 30px;



}







@media (max-width: 767px) {



  .get-touch-one--farmer_gettouch-details .get-touch-one__form-group {



    width: 100%;



    margin-bottom: 20px;



  }



}







.get-touch-one--farmer_gettouch-details .get-touch-one__field {



  background-color: var(--agrofa-white, #fff);



  border: 1px solid #e4e4e4;



  padding-left: 21px;



  color: #15171a;



  font-weight: 500;



}







.get-touch-one--farmer_gettouch-details .get-touch-one__field::-webkit-input-placeholder,



.get-touch-one--farmer_gettouch-details .get-touch-one__field::-webkit-input-placeholder {



  color: #15171a;



  font-weight: 400;



}







.get-touch-one--farmer_gettouch-details .get-touch-one__field:-moz-placeholder,



.get-touch-one--farmer_gettouch-details .get-touch-one__field:-moz-placeholder {



  color: #15171a;



  font-weight: 400;



}







.get-touch-one--farmer_gettouch-details .get-touch-one__field[type=number] {



  -moz-appearance: textfield;



}







.get-touch-one--farmer_gettouch-details .get-touch-one__field::-webkit-outer-spin-button,



.get-touch-one--farmer_gettouch-details .get-touch-one__field::-webkit-inner-spin-button {



  -webkit-appearance: none;



}







.get-touch-one--farmer_gettouch-details .textarea--group,



.get-touch-one--farmer_gettouch-details .textarea--field {



  width: 100%;



}







.get-touch-one--farmer_gettouch-details .textarea--field {



  height: 181px !important;



  min-height: 181px !important;



}







.get-touch-one--farmer_gettouch-details .get-touch-one__field-bd-effect {



  width: calc(100% + 4px);



  height: calc(100% + 4px);



  top: -2px;



  left: -2px;



}







.get-touch-one--farmer_gettouch-details .get-touch-one__field-bd-effect::before {



  border-top-color: #298be7;



  border-bottom-color: #298be7;



  border-top-width: 2px;



  border-bottom-width: 2px;



}







.get-touch-one--farmer_gettouch-details .get-touch-one__field-bd-effect::after {



  border-left-color: #298be7;



  border-right-color: #298be7;



  border-left-width: 2px;



  border-right-width: 2px;



}







.get-touch-one--farmer_gettouch-details .form-submit-btn-wrap {



  display: flex;



  justify-content: center;



}







.get-touch-one--farmer_gettouch-details .form-submit-btn {



  height: 54px;



  color: #2e2d2a;



  text-transform: uppercase;



  padding-left: 29.4px;



  padding-right: 29.4px;



  background-color: var(--agrofa-yellow, 253, 214, 31);



}







.get-touch-one--farmer_gettouch-details .form-submit-btn:hover {



  background-color: var(--agrofa-green, #0c7735);



  color: var(--agrofa-white, #fff);



}







.get-touch-one--about {



  padding-bottom: 228px;



}







/*--------------------------------------------------------------



# farmer-details-one



--------------------------------------------------------------*/



.farmer-details-one {



  background-color: var(--agrofa-white, #fff);



  padding-top: 119px;



  padding-bottom: 114px;



}







@media (max-width: 991px) {



  .farmer-details-one {



    padding-top: 54px;



    padding-bottom: 60px;



  }



}







@media (max-width: 1200px) {



  .farmer-details-one__wrap {



    max-width: 100%;



  }



}







.farmer-details-one__row {



  gap: 0 84px;



}







@media (max-width: 1200px) {



  .farmer-details-one__row {



    gap: 0 30px;



  }



}







@media (max-width: 991px) {



  .farmer-details-one__row {



    gap: 30px 0;



  }



}







.farmer-details-one__image {



  width: calc((42% - 42px) / 1);



  background-color: #2f6618;



  border-radius: 4px;



  background-image: url("../images/shapes/team1-bottom-bg.png");



  background-repeat: no-repeat;



  background-position: left -18px bottom -62px;



  padding: 18px 15px;



}







@media (max-width: 1200px) {



  .farmer-details-one__image {



    width: calc((42% - 15px) / 1);



  }



}







@media (max-width: 991px) {



  .farmer-details-one__image {



    width: calc((100% - 0px) / 1);



  }



}







.farmer-details-one__image img {



  width: 100%;



  border-radius: 4px !important;



  object-fit: cover;



  height: 100%;



}







.farmer-details-one__content--wrap {



  width: calc((58% - 42px) / 1);



}







@media (max-width: 1200px) {



  .farmer-details-one__content--wrap {



    width: calc((58% - 15px) / 1);



  }



}







@media (max-width: 991px) {



  .farmer-details-one__content--wrap {



    width: calc((100% - 0px) / 1);



  }



}







.farmer-details-one__content--wrap__info {



  padding-bottom: 35px;



}







@media (max-width: 991px) {



  .farmer-details-one__content--wrap__info {



    padding-bottom: 17px;



  }



}







.farmer-details-one__content--wrap__info-title {



  font-family: var(--agrofa-font, "Jost", sans-serif);



  font-size: 28px;



  line-height: 1;



  font-weight: 700;



  color: var(--agrofa-text, #12110e);



  margin-bottom: 12px;



}







.farmer-details-one__content--wrap__info-subtitle {



  font-family: var(--agrofa-font, "Jost", sans-serif);



  font-size: 16px;



  line-height: 1;



  font-weight: 400;



  color: var(--agrofa-text3, #080501);



  margin-bottom: 26px;



}







@media (max-width: 991px) {



  .farmer-details-one__content--wrap__info-subtitle {



    margin-bottom: 12px;



  }



}







.farmer-details-one__content--wrap__titleinfo {



  font-family: var(--agrofa-font, "Jost", sans-serif);



  font-size: 16px;



  line-height: 34px;



  font-weight: 400;



  color: #1a1916;



}







.farmer-details-one__content--wrap__contact {



  display: flex;



  align-items: center;



  justify-content: space-between;



  gap: 0 52px;



  margin-bottom: 49px;



}





@media (max-width: 1200px) {



  .farmer-details-one__content--wrap__contact {



    gap: 0 25px;



  }



}







@media (max-width: 991px) {



  .farmer-details-one__content--wrap__contact {



    margin-bottom: 24px;



  }



}







@media (max-width: 767px) {



  .farmer-details-one__content--wrap__contact {



    flex-direction: column;



    align-items: flex-start;



    gap: 25px 0;



  }



}







.farmer-details-one__content--wrap__item {



  display: flex;



  align-items: center;



}







.farmer-details-one__content--wrap__icon {



  width: 66px;



  min-width: 66px;



  height: 66px;



  border: 1px solid #275684;



  border-radius: 50%;



  background-color: #faeba4;



  display: flex;



  align-items: center;



  justify-content: center;



  font-size: 19px;



  line-height: 1;



  transition: all 0.4s;



}







.farmer-details-one__content--wrap__icon:hover {



  background-color: var(--agrofa-green, #0c7735);



  border-color: var(--agrofa-green, #0c7735);



  color: var(--agrofa-white, #fff);



}







.farmer-details-one__content--wrap__support {



  padding-left: 20px;



}







.farmer-details-one__content--wrap__support>a {



  color: #1a1916;



  font-size: 16px;



  line-height: 27px;



  font-weight: 400;



  display: block;



}







.farmer-details-one__content--wrap__support-heading {



  color: #1a1916;



  font-size: 20px;



  line-height: 1;



  font-weight: 700;



  display: block;



  margin-bottom: 13px;



}







.farmer-details-one__content--wrap__emergency-call {



  display: flex;



  align-items: center;



  justify-content: space-between;



  background-color: var(--agrofa-yellow, 253, 214, 31);



  border-radius: 3px;



  padding: 11px 41px 12px 21px;



  max-width: 580px;



}







@media (max-width: 1200px) {



  .farmer-details-one__content--wrap__emergency-call {



    padding-left: 15px;



    padding-right: 15px;



  }



}







@media (max-width: 767px) {



  .farmer-details-one__content--wrap__emergency-call {



    flex-direction: column;



    align-items: center;



    gap: 12px 0;



  }



}







.farmer-details-one__content--wrap__tel-bx>i {



  font-size: 19px;



  line-height: 1;



  color: var(--agrofa-green, #0c7735);



}







.farmer-details-one__content--wrap__tel-number,



.farmer-details-one__content--wrap__call-text {



  font-family: var(--agrofa-font, "Jost", sans-serif);



  font-size: 20px;



  line-height: 1;



  font-weight: 500;



  color: var(--agrofa-text, #12110e);



  margin: 0;



  position: relative;



}







@media (max-width: 767px) {







  .farmer-details-one__content--wrap__tel-number,



  .farmer-details-one__content--wrap__call-text {



    text-align: center;



  }



}







.farmer-details-one__content--wrap__tel-number::after,



.farmer-details-one__content--wrap__call-text::after {



  content: "";



  position: absolute;



  width: 0;



  height: 1px;



  left: 0;



  bottom: 0;



  z-index: 1;



  background-color: var(--agrofa-text, #12110e);



  transition: all 0.4s;



}







.farmer-details-one__content--wrap__tel-number:hover::after,



.farmer-details-one__content--wrap__call-text:hover::after {



  width: 100%;



}







.farmer-details-one .main-footer__social-row {



  margin-bottom: 58px;



}







@media (max-width: 991px) {



  .farmer-details-one .main-footer__social-row {



    margin-bottom: 24px;



  }



}







.farmer-details-one .main-footer__social-row-text {



  color: #15171a;



}







.farmer-details-one .main-footer__social-list li a {



  background-color: #eceef0;



}







.farmer-details-one .main-footer__social-list li a:hover {



  background-color: var(--agrofa-green, #0c7735);



  color: var(--agrofa-white, #fff);



}







/*--------------------------------------------------------------



# farmer-details-one



--------------------------------------------------------------*/



.project-details {



  padding-top: 118px;



}







@media (max-width: 991px) {



  .project-details {



    padding-top: 62px;



  }



}







@media (max-width: 1200px) {



  .project-details__wrap {



    max-width: 100%;



  }



}







.project-details__thum-image {



  width: 100%;



  margin-bottom: 30px;



}







.project-details__thum-image img {



  width: 100% !important;



  min-height: 675px;



  max-height: 675px;



  object-fit: cover;



  border-radius: 4px !important;



}







@media (max-width: 767px) {



  .project-details__thum-image img {



    min-height: 350px;



    max-height: 350px;



  }



}







.project-details__row {



  gap: 0 30px;



}







@media (max-width: 1200px) {



  .project-details__row {



    gap: 0 20px;



  }



}







@media (max-width: 991px) {



  .project-details__row {



    gap: 15px 0;



  }



}







.project-details__content {



  width: calc((70.2% - 15px) / 1);



}







@media (max-width: 1200px) {



  .project-details__content {



    width: calc((70.2% - 10px) / 1);



  }



}







@media (max-width: 991px) {



  .project-details__content {



    width: calc((100% - 0px) / 1);



  }



}







.project-details__title {



  color: var(--agrofa-text, #12110e);



  font-family: var(--agrofa-font, "Jost", sans-serif);



  font-size: 43px;



  line-height: 51px;



  font-weight: 700;



  margin-bottom: 28px;



}







@media (max-width: 767px) {



  .project-details__title {



    font-size: 30px;



    line-height: 38px;



    margin-bottom: 12px;



  }



}







.project-details__text,



.project-details__challeng-list li,



.project-details__challeng-list .food-one--two .food-one__quality-list li,



.food-one--two .food-one__quality-list .project-details__challeng-list li,



.project-details__challeng-text {



  color: var(--agrofa-text, #12110e);



  font-weight: 400;



  font-size: 16px;



  line-height: 32px;



  margin-bottom: 22px;



}







.project-details__subtitle,



.project-details__challeng-title {



  color: var(--agrofa-text, #12110e);



  font-family: var(--agrofa-font, "Jost", sans-serif);



  font-size: 24px;



  line-height: 31px;



  font-weight: 600;



  margin-bottom: 14px;



  margin-top: 42px;



}







@media (max-width: 991px) {







  .project-details__subtitle,



  .project-details__challeng-title {



    margin-top: 25px;



  }



}







.project-details__subtitle.color--green,



.color--green.project-details__challeng-title {



  color: var(--agrofa-green, #0c7735);



  line-height: 38px;



  margin-bottom: 17px;



  margin-top: 0;



}







.project-details__challeng-wrap {



  padding-top: 26px;



  padding-bottom: 55px;



}







@media (max-width: 991px) {



  .project-details__challeng-wrap {



    padding-top: 16px;



    padding-bottom: 40px;



  }



}







.project-details__challeng-image {



  width: 242px;



}







@media (max-width: 767px) {



  .project-details__challeng-image {



    width: 100%;



  }



}







.project-details__challeng-image>img {



  width: 100% !important;



  height: 100%;



  object-fit: cover;



  border-radius: 4px !important;



}







.project-details__challeng-content {



  width: calc((100% - 242px) / 1);



  padding-left: 43px;



}







@media (max-width: 767px) {



  .project-details__challeng-content {



    width: 100%;



  }



}







@media (max-width: 991px) {



  .project-details__challeng-content {



    padding-left: 30px;



  }



}







@media (max-width: 767px) {



  .project-details__challeng-content {



    padding-left: 0;



    padding-top: 30px;



  }



}







.project-details__challeng-title {



  margin-top: 0;



  margin-bottom: 17px;



}







.project-details__challeng-text {



  margin-bottom: 0;



}







.project-details__challeng-list {



  margin-bottom: 0;



  padding-left: 0;



  list-style: none;



  padding-top: 23px;



}







.project-details__challeng-list li,



.project-details__challeng-list .food-one--two .food-one__quality-list li,



.food-one--two .food-one__quality-list .project-details__challeng-list li {



  list-style: none;



  position: relative;



  margin-bottom: 0;



  padding-left: 28px;



}







.project-details__challeng-list li::before,



.project-details__challeng-list .food-one--two .food-one__quality-list li::before,



.food-one--two .food-one__quality-list .project-details__challeng-list li::before {



  font-family: "icomoon" !important;



  content: "\e90f";



  position: absolute;



  width: auto;



  height: auto;



  left: 0;



  top: 8px;



  font-size: 17px;



  line-height: 1;



  color: var(--agrofa-text, #12110e);



  display: flex;



  align-items: center;



}







.project-details__sidebar-right {



  width: calc((29.8% - 15px) / 1);



  margin-top: 8px;



}







@media (max-width: 1200px) {



  .project-details__sidebar-right {



    width: calc((29.8% - 10px) / 1);



  }



}







@media (max-width: 991px) {



  .project-details__sidebar-right {



    width: calc((100% - 0px) / 1);



  }



}







.project-details__sidebar-single {



  background-color: #e8fdf0;



  border: 1px solid #e1ede5;



  padding: 40px 42px 42px 42px;



}







@media (max-width: 1200px) {



  .project-details__sidebar-single {



    padding: 24px;



  }



}







.project-details__single-col {



  border-bottom: 1px solid #c6dccf;



  padding-bottom: 14px;



  margin-bottom: 13px;



}







.project-details__single-col:last-child {



  border-bottom: 0;



  padding-bottom: 0;



  margin-bottom: 0;



}







.project-details__single-item {



  display: block;



  color: var(--agrofa-text, #12110e);



  font-weight: 400;



  font-size: 16px;



  line-height: 1;



  padding-bottom: 10px;



}







.project-details__single-name {



  display: block;



  color: var(--agrofa-text, #12110e);



  font-family: var(--agrofa-special-font, "Outfit", sans-serif);



  font-weight: 400;



  font-size: 18px;



  line-height: 1;



}







.project-details .project-sidebar--quick {



  background-color: transparent;



  padding: 0;



  margin-top: 30px;



}







/*# sourceMappingURL=agrofa.css.map */



/* common responsive */



@media (max-width: 1599px) {



  .cart-model-box-content h2 {

    font-size: 26px;

  }



  #cartModal .cart-model-box-img,

  #cartModal .cart-model-box-img img {

    width: 180px;

  }



  .main-menu .main-menu__list>li>a {



    font-size: 16px;



  }







  .header-icon img,



  .main-header__search img {



    height: 21px;



    width: 21px;



  }







  .main-header__cart,



  .main-header__search,



  .wishlist-icon,



  .user-icon,



  .main-header__cart,



  .main-header__search {



    margin-left: 12px;



  }







  .main-header__logo_link>img {



    max-width: 135px;



  }



}







@media (max-width: 1530px) {



  .readmore-sec-content p {



    font-size: 26px;



  }



}







@media (max-width: 1499px) {
  .latest-work-one {
    padding-top: 100px;
  }

  #cartModal .modal-dialog {

    max-width: 35%;

  }



  .cart-page {

    padding: 100px 15px;

  }



  .product-one {

    padding: 100px 0;

  }



  .readmore-sec-content p {



    font-size: 24px;



  }


  .contact-one {
    padding-top: 100px;
  }







  .feature-one__title {



    font: normal 600 22px / 32px var(--agrofa-font, "Jost", sans-serif);



  }







  .shop-by-category-box img {



    max-width: 270px;



  }





  .food-one {



    margin-top: 100px;



    padding: 100px 0 200px 0;



  }







  .readmore-sec-content {



    padding: 12px 25px;



    bottom: 30px;



  }







  .latest-work-one__title,



  .eco-services-one__title,



  .companies-two__title {



    font-size: 46px;



    line-height: 46px;



  }







  .food-one__title {



    font-size: 40px;



    margin-bottom: 15px;



  }







  .latest-work-one__title,



  .eco-services-one__title {



    margin-bottom: 40px;



  }







  .feature-one .container {



    padding-bottom: 100px;



  }







  .food-one {



    margin-top: 100px;



  }







  .work-learn-one,



  .readmore-sec,



  .testimonial-section {



    padding: 100px 0;



  }

  .contact-page {
    margin: 100px 0;
  }


  .login-page {

    padding: 100px 0;

  }



}







@media (max-width: 1366px) {

  .myacoount-tab .nav-tab-sec .account-left-tab {
    padding: 25px;
  }

  .readmore-sec .readmore-sec-box:last-child {



    margin-left: 0px;



  }







  .readmore-sec .readmore-sec-box:first-child {



    margin-right: 0px;



  }







  .readmore-sec {



    margin: 0 60px;



  }







  .readmore-sec-content p {



    font-size: 20px;



  }



  #cartModal .modal-dialog {

    max-width: 38%;

  }





}







@media (max-width: 1199px) {
  .product__categories {
    padding: 22px;
  }

  .latest-work-one {
    padding-top: 80px;
  }

  .product-btn-cart .product-btn a {
    width: 140px;
  }

  #cartModal .modal-body {

    padding: 25px;

  }



  #cartModal .modal-dialog {

    max-width: 45%;

  }



  .cart-page {

    padding: 80px 15px;

  }



  .product-details {

    padding: 50px 0 80px 0;

  }



  .product-details__description {

    margin: 80px 0 0;

  }



  .pbigslider {

    width: 67%;

  }



  .product-details__img-col {

    padding: 0;

  }





  .latest-work-one__title,



  .eco-services-one__title,



  .companies-two__title {



    font-size: 42px;



    line-height: 46px;



  }







  .food-one__text {



    line-height: 20px;



  }







  .opening__info-row__support-number {



    font-size: 17px;



    line-height: 20px;



  }







  .main-header__logo {



    padding: 0;



  }







  .food-one__cricle,



  .team-skills-one__customers__cricle {



    width: 75px;



    height: 75px;



  }







  .testimonials-card__image {



    margin: 10px auto;



  }







  .testimonial-section .testimonials-card__top__left {



    text-align: center;



  }







  .testimonials-card__inner {



    padding: 15px;



  }







  .testimonials-card__content {



    line-height: 30px;



  }







  .companies-two .container {



    padding-top: 0;



    padding-bottom: 0;



  }







  .work-learn-one__wrap {



    padding-bottom: 20px;



  }







  .feature-one .container {



    padding-bottom: 80px;



  }







  .food-one {



    margin-top: 80px;



  }







  .work-learn-one,



  .readmore-sec,



  .testimonial-section {



    padding: 80px 0;



  }


  .contact-page {
    margin: 80px 0;
  }

  .food-one--about.food-one--about {

    padding-top: 80px;

    padding-bottom: 80px;

  }


  .contact-one {
    padding-top: 80px;
  }



  .contact-one__title {

    font-size: 34px;

    line-height: 40px;

  }



  .get-touch-one.contact-form-two {

    margin-bottom: 80px;

  }



  .product-one {

    padding: 80px 0;

  }



  .login-page {

    padding: 80px 0;

  }



}







@media (max-width: 991px) {
  .product__categories {
    margin-bottom: 20px;
  }

  #cartModal .modal-dialog {

    max-width: 52%;

  }



  .cart-model-box-content h2 {

    font-size: 22px;

  }



  .cart-page {

    padding: 60px 15px;

  }



  .pbigslider {

    width: 80%;

  }



  .product-details {

    padding: 50px 0 60px 0;

  }



  .product-details__description {

    margin: 60px 0 0;

  }



  .latest-work-one__title,



  .eco-services-one__title,



  .companies-two__title {



    font-size: 40px;



    line-height: 44px;



  }



  .food-one__title {



    font-size: 36px;



  }





  .readmore-sec-content p {



    font-size: 16px;



  }







  .readmore-sec {



    margin: 0 20px;



  }







  .main-header__inner {



    padding: 20px 10px;







  }







  .feature-one__title {



    font: normal 600 18px / 28px var(--agrofa-font, "Jost", sans-serif);



  }







  .feature-one__item-bg {



    padding: 15px;



  }







  .shop-by-category-box img {



    max-width: 200px;



  }

  .shop-by-category-box.shop-all img {
    width: 60px;
  }

  .shop-all.shop-by-category-box {
    border-right: 1px solid #9e9e9e;
  }

  .shop-all.shop-by-category-box:last-child {
    border: unset;
  }






  .food-one {



    margin-top: 80px;



    padding: 80px 0 120px 0;



  }







  .best-selling-product .product__item__img img {



    min-height: 200px;



    max-height: 200px;



    width: 280px;



  }







  .companies-two__inner-img img {



    max-width: 100px;



    height: auto;



  }







  .companies-two__inner-img {



    min-height: 115px;



    max-height: 115px;



    width: 170px;



  }







  .feature-one .container {



    padding-bottom: 60px;



  }







  .food-one {



    margin-top: 60px;



  }







  .work-learn-one,



  .readmore-sec,



  .testimonial-section {



    padding: 60px 0;



  }

  .contact-page {
    margin: 60px 0;
  }



  .food-one--about.food-one--about {

    padding-top: 60px;

    padding-bottom: 60px;

  }



  .contact-one {
    padding-top: 60px;
  }





  .contact-one__title {

    font-size: 30px;

    line-height: 34px;

  }



  .get-touch-one.contact-form-two {

    margin-bottom: 60px;

  }



  .product-one {

    padding: 60px 0;

  }



  .login-page {

    padding: 60px 0;

  }



  .login-page__form {

    padding: 25px;

  }



  .agrofa-breadcrumb li:not(:last-of-type)::after {

    margin-left: 6px;

    margin-right: 6px;

  }



  .main-footer__bottom::before {

    top: -48px;

  }



  .main-footer__bottom__inner {

    padding: 10px 0;

  }



}







@media (max-width: 820px) {

  #cartModal .modal-dialog {

    max-width: 55%;

  }

  /* .page-header {
    margin-top: 0;
    padding-top: 80px;
    padding-bottom: 80px;
  } */



  .why-choose-one__more-choose--title {



    font-size: 24px;



    line-height: 34px;



  }







  .why-choose-one__more-choose--bg {



    padding: 25px 20px 25px 20px;



  }







}




.checkoutqty-price {
  align-items: self-end;
  justify-content: space-between;

  width: 100%;
}

.order-review-content {
  width: 100%;
}


@media (max-width: 767px) {
  .product-detail-breadcrumb {
    margin-top: 20px !important;
    justify-content: left !important;
    margin-bottom: 5px !important;
  }

  .agrofa-breadcrumb li {
    font-size: 15px;
    line-height: 25px;
  }

  .page-header {
    margin-top: 0;
    padding-top: 20px;
    padding-bottom: 20px;
  }



  .footer-widget__col {
    align-items: flex-start;
  }

  .add-to-cart-clm .agrofa-btn {

    font-size: 13px;

    padding: 12px;

    width: 134px;

  }



  .cart-page__quantity .quantity-box>input[type=text] {

    width: 24px;

  }







  .main-footer__bottom::before {

    top: -35px;

    background-size: 100% 100%;

  }



  /* .main-footer {

    padding-bottom: 35px;

  } */




  .shop-all.shop-by-category-box:last-child {
    border-right: 1px solid #9e9e9e;
  }



  .product-box .img-box img {

    width: 90px;

    height: 80px;

    border-radius: 8px;

  }

  /* .product-box {
    box-shadow: 5px 5px 30px rgb(0 0 0 / 7%);
    background: rgb(241, 250, 245);
  } */

  .cart-page-sec .product-box {
    box-shadow: unset;
    background: unset;
  }


  .cart-table tr th {

    font-size: 18px;

  }

  .your-order-table.cart-table tr th {
    font-size: 18px;
    line-height: 20px;
  }

  #cartModal .modal-dialog {

    max-width: 65%;

  }



  #cartModal .modal-body {

    padding: 20px;

  }



  .cart-model-box-content h2 {

    font-size: 20px;

  }



  .cart-price {

    font-size: 17px;

  }



  .cart-total-box {

    padding: 0;

  }



  .cart-page__cartname,

  .cart-page__cartprice {

    font-size: 16px;

  }

  .product-total-price {
    font-size: 20px !important;
  }


  .cart-process-wrap {

    width: 100% !important;

  }



  .cart-page__coupon {

    margin-top: 20px;

  }



  .cart-page .table-responsive {

    margin-bottom: 0;

  }



  .cart-page {

    padding: 40px 15px;

  }



  .product-details {

    padding: 20px 0 40px 0;

  }



  .product-details__description {

    margin: 40px 0 0;

  }



  .product-related {

    padding-bottom: 10px;

  }



  .login-signup-text,

  .already-account,

  .login-page__form .checked-box label {

    font-size: 14px !important;

  }



  .login-page__form .checked-box label {

    padding-left: 22px;

    line-height: 18px;

  }



  .login-page__form .checked-box input[type="checkbox"]+label span {

    width: 16px;

    height: 16px;

  }



  .login-page__form {

    padding: 15px;

  }



  .get-touch-one.contact-form-two .get-touch-one__form-group {

    margin-bottom: 20px;

  }



  .latest-work-one__title,



  .eco-services-one__title,



  .companies-two__title {



    font-size: 34px;



    line-height: 40px;



  }







  .food-one__title {



    font-size: 34px;



  }







  .opening__info-row {



    height: auto;



  }







  .readmore-sec-content p {



    font-size: 18px;



  }







  .readmore-sec-content {



    bottom: 20px;



  }







  .readmore-sec {



    margin: 0 0px;



  }







  .readmore-sec-content {



    padding: 12px 12px;



  }







  .readmore-sec .col-lg-6:last-child .readmore-sec-box {



    margin-top: 30px;



  }







  .food-one {



    padding: 60px 0 60px 0;



  }







  .food-one__right-img img {



    max-width: 360px;



  }







  .main-header__inner {



    padding: 20px 20px;



  }







  .main-header__logo {



    max-width: 160px;



    height: auto;



  }







  .main-header__nav.main-menu {



    display: none;



  }







  .main-header__logo_link>img {



    max-width: 115px;



  }







  .main-header__search,



  .header-icon.wishlist-icon {



    display: none;



  }







  .feature-one__cricle-icon {



    width: 80px;



    height: 80px;



  }







  .companies-two .container {



    padding-top: 25px;



    padding-bottom: 25px;



  }







  .main-footer__top .footer-widget__col__col2,



  .main-footer__top .footer-widget__col__col3,
  .main-footer__top .footer-widget__col__col1 {



    display: none;



  }







  .feature-one .container {



    padding-bottom: 40px;



  }







  .food-one {



    margin-top: 40px;



  }







  .work-learn-one,



  .readmore-sec,



  .testimonial-section {



    padding: 40px 0;



  }




  .contact-page {
    margin: 40px 0;
  }



  .logo-slider-sec.companies-two {



    padding: 40px 0;



  }







  .companies-two__title {



    margin-bottom: 0;



  }







  .latest-work-one__title,



  .eco-services-one__title {



    margin-bottom: 20px;



  }





  .testimonials-card__content {



    margin-top: 0px;



    padding-top: 0px;



  }



  .food-one--about.food-one--about {

    padding-top: 40px;

    padding-bottom: 40px;

  }



  .contact-one {
    padding-top: 40px;
  }



  .contact-one__title {

    font-size: 26px;

    line-height: 30px;

  }



  .get-touch-one.contact-form-two {

    margin-bottom: 0px;

  }



  .product-one {

    padding: 40px 0;

  }



  .login-page {

    padding: 30px 0;

  }



  .cart-total-box {

    flex-direction: column-reverse;

  }



}

/* .psmallslider .slick-prev, .psmallslider .slick-next {
  display: block !important;
}  */
.pbigslider .slick-prev,
.pbigslider .slick-next {
  display: none !important;
}

.psmallslider .slick-prev {
  left: 46px;
  top: -23px;
  right: 0;
}

.psmallslider .slick-next {
  right: 0;
  bottom: -65px;
  top: auto;
  left: 45px;
}

.product-details__img-col .slick-prev,
.product-details__img-col .slick-next {
  background-color: #f28a20;
  border-radius: 35px;
  height: 35px;
  width: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.psmallslider .slick-prev:before {
  content: "";
  background-image: url(../images/icon/white-down-arrow.png);
  height: 22px;
  width: 22px;
  position: absolute;
  background-size: 22px;
  rotate: 180deg;
}

.psmallslider .slick-next:before {
  content: "";
  background-image: url(../images/icon/white-down-arrow.png);
  height: 22px;
  width: 22px;
  position: absolute;
  background-size: 22px;
}

@media (max-width: 1199px) {
  .about-best-seller.food-one {
    padding-top: 0 !important;
  }

  .psmallslider .slick-prev {
    left: 65px;

  }

  .psmallslider .slick-next {
    left: 65px;
    z-index: 999;
  }

  /* .product-details__content-col {
    z-index: -1;
  }
   */
}

@media (max-width: 767px) {
  .psmallslider .slick-prev {
    left: 60px;
  }

  .psmallslider .slick-next {
    left: 60px;
  }

  .product-details {
    padding: 50px 0 40px 0 !important;
  }

  .shop-by-category-box img {
    width: 137px;
  }

  .shop-by-category-box.shop-all img {
    width: 40px;
  }

  .shop-all a {
    display: flex;
    flex-direction: column;
    align-items: center;

  }

  .shop-all p {
    font-size: 16px;
    margin-bottom: 0;
  }

  .shop-by-category-box.shop-all a {
    margin: 0;
  }

  .product-wishlist {
    opacity: 1;
  }

  .product-wishlist a,
  .product-cart a {
    height: 30px;
    width: 30px;
  }
}

@media (max-width: 670px) {
  .psmallslider .slick-prev {
    left: 49px;
  }

  .psmallslider .slick-next {
    left: 49px;
  }
}


@media (max-width: 630px) {
  .page-header {
    margin-top: 0;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .pbigslider {

    float: unset;

    width: 100%;

  }

  .psmallslider .slick-prev {
    left: 20px;
  }

  .psmallslider {
    margin-top: 60px;
    width: 100%;
  }

  .product-details__content {
    margin: 10px 0 30px 0;
  }

  .psmallslider .slick-next {
    left: auto;
    top: -20px;
    right: 20px;
  }

  .psmallslider .slick-next:before {
    rotate: -90deg;
  }

  .psmallslider .slick-prev:before {
    rotate: 90deg;
  }

  .product-details {
    padding: 0px 0 40px 0 !important;
  }

  .product-details__img-col .slick-prev,
  .product-details__img-col .slick-next {
    height: 30px;
    width: 30px;
  }

  .psmallslider .slick-prev:before,
  .psmallslider .slick-next:before {
    height: 15px;
    width: 15px;
    background-size: 15px;
  }


  .product-details__images>img {

    height: 320px;

  }



  #cartModal .modal-dialog {

    max-width: 70%;

  }

  .myacoount-tab .nav-tab-sec .account-left-tab {
    padding: 20px;
  }

}



@media (max-width: 575px) {
  .main-slider-one__carousel .owl-dots {
    top: 90%;
  }

  .main-slider-one__carousel .owl-dots .owl-dot {
    margin: 0px;
  }



  .main-slider-one__carousel .owl-dots .owl-dot span {
    width: 8px;
    height: 8px;
  }


  .food-one__right-img img {
    max-width: 270px;
  }

  .product-details__description {

    margin: 20px 0 0;

  }

  .shop-by-category .col-sm-6:nth-child(2) .shop-by-category-box,
  .shop-by-category .col-sm-6:nth-child(4) .shop-by-category-box {
    border: unset;
  }


  .cart-model-box-heading,

  .product-details__content22 {

    display: unset;

  }



  #cartModal .modal-dialog {

    max-width: 70%;

  }



  .food-one__col {



    display: unset;



  }



  .select-menu {

    width: auto;

  }



  #cartModal .cart-model-box-content {

    margin-left: 0px;

  }



  .cart-select h3 {

    margin-top: 10px;

    width: 100%;

  }



  #cartModal .cart-model-box-img,

  #cartModal .cart-model-box-img img {

    width: 100%;

  }







  .food-one__quality-info-bx {



    width: 100%;



  }







  .food-one__cricle {



    /* margin: auto; */



    margin-bottom: 20px;



  }







  .food-one__featurebx .food-one__col:first-child .food-one__quality-info {



    margin-bottom: 20px;



  }







  .latest-work-one__title,



  .eco-services-one__title,



  .companies-two__title {



    font-size: 30px;



    line-height: 34px;



  }







  .readmore-sec-content p {



    font-size: 15px;



  }







  .food-one__title {



    font-size: 30px;



  }







  .main-header__cart,



  .main-header__search,



  .wishlist-icon,



  .user-icon,



  .main-header__cart,



  .main-header__search {



    margin-left: 5px;



  }







  .main-header__inner {



    padding: 15px;



  }













  .shop-by-category .col-md-4 {



    margin-bottom: 0;



    padding: 20px 0;




  }




  .contact-page .opening__info-row {
    flex-wrap: wrap;
  }

  .contact-page .opening__info-row__icon {
    width: 14%;
    border: unset;
    margin: auto;
  }

  .contact-page .opening__info-row__content {
    width: 100%;
    margin-left: 0px;
    padding-top: 20px;
    margin: auto;
    text-align: center;
  }

  .main-header__logo_link>img {
    max-width: 95px;
  }

  .user-dropdown button {
    padding-left: 10px;
    padding-right: 0;
  }

  .user-dropdown {
    padding-left: 0px;
  }

  .user-dropdown button {
    width: 100px;
  }

}





@media (max-width: 420px) {


  .contact-page .opening__info-row__icon {
    width: 20%;

  }

  #cartModal .modal-dialog {

    max-width: 80%;

  }



  .best-selling-product .product__item__img img {



    min-height: 170px;



    max-height: 170px;



    width: 280px;



  }







  .product__item__price-title p {



    font-size: 14px;

    padding: 7px 0;


  }







  .product__item__title {



    font-size: 16px;



    line-height: 20px;



  }



}

.cart-page-sec .product-box {
  position: relative;
  padding: 20px 0;
  border-bottom: 1px solid #ededed;
  align-items: flex-start;
}

.cart-page-sec .product-box:last-child {
  border-bottom: 0;
}

.cart-page-sec .product-box .product-img img {
  width: 180px;
}

.cart-page-sec .product-content p {
  margin: 0;
}

.cart-page-sec .product-box .cross-icon {
  position: absolute;
  top: 30px;
  right: 0px;
}

.cart-page-sec .product-box .productprice span {
  font-size: 18px;
}

.cart-page-sec .product-box h3 a {
  font-size: 19px;
}

.cart-page-sec .product-box h3 {
  margin: 0;
  max-width: 290px;
}

.cart-page-sec .cart-page__quantity .quantity-box {
  /* width: 70px; */
  margin: 10px 0;
}

.cart-page-sec .product-content {
  width: 100%;
  color: var(--brown-color);
  padding-left: 10px;
}

.cart-page-sec .productprice {
  display: flex;
  justify-content: space-between;
}

@media (max-width: 991px) {
  .cart-page-sec .product-box h3 a {
    font-size: 17px;
  }

  .swal2-title {
    font-size: 24px;
  }

  .home-food-one .food-one__right-img img,
  .food-one--about .food-one__right-img img {
    width: 310px !important;
  }

}

@media (max-width: 767px) {
  .cart-page.cart-box {
    padding: 0;
    margin-top: 40px;
  }

  .cart-page-sec .product-box h3 a {
    font-size: 16px;
  }

  .cart-page-sec .product-box h3 {
    max-width: 275px !important;
  }

  .food-one.home-food-one {
    padding: 10px 0 40px 0;
  }

  .home-food-one .food-one__right-img img,
  .food-one--about .food-one__right-img img {
    width: 170px !important;
  }

  .product-details .fav-icon,
  .product-details__buttons .agrofa-btn {
    margin-left: 16px;
  }

  .product-details__quantity .quantity-box input,
  .product-details__quantity .quantity-box {
    width: 80px;
  }

  .product-details .agrofa-btn--addcart {
    padding: 5px 16px;
  }

  .wishlist-mobile-box {
    display: block;
  }

  .account-wishlist {
    display: none;
  }
}

@media (max-width: 575px) {
  .cart-page-sec .product-box h3 {
    max-width: 100%;
  }

  .checkout-page .cart-process-wrap {
    padding: 12px;
  }

  /* .product-box {
    display: unset;
  } */
  .cart-page-sec .product-box h3 {
    max-width: 140px !important;
  }

  .cart-page-sec .col-lg-7,
  .cart-page-sec .col-lg-5 {
    padding: 0;
  }

  .cart-page-sec .product-box .cross-icon {
    top: 10px;
  }

  .cart-page-sec .cart-page__quantity .quantity-box {
    width: 80px;
  }

  .cart-page-bg .cart-page__common {
    padding: 17px 10px;
  }

  .cart-page-sec .product-box .productprice span {
    font-size: 16px;
  }

  .cart-page-sec .product-box .total-price {
    font-size: 17px !important;
  }

  .cart-box .cart-page-sec .product-box .product-img img {
    width: 100px;
  }

  .product-total-price {
    font-size: 18px !important;
  }

  .cart-page-sec .product-box {
    padding: 10px 0;
  }

  .cart-page-sec .productprice {
    display: unset;
  }

  .cart-box .cart-page-sec .cart-page__quantity .quantity-box {
    margin: 0;
  }

  .cart-box .cart-page-sec .product-box h3 a {
    font-size: 15px;
  }

  .cart-box .cart-page__quantity .quantity-box {
    width: 70px;
    padding: 0px 8px;
  }


  .swal2-title {
    font-size: 20px;
  }

  .cart-product-sec {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .cart-product-sec-qty-p {
    width: 60px;

  }

  .cart-product-sec-qty {
    margin-left: 40px;

  }

  .wishlist-product-box h3 {
    max-width: 220px;
  }
}

@media (max-width: 380px) {

  .wishlist-product-box h3 {
    max-width: 150px;
  }

}
.btn_disable {
  opacity: 0.5;
}