i, span, a {
    display: inline-block;
}

h1, h2, h3, h4, h5, h6 {
    color: #2c2c2c;
    margin: 0px;
    font-family: "Manrope", sans-serif;
    font-weight: 800;
    letter-spacing: -0.03em;
}
h2 {
    font-size: 45px;
    line-height: 55px;
}
h5 {
    font-size: 20px;
    line-height: 28px;
}

p {
    color: #767676;
    margin: 0px;
}

.mb-30 {
    margin-bottom: 30px;
}

.d-flex {
    display: -ms-flexbox !important;
    display: flex !important
;
}

ul.social-link li {
  display: inline-block;
}

.bg_cover {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.information-item-two .icon, .information-item_one .icon, .sidebar-widget-area .widget.download-widget a i, .sidebar-widget-area .widget.contact-info-widget .contact-info-box .icon, .testimonial-item-four .testimonial-content .author-title-qoute .quote, .testimonial-item-three .testimonial-content .author-title-qoute .quote, .testimonial-item-two .testimonial-content .author-title-quote .quote, .testimonial-slider-three .slick-arrow, .testimonial-slider-one .slick-arrow, .product-gallery-area .product-thumb-slider .product-img, .product-gallery-area .product-big-slider .product-img, .product-details-wrapper .product-info .product-cart ul li .wishlist-btn, .single-product-item .product-img, .product-search-filter .product-search .search-btn, .pagination ul li a, .play-one_content-box, .video-popup, .project-item-four .img-holder .icon-btn a, .project-item-three .img-holder .icon-btn a, .project-item-two .img-holder .icon-btn a, .project-arrows .slick-arrow, .counter-item-two .icon, .single-category-box .icon, .single-service-item .icon, .service-slider-one .slick-arrow, .hero-area-four .hero-arrows .slick-arrow, .hero-area-two .single-slider .hero-content-inner, .hero-slider-one .slick-arrow, .navigation-three .site-branding {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.mb-40 {
    margin-bottom: 40px;
}

.slick-slide {
  outline: 0;
}

.form_group {
  position: relative;
}

.form_control {
  width: 100%;
  padding: 0 30px;
  height: 60px;
  border: none;
}

textarea.form_control {
  padding-top: 15px;
  display: inherit;
  height: 145px;
}

.section-title .sub-title {
  font-size: 20px;
  font-weight: 800;
  text-decoration: underline;
  -webkit-text-decoration-color: #767676;
          text-decoration-color: #767676;
  color: #2c2c2c;
  margin-bottom: 9px;
  padding-bottom: 5px;
  vertical-align: middle;
}
.section-title .sub-title:after, .section-title .sub-title:before {
  display: inline-block;
  content: "";
  line-height: 1;
  vertical-align: inherit;
  color: #FEDF16;
  width: 45px; height: 45px; background: url('../img/ecoturca_icon-color.svg');
  background-repeat: no-repeat;
}
.section-title .sub-title:before {
  margin-right: 10px;
}
.section-title .sub-title:after {
  margin-left: 20px;
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1); display: none;
}
.section-title h2 {
  font-weight: 600;
}
@media (max-width: 991px) {
  .section-title h2 {
    font-size: 32px;
    line-height: 40px;
  }
}
@media (max-width: 767px) {
  .section-title h2 {
    font-size: 28px;
    line-height: 35px;
  }
}
.section-title.section-title-white .sub-title {
  color: #FEDF16;
}
.section-title.section-title-white h2 {
  color: #fff;
}
.section-title.section-title-left .sub-title:after {
  display: none;
}
    .pr-lg-70 {
        padding-right: 70px;
    }

.mb-50 {
    margin-bottom: 50px;
}
.pb-130 {
    padding-bottom: 130px;
}

    .pl-lg-60 {
        padding-left: 60px;
    }

.mb-15 {
    margin-bottom: 15px;
}

.dark-black-bg {
    background-color: #1f1e17;
}
.z-1 {
    z-index: 1;
}
.text-white {
    color: #fff !important;
}
.text-center {
    text-align: center !important;
}

.text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white h6 {
    color: #fff;
}

.fluidp70 {
    padding-left: 70px;
    padding-right: 70px;
}
.skill-bar {
  overflow: hidden;
  margin-bottom: 35px;
}
.skill-bar .skill-title {
  margin-bottom: 20px;
}
.skill-bar .skill-title h5 {
  font-size: 22px;
  font-weight: 700;
}
.skill-bar .skill-title h5 span {
  float: right;
}
.skill-bar .progress-bar {
  height: 3px;
  background-color: #FEDF16;
  margin-bottom: 5px;
}
.skill-bar .progress {
  height: 1px;
  background-color: #1f1e17;
}

.content-box-gap > p {
    margin-bottom: 25px;
}


.main-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 15px 30px;
  font-weight: 700;
  text-transform: capitalize;
  border-radius: 5px;
  color: #2c2c2c;
  line-height: 25px;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.main-btn:after {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  content: "\f138";
font-family: 'Line Awesome Free';
    font-weight: 900;
  margin-left: 10px;
}
.main-btn.btn-yellow {
  background-color: #FEDF16;
}
.main-btn.btn-yellow:hover {
  background-color: #1f1e17;
  color: #FEDF16;
}
.main-btn.btn-white {
  background-color: #fff;
  color: #2c2c2c;
}
.main-btn.btn-white:hover {
  background-color: #1f1e17;
  color: #FEDF16;
}
.main-btn.bordered-btn {
  padding: 14px 30px;
  border: 1px solid #2c2c2c;
  color: #2c2c2c;
  background-color: transparent;
}
.main-btn.bordered-btn:hover {
  border-color: transparent;
  background-color: #FEDF16;
  color: #2c2c2c;
}
.main-btn.bordered-btn.bordered-white {
  border: 1px solid #fff;
  color: #fff;
}
.main-btn.bordered-btn.bordered-white:hover {
  border-color: transparent;
  background-color: #1f1e17;
  color: #FEDF16;
}
.main-btn.bordered-btn.bordered-yellow {
  border: 1px solid #FEDF16;
  color: #2c2c2c;
}
.main-btn.bordered-btn.bordered-yellow:hover {
  border-color: transparent;
  background-color: #FEDF16;
  color: #2c2c2c;
}

.p-r {
    position: relative;
}

.z-1 {
    z-index: 1;
}
.bg-white {
    background-color: #fff !important;
}


/* Features Wrap CSS */
.features-wrap-one {
  background-color: #f8f6ef;
  padding: 50px 60px 20px;
  margin-top: -80px;
  position: relative;
  z-index: 2;
}
@media (max-width: 1199px) {
  .features-wrap-one {
    padding: 50px 30px 20px;
  }
}

.features-wrap-two {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (max-width: 767px) {
  .features-wrap-two {
    padding: 0 15px;
  }
}
.features-wrap-two .features-item-two {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  max-width: 25%;
}
@media (max-width: 1199px) {
  .features-wrap-two .features-item-two {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (max-width: 767px) {
  .features-wrap-two .features-item-two {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}

/* Features Item CSS */
.features-item {
  padding-right: 50px;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1650px) {
  .features-item {
    padding-right: 0;
  }
}
@media (max-width: 1199px) {
  .features-item {
    padding-right: 0;
  }
}
.features-item .fill-number {
  position: absolute;
  top: 30px;
  left: 20px;
  font-size: 85px;
  line-height: 1;
  letter-spacing: -0.06em;
  color: transparent;
  -webkit-text-stroke-width: 1px;
  font-weight: 800;
  z-index: -1;
  -webkit-text-stroke-color: rgba(44, 44, 44, 0.08);
}
.features-item .icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 65px;
          flex: 0 0 65px;
  max-width: 65px;
  height: 65px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #FEDF16;
  color: #2c2c2c;
  font-size: 40px;
  margin-right: 25px;
}
.features-item .text h5 {
  padding-right: 40px;
  margin-bottom: 9px;
}
@media only screen and (min-width: 1200px) and (max-width: 1650px) {
  .features-item .text h5 {
    padding-right: 0;
  }
}
@media (max-width: 1199px) {
  .features-item .text h5 {
    padding-right: 0;
  }
}

.features-item-two {
  position: relative;
  z-index: 1;
  padding: 65px 90px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-right: 1px solid rgba(0, 0, 0, 0.071);
}
@media only screen and (min-width: 1200px) and (max-width: 1650px) {
  .features-item-two {
    padding: 65px 30px;
  }
}
@media (max-width: 1199px) {
  .features-item-two {
    border: 1px solid rgba(0, 0, 0, 0.071);
  }
}
@media (max-width: 991px) {
  .features-item-two {
    padding: 65px 30px;
  }
}
.features-item-two .fill-number {
  position: absolute;
  top: 30px;
  left: 50px;
  font-size: 85px;
  line-height: 1;
  letter-spacing: -0.06em;
  color: transparent;
  -webkit-text-stroke-width: 1px;
  font-weight: 800;
  z-index: -1;
  -webkit-text-stroke-color: rgba(44, 44, 44, 0.08);
}
.features-item-two .icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 65px;
          flex: 0 0 65px;
  max-width: 65px;
  height: 65px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #FEDF16;
  color: #2c2c2c;
  font-size: 40px;
  margin-right: 25px;
}
.features-item-two .text h5 {
  margin-bottom: 9px;
}

.features-item-three {
  border: 1px solid rgba(0, 0, 0, 0.071);
  padding: 30px 35px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 1199px) {
  .features-item-three {
    padding: 30px 20px;
  }
}
.features-item-three .icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 65px;
          flex: 0 0 65px;
  max-width: 65px;
  height: 65px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #FEDF16;
  color: #2c2c2c;
  font-size: 40px;
  margin-right: 25px;
}
.features-item-three .text h5 {
  margin-bottom: 9px;
}

/*=========================
    04. Start About css 
==========================*/
/* About Card CSS */
.food-card {
  padding: 30px 20px 25px;
  border: 1px solid rgba(44, 44, 44, 0.102);
  border-radius: 7px;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.food-card:hover {
  background-color: #FEDF16;
  border-color: transparent;
}
.food-card:hover .icon i {
  color: #2c2c2c;
}
.food-card .icon {
  margin-bottom: 5px;
}
.food-card .icon i {
  color: #FEDF16;
  font-size: 60px;
  line-height: 1;
}

.theme-user-card {
  padding: 25px 25px 5px;
  text-align: center;
  max-width: 230px;
  max-height: 320px;
  border-radius: 38px;
}
@media (max-width: 767px) {
  .theme-user-card {
    max-width: 270px;
    min-width: 270px;
  }
}
.theme-user-card h3 {
  font-family: "Playfair Display", serif;
  font-weight: 400;
  font-size: 28px;
  line-height: 40px;
  margin-bottom: 15px;
}
.theme-user-card img {
  display: block;
  margin: 0 auto;
  margin-bottom: 20px;
}

/* About Tab CSS */
.tab-content-box .nav-tabs {
  background-color: #fff;
  border: none;
  -webkit-box-shadow: 0px 10px 60px 0px rgba(109, 109, 109, 0.1);
          box-shadow: 0px 10px 60px 0px rgba(109, 109, 109, 0.1);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 15px 30px;
}
@media (max-width: 767px) {
  .tab-content-box .nav-tabs {
    padding: 15px 10px;
  }
}
.tab-content-box .nav-tabs .nav-item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.tab-content-box .nav-tabs .nav-item:after {
  display: inline-block;
  content: "|";
  margin-left: 40px;
  margin-right: 38px;
}
@media (max-width: 767px) {
  .tab-content-box .nav-tabs .nav-item:after {
    margin-left: 20px;
    margin-right: 20px;
  }
}
.tab-content-box .nav-tabs .nav-item:last-child:after {
  display: none;
}
.tab-content-box .nav-tabs .nav-link {
  padding: 0;
  border: none;
  font-size: 18px;
  font-weight: 800;
  color: #bbbbbb;
}
.tab-content-box .nav-tabs .nav-link:after {
  display: inline-block;
  content: "";
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  margin-left: 10px;
}
.tab-content-box .nav-tabs .nav-link.active, .tab-content-box .nav-tabs .nav-link:hover {
  color: #2c2c2c;
}

/* About Content CSS */
.about-one_content-box .quote-text {
  border-left: 5px solid #FEDF16;
  padding-left: 40px;
}
.about-one_content-box .avatar-box .thumb {
  margin-right: 20px;
}

.about-one_image-box {
  padding-left: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.about-one_image-box .about-img_one {
  position: absolute;
  left: 100px;
  top: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about-one_image-box .about-img_one {
    left: 0;
  }
}
@media (max-width: 991px) {
  .about-one_image-box .about-img_one {
    left: 80px;
  }
}
.about-one_image-box .about-img_one:after {
  position: absolute;
  content: "";
  right: -10px;
  bottom: -10px;
  width: 100%;
  height: 100%;
  border-right: 10px solid #fff;
  border-bottom: 10px solid #fff;
}
.about-one_image-box .about-img_two {
  margin-top: 60px;
}

.about-two_image-box .theme-user-card {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.about-three-image_box .experience-box {
  position: absolute;
  bottom: 25px;
  left: 85px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border-radius: 38px;
  padding: 32px 20px;
  max-width: 230px;
}
.about-three-image_box .experience-box h3 {
  font-size: 30px;
  font-weight: 400;
  line-height: 1.3em;
  font-family: "Handlee", cursive;
}
.about-three-image_box .about-img_one {
  border-radius: 12px;
  width: 100%;
}
.about-three-image_box .about-img_two {
  border-radius: 15px;
  width: 100%;
}

.about-four_image-box .about-img_two {
  position: absolute;
  bottom: -37%;
  left: 10%;
}

.about-five_image-box {
  margin-top: -70px;
}

.about-section-two:after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 50%;
  height: 100%;
  background-color: #fff;
}

.about-wrapper {
  background-color: #fff;
  position: relative;
  z-index: 2;
  margin-top: -80px;
}


/* About Content CSS */
.about-one_content-box .quote-text {
  border-left: 5px solid #FEDF16;
  padding-left: 40px;
}
.about-one_content-box .avatar-box .thumb {
  margin-right: 20px;
}

.about-one_image-box {
  padding-left: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.about-one_image-box .about-img_one {
  position: absolute;
  left: 100px;
  top: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about-one_image-box .about-img_one {
    left: 0;
  }
}
@media (max-width: 991px) {
  .about-one_image-box .about-img_one {
    left: 80px;
  }
}
.about-one_image-box .about-img_one:after {
  position: absolute;
  content: "";
  right: -10px;
  bottom: -10px;
  width: 100%;
  height: 100%;
  border-right: 10px solid #fff;
  border-bottom: 10px solid #fff;
}
.about-one_image-box .about-img_two {
  margin-top: 60px;
}

.about-two_image-box .theme-user-card {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.about-three-image_box .experience-box {
  position: absolute;
  bottom: 55px;
  left: 125px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border-radius: 38px;
  padding: 32px 20px;
  max-width: 230px;
}
.about-three-image_box .experience-box h3 {
  font-size: 30px;
  font-weight: 400;
  line-height: 1.3em;
  font-family: "Playfair Display", serif;
}
.about-three-image_box .about-img_one {
  border-radius: 12px;
  width: 100%;
}
.about-three-image_box .about-img_two {
  border-radius: 15px;
  width: 100%;
}

.about-four_image-box .about-img_two {
  position: absolute;
  bottom: -37%;
  left: 10%;
}

.about-five_image-box {
  margin-top: -70px;
}

.about-section-two:after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 50%;
  height: 100%;
  background-color: #fff;
}

.about-wrapper {
  background-color: #fff;
  position: relative;
  z-index: 2;
  margin-top: -80px;
}


/* CTA CSS */
.cta-wrap-one {
  margin-bottom: -75px;
}

.cta-item_one {
  position: relative;
  z-index: 1;
  padding: 50px;
  border-radius: 7px;
}
@media (max-width: 767px) {
  .cta-item_one {
    padding: 50px 30px 30px;
  }
}
.cta-item_one:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(31, 30, 23, 0.2);
  z-index: -1;
}
@media (max-width: 767px) {
  .cta-item_one .text {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.cta-item_one .text h2 {
  font-family: "Playfair Display", serif;
  font-weight: 400;
  font-size: 50px;
}
@media (max-width: 767px) {
  .cta-item_one .text h2 {
    font-size: 34px;
    line-height: 45px;
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .cta-item_one .text .main-btn {
    margin-bottom: 20px;
  }
}

.cta-wrap-two .cta-content-box {
  padding: 70px 80px 80px;
  background-color: #FEDF16;
  border-radius: 7px;
  margin-top: -80px;
}
@media (max-width: 1199px) {
  .cta-wrap-two .cta-content-box {
    padding: 70px 30px 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cta-wrap-two .cta-content-box {
    padding: 70px 50px 80px;
  }
}
.cta-wrap-two .cta-content-box span.tag-line {
  font-size: 20px;
  text-transform: capitalize;
  color: #2c2c2c;
  font-weight: 800;
  text-decoration: underline;
  margin-bottom: 12px;
}
.cta-wrap-two .cta-content-box h2 {
  font-weight: 700;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .cta-wrap-two .cta-content-box h2 {
    font-size: 32px;
    line-height: 45px;
  }
}
.cta-wrap-two .cta-content-box p {
  color: #2c2c2c;
  margin-bottom: 30px;
}
.cta-wrap-two .cta-content-box .main-btn.bordered-btn {
  border: 2px solid #2c2c2c;
}
.cta-wrap-two .cta-content-box .main-btn.bordered-btn:hover {
  background-color: #2c2c2c;
  color: #FEDF16;
}

/*=========================
    08. Start Counter css 
==========================*/
/* Contact Wrapper CSS */
.counter-wrap-one {
  margin: 0 -20px;
  padding: 20px;
  border: 1px solid rgba(44, 44, 44, 0.1);
}
@media (max-width: 991px) {
  .counter-wrap-one {
    margin: 0;
  }
}
.counter-wrap-one .counter-inner-box {
  border: 1px solid rgba(44, 44, 44, 0.102);
  background-color: #fff;
  -webkit-box-shadow: 0px 10px 30px 0px rgba(217, 217, 217, 0.3);
          box-shadow: 0px 10px 30px 0px rgba(217, 217, 217, 0.3);
}
@media (max-width: 991px) {
  .counter-wrap-one .counter-inner-box {
    border: none;
  }
}

.counter-wrap-two {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

/* Contact Section CSS */
.fun-fact-two .fun-three_img {
  position: absolute;
  bottom: 130px;
  right: 19%;
}
@media only screen and (min-width: 1200px) and (max-width: 1650px) {
  .fun-fact-two .fun-three_img {
    right: 10%;
  }
}
@media (max-width: 1199px) {
  .fun-fact-two .fun-three_img {
    display: none;
  }
}

/* Contact Item CSS */
.counter-item {
  border-right: 1px solid rgba(44, 44, 44, 0.102);
}
@media (max-width: 991px) {
  .counter-item {
    border-right: none;
  }
}
.counter-item:last-child {
  border-right: none;
}
.counter-item .counter-inner {
  padding: 45px 45px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .counter-item .counter-inner {
    padding: 45px 18px;
  }
}
@media (max-width: 991px) {
  .counter-item .counter-inner {
    padding: 45px 40px;
    border: 1px solid rgba(44, 44, 44, 0.102);
    text-align: center;
  }
}
.counter-item .counter-inner p {
  font-weight: 600;
}

.counter-item-two {
  background-color: #f8f6ef;
  padding: 40px 35px 30px;
  border-radius: 5px;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.counter-item-two .hover-icon {
  position: absolute;
  top: 20px;
  right: 30px;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}
.counter-item-two .hover-icon i {
  font-size: 120px;
  line-height: 1;
  color: rgba(255, 255, 255, 0.03);
}
.counter-item-two:hover {
  background-color: #1f1e17;
}
.counter-item-two:hover .hover-icon {
  visibility: visible;
  opacity: 1;
}
.counter-item-two:hover .text h2.number, .counter-item-two:hover .text p {
  color: #fff;
}
.counter-item-two .icon {
  width: 65px;
  height: 65px;
  border-radius: 50%;
  background-color: #FEDF16;
  margin-bottom: 20px;
}
.counter-item-two .icon i {
  font-size: 35px;
  color: #2c2c2c;
}
.counter-item-two .text h2.number {
  font-size: 35px;
  line-height: 1.3em;
}
.counter-item-two .text p {
  font-weight: 600;
}

@media (max-width: 991px) {
  .single-counter-item {
    text-align: center;
  }
}

.single-counter-card {
  background-color: #fff;
  padding: 30px 30px 20px;
  border-radius: 7px;
}
@media (max-width: 1199px) {
  .single-counter-card {
    padding: 30px 20px 20px;
  }
}
.single-counter-card .icon i {
  color: #FEDF16;
  font-size: 50px;
}
@media (max-width: 1199px) {
  .single-counter-card .text h2 {
    font-size: 32px;
    line-height: 45px;
  }
}
.single-counter-card .text p {
  font-weight: 600;
}


a.logoBox {
    border: 1px solid #efefef;
    border-radius: 10px;
    overflow: hidden;
    cursor: pointer;
    display: inline-block;
    box-shadow: none;
    background-color: transparent;
    font-size: 1.5rem;
    font-family: inherit;
    transition: all .3s linear;	 padding: 20px; width: 100%; text-align: center
}

.logoBox1 img{    width: 100%; max-width: 140px;
    margin: auto;
    height: auto;}


a.logoBox:hover{border-color:#FEDF16; opacity: 1 !important;}



a.k2BEx1{
	display: block; width: 100%; height: auto; text-align: center; position: relative;
}

.k2BEx2{width: 100%; height: auto; position: relative; overflow: hidden;}
.k2BEx2 img{width: 100%; display: block; transition: all .5s;}
a.k2BEx1:hover img{-webkit-filter: none;
    filter: none;
    -webkit-transform: scale(1.09, 1.09);
    transform: scale(1.09, 1.09);
    -webkit-filter: brightness(75%);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 0.3s ease;
}

.k2BEx3{font-size: 11px; font-weight: 300; letter-spacing: 2px; color: #1b1d21; text-align: center; padding:30px 0 10px 0; text-transform: uppercase;}
.k2BEx4{font-size: 16px; font-weight: 500; letter-spacing: 0.5px; color: #1b1d21; text-align: center; padding:10px 0 20px 0; transition: all 0.3s ease;}
.k2BEx5{font-size: 14px; line-height: 19px; font-weight: 300; letter-spacing: 0.5; color: #777; text-align: center; padding: 15px 10px;}
.k2BEx6{display: inline-block; width: auto; text-align: center; padding: 15px 0 5px 0; position: relative; margin: 0 auto; color: #1b1d21; font-size: 14px; letter-spacing: 2px;}
a.k2BEx1:after {
    position: absolute;
    content: "";
    top: 30px;
    bottom: 30px;
    width: 1px;
    background: #e8e8e8;
    right: -15px;
}


a.k2BEx1:hover .k2BEx6:before{ }
a.k2BEx1:hover .k2BEx4{ color: #61a00a;}

a.lastProC:after {
        width: 0px;
}

.k2BEx14{font-size: 18px; line-height: 28px; padding: 5px  0 20px 0;}
.k2BexNb{border: 1px solid #efefef;}


ul.tabMenuB{display: inline-block; margin: 0; padding: 0; list-style: none; width:100%; text-align: center; }

ul.tabMenuB li{
    display: inline-block;
    font-size: 14px;
    line-height: 44px;
    color: #000;
    font-weight: 600;
    padding: 2px 15px;
    cursor: pointer; border-radius: 5px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease; margin: 0 3px; letter-spacing: 1px; text-align: center; text-transform: uppercase; 
	background: #f7f5f0;
	
    
}

ul.tabMenuB li i {
    display: inline-block;
    width: 54px;
    height: 54px;
    line-height: 54px;
    font-size: 20px;
    text-align: center;
    color: #FD9881;
    transition: all 0.3s ease-in;
}

ul.tabMenuB li:hover{
color: #fff;
	background: #61a00a;
}

ul.tabMenuB li:hover i{
color: #FEDF16;	
}



ul.tabMenuB li.active{
color: #fff;
	background: #61a00a;
}
ul.tabMenu li.active i{
color: #FEDF16;	
}


.tabContentB { width:100%; height:auto; float:left; position:relative; padding:30px 0; margin:0 0 0 0; color:#666;}
.tabContentB h3{    display: block; font-family: "Cormorant", serif;
    font-size: 52px;
    line-height: 56px;
    color: #FD9881;
    font-weight: 600;
    margin-bottom: 30px; letter-spacing: -1px;
	padding-top: 20px
}


a.kx2Box{display: block; position: relative; width: 100%; height: auto;}

.kx2imgC{ width: 100%; height: auto; position: relative; overflow: hidden; border-radius: 15px;}
.kx2imgC img{width: 100%; display: block; transition: all .5s;}
.kx2TxC{ width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,0.4); position: absolute; bottom: -50px; padding: 15px;     transition: .2s cubic-bezier(.3, .58, .55, 1); opacity: 0;}

.kx2BoxD{width: 40px; height: auto; position: absolute; left: 10px; top: 10px; border: 1px solid #fff;; text-align: center; padding:10px 5px;}
.kx2BoxD1{font-size: 12px; color: #fff; padding-bottom: 5px; font-weight: 600;}
.kx2BoxD2{font-size: 25px; color: #fff;font-weight: 600;}


a.kx2Box:hover img{-webkit-filter: none;
    filter: none;
    -webkit-transform: scale(1.09, 1.09);
    transform: scale(1.09, 1.09);
    -webkit-filter: brightness(75%);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;}

.kx2TitleC{ display: inline-block; padding: 155px 0 0 0; width: 100%; text-align: center;}
.kx2BxTitle{width: auto; font-size: 14px; line-height: 24px;   color: #333; transition: all 300ms linear 0ms;  letter-spacing: 1px; background: #fff; display: inline-block; padding: 10px 15px; font-weight: 600;}
.kx2BxSTxt{ font-size: 20px; color: #fff; letter-spacing: 1px; text-align: center; width: 100%; padding-bottom: 20px; font-weight: 600;}

.kx2LnC{width: auto; display: inline-block; float: right; padding: 32px 10px 0 0;}

.kx2LnBtn{position: relative;  color: #1b1d21; font-size: 14px; font-weight: 600; letter-spacing: 1px; transition: all 300ms linear 0ms; padding-bottom: 3px;}
.kx2LnBtn:after, .kx2LnBtn:before {
  -webkit-transition: all 300ms linear 0ms;
  -khtml-transition: all 300ms linear 0ms;
  -moz-transition: all 300ms linear 0ms;
  -ms-transition: all 300ms linear 0ms;
  -o-transition: all 300ms linear 0ms;
  transition: all 300ms linear 0ms;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  content: "";
  height: 1px;
}
.kx2LnBtn:before {
  width: 100%;
  background-color: #222 !important;
}


.kx2LnBtn:after {
    width: 1px;
    background-color: #c5a47e;
}

a.kx2Box:hover .kx2LnBtn {
  color: #c5a47e;
}
a.kx2Box:hover .kx2LnBtn:after {
  width: 100%;
}

a.kx2Box:hover .kx2BxTitle {
  color: #c5a47e;
}

a.kx2Box:hover .kx2TxC {
  opacity: 1;
}


/* SECTION TITLE */
.section-title {
  width: 100%;
  display: block;
  margin-bottom: 60px;
  text-align: center;
}
.section-title.text-left {
  text-align: left;
}
.section-title.text-left h6 {
  display: inline-block;
  border-bottom: 3px solid #fbc50b;
}
.section-title figure {
  width: 100%;
  display: block;
  margin-bottom: 30px;
}
.section-title figure img {
  height: 58px;
}
.section-title h6 {
  display: block;
  color: #777;
  margin-bottom: 10px;  font-size: 20px;
}
.section-title h2 {
  width: 100%;
  display: block;
  font-size: 50px;

}
.section-title p {
  margin-top: 30px;
}


.block-title {
    margin-bottom: 60px;
    margin-top: -6px;
}

.block-title p {
    margin: 0;
    text-transform: uppercase;
    color: var(--thm-primary);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.2em;
    line-height: 24px;
}

.block-title h3 {
    margin: 0;
    color: var(--thm-black);
    font-size: 70px;
    font-weight: 700;
    font-family: var(--heading-font);
    line-height: 1em;
}

.block-title .leaf {
    padding-top: 5px;
}


a.gdE1{display: block; width: 100%; text-align: center; background: #FEDF16; transition: all 0.3s ease-in-out; position: relative; padding: 30px; overflow: hidden;}
.gdE2{width: 100%; height: auto; font-size: 35px; font-weight: 600; color: #404a3d; transition: all 0.3s ease-in-out;}
.gdE3{width: 100%; height: auto; font-size: 26px; font-weight: 400; font-family: var(--heading-font); padding: 15px 0; color: #fff;}



a.gdE1:hover {
    background: #5b8c51;
}

a.gdE1:hover .gdE2{
    color: #fff;
}

a.gdE1:hover:before {
    display: block;
}

a.gdE1:before {
    content: "";
    background-color: rgba(0, 0, 0, 0.1);
    width: 100%;
    border-radius: inherit;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.3s linear;
    opacity: 0;
    display: inline-block;
    z-index: -1;
}

a.gdE1:before {
    position: absolute;
    content: "";
    display: none;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 100%);
    pointer-events: none;
    z-index: 3;
    opacity: 0;
    transform: skew(30deg);
    animation: shine-2 0.75s linear 1;
}





@keyframes shine-2 {
    0% {
        left: -50%;
        opacity: 0;
    }

    50% {
        left: 25%;
        opacity: 1;
    }

    100% {
        left: 100%;
        opacity: 0;
    }
}


a.gdC1{display: block; width: 100%; text-align: center; transition: all 0.3s ease-in-out; position: relative; top: 0;}
.gdC2{width: 130px; height: 130px; border-radius: 130px; text-align: center; line-height: 130px; background: #61a00a; margin: 0 auto; transition: all 0.3s ease-in-out;}
.gdC2 i{font-size: 70px; color: #ffff; line-height: 150px;}
.gdC3{font-size: 20px; text-align: center; width: 100%; padding: 15px 0; color: #2c2c2c; font-weight: 600; text-transform: uppercase; line-height: 25px; transition: all 0.3s ease-in-out;}

a.gdC1:hover .gdC2{background:#2c2c2c ;}
a.gdC1:hover .gdC3{color: #2c2c2c;}


.about_one {
    position: relative;
    display: block;
    padding: 120px 0 120px;
}
.about1_img {
    position: relative;
}
.about1_shape_1 {
    position: absolute;
    left: -215px;
    top: 70px;
    height: 430px;
    width: 430px;
    background: #f5f0e9;
    border-radius: 50%;
    z-index: -1;
}
.about1_img > img {
    border-radius: 5px;
}
.about1_icon-box {
    position: absolute;
    top: 50%;
    left: -60px;
    transform: translateY(-57.5px);
}
.about1_icon-box .circle {
    height: 115px;
    width: 115px;
    background: #FEDF16;
    border-radius: 50%;
    position: absolute;
    text-align: center;
}
.about1_icon-box .circle:before {
    content: "";
    position: absolute;
    top: -15px;
    left: -15px;
    right: -15px;
    bottom: -15px;
    border-radius: 50%;
    border: 1px dashed #fff;
}
.about1_icon-box .circle i {
    color: #2c2c2c;
    font-size: 61px;
    line-height: 130px;
}
.about-img-2 {
    position: absolute;
}
.about_img_2 {
    position: absolute;
    left: 170px;
    bottom: -142px;
}
.about_img_2 img {
    width: 100%;
    border-radius: 5px;
}
.about_one .block-title {
    margin-bottom: 42px;
}

.about_content .text p {
    margin: 0;
}
.about1_icon_wrap {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-bottom: 39px;
    margin-top: 40px;
}

.about1_icon_single {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}
.about1_icon_single + .about1_icon_single {
    margin-left: 18px;
}
.about1_icon_single .about1_icon {
    height: 60px;
    width: 60px;
    margin-right: 16px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    justify-content: center;
}
.about1_icon_single .about1_icon i {
    color: #5f8f55;
    font-size: 61px;
}
.about1_icon_single p {
    color: var(--thm-black);
    font-size: 20px;
    font-weight: 600;
    margin: 0;
}

.bottom_text p {
    margin: 0;
}
.about1__button-block {
    margin-top: 49px;
}


.formTextBoxD3{    max-width: 100%;
    margin-bottom: 15px;
    padding: 10px 0;
    height: auto;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-width: 0 0 1px;
    border-style: solid;
    display: block;
    width: 100%;
    line-height: 1.5em;
    font-family: 'Barlow', sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #666;
    background-image: none;
    border-bottom: 1px solid #000;
    border-color: ease-in-out .15s, box-shadow ease-in-out .15s;}
.formTextBoxD3:before{
	content: "";
	position: absolute;
	width: 100%; height: 1px;
	background: #000;
}



a.logoBox {
    
    border-radius: 10px;
    overflow: hidden;
    cursor: pointer;
    display: inline-block;
    box-shadow: none;
    background-color: transparent;
    font-size: 1.5rem;
    font-family: inherit;
    transition: all .3s linear;	opacity: 0.6;
}


.footer-inner{position: relative;
    padding-top: 80px;
    padding-bottom: 50px;}
.footer-inner:after {
    position: absolute;
    height: 200px;
    width: 100%;
    background: url('../img/bg-footer.webp') no-repeat scroll center bottom;
    content: "";
    left: 0px;
    bottom: calc(100% - 5px);
}



ul.productDListMenu{display: block; margin: 0; padding: 0; list-style: none; text-align: left; width: 100%; position: sticky; top: 20px;}

ul.productDListMenu li a{
    display: block;
    font-size: 15px;
    line-height: 44px;
    color: #000;
    font-weight: 600;
    padding: 2px 15px; width: 100%;
    cursor: pointer; border-radius: 5px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease; margin: 0 0 13px 0; letter-spacing: 0px; text-align: left; 
	background: #f7f5f0;
	
    
}

ul.productDListMenu a{color: #1b1d21;}

ul.productDListMenu li i {
    display: inline-block;
    width: 54px;
    height: 54px;
    line-height: 54px;
    font-size: 20px;
    text-align: center;
    color: #FD9881;
    transition: all 0.3s ease-in;
}

ul.productDListMenu li a:hover{
color: #1b1d21;
	background: #FEDF16;
}

ul.productDListMenu li:hover i{
color: #FEDF16;	
}



ul.productDListMenu li a.active{
color: #1b1d21;
	background: #FEDF16;
}
ul.productDListMenu li a.active i{
color: #FEDF16;	
}

.nutritional{margin-bottom: 60px;}
.nutritional h2{font-size: 37px; padding-bottom: 25px;}
.nutritional p{ font-size: 16px; color: #2c2c2c;   margin: 0px 0 20px 0; }
.nutritional ul{ margin:0; padding:0; list-style:none;}
.nutritional ul li{ padding:4px 0 15px 0; width:100%; position:relative; padding-left:25px;  font-size:16px; color:#2c2c2c; line-height:25px; font-weight:300;}

.nutritional ul li strong{font-weight: 600;}
.nutritional ul li:before {
    position: absolute;
    content: '\f00c';
    left: 3px;
    top: 5px;
    font-weight: 900;
    font-family: 'Line Awesome Free';
	color:#FEDF16;
	font-size: 16px;
}

.nutritional ul ul{ margin:15px  0 0 20px; padding:0; list-style:none;}

.usage{}
.usage h2{font-size: 37px; padding-bottom: 25px;}
.usage p{ font-size: 16px; color: #2c2c2c;   margin: 0px 0 20px 0; }
.usage ul{ margin:0; padding:0; list-style:none;}
.usage ul li{ padding:4px 0 15px 0; width:100%; position:relative; padding-left:25px;  font-size:16px; color:#2c2c2c; line-height:25px; font-weight:300;}
.usage ul li strong{font-weight: 600;}
.usage ul li:before {
    position: absolute;
    content: '\f00c';
    left: 3px;
    top: 5px;
    font-weight: 900;
    font-family: 'Line Awesome Free';
	color:#FEDF16;
	font-size: 16px;
}

.usage ul ul{ margin:15px  0 0 20px; padding:0; list-style:none;}



.headBannerCon{
    width: 100%;
    background-size: cover;
    background-position: center;
    position: relative;
    z-index: 1;
}
.headBannerConBg {
    width: 100%;
    height: 330px;
    text-align: center;
    background-color: rgba(10, 10, 10, 0.5);
    padding: 200px 0 150px;
    vertical-align: middle;
}

.page-title-heading h2 {
    font-weight: 700;
    /* text-transform: capitalize; */
    font-size: 48px;
    line-height: 58px;
	color: #fff;
}


.breadcrumb-wrapper {

    display: inline-block;
    padding: 6px 20px;
}
.breadcrumb-wrapper span {

    font-weight: 400;
    text-transform: capitalize;
    font-size: 15px;
    line-height: 24px; 
    color: #fff;
    position: relative; padding-right: 37px;
}

.breadcrumb-wrapper span i {
    padding-right: 10px;
}
.breadcrumb-wrapper span a {
    font-size: 15px;
}

.breadcrumb-wrapper span:after {
	content: "/";
	position: absolute;
    font-weight: normal;
	font-size: 18px;
    width: 1px;
    height: 14px;
    right: 20px;
    top: 0;
    display: inline-block;
    font-style: normal;
}


.breadcrumb-wrapper span:last-child {
    padding-right: 0;
}
.breadcrumb-wrapper span:last-child:before {
  content: unset;
}
.breadcrumb-wrapper span:last-child:after {
  content: unset;
}


.contentSub{}
.contentSub h2{font-size: 37px; padding-bottom: 25px;}
.contentSub p{ font-size: 16px; color: #2c2c2c;   margin: 0px 0 10px 0; }
.contentSub ul{ margin:0; padding:0; list-style:none;}
.contentSub ol{ margin:0 0 10px 20px; padding:0; }
.contentSub ol li{ padding:0 0 10px 0;  }
.contentSub ul li{ padding:4px 0 15px 0; width:100%; position:relative; padding-left:25px;  font-size:16px; color:#2c2c2c; line-height:25px; font-weight:300;}
.contentSub ul li:before {
    position: absolute;
    content: '\f00c';
    left: 3px;
    top: 5px;
    font-weight: 900;
    font-family: 'Line Awesome Free';
	color:#FEDF16;
	font-size: 16px;
}

.contentSub ul ul{ margin:15px  0 0 20px; padding:0; list-style:none;}