.accordion .acd-group .acd-heading:before {
  cursor:pointer;
  position:absolute;
  top:6px;
  right:20px;
  display:block;
  padding:3px 6px 2px;
  font-size:22px;
  line-height:38px
}
.accordion .acd-group>.acd-heading>span {
  margin-right:15px
}
.accordion .acd-heading {
  font-weight:500;
  text-align:left;
  position:relative;
  padding:20px 0;
  color:#353535;
  line-height:normal;
  cursor:pointer;
  background-color:#fff0;
  margin-bottom:0;
  display:block;
  font-family:Poppins,sans-serif;
  border-radius:3px
}
.acd-des {
  padding:0 20px 20px 0
}
.accordion .acd-group .acd-heading:hover,
.accordion .acd-group.acd-active .acd-heading {
  color:#61A930
}
.accordion .acd-group.acd-active .acd-heading span {
  color:#fff
}
.accordion.gray .acd-heading {
  background-color:#e3f4d7
}
.accordion.gray .acd-heading {
  margin-bottom:20px;
  padding:20px 30px
}
.accordion.gray .acd-des {
  padding:0 30px 20px
}
.accordion.gray .acd-group .acd-heading:hover,
.accordion.gray .acd-group.acd-active .acd-heading {
  color:#fff;
  background:#61A930
}
.accordion.shadow .acd-heading {
  background:#e3f4d7
}
.accordion.shadow .acd-heading {
  margin-bottom:20px;
  padding:20px 30px
}
.accordion.shadow .acd-des {
  padding:0 30px 20px
}
.accordion.shadow .acd-group .acd-heading:hover,
.accordion.shadow .acd-group.acd-active .acd-heading {
  color:#fff;
  background:#61A930
}
.accordion.animated .acd-group {
  border:1px solid #ddd;
  border-radius:0;
  box-shadow:none;
  margin-bottom:2px
}
.accordion.animated .acd-group+.acd-group {
  border-top:1px solid #ddd;
  margin-top:0
}
.accordion.animated .acd-group .acd-heading {
  padding:15px 50px 15px 20px;
  margin-bottom:0;
  background:#D8EBD9;
  border:none;
  border-radius:0;
  box-shadow:none;
  position:relative;
  color:#333;
  font-size:12px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.5px;
  transition:0.15s all ease-in-out;
  width:100%;
  display:block
}
.accordion.animated .acd-group .acd-heading span {
  display:block;
  margin:0
}
.accordion.animated .acd-group .acd-heading:hover,
.accordion.animated .acd-group.acd-active .acd-heading {
  background:#fff;
  transition:0.15s all ease-in-out
}
.accordion.animated .acd-group .acd-heading:before {
  content:"+";
  position:absolute;
  top:50%;
  right:15px;
  transform:translateY(-50%);
  color:#999;
  font-size:16px;
  font-weight:700;
  transition:0.15s all ease-in-out
}
.accordion.animated .acd-group.acd-active .acd-heading:before {
  content:"−"
}
.accordion.animated .acd-group .acd-des {
  padding:15px;
  border-top:none;
  background:#fff;
  margin:0;
  border-radius:0;
  box-shadow:none
}
.accordion.plus-icon .acd-group.acd-active .acd-heading:before {
  content:"O";
  font-size:20px
}
.accordion.plus-icon .acd-group .acd-heading:before {
  content:"-";
  font-size:20px
}
.crs-div {
  position:relative
}
.action-box {
  position:relative
}
.action-box a.button {
  position:absolute;
  right:0;
  top:50%;
  margin-top:-20px
}
.action-box strong {
  font-weight:700
}
.action-box p {
  margin-bottom:0
}
.action-box .action-box-text {
  padding-right:230px;
  margin-top:10px
}
.action-box.theme-bg {
  padding:30px
}
.action-box.theme-bg a.button {
  right:30px
}
.action-box.black-bg {
  padding:30px
}
.action-box.black-bg a.button {
  right:30px
}
.action-box.gray-bg {
  padding:30px
}
.action-box.gray-bg a.button {
  right:30px
}
.action-box.full-width a.button {
  right:15px
}
.action-box.small {
  padding:40px 35px
}
.action-box.small .social-icons,
.action-box.small h3,
.action-box.small p {
  position:relative
}
.action-box.small a.button {
  position:relative;
  top:inherit;
  right:inherit;
  margin-top:15px
}
.action-box.small .action-box-text {
  padding-right:0
}
.hquote {
  font-size:24px;
  color:#1c689c
}
.fquote {
  font-size:24px;
  color:#57abab
}
.aquote {
  font-size:24px;
  color:#f68446
}
.squote {
  font-size:24px;
  color:#9f8479
}
.equote {
  font-size:24px;
  color:#a92924
}
.gquote {
  font-size:24px;
  color:#61a830
}
.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover {
  background-color:#61a830
}
.dropdown-item.active,
.dropdown-item:active {
  background-color:#61a830
}
.bg {
  padding:30px;
  border-radius:3px;
  margin-bottom:30px
}
.table {
  margin-bottom:0
}
.table td,
.table th {
  vertical-align:middle
}
.table-responsive>.table-bordered {
  border:1px solid #dee2e6
}
.table-bordered tbody tr td,
.table-bordered thead tr th {
  border-color:#eee;
  font-size:16px;
  padding:12px 20px
}
.table-1 thead {
  color:#000
}
.table-1 thead tr th {
  border:medium none;
  font-weight:400
}
.table-1 tbody tr td {
  color:#000;
  font-size:15px
}
@media screen and (max-width:767px) {
  .animated {
    margin-top:30px
  }
  .data-table .table tbody tr td {
    padding:12px 10px
  }
}
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration:.8s;
  -moz-transition-duration:.8s;
  -ms-transition-duration:.8s;
  -o-transition-duration:.8s;
  transition-duration:.8s
}
.isotope {
  -webkit-transition-property:height,width;
  -moz-transition-property:height,width;
  -ms-transition-property:height,width;
  -o-transition-property:height,width;
  transition-property:height,width
}
.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover {
  background-color:#61a830;
  border-color:#61a830
}
.modal {
  z-index:99999
}
.modal-backdrop {
  z-index:9999
}
.modal-dialog {
  margin:100px auto
}
.modal-body,
.modal-header {
  padding:30px 30px 0 30px
}
.button {
  background:#61A830;
  padding:5px 10px;
  font-size:14px;
  letter-spacing:1px;
  font-family:Poppins,sans-serif;
  border:0;
  color:#fff;
  font-weight:500;
  display:inline-block;
  border-radius:3px;
  text-align:center;
  cursor:pointer
}
.button+.button {
  margin-left:20px
}
.button:focus,
.button:hover {
  background:#353535;
  color:#fff;
  border-color:#353535
}
button {
  transition:all .5s ease-in-out;
  -webkit-transition:all .5s ease-in-out;
  -o-transition:all .5s ease-in-out;
  -ms-transition:all .5s ease-in-out;
  -moz-transition:all .5s ease-in-out
}
.button.gray {
  background:#e0e0e0;
  color:#353535;
  border:2px solid #e0e0e0
}
.button.gray.active,
.button.gray:focus,
.button.gray:hover {
  background:#010101;
  color:#fff;
  border-color:#61A830
}
.button.white {
  background:#fff;
  color:#61A830;
  border-color:#fff
}
.button.white:focus,
.button.white:hover {
  background:#353535;
  color:#fff;
  border-color:#353535
}
.button.button-border.audit {
  background:#fff;
  border:2px solid #F68446;
  color:#323232
}
.button.button-border:focus,
.button.button-border.audit:hover {
  background:#F68446;
  color:#fff;
  border-color:#F68446
}
.button.button-border.haccp {
  background:#fff;
  border:2px solid #1C689C;
  color:#323232
}
.button.button-border:focus,
.button.button-border.haccp:hover {
  background:#1C689C;
  color:#fff;
  border-color:#1C689C
}
.button.button-border.fsafe {
  background:#fff;
  border:2px solid #57ABAB;
  color:#323232
}
.button.button-border:focus,
.button.button-border.fsafe:hover {
  background:#57ABAB;
  color:#fff;
  border-color:#57ABAB
}
.button.button-border.spec {
  background:#fff;
  border:2px solid #9F8479;
  color:#323232
}
.button.button-border:focus,
.button.button-border.spec:hover {
  background:#9F8479;
  color:#fff;
  border-color:#9F8479
}
.button.icon i {
  margin-left:10px
}
.button.arrow {
  background:0 0;
  border:none;
  color:#61A830;
  padding:0;
  font-weight:600
}
.button.arrow i {
  padding-left:10px;
  font-size:16px
}
.button.arrow:hover {
  color:#353535
}
.button.arrow.white {
  color:#fff;
  border:none
}
.button.arrow.white:hover {
  color:#aaa;
  background:0 0
}
.button.small {
  padding:10px 18px;
  font-size:13px
}
.button.medium {
  padding:12px 20px;
  font-size:14px
}
.button.large {
  padding:14px 20px;
  font-size:18px
}
.button+.button.btn-block {
  margin-left:0
}
.btn-primary:not(:disabled):not(.disabled) .active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus {
  background:#61A830;
  border-color:#61A830;
  box-shadow:0 0 0 .2rem rgb(132 186 63 / .5)
}
.clients-list {
  overflow:hidden
}
.clients-list ul li {
  float:left;
  position:relative;
  width:20%;
  padding:20px
}
.clients-list.clients-border ul li:before {
  height:100%;
  top:0;
  left:-1px;
  border-left:1px solid #eee
}
.clients-list.clients-border ul li:after,
.clients-list.clients-border ul li:before {
  content:'';
  position:absolute
}
.clients-list.clients-border ul li:after {
  width:100%;
  height:0;
  top:auto;
  left:0;
  bottom:-1px;
  border-bottom:1px solid #eee
}
.divider {
  border-bottom:1px solid rgb(0 0 0 / .1)
}
.divider.icon {
  border:0;
  color:#ccc;
  width:100%;
  overflow:hidden;
  text-align:center
}
.divider.icon:after,
.divider.icon:before {
  border-bottom:1px solid rgb(0 0 0 / .2);
  content:"";
  display:inline-block;
  height:10px;
  margin:0 -4px 0 -100%;
  vertical-align:top;
  width:50%
}
.divider.icon::after {
  margin:0 -100% 0 0
}
.divider.medium {
  width:80%;
  margin:0 auto;
  padding:7px 0
}
.divider.small {
  width:60%;
  margin:0 auto
}
.divider.light {
  border-color:rgb(255 255 255 / .1)
}
.feature-text {
  text-align:center
}
.feature-text.text-left {
  text-align:left
}
.feature-text.text-left .feature-icon i,
.feature-text.text-left .feature-icon span {
  padding-left:0
}
.feature-text.text-right .feature-icon i,
.feature-text.text-right .feature-icon span {
  padding-right:0
}
.feature-text.text-right {
  text-align:right
}
.feature-text .feature-icon i,
.feature-text .feature-icon span {
  font-size:30px;
  margin-bottom:30px;
  display:inline-block;
  padding-left:15px;
  transition:.5s ease-in-out
}
.feature-text.square .feature-icon i,
.feature-text.square .feature-icon span {
  width:70px;
  height:70px;
  line-height:70px;
  display:inline-block;
  font-size:26px;
  padding-left:0
}
.feature-text.left-icon .feature-info {
  text-align:left;
  padding-left:50px
}
.feature-text.left-icon .feature-icon {
  position:absolute;
  left:0
}
.feature-text.left-icon.square .feature-info {
  padding-left:100px
}
.feature-text.border-box {
  box-shadow:0 0 1px rgb(0 0 0 / .5);
  padding:40px
}
.feature-text .button {
  margin-top:10px
}
.feature-text.square:hover .feature-icon i,
.feature-text.square:hover .feature-icon span {
  background:#61a830;
  color:#fff;
  border-color:#61a830
}
.feature-box {
  border:2px solid #e6e6e6;
  background-color:#fff;
  padding:#090909px;
  position:relative;
  transition:all .3s ease-out 0s;
  z-index:#2B2B#222222B
}
.feature-box i {
  width:100%;
  font-size:30px;
  padding:0 10px;
  transition:all .3s ease-out 0s
}
.icon-ethical {
  color:#a92924
}
.icon-green {
  color:#61A830
}
ul.list {
  max-width:900px;
  padding:0;
  margin:0
}
ul.list li {
  margin:5px 0;
  padding-left:24px;
  padding-right:40px;
  position:relative;
  line-height:28px
}
ul.list i {
  position:absolute;
  left:0;
  top:5px
}
ul.list li:after {
  content:"";
  font-family:"Font Awesome 6 Duotone";
  position:absolute;
  color:#61a830;
  left:0;
  top:0
}
ul.list-arrow {
  padding:0;
  margin:0
}
ul.list-arrow li {
  list-style-type:none;
  padding-left:25px;
  position:relative
}
ul.list-arrow li:after {
  content:"\f105";
  font-size:18px
}
ul.list-haccp {
  padding:0;
  margin:0
}
ul.list-haccp li {
  list-style-type:none;
  padding-left:25px;
  position:relative
}
ul.list-haccp li:after {
  content:"\f00c";
  color:#1c689c
}
ul.list-auditing {
  padding:0;
  margin:0
}
ul.list-auditing li {
  list-style-type:none;
  padding-left:25px;
  position:relative
}
ul.list-auditing li:after {
  content:"\f00c";
  color:#f68446
}
ul.list-fsafe {
  padding:0;
  margin:0
}
ul.list-fsafe li {
  list-style-type:none;
  padding-left:25px;
  position:relative
}
ul.list-fsafe li:after {
  content:"\f00c";
  color:#57abab
}
ul.list-spec {
  padding:0;
  margin:0
}
ul.list-spec li {
  list-style-type:none;
  padding-left:25px;
  position:relative
}
ul.list-spec li:after {
  content:"\f00c";
  color:#9d8579
}
ul.list-cons {
  padding:0;
  margin:0
}
ul.list-cons li {
  list-style-type:none;
  padding-left:25px;
  position:relative
}
ul.list-cons li:after {
  content:"\f00c";
  color:#911764
}
ul.list-inhouse {
  padding:0;
  margin:0
}
ul.list-inhouse li {
  list-style-type:none;
  padding-left:25px;
  position:relative
}
ul.list-inhouse li:after {
  content:"\f00c";
  color:#61a830
}
ul.list-ethical {
  padding:0;
  margin:0
}
ul.list-ethical li {
  list-style-type:none;
  padding-left:25px;
  position:relative
}
ul.list-ethical li:after {
  content:"\f00c";
  color:#a92924
}
ul.list-bk li {
  list-style-type:none;
  padding-left:25px;
  position:relative
}
ul.list-bk li:after {
  content:"\f00c";
  color:#61A930
}
.page-title {
  display:block;
  padding-top:230px;
  padding-bottom:40px;
  position:relative
}
.page-title.bg-overlay-black-60:before {
  z-index:0
}
.page-title .container {
  height:100%;
  position:relative
}
.page-title span {
  text-transform:capitalize
}
.page-title h1 {
  text-transform:capitalize;
  color:#fff;
  font-weight:600
}
.page-title p {
  font-size:18px;
  text-transform:capitalize;
  color:#fff
}
.page-title .page-title-name {
  display:inline-block;
  width:50%
}
.page-title .page-breadcrumb {
  float:right;
  width:50%;
  text-align:right
}
ul.page-breadcrumb li span {
  color:#fff;
  font-size:14px;
  text-transform:capitalize
}
ul.page-breadcrumb {
  padding-top:150px
}
ul.page-breadcrumb li {
  color:#fff;
  display:inline-block;
  list-style:none
}
ul.page-breadcrumb li i {
  font-size:14px;
  padding:0 7px
}
ul.page-breadcrumb li a {
  color:#fff;
  font-size:14px;
  text-transform:capitalize
}
ul.page-breadcrumb li a:hover {
  color:#A4C960
}
.page-title.right {
  clear:both
}
.page-title.right .page-title-name {
  display:inline-block;
  float:right;
  text-align:right
}
.page-title.right .page-breadcrumb {
  float:left;
  text-align:left
}
.page-title.small {
  padding-top:20px;
  padding-bottom:20px;
  position:relative
}
.page-title.small h1 {
  font-size:22px;
  line-height:24px;
  margin-bottom:0;
  margin-top:8px
}
.page-title.small .page-breadcrumb {
  padding-top:10px
}
.section-title {
  margin-bottom:20px;
  position:relative
}
.section-title .title {
  margin-top:0;
  position:relative
}
.section-title p {
  margin-bottom:0;
  font-size:16px;
  font-weight:400
}
.section-title.right .title:before {
  right:0;
  left:inherit;
  margin-left:inherit
}
.social-icons ul {
  padding:0
}
.text-center.social-icons ul {
  display:inline-block
}
.social-icons li {
  display:inline-block;
  list-style:none;
  padding:0;
  margin:0 13px 13px 0
}
.social-icons li:last-child {
  margin-right:0
}
.social-icons li a {
  display:block;
  height:32px;
  width:32px;
  line-height:32px;
  font-size:20px;
  text-align:center;
  margin:0;
  border-radius:4px;
  border:0;
  background:#fff0;
  color:#333;
  overflow:hidden;
  transition:all .3s ease
}
.text-white .social-icons li a {
  color:#fff
}
.social-icons.color .social-facebook a {
  color:#3b5998
}
.social-icons.color .social-linkedin a {
  color:#0077b5
}
.social-icons.color .social-youtube a {
  color:red
}
.social-icons.color .social-pinterest a {
  color:#BD081C
}
.social-icons.color a:hover,
.social-icons.color-hover a:hover {
  color:#fff;
  border:0
}
.social-icons.color .social-facebook a:hover,
.social-icons.color-hover .social-facebook a:hover {
  background-color:#3b5998
}
.social-icons.color .social-linkedin a:hover,
.social-icons.color-hover .social-linkedin a:hover {
  background-color:#0077b5
}
.social-icons.color .social-youtube a:hover,
.social-icons.color-hover .social-youtube a:hover {
  background-color:red
}
.social-icons.color .social-pinterest a:hover,
.social-icons.color-hover .social-pinterest a:hover {
  background-color:#BD081C
}
.social-icons.color .fmap a:hover,
.social-icons.color-hover .fmap a:hover {
  background-color:#61A930
}
.social-icons.light li a {
  background:#fff;
  color:#333;
  border:1px solid #eee
}
.social-icons li:hover i {
  animation:toTopFromBottom 0.3s forwards
}
@-webkit-keyframes toTopFromBottom {
  49% {
    -webkit-transform:translateY(-100%)
  }
  50% {
    opacity:0;
    -webkit-transform:translateY(100%)
  }
  51% {
    opacity:1
  }
}
@-moz-keyframes toTopFromBottom {
  49% {
    -moz-transform:translateY(-100%)
  }
  50% {
    opacity:0;
    -moz-transform:translateY(100%)
  }
  51% {
    opacity:1
  }
}
@keyframes toTopFromBottom {
  49% {
    transform:translateY(-100%)
  }
  50% {
    opacity:0;
    transform:translateY(100%)
  }
  51% {
    opacity:1
  }
}
.tab-border .tab-content {
  padding:20px;
  border:1px solid #eee;
  margin-top:-1px
}
.nav-right .tab-content {
  text-align:right
}
.tab-dropdown .tab-content {
  margin-top:30px
}
.nav-link,
.nav-link:focus,
.nav-link:hover {
  color:#84ba3f
}
.team {
  text-align:center;
  overflow:hidden
}
.team .team-description {
  padding:10px 10px 10px
}
.team .team-info h5 {
  line-height:24px
}
.team .team-info span {
  font-size:14px
}
.team .team-contact span {
  display:block;
  font-size:14px;
  display:block;
  margin-bottom:10px
}
.team .team-contact span.role {
  font-size:14px;
  line-height:28px;
  font-weight:600;
  margin:5px 0;
  color:#A4C960
}
.team .team-contact span i {
  padding-right:5px
}
.team-dark .team-description {
  background:#323232
}
.team-dark .team-info h5,
.team-dark .team-contact span,
.team-dark .team-info span,
.team-dark .social-icons li a {
  color:#fff
}
.bdtop {
  border-top:2px solid #A4C960
}
.testimonial-info {
  position:relative
}
.testimonial-info:before {
  position:absolute;
  top:-15px;
  left:-35px;
  color:#61A830;
  content:"\201C";
  font-family:Georgia,serif;
  font-size:100px
}
.modal-video {
  background:#fff;
  padding:50px 30px;
  border-radius:3px;
  margin:0 auto;
  max-width:600px
}
.main {
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  padding:20px;
  box-sizing:border-box
}
.boxa {
  border:1px solid #c8c8c8;
  border-radius:.625rem;
  box-shadow:0 .6rem 50px 0 rgb(26 46 45 / .07);
  padding-bottom:40px;
  margin-bottom:40px
}
.main h1 {
  max-width:950px;
  padding:60px 60px 0
}
.main h2 {
  font-size:1.75rem;
  padding:20px 60px
}
.main h3 {
  font-size:1.75rem;
  padding:10px 60px
}
.main h4 {
  font-size:1.25rem;
  padding:10px 60px
}
.main ol {
  padding:0 90px
}
.main p {
  max-width:950px;
  padding:0 60px 0
}
.main ul {
  padding-left:80px;
  margin-bottom:20px
}
ul.article-info {
  padding:10px 30px 30px
}
ul.article-info li {
  color:#010101;
  display:inline-block;
  list-style:none
}
ul.article-info li span {
  color:#010101;
  font-size:14px;
  text-transform:capitalize
}
ul.article-info li i {
  font-size:14px;
  padding:0 10px
}
ul.navlist {
  list-style-type:disc;
  margin-left:50px
}
ul.navlist li {
  padding-right:60px;
  position:relative;
  line-height:20px
}
ul.navlist i {
  position:absolute;
  left:0;
  top:5px
}
@media screen and (max-width:450px) {
  .main h1 {
    padding:30px 20px 0
  }
  .main h2 {
    padding:20px 30px 10px 20px
  }
  .main p {
    padding:0 40px
  }
  ul.navlist {
    padding-left:40px
  }
}
.fart {
  font-size:2em;
  font-weight:700;
  color:#fff
}
.product-selector {
  max-width:400px;
  margin-left:30px;
  font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif
}
.dropdown-container {
  position:relative
}
#productSelect {
  width:100%;
  padding:12px 16px;
  font-size:16px;
  font-weight:400;
  color:#333;
  background-color:#ededed;
  border:2px solid #e1e5e9;
  border-radius:8px;
  outline:none;
  transition:all 0.2s ease;
  cursor:pointer;
  appearance:none;
  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");
  background-position:right 12px center;
  background-repeat:no-repeat;
  background-size:16px;
  padding-right:40px
}
#productSelect:hover {
  border-color:#cbd5e0;
  box-shadow:0 2px 4px rgb(0 0 0 / .05)
}
#productSelect:focus {
  border-color:#3182ce;
  box-shadow:0 0 0 3px rgb(49 130 206 / .1);
  background-color:#ededed
}
#productSelect option {
  padding:8px;
  background-color:#ededed;
  color:#333
}
#productSelect option:first-child {
  color:#9ca3af;
  font-style:italic
}
#productSelect:invalid {
  color:#9ca3af
}
.mt-10 {
  margin-top:10px
}
.mb-10 {
  margin-bottom:10px
}
