/*
Theme Name: Green Vegetable Store Pro
Theme URI: https://www.ovationthemes.com/products/solar-energy-wordpress-theme
Author: Ovationthemes
Author URI: https://www.ovationthemes.com/
Theme Description: Green Vegetable Store Pro WordPress Theme is a feature-rich theme with a gorgeous layout. It is specifically designed for repairing services, manufacturing plants, road building, company, constructor, corporate, industry, plumber, electrician, carpenter, painter, handyman, mills, small contractors to big corporates, heavy vehicle and rent websites. This premium theme is compatible with all famous WordPress plugins like WooCommerce, Contact Form 7 etc. It uses theme options using customizer API. The responsive design will fit in all devices. Also, it is translation-ready and has RTL layout support. You have a lot of customization options like simple menu option, Favicon, Logo, Title and Tagline Customization, support to add CSS/JS, pagination option, enable-disable options on all sections.
Version: 0.0.1
Requires at least: 5.0
Requires PHP: 7.2.14
Tested up to: 5.7
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: green-vegetable-store-pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments

Green Vegetable Store Pro WordPress Theme has been created by ovationthemes(ovationthemes.com), 2021.
Green Vegetable Store Pro WordPress Theme is released under the terms of GNU GPL
*/

/*----------------all Pages-------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Shantell+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Amatic+SC:wght@400;700&display=swap');

*{
  margin:0;
  padding:0;
  outline:none;
}
html body{
  background-color:#ffffff;
  font-size: 15px;
  color: #2a2a34;
  font-family: 'Shantell Sans';
  overflow-x: hidden;
  padding: 0 !important;
}
html {
    overflow-x: hidden;
}
label {
  margin-bottom: 0 !important;
}
img{
  margin:0;
  padding:0;
  border:none;
  max-width:100%;
  height:auto;
}
section img{
  max-width:100%;
}
h1,h2,h3{
  font-size: 36px;
  font-family: 'Shantell Sans';
  margin:0;
  padding:10px 0;
  color:#2a2a34;
  font-weight: 800;
}
h4,h5,h6{
  font-size: 22px;
  font-family: 'Shantell Sans';
  margin:0;
  padding:10px 0;
  color:#0C7735;
  font-weight: 700;
}
p{
  margin:0 0 15px;
  padding:0;
  font-size:16px;
  font-weight:400;
  color: #000000;
}
p, ul li a{
  letter-spacing: 0px;
}
body a{
  text-decoration:none;
  color:#2a2a34;
  font-weight: 400;
}
a:hover{
  color: #0C7735;
}
a:focus,a:hover{
  text-decoration:none !important;
}
/* SITE LOADER */
/*--------- Site Loader --------------*/
.preloader {
  background: #fff;
  display: flex;
  height: 100%;
  width: 100%;
  left: 0;
  bottom: 0;
  top: 0;
  position: fixed;
  z-index: 9999999;
}
.loader {
  display: flex;
  align-items: center;
  justify-content: space-around;
  width: 100px;
  height: 50px;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
}

@keyframes slide-in {
  from {
    transform: translateX(-100vw);
  }
  to {
    transform: translateX(0%);
  }
}

@keyframes leap {
  0% {
    transform: translateY(0);
  }

  7% {
    transform: scale(1);
  }

  25% {
    transform: scale(1.3);
  }

  50% {
    transform: scale(1);
    opacity: 0.5;
  }

  75% {
    transform: translateY(10px);
  }

  100% {
    transform: translateY(0);
  }
}
.dot {
  width: 25px;
  height: 25px;
  border-radius: 100%;
}
.dot:nth-child(1) {
  background-color: #FFD800;
  animation: leap 1s ease-in-out alternate 0.4s infinite;
}
.dot:nth-child(2) {
  background-color: #FFD800;
  animation: leap 1s ease-in-out alternate 0.6s infinite;
}
.dot:nth-child(3) {
  background-color: #FFD800;
  animation: leap 1s ease-in-out alternate 0.8s infinite;
}
/* SEARCH POPUP */
.search_form input[type="search"] {
    background: unset;
    border: unset;
    padding: 0 25px;
}
.search_form input[type="search"]::placeholder{
  color: #000000E5;
  font: 500 13px/22px 'DM Sans';
}
.search_form button[type=submit] {
    position: absolute;
    right: 0;
    background: unset;
    border: 0;
}
.search_form button[type=submit] i{
    color: #200E32;
}
.header-serach-box {
    gap: 45px;
}
.search_form {
    width: 100%;
}
.side_search::before {
    content: '';
    background: #0000001A;
    width: 1px;
    height: 20px;
    position: absolute;
    left: -8px;
}
/*----------------------add to cart---------*/
#cart {
  background: #000;
  width: 400px;
  right: 0px;
  top: 50px;
  margin: 0px auto;
  text-align: left;
  padding: 20px;
  position: absolute;
  z-index: 999999;
  display: none;
  -webkit-animation: bounceIn 2s ease-in-out;
  animation: bounceIn 2s ease-in-out;
}
#cart p.woocommerce-mini-cart__empty-message {
    color: #ffffff;
}
.cart-close-btn {
    text-align: right;
    color: #ffffff;
    font-size: 16px;
    cursor: pointer;
}
.cart_box:hover #cart{
  display: block;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
li.woocommerce-mini-cart-item.mini_cart_item a.remove {
    right: 0px;
    left: auto !important;
}
.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img{
  float: left;
  margin-right: 24px;
}
.woocommerce a.remove{
  color: #fff !important;
  background-color: #0C7735;
  width: 25px;
  height: 27px;
}
.woocommerce .widget_shopping_cart .cart_list li, .woocommerce.widget_shopping_cart .cart_list li{
  padding-left: 0em;
}
.woocommerce.widget_shopping_cart .buttons a{
  width: 100%;
  text-align: center;
}
.woocommerce .widget_shopping_cart .total{
  padding: 4px 0 0;
  margin: 10px 0 !important;
}
.woocommerce-mini-cart__total.total strong {
    padding: 8px 0;
}
p.woocommerce-mini-cart__buttons.buttons {
    display: flex;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    width: 23.05% !important;
    /* margin: 10px 0 !important; */
}
.woocommerce .loader::before{
  display: none;
}
/*---------------- Pagination ----------------*/
.navigation {
  font-size:14px;
  font-weight:bold;
  margin: 10px 0;
}
.navigation a {
  padding: 0;
}
.navigation span, .navigation a {
  display: block;
  float: left;
  padding: 10px 15px 0 15;
  margin-bottom: 10px;
  margin-right: 10px;
  color: #5b5b5b;
  -webkit-transition: background .15s ease-in-out;
  -moz-transition: background .15s ease-in-out;
  -ms-transition: background .15s ease-in-out;
  -o-transition: background .15s ease-in-out;
  transition: background .15s ease-in-out;
  font-weight: normal;
}
.navigation span.meta-nav {
  font-weight: bold;
}
.navigation .current{
  background: #2a2a34;
  color:#ffffff;
  font-weight:normal;
}
.title-box{
  background:#0C7735 ;
}
.title-box h2 {
    color: #ffffff;
}
.main_title {
    background: #dcedff ;
}
/* MENU BAR */

@keyframes smoothScroll {
  0% {
    transform: translateY(-40px);
  }
  100% {
    transform: translateY(0px);
  }
}
.main-navigation ul>li.menu-item-has-children>a:after {
  content: "\f107";
  margin-top: 1px;
  position: static;
  margin-left: -10px;
  font-family: "font awesome 5 free";
  font-weight: 900;
  float: right;
  color: #200E32;
  font-size: 10px;;
}
ul.list_nav {
  margin: 0 auto;
  display: block;
}
.main-navigation li{
  position: relative;
  display: inline-block;
}
.main-navigation ul.sub-menu li:after{
  display: none;
}
.main-navigation a{
  color: #000000;
  font: 500 14px / 22px 'DM Sans';
  padding: 14px 10px;
  margin: 0 8px;
}
.main-navigation li:last-child a::before,.main-navigation li.current-menu-item.current_page_item a::before{
  display: none;
}
.main-navigation ul ul{
  /* display: none; */
  position: absolute;
  left: 0;
  top: 100% ;
  background: #2a2a34;
  min-width: 215px;
  z-index: 9999;
  margin-top: 10px;
  border: 1px solid #eee;
  border-radius: 10px;
  padding-left: 15px;
  opacity: 0;
  transform: rotateY(-75deg);
}
.main-navigation ul ul ul{
  left: 100%;
  top: 0;
}
.main-navigation ul ul li,
.menubar.scrolled .main-navigation ul ul li{
  float: none;
  display: block;
  text-align: left;
  border-bottom: 1px solid #e9eaea;
}
.main-navigation ul ul li:last-child{
  border-bottom: 0;
}
.main-navigation ul li:hover > ul{
  /* display: block; */
  transition: .3s;
  opacity: 1;
  visibility: visible;
  top: 100%;
  transform: rotateY(0deg);
  box-shadow: 0px 4px 12px 5px #e2f1ea;
}
.main-navigation .menu > ul > li.highlight{
  background-color: #000000;
}
.main-navigation .menu > ul > li.highlight:hover{
  background: transparent;
}
.menubar.scrolled .menu > ul > li:hover > a:after,
.menubar.scrolled .menu > ul > li.current_page_item > a:after,
.menubar.scrolled .menu > ul > li.current-menu-item > a:after{
  height: 2px;
}
ul#menu-ot_main_primary-menu {
    margin-bottom: 0;
    padding-left: 0;
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation{
  margin: 0 0 15px;
  overflow: hidden;
}
.comment-navigation .nav-next, .posts-navigation .nav-next{
  float: right;
  text-align: right;
  width: auto;
}
.main-navigation a:hover{
  color: #0C7735;
}
.main-navigation li.current-menu-item.current_page_item a,.current-menu-item a{
  border-bottom: 4px solid #FFD800;
}
ul.children li a {
    padding: 10px;
}
a.closebtn.mobile-menu:hover,.main-navigation ul ul li a:hover {
    background: unset;
}
.main-navigation ul ul li a:hover{
  color: #0C7735;
  font-size: 17px;
  transition: 0.3s all ease;
}
/* ---------- Return to Top ------------ */
#return-to-top {
  position: fixed;
  bottom: 10px;
  right: 20px;
  width: 50px;
  height: 50px;
  display: block;
  text-decoration: none;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 35px;
  display: none;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 99;
}
#return-to-top i {
  color: #92a8ac;
  position: relative;
  top: 13px;
  font-size: 19px;
  padding: 3px 18px;
  box-shadow:none;
  transition: all 0.40s ease;
  -webkit-transition: all 0.40s ease;
  -moz-transition: all 0.40s ease;
  -ms-transition: all 0.40s ease;
  -o-transition: all 0.40s ease;
}
#return-to-top:hover {
  background: transparent;
  box-shadow: 0 0 10px 0 #0C7735 inset, 0 0 10px 4px #0C7735;
}
#return-to-top:hover i {
  top: 5px;
  color: #0C7735 !important;
}
div#mySidenav {
    display: block;
}
/*--------sidebar------------*/
div#sidebar {
    border: 1px solid #ccc;
    padding: 20px;
    border-radius: 14px;
}
div#sidebar .wp-block-group {
    margin: 20px 0px;
}
div#sidebar .wp-block-group__inner-container h2 {
    background: #dcedff ;
    font-size: 24px;
    text-align: center;
    font-style: italic;
}
#sidebar li.wp-block-latest-comments__comment {
  margin-top: 15px;
}
/*sidebar*/
#sidebar .postbox.smallpostimage{
  padding: 10px;
}
#sidebar td#prev a {
  color: #1fb125;
}
#sidebar caption {
  font-weight: bold;
  color: #0C7735;
  font-size: 20px;
}
#sidebar table,#sidebar th,#sidebar td {
  text-align: center;
}
#sidebar td {
  padding: 7px;
}
#sidebar th {
  text-align: center;
  padding: 5px;
  color: #0C7735;
}
#sidebar select {
  padding: 10px 5px;
  border: solid 1px #2c2c2c;
  color: #0C7735;
  background: transparent;
  width: 100%;
}
#sidebar h3 {
  font-weight: bold;
  font-size: 22px;
  color: #2c2c2c;
  text-align: center;
  padding: 4% 0;
}
#sidebar input[type="search"],
input[type="search"] {
  padding: 17px;
  font-size: 14px;
  margin-bottom: 0px;
  color: #666c6e;
  border: solid 1px #e5eaec;
  width: 100%;
}
#sidebar .search-form .search-submit{
    bottom: 4px;
    padding: 12px 10px !important;
    position: absolute;
    left: 20px;
    width: 40%;
    margin: 2% 0px
}
#sidebar label{
  margin-bottom: 0;
  width: 100%;
}
#sidebar input[type="submit"]{
  background:#1fb125;
  color:#fff;
  padding:10px 0;
  font-size:12px;
  width: 30%;
  font-weight: bold;
}
#sidebar .widget {
  margin-bottom: 25px;
}
#sidebar ul {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 17px;
}
#sidebar ul li {
    border-bottom: 1px solid #ddd;
    margin: 0 0 5px;
    padding: 10px 20px 10px;
}
#sidebar aside#monster-widget-placeholder-9 ul li {
    box-shadow: 0.5px 0.866px 4px 0px rgb(0 0 0 / 10%);
    margin-bottom: 10px;
}
aside#monster-widget-placeholder-10 ul li {
    box-shadow: 0.5px 0.866px 4px 0px rgb(0 0 0 / 10%);
    margin-bottom: 15px;
}
#sidebar ul li a:before{
  font: normal normal normal 14px/1 FontAwesome;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f054";
    font-size: 10px;
    font-weight: 100;
    margin-left: -15px;
    margin-right: 10px;
    top: -1px;
    display: inline-block;
    position: relative;
}
#sidebar ul li:last-child{
  border: none;
}
#sidebar ul li a {
  font-size: 15px;
  font-weight: 500;
  color: #2a2a34;
}
#sidebar .tagcloud a,
.site-footer .tagcloud a{
  background:#eeeeee;
  color:#2c2c2c;
  font-size:15px !important;
  padding:5px 18px;
  margin:0 0 5px;
  display:inline-block;
}
#sidebar .tagcloud a:hover,
.site-footer .tagcloud a:hover{
  background:#1fb125;
  color: #fff;
}
.menu-ot_main_primary-menu-container {
    margin-bottom: 50px !important;
}
.textwidget img {
    border-radius: 10px;
}
span.rss-date {
    font-style: italic;
    font-weight: bold;
}
.rssSummary {
    margin: 10px 0px;
}
aside#monster-widget-placeholder-4 ul,aside#monster-widget-placeholder-6 ul,aside#monster-widget-placeholder-7 ul,.menu-ot_main_primary-menu-container ul{
    background: #dcedff ;
}
ul#menu-ot_main_primary-menu-1 {
    margin-bottom: 20% !important;
}
td#today a {
    background: #0C7735;
    border-radius: 50px;
    padding: 8px 10px;
}
/*--------- Woocommerce Section--------- */

.woocommerce ul.products li.product a img {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.woocommerce ul.products li.product .star-rating{
  margin: 0 auto .5em;
  color: #f4bc16;
}
.woocommerce .products li {
    text-align: center;
    border: solid 1px #e6e6e7;
    border-radius: 10px;
    padding: 10px 10px 10px 10px !important;
}
.woocommerce .products li:hover{
  box-shadow: 0px 0px 10px 2px #ededed;
}
.woocommerce #sidebar {
  margin-top: 2em;
}
a.showcoupon,
.woocommerce-message::before{
  color: #0C7735;
}
.woocommerce-message {
  border-top-color: #0C7735;
}
.woocommerce .shop ul.products li.product .onsale, .woocommerce .shop span.onsale {
  background: #0C7735;
  color: #fff;
  border-radius: 35px 35px 0px 0px;
  min-height: 40px;
  min-width: 100px;
  border-radius: 0px 12px;
  padding: 7px 0;
  font: 600 18px / 16px 'DM Sans';
}
.woocommerce .shop ul.products li.product .onsale{
    top: 0px !important;
    right: 0px !important;
}
.products h2.woocommerce-loop-product__title {
    font-size: 32px !important;
    font-family: 'Amatic SC';
    font-weight: 700;
}
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price, .woocommerce div.product span.price {
    color: #2a2a34 !important;
    font: 400 16px / 16px 'DM Sans';
}
.woocommerce div.product .product_title,.woocommerce div.product p.price, .woocommerce div.product span.price{
  margin-bottom: 5px;
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button,.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{
    color: #fff !important;
    font-size: 16px;
    font-weight: 600;
    background: #0C7735;
    border-radius: 50px !important;
    position: relative;
    padding: 14px 20px;
    opacity: 1 !important;
    cursor: pointer !important;
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover{
  background: #FFD800 !important;
  color: #000000;
}
.woocommerce .quantity .qty {
  width: 5em;
  padding: 8px 5px;
  border-radius: 0;
  border: solid 1px #2a2a34;
  color: #2a2a34;
}
.col-1,.col-2 {
  max-width: 100%;
}
nav.woocommerce-MyAccount-navigation ul {
  list-style: none;
  padding: 0;
}
nav.woocommerce-MyAccount-navigation ul li {
  background: #0C7735;
  padding: 12px!important;
  margin-bottom: 10px;
  border-radius: 10px;
}
nav.woocommerce-MyAccount-navigation ul li a{
  color: #fff !important;
  font-weight: bold;
  font-style: none !important;
  text-decoration: none;
}
.posted_in {
  display: block;
}
.woocommerce .woocommerce-ordering select{
  padding: 10px;
}
span.woocommerce-input-wrapper{
 width: 100%;
}
.woocommerce-product-gallery__image{
  padding: 2px;
}
.woocommerce a.checkout-button.button.alt.wc-forward{
  color: #fff !important;
  font-style: none;
}
.woocommerce a.checkout-button.button.alt.wc-forward:hover{
  text-decoration: none !important;
}
a.woocommerce-LoopProduct-link.woocommerce-loop-product__link img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
    width: auto;
    margin: auto;
    padding: 72px 0 20px;
}
.woocommerce-product-gallery__image img.wp-post-image {
    width: auto !important;
    margin: inherit;
}
nav.woocommerce-breadcrumb {
    margin: 17px 0px !important;
    font-size: 16px !important;
    color: #0C7735 !important;
}
.summary.entry-summary form.cart .quantity {
    margin: 4px 15px 0px 0px !important;
}
button.single_add_to_cart_button.button.alt {
    padding: 15px 30px;
}
.comment-form-rating label, p.stars {
    padding: 10px 0px;
}
textarea#comment {
    width: auto !important;
}
input#coupon_code {
    width: 104px;
    margin: 6px 15px 0px 0px;
}
ul.woocommerce-error {
    border-top-color: #0C7735;
}
.woocommerce-error::before {
    color: #0C7735;
}
/*--------post------------*/
.single-post .post_share_icon a {
    padding: 10px 13px;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    width: auto;
    margin: 5px 3px;
}
.single-post a.post-facebook {
    background: #3b5998;
}
.single-post a.post-pShantell Sansest {
    background: #c92228;
}
.single-post a.post-linkedin {
    background: #0976b4;
}
.single-post a.post-twitter {
    background: #1B95E0;
}
.single-post b.share-txt {
    font-size: 18px;
}
p.comment-form-comment{
position: relative;
}
p.comment-form-comment label {
    position: absolute;
    bottom: 100%;
    font-weight: 700;
}
div#comments p.logged-in-as {
    margin-bottom: 35px;
}
.single-post .feature-box img {
    width: 50%;
}
.single-post-content p {
    margin-right: 10%;
    text-align: justify;
}
a.page-numbers{
  padding: 10px !important;
  background-color: #0C7735;
  color: #ffffff !important;
  border: 1px solid #0C7735;
}
.navigation span.page-numbers.current{
  background-color: #ffffff;
  border: 1px solid #0C7735;
  color: #000000 !important;
  padding: 10px !important;
}
p.form-submit input#submit {
    border: none;
    padding: 10px;
    font-weight: bold;
    border-radius: 5px;
}
button.wp-block-search__button,form.search-form.serach-page input.search-submit {
    background: #0C7735 !important;
    padding: 5px 20px !important;
    border-radius: 5px;
    border: none !important;
    color: #fff !important;
    font-weight: bold;
}
ul.wp-block-latest-posts__list.wp-block-latest-posts li{
  margin: 15px 0px;
}
div#single_post .news-box.my-4 {
    box-shadow: 0px 4px 10px 1px #0c7735c2;
    border-radius: 15px;
}
.content_boxes .feature-box img {
    border-radius: 10px;
    width: 100%;
}
img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
    width: 100%;
}
div#single_post .news-datebox {
    right: 35px;
    bottom: 29%;
  }
  div#blog-left-sidebar .news-datebox,div#blog-right-sidebar .news-datebox {
    bottom: 42%;
}
div#full-width-blog .lower-new-box,div#blog-left-sidebar .lower-new-box,div#blog-right-sidebar .lower-new-box{
    position: static;
    width: 100%;
  }
  .single-post .feature-box {
    width: 20%;
}
/*---------Contat Us--------------*/
input.contactp-name,input.contactp-email,input.contactp-call,input.contact-date {
    font-size: 15px;
    border-radius: 10px;
    padding: 10px;
    margin: 5px;
    border: 1px solid #d8e5ee;
    width: 100%;
}
textarea.contactp-msg{
    height: 80px;
    border-radius: 10px;
    width: 100%;
    margin: 5px;
    padding: 10px;
    border: 1px solid #d8e5ee;
}
input.contactp-sumbit{
    padding: 10px 20px;
    border-radius: 35px 35px 0px 35px;
    margin: 5px;
    border: 1px solid #d8e5ee;
    display: inline-block;
    font-weight: bold;
    background: #ffffff;
    cursor: pointer;
}
input.contactp-sumbit:hover{
  background: #FFD800;
  border-radius: 0px;
  border-color: #FFD800;
}
.contact-section-form {
    border-radius: 20px;
    background: #0C7735;
}
.call0 h6 a,.contact-info h6 a{
  color: #3d3c3c ;
  font-weight: 700;
}
.call0 h6 a:hover,.contact-info h6 a:hover{
  color: #FFD800
}
.contact-info span {
    padding-left: 38px;
}
div#contact-box i{
  color: #0C7735;
}
textarea.contactp-msg::placeholder,input.contactp-name::placeholder,input.contactp-email::placeholder,input.contactp-call::placeholder,input.contact-date{
   color: #8899a6;
}
.contact-info h3{
  position: relative;
}
div#contact-box h6 {
    font-size: 16px;
}
/* STICKY HEADER */

.stickynavbar {
  /*background-color: #fff !important;*/
  z-index: 9999999999999;
  padding-top: 0 !important;
  box-shadow: 0 0 8px grey;
}
.sticky {
  /*position: fixed!important;*/
  top: 0;
  width: 100%;
  padding-bottom: 0 !important;
}
/*-------------------------- Calendar widget --------------------------*/
.widget.widget_calendar table {
  margin: 0;
}
.widget.widget_calendar td, .widget.widget_calendar tr, .widget.widget_calendar th {
  border: 1px solid #fff;
}
#footer .widget.widget_calendar td, #footer .widget.widget_calendar tr, #footer .widget.widget_calendar th {
  padding: 2px;
}
.widget_calendar td,
.widget_calendar th {
  line-height: 1.5625;
  padding: 0;
  text-align: center;
}
.widget th,
.widget td {
  padding: 0.5384615385em;
}
/*---------------common css-------------*/
input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-email.ft-email {
    width: 100%;
}
/*------------topbar-----------*/
#topbar_section {
  position: relative;
}
.top-logo {
  background: #ffffff;
  padding: 15px 10px;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 18%;
  top: 0;
  border-radius: 0px 0px 25px 25px;
}
.right-box {
    display: flex;
    align-items: center;
    background: #0C7735;
    padding: 17px 0 17px 35px;
    box-shadow: 280px 0px 0px 0px #0C7735;
    gap: 30px;
    border-radius: 0px 0px 0px 6px;
}
.header-contact-icon i {
  font-size: 21px;
  color: #ffffff;
}
.header-contat-detail a,.header-contat-detail span{
  color: #FFFFFFE5;
  font: 500 14px / 20px 'DM Sans';
}
.header-contat-detail a:hover,.header-contat-detail span:hover{
  color: #FFD800;
}
.left-box {
    background: #0C7735;
    padding: 17px 0;
    box-shadow: -280px 0px 0px 0px #0C7735;
    gap: 30px;
    border-radius: 0px 0px 6px 0px;
}
.top-logo img {
    width: 176px;
}
.header-main-box {
    display: flex;
    align-items: center;
    gap: 15px;
}
.header-main-box i {
    color: #FFD800;
    font-size: 15px;
}
.topbar-social-icon-box p {
    color: #ffffff;
    font: 400 14px / 16px 'Shantell Sans';
    margin-bottom: 8px;
}
.topbar-social-icon-box a {
  color: #000000;
  font-size: 18px;
  margin: 0 5px;
  transition: 0.3s ease all;
}
.topbar-social-icon-box a:hover{
  color: #0C7735;
  transition: 0.3s ease all;
}
span.cart-customlocation:before {
    content: '';
    background: #ffffff;
    width: 6px;
    height: 6px;
    position: absolute;
    right: -2px;
    border-radius: 50%;
    top: 0px;
}
/*-----------Header---------*/
.home.page-template #header {
    padding-bottom: 0px;
    background: unset;
}
#header {
    padding-bottom: 55px;
    background: #1212121f;
}
#nav-box {
  background: #FFD800;
  padding: 20px 0;
}
.header-box {
  padding: 18px 10px;
  position: absolute;
  z-index: 99;
  margin-top: 6px;
  width: 45%;
  background-image: url(./assets/images/navigation-bg.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.header-search-box {
    display: flex;
    align-items: center;
}
.main-navigation ul ul li a{
  color: #ffffff;
  padding: 0;
  font: 500 15px / 26px 'DM Sans';
  margin: 0;
  transition: 0.3s all ease;
}
.header-box .header-contact-icon {
    width: 36px;
    height: 40px;
    border-radius: 50%;
}
.header-box .header-contact-icon i{
  font-size: 16px;
}
.header-box .header-contat-detail h4{
  color: #626B7D;
  font: 400 13px/15px 'Shantell Sans';
}
.header-box .header-contat-detail a{
  color: #161617;
  font: 800 18px/21px 'Shantell Sans';
}
.header-box .header-main-box{
  justify-content: end;
  padding-right: 25px;
}
.top-cart a {
  color: #ffffff;
  text-transform: capitalize;
  font-size: 15px;
}
span.quantity {
    color: #ffffff;
}
.top-cart a img{
  width: 85px !important;
}
/*-------slide--------*/
#slider .carousel-item{
  background: #0C7735;
  height: 703px;
}
#slider img.img-fluid {
    width: 100%;
}
#slider .slide-img {
    position: relative;
}
.slider-box span{
  color: #FFD800;
  font: 500 18px / 22px 'Shantell Sans';
}
h1.headtwo{
  color: #ffffff;
  font: 700 75px / 68px 'Amatic SC';
  display: block;
}
.slider-box p {
    color: #FFFFFF;
    font: 500 16px / 21px 'DM Sans';
    padding: 10px 0;
}
#slider .carousel-caption{
  left: auto;
  right: auto;
}
.slider-button1 a{
  text-align: center;
  color: #000000;
  font: 700 16px / 100% 'DM Sans';
  padding: 23px 25px;
  display: inline-block;
  transition: 0.3s;
  background: #FFD800;
  border-radius: 35px 35px 0px 35px;
  width: 191px;
  height: 60px;
}
.slider-button1 a:hover{
  border-radius: 0;
  transition: 0.3s;
}
.theme-button a:hover{
  background: #0C7735;
  transition: 0.3s;
}
.slider-box {
    transform: translateY(-65%);
    width: 85%;
    padding-left: 15px;
}
#slider .carousel-indicators{
  bottom: 125px;
  justify-content: left;
}
#slider .carousel-indicators [data-bs-target]{
  border: 1px solid #FFFFFF;
  width: 24px;
  height: 5px;
  background: #FFFFFF;
  border-radius: 9px;
  opacity: 1;
  margin: 0 5px;
}
#slider .carousel-indicators .active{
  background: #FFD800;
  border-color: #FFD800;
  height: 9px;
  position: relative;
  top: -2px;
}
#slider .carousel-control-prev {
  right: 12%;
  top: 41%;
  left: auto;
}
#slider .carousel-control-next i,#slider .carousel-control-prev i{
  background: #1E1E1EB2;
  box-shadow: 0px 4px 54px 0px #00000026;
  width: 55px;
  height: 55px;
  border-radius: 50%;
  padding: 20px 0;
  color: #ffffff;
}
#slider .carousel-control-next,#slider .carousel-control-prev{
  width: auto;
  opacity: 1;
  bottom: auto;
}
#slider .carousel-control-next {
    right: 12%;
    top: 50%;
}
#slider .carousel-control-next i:hover,#slider .carousel-control-prev i:hover{
  background: #FFD800;
  box-shadow: 0px 4px 54px 0px #00000026;
  color: #000000;
}
/* -------------Feature Section------------ */
#our_features {
    background-size: 100% 100%;
    padding-bottom: 11em;
    position: relative;
}
#our_features .feature-image img{
  width: auto;
}
.feature-bg {
    background: #FFFFFF;
    position: relative;
}
.curve-img svg {
  position: absolute;
  bottom: -67px;
  left: 0;
  right: 0;
  width: fit-content;
}
.curve-img img {
    position: absolute;
    bottom: -66px;
    left: 0;
    right: 0;
    width: 100%;
}
/* .feature-bg::before{
  content: '';
  background-image: url('./assets/images/features/curve-img.svg');
  width: 100%;
  height: 65px;
  position: absolute;
  bottom: -64px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
} */
.our-feature-box {
  padding: 30px 30px;
  transition: all .5s ease-in-out;
  text-align: center;
}
.our-feature-box:hover {
    transform: translateY(-10px);
}
.our-feature-box:hover .feature-image {
    transform: scaleX(-1);
    transition: all .5s ease-in-out;
}
.feature-image {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
  border-radius: 50%;
  margin-bottom: 20px;
  transition: all .5s ease-in-out;
}
.feature-content h3{
  color: #000000;
  font: 700 34px/32px 'Amatic SC';
}
.feature-content p{
  color: #2b2b3280;
  font: 500 15px/21px 'DM Sans';
}
.feature-row .feature-item:nth-child(odd) .our-feature-box .feature-image{
  border: 1px dashed #0C7735;
}
.feature-row .feature-item:nth-child(even) .our-feature-box {
    margin-top: 30px;
}
.feature-row .feature-item:nth-child(even) .our-feature-box .feature-image{
  border: 1px dashed #FFD801;
}
.crop-left-image {
    position: absolute;
    left: 40px;
    bottom: -23px;
}
.crop-right-image {
    position: absolute;
    right: 98px;
    bottom: 0;
}
.feature-row {
    padding: 0 50px;
}
/*-----------About------------*/
#about {
    padding-bottom: 6em;
}
#about::before {
    content: '';
    background: linear-gradient(90deg, rgba(255, 216, 1, 1) 45%, rgba(255, 255, 255, 1) 45%);
    position: absolute;
    width: 100%;
    height: 405px;
    bottom: 0;
}
span.abt-small-head{
  color: #0C7735;
  font: 500 18px / 22px 'Shantell Sans';
  padding: 10px 0 0;
  display: block;
}
h3.abt-main-head{
  color: #000000;
  font: 700 55px/68px 'Amatic SC';
  padding-top: 10px;
}
.about-text-box {
    padding-left: 10px;
}
p.abt-text{
  font: 500 14px/22px 'DM Sans';
  color: #2b2b3280;
  text-transform: capitalize;
}
.about-button-box {
    display: flex;
    align-items: center;
    gap: 40px;
}
#about .tab-header {
  display: flex;
  background: #ffffff;
  box-shadow: 0px 4px 34px 0px #00000014;
  border-radius: 10px;
  margin-top: 35px;
}
#about .tab-header button {
  flex: 1;
  padding: 15px;
  cursor: pointer;
  background: none;
  border: none;
  outline: none;
  Font: 500 18px /22px 'Shantell Sans';
  position: relative;
}
#about .tab-header button::after{
  content: '';
  background: #D9D9D9B2;
  height: 30px;
  width: 1px;
  position: absolute;
  right: 0;
  top: 11px;
}
#about .tab-header button:last-child::after{
  display: none;
}
#about .tab-content p{
  color: #2b2b3280;
  font: 500 15px/26px 'Shantell Sans';
}
#about .tab-header button:hover,
#about .tab-header button.active {
  color: #0C7735;
}
#about .tab-content {
  display: none;
  padding: 25px 0;
}
#about .tab-content.active {
  display: block;
}
/*-------Section Heading---------*/
.section-heading-box span{
  color: #0C7735;
  font: 500 18px / 22px 'Shantell Sans';
  display: block;
  padding: 10px 0;
}
.section-heading-box h2{
  color: #000000;
  font: 700 65px/68px 'Amatic SC';
}
.theme-button a{
  text-align: center;
  color: #000000;
  font: 700 16px / 100% 'DM Sans';
  padding: 23px 25px;
  display: inline-block;
  transition: 0.3s;
  background: #FFD800;
  border-radius: 35px 35px 0px 35px;
  width: 191px;
  height: 60px;
}
.theme-button a:hover{
  background: #0C7735;
  border-radius: 0;
  transition: 0.3s;
  color: #ffffff;
}
/* -----------OUR SERVICES------------ */
#our_services {
    padding: 80px 0;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: relative;
}
#our_services .section-heading-box h2{
  margin: 0 auto;
  width: 50%;
}
.service-box {
  background: #ffffff;
  box-shadow: 0px 4px 50px 20px #00000005;
  margin-bottom: 65px;
  transition: all .5s ease-in-out;
  border-radius: 12px;
  padding: 25px;
  position: relative;
  z-index: 1;
}
.service-box:hover {
    transform: translateY(-10px);
    box-shadow: 0px 4px 10px 1px #0c7735c2;
}
.service-box:hover .service-meta-image{
  transform: scaleX(-1);
  transition: all .5s ease-in-out;
}
.service-title a{
  color: #000000;
  font: 700 32px/32px 'Amatic SC';
}
.service-info p{
  color: #2b2b3280;
  font: 500 15px/21px 'DM Sans';
}
.service-title a:hover{
  color: #FFD800;
}
.service-button a{
  border: 1px solid #FFD800;
  color: #FFD800;
  font: 700 16px / 100% 'DM Sans';
  display: block;
  background: #ffffff;
  padding: 15px 20px;
  transition: 0.3s;
  border-radius: 35px 35px 0px 35px;
}
.service-box:hover .service-button a{
  background: #FFD800;
  transition: 0.3s;
  color: #000000;
}
.service-img img.service-show-img {
    width: 100%;
}
.service-button {
    margin: 25px 0;
}
.section-left-image {
    position: absolute;
    left: 120px;
    bottom: 151px;
}
.section-right-image {
    position: absolute;
    right: 35px;
    top: 40px;
}
/* ---------Counter------- */
#counter {
    padding: 110px 0;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.counter-box {
    padding: 50px 0 30px;
}
#counter .section-heading-box span,#counter .section-heading-box h2,#counter .section-heading-box p{
  color: #ffffff;
}
#counter .section-heading-box h2 {
    width: 50%;
    margin: 0 auto;
}
#counter .section-heading-box p{
  font: 500 18px/21px 'DM Sans';
  text-transform: capitalize;
  padding: 25px 0;
}
#counter .theme-button a{
  border: 1px solid #FFD800;
  background: transparent;
  color: #FFD800;
}
#counter .theme-button a:hover{
  background: #FFD800;
  color: #000000;
}
.owl-item .counter-img-box img {
    width: auto !important;
}
.counter-main-box {
    display: flex;
    align-items: center;
    gap: 20px;
}
.counter-img-box {
    background: #FFD800;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    padding: 25px 24px;
}
.counter-contant span{
  color: #FFFFFF;
  font: 900 45px/48px 'DM Sans';
  letter-spacing: 0.02em;
}
.counter-contant h3{
  color: #FFFFFFB2;
  font: 500 18px/30px 'DM Sans';
  padding: 0;
}
/* ----------Project Section------------------- */
.project-main-box{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: 270px;
  gap: 30px;
  margin: 0 auto;
}
.project-box {
  position: relative;
  overflow: hidden;
  border-radius: 12px;
}
.project-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all .5s ease-in-out;
}
.project-main-box .project-box:nth-child(1) {
  grid-column: 1 / 2; /* 1st row, 1st column */
  grid-row: 1;
}
.project-main-box .project-box:nth-child(2) {
  grid-column: 2 / 4; /* span 2 columns */
  grid-row: 1;
}
.project-main-box .project-box:nth-child(3) {
  grid-column: 4 / 5;
  grid-row: 1;
}
.project-main-box .project-box:nth-child(4) {
  grid-column: 1 / 3; /* 2 columns wide */
  grid-row: 2;
}
.project-main-box .project-box:nth-child(5) {
  grid-column: 3 / 4;
  grid-row: 2;
}
.project-main-box .project-box:nth-child(6) {
  grid-column: 4 / 5;
  grid-row: 2;
}
.project-image-box {
    height: 270px;
}
.project-title-box {
    position: absolute;
    bottom: 20px;
    left: 30px;
    padding-right: 40px;
    transition: all .5s ease-in-out;
    opacity: 0;
}
.project-title-box p {
    color: #FFD800;
    font: 500 16px/22px 'Shantell Sans';
    margin-bottom: 0;
}
.project-title-box h3 {
    color: #FFFFFF;
    font: 700 30px/32px 'Amatic SC';
}
.project-image-box:before {
    content: '';
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.18) 31.5%, rgba(0, 0, 0, 0.9) 100%);
    position: absolute;
    width: 100%;
    height: 100%;
    transition: all .5s ease-in-out;
    opacity: 0;
}
.project-main-box .project-box:nth-child(1) .project-title-box h3,.project-main-box .project-box:nth-child(3) .project-title-box h3,.project-main-box .project-box:nth-child(5) .project-title-box h3,.project-main-box .project-box:nth-child(6) .project-title-box h3{
  font-size: 25px;
  width: 90%;
}
.project-btn a i {
  background: #FFD800;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 4px 54px 0px #00000026;
  color: #000000;
  font-size: 16px;
}
.project-btn {
    position: absolute;
    bottom: 35px;
    right: 25px;
    transition: all .5s ease-in-out;
    opacity: 0;
}
.project-box:hover .project-title-box,.project-box:hover .project-image-box:before,.project-box:hover .project-btn{
  transition: all .5s ease-in-out;
  opacity: 1;
}
/* .project-box:hover img{
  transform: scaleX(1.5);
} */
/* ----Why Choose Us Section--------------------- */
#why_choose_us {
    padding: 9em 0;
}
.why-chosse-img1 {
    position: absolute;
    left: -63px;
    top: 83px;
}
.why-chosse-img2 {
    text-align: center;
}
.growth-count {
    display: flex;
    align-items: center;
    gap: 50px;
}
.growth-count h3 {
    color: #FFD800;
    font: 700 70px / 90px 'DM Sans';
    letter-spacing: 0.02em;
    -webkit-text-stroke: 1px #0C7735;
    position: relative;
}
.growth-count h3::after {
    content: '';
    background: #0000001a;
    width: 1px;
    height: 63px;
    position: absolute;
    right: -24px;
    top: 21px;
}
.growth-count p {
    color: #000000;
    font: 700 16px / 24px 'DM Sans';
    margin: 0;
    width: 20%;
    text-transform: capitalize;
}
#why_choose_us .section-heading-box p{
  color: #2B2B32;
  font: 500 14px/24px 'DM Sans';
}
.choose-feature-box {
    background: #FFD800;
    border-radius: 20px 20px 150px 20px;
    padding: 45px 75px 45px 45px;
    width: 360px;
    transition: all .5s ease-in-out;
}
.why-choose-feature-box {
    position: absolute;
    left: -175px;
    padding-top: 30px;
}
.choose-feature-box h4{
  color: #000000;
  font: 600 24px/24px 'DM Sans';
  padding: 20px 0;
}
.choose-feature-box p{
  color: #00000099;
  font: 500 16px/22px 'DM Sans';
}
.choose-feature-box:hover{
  background: #0C7735;
  transition: all .5s ease-in-out;
  transform: translateY(-10px);
}
.choose-feature-box:hover h4,.choose-feature-box:hover p{
  color: #ffffff;
  transition: all .5s ease-in-out;
}
.choose-feature-box:hover img{
  transform: scaleX(-1);
  transition: all .5s ease-in-out;
}
/* -----Product Section----------------------- */
#product {
    margin: 60px 0;
}
.fresh_products-col {
    background: #F5F4EB;
    height: 360px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
}
.sale-box .onsale {
    position: absolute;
    top: 0;
    right: 0;
    background: #0C7735;
    height: 40px;
    width: 100px;
    border-radius: 0px 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font: 600 18px / 16px 'DM Sans';
}
.product-content h5 a{
  color: #000000;
  font: 700 32px/32px 'Amatic SC';
}
.product-price bdi{
  color: #00000080;
  font: 400 16px / 16px 'DM Sans';
}
.product-price {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.product-price ins {
  text-decoration: unset;
}
.product-price del bdi {
  font-size: 14px;
  color: #000000;
}
.product-rating .star-rating {
  margin: 8px auto;
}
.featured-cart {
  position: absolute;
  left: 0;
  right: 0;
}
.featured-cart i {
  background: #0C7735;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  color: #ffffff;
  font-size: 23px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  opacity: 0;
}
.flash_product:hover .fresh_products-col{
  background: #FFD800;
}
.flash_product:hover .featured-cart i{
  opacity: 1;
}
.flash_product,.team-main-box{
  transition: all .5s ease-in-out;
}
.flash_product:hover,.team-main-box:hover{
  transform: translateY(-10px);
}
.fresh_products-col:hover img.attachment-shop_catalog{
  opacity: 60%;
}
a.added_to_cart.wc-forward {
  color: #ffffff;
  font-weight: 600;
}
.product-content {
    margin: 10px 0 25px;
}
.star-rating span {
    overflow: hidden;
    float: left;
    top: 0;
    left: 0;
    position: absolute;
    padding-top: 1.5em;
}
#product .theme-button a {
    height: 54px;
    width: 264px;
    padding: 20px 25px;
    border: 1px solid #FFD800;
}
.star-rating {
    color: #FFD800;
    margin: 0 auto;
    display: block;
    overflow: hidden;
    position: relative;
    height: 1em;
    line-height: 1;
    font-size: 18px;
    width: 7em;
    font-family: star;
}
.star-rating:before {
    content: "\53\53\53\53\53";
    color: #CAC9C9;
    float: left;
    top: 0;
    left: 0;
    position: absolute;
    letter-spacing: 5px;
}
.star-rating span:before {
    content: "\53\53\53\53\53";
    top: 0;
    position: absolute;
    left: 0;
    letter-spacing: 5px;
}
/* -------Home Contact------------------------ */
#home_contact_us {
  padding: 9em 0 8em;
  margin-top: -30px;
}
.home-contact-box {
    background: #ffffff;
    padding: 6em 6em 50px;
}
.home-contact-form label{
  width: 100%;
}
.home-contact-form input[type="text"],.home-contact-form input[type="email"],.home-contact-form select {
    width: 100%;
    background: unset;
    border: unset;
    padding: 0 25px;
    position: relative;
    top: -8px;
}
.home-contact-form input[type="text"]::placeholder,.home-contact-form input[type="email"]::placeholder,.home-contact-form select,.textarea-field textarea::placeholder{
  color: #11111199;
  font: 500 16px/20px 'DM Sans';
}
select.choose-service {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
}
.home-contact-form .form-group.name-field:nth-child(4) span{
  position: relative;
}
.home-contact-form .form-group.name-field:nth-child(4) span::after{
  content: '';
  position: absolute;
  width: 10.5px;
  height: 10.5px;
  border-top: 1px solid #7B7B7B80;
  border-left: 1px solid #7B7B7B80;
  transition: all 250ms ease-in-out;
  transform: rotate(-135deg);
  right: 25px;
  top: -7px;
}
.home-contact-form .name-field:hover:nth-child(4) span::after{
 border-color: #FFD801;
}
.textarea-field textarea {
    height: 145px;
    width: 100%;
    background: unset;
    border: unset;
    padding: 0 25px;
    position: relative;
    top: -8px;
}
.name-field label,.textarea-field label {
  position: absolute;
  top: -13px;
  left: 10px;
  background: #fff;
  padding: 0 10px;
  color: #0C7735;
  font: 500 18px / 22px 'Shantell Sans';
  width: auto;
}
.textarea-field{
  border-radius: 12px;
  position: relative;
  height: 201px;
  margin-bottom: 20px;
  background: #F5F4EB;
  border: 2px solid #F5F4EB;
}
.name-field {
  border-radius: 12px;
  position: relative;
  height: 60px;
  margin-bottom: 13px;
  background: #F5F4EB;
  border: 2px solid #F5F4EB;
}
.name-field:hover,.textarea-field:hover{
  border-color: #0C7735;
  background: #ffffff;
}
.name-field label,.textarea-field label{
  opacity: 0;
}
.name-field:hover label,.textarea-field:hover label{
  opacity: 1;
}
.home-contact-form input[type="submit"]{
  background: #FFD800;
  height: 60px;
  width: 236px;
  border-radius: 35px 35px 0 35px;
  color: #000000;
  font: 600 16px/100% 'DM Sans';
  border: 1px solid #FFD800;
}
.home-contact-form input[type="submit"]:hover{
  background: #0C7735;
  border-radius: 0;
  transition: 0.3s;
  color: #ffffff;
  border-color: #0C7735;
}
.home-contact-form {
    margin-top: 50px;
}
.curve-image img {
    position: absolute;
    bottom: -66px;
    left: 0;
    right: 0;
    width: 100%;
}
.name-field span{
  position: relative;
}
.name-field span[data-name="your-name"]::before,.name-field span[data-name="your-email"]::before,.name-field span[data-name="your-phone"]::before{
  font-family: 'Font Awesome 6 Free';
  font-weight: 800;
  color: #7B7B7B80;
  font-size: 18px;
  position: absolute;
  right: 20px;
  top: -11px;
}
.name-field:hover span[data-name="your-name"]::before,.name-field:hover span[data-name="your-email"]::before,.name-field:hover span[data-name="your-phone"]::before{
  color: #FFD801;
}
.name-field span[data-name="your-name"]::before{
  content: '\f007';
}
.name-field span[data-name="your-email"]::before{
  content: '\f0e0';
}
.name-field span[data-name="your-phone"]::before{
  content: '\f095';
}
/* -----------Team Section-------------- */
#team {
    padding: 6em 15px;
    margin: 50px 0;
}
.team-title a{
  color: #111111;
  font: 700 24px/20px 'DM Sans';
  display: block;
  padding: 10px 0;
}
.team-deign span{
  color: #11111199;
  font: 500 16px/20px 'DM Sans';
}
.team-inner-div {
    position: absolute;
    top: 50%;
    right: 0px;
    left: 0;
    background: #ffffffad;
    opacity: 0;
    transition: 0.5s;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60%;
    margin: 0 auto;
}
.team-inner-div a {
  display: block;
  color: #000000;
  padding: 10px 15px;
  font-size: 14px;
}
.team-inner-div a:hover,.team-title a:hover{
  color: #0C7735;
}
.team-social-icons:hover .team-inner-div{
  opacity: 1;
  transition: 0.5s;
}
#team .owl-dots {
    text-align: center;
}
span.share-icon {
  position: absolute;
  bottom: 0;
  right: 0;
  background: #FFD800;
  height: 60px;
  width: 60px;
  border-radius: 200px 200px 0 200px;
  padding: 18px 21px;
  font-size: 20px;
  color: #000000;
  cursor: pointer;
}
.team-title.text-end {
    padding: 10px 0;
}
#team .owl-stage-outer {
    padding: 20px 0;
}
/* ----------Testimonial------------- */
#testimonials {
    margin: 60px 0;
    padding: 80px 0;
}
#testimonials .owl-stage-outer {
    padding: 10px 15px;
}
.testimonial-box {
    box-shadow: 0px 25px 6px -10px #0000000F;
    background: #FFFFFF;
    border-radius: 20px 20px 170px 20px;
    padding: 50px;
    transition: 0.3s;
}
.testimonial-box:hover{
  transform: scale(1.05);
  transition: 0.3s;
  background: #0C7735;
}
.testimonial-box:hover .testimonial-text p,.testimonial-box:hover h3.testimonial-title a,.testimonial-box:hover .testimonial-data p.testimonial-desig{
  color: #ffffff;
}
.testimonial-box:hover img {
    transform: scaleX(-1);
    transition: all .5s ease-in-out;
}
.testimonial-heading-box {
    padding-left: 16em;
}
.testimonial-box img{
  width: auto !important;
}
.testimonial-text p{
  color: #2b2b3280;
  font: 600 16px / 24px 'DM Sans';
  margin-bottom: 0;
  padding: 25px 0;
  text-transform: capitalize;
}
h3.testimonial-title a{
  color: #000000;
  font: 600 18px/100% 'Shantell Sans';
}
.testimonial-data p.testimonial-desig{
  color: #00000080;
  font: 600 15px/100% 'DM Sans';
  margin: 0;
}
.testimonial-star span i {
  color: #FFD800;
  font-size: 18px;
}
h3.testimonial-title {
  padding: 0 0 10px;
  line-height: 0;
}
.testimonial-star {
    padding-bottom: 20px;
}
#testimonials .owl-item.second-item {
    opacity: 0.9;
}
#testimonials .owl-item.third-item {
    opacity: 0.7;
}
#testimonials .owl-nav {
    position: absolute;
    left: -37em;
    top: 77%;
    transform: rotate(90deg);
}
#testimonials .owl-nav button.owl-prev i,#testimonials .owl-nav button.owl-next i{
  background: #1E1E1EB2;
  box-shadow: 0px 4px 54px 0px #00000026;
  width: 55px;
  height: 55px;
  border-radius: 50%;
  color: #ffffff;
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px 7px;
}
#testimonials .owl-nav button.owl-prev, #testimonials .owl-nav button.owl-next {
    background: unset;
    border: unset;
}
#testimonials .owl-nav button.owl-prev i:hover,#testimonials .owl-nav button.owl-next i:hover{
  background: #ffffff;
  color: #000000;
}
/* -----Latest Section-------------------------------- */
#latest_news {
    margin: 60px 0 0;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding: 100px 0;
}
.post-entry-date {
    color: #FFFFFF;
    font: 600 17px / 22px 'DM Sans';
    background: #0C7735;
    display: grid;
    WIDTH: 70PX;
    height: 70px;
    margin: 0 auto;
    border-radius: 0px 0px 22px 0px;
}
#latest_news .service-box {
    padding: 0 25px 25px;
    margin-bottom: 0;
}
.post-entry-date span.blog-date {
    position: relative;
    top: 12px;
}
#latest_news .service-box:hover .post-entry-date{
  background: #FFD800;
  color: #000000;
}
h5.post-title a{
  color: #000000;
  font: 700 30px/32px 'Amatic SC';
}
h5.post-title {
    padding: 25px 0;
}
.blog_text{
  color: #2b2b3280;
  font: 500 15px/19px 'DM Sans';
}
#latest_news .entry-author a,#latest_news span.entry-comments{
  color: #00000066;
  font: 600 14px/28px 'DM Sans';
  text-transform: capitalize;
}
.post-data-box {
  gap: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
/*---------Sponsor---------------*/
#sponsor {
    padding: 110px 0;
}
#sponsor .owl-stage {
    display: flex;
    align-items: center;
}
#sponsor .owl-carousel .owl-item .sponsor-image img{
  width: auto;
  margin: 0 auto;
  filter: grayscale(100%);
}
/* -------Footer Contact--------------- */
#footer_contact {
    padding: 50px 0;
}
.footer_contact_box {
    display: flex;
    align-items: center;
    gap: 30px;
    border-bottom: 1px solid #FFD800;
    height: 155px;
    justify-content: center;
}
.footer-contact-content h4{
  color:  #FFD800;
  font: 700 31px/22px 'Amatic SC';
  letter-spacing: 0.02em;
}
.footer-contact-content a,.footer-contact-content p{
  color: #FFFFFFCC;
  font: 500 16px/20px 'Shantell Sans';
}
.footer-contact-content a:hover{
  color: #FFD801;
}
.footer-contact-icon i {
    background: #FFD800;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #000000;
}
a.footer-address {
    width: 90%;
    display: block;
}
/*-------------FOOTER--------*/
.footer2 {
    display: flex;
    gap: 50px;
}
.footer-cols h2,.footer-cols h3 {
  color: #ffffff;
  font: 700 32px / 22px 'Amatic SC';
  letter-spacing: 0.02em;
  margin-bottom: 30px;
}
.footer3 {
    position: relative;
}
.footer-cols ul li{
  list-style: none;
}
.footer-cols ul{
  padding-left: 0;
}
.footer-cols ul li a {
    color: #FFFFFFB2;
    font: 500 16px / 40px 'DM Sans';
    position: relative;
    display: block;
}
.footer-cols ul li.current-menu-item a{
  border: none;
}
.footer-cols ul li a:hover,.footer-cols .footer2 ul li a:hover{
    color: #FFD800;
}
.footer1 .textwidget p,.footer3 .textwidget p{
  color: #FFFFFFB2;
  font: 500 16px / 28px 'DM Sans';
  padding-top: 20px;
}
.footer3 .textwidget p{
  padding-top: 0;
}
.footer1 img {
    width: 48%;
}
.footer3 form {
    position: relative;
}
.newsletter-form {
    width: 71%;
}
.footer3 form input[type="email"]{
  background: #FFFFFF;
  padding: 18px 20px;
  height: 48px;
  border: 1px solid #FFFFFF;
  border-radius: 30px
}
.footer3 form input[type="email"]::placeholder{
  color: #0000009c;
  font: 500 14px/28px 'DM Sans';
}
.subscribe-btn p{
  position: relative;
  width: min-content;
  margin: 0;
  padding: 0;
}
.subscribe-btn input[type="submit"] {
  background: #FFD800;
  padding: 6px 6px;
  color: #FFFFFF;
  font-family: "Font Awesome 5 Free";
  border: 1px solid #FFD800;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  font-weight: 800;
  color: #000000;
  font-size: 13px;
}
.subscribe-btn span.wpcf7-spinner{
  display: none;
}
.subscribe-btn input[type="submit"]:hover {
  background: #0C7735;
  border-color: #0C7735;
}
.subscribe-btn {
  position: absolute;
  right: 4px;
  top: 4px;
}
.footer3 p {
  width: 100%;
}
.footer-social-icon a {
    color: #FFFFFF;
    font-size: 18px;
    margin-right: 15px;
}
.footer-social-icon a:hover{
  color: #FFD800;
}
.subscribe-btn input[type="submit"]:hover{
  background: #0C7735;
  border-color: #0C7735;
  color: #ffffff;
}
.ftr-copy {
    border-top: 1px solid #FFFFFF33;
}
.copy-text span{
  color: #FFFFFF;
  font: 700 28px / 22px 'Amatic SC';
  letter-spacing: 0.02em;
}
.copy-text span a{
  color: #FFD800;
  font: 700 28px / 22px 'Amatic SC';
  letter-spacing: 0.02em;
}
p.copy-text {
  padding: 40px 0 30px;
}
/* --------------Footer Contact------------- */
.footer-contact-box .footer-social-icon-box,.footer-contact-box .header-main-box{
  position: relative;
}
.footer-contact-box .footer-social-icon-box::after,.footer-contact-box .header-main-box::after{
  content: '';
  background: #FFFFFF4D;
  width: 1px;
  height: 78px;
  position: absolute;
  top: -10px;
  right: 15px;
}
.footer-contact-box .col-md-6:last-child .header-main-box::after{
  display: none;
}
.footer-contact-box {
    background: #001642;
    height: 155px;
    padding: 50px 40px;
}
.footer-social-icon-box h5{
  color: #FFFFFF;
  font: 400 20px/24px 'Shantell Sans';
  padding: 0 0 10px;
}
.footer-social-icon-box a {
    color: #FFFFFF;
    font-size: 20px;
    margin-right: 10px;
}
.footer-contact-box .header-contact-icon {
    background: #0C7735;
}
.footer-contact-box .header-contat-detail h4{
  color: #ffffff;
  font: 400 16px / 24px 'Shantell Sans';
  padding: 0;
}
.footer-contact-box .header-contat-detail a{
  color: #ffffff;
  font: 700 20px / 30px 'Shantell Sans';
}
/*ANIMATION*/
/*buton effects*/
.btn:hover{
  background: #0C7735;
  border-color: #0C7735;
  border-radius: 0;
  transition: 0.3s;
  color: #ffffff;
}
.btn{
  background: #FFD800;
  border-color: #FFD800;
  color: #000000;
  font: 600 16px 'DM Sans';
  border-radius: 35px 35px 0px 35px;
  height: 60px;
  width: 191px;
  padding: 18px 0;
}
a.quote-btn:hover,a.plan-btn:hover {
    background: #fff !important;
}
input.appoin-button:hover {
    color: #fff !important;
}
/*----Image Effects*/
.shrink img {
transition: 1s ease;
}

.shrink img:hover{
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
transition: 1s ease;
}
.grow img{
transition: 1s ease;
}

.grow img:hover{
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
transition: 1s ease;
}
.circle img {
transition: 1s ease;
}

.circle img:hover {
border-radius:50%;
transition: 1s ease;
}
.rotate img{
transition: 1s ease;
}

.rotate img:hover{
-webkit-transform: rotateZ(-10deg);
-ms-transform: rotateZ(-10deg);
transform: rotateZ(-10deg);
transition: 1s ease;
}
/*404 pages*/
h2.heading3 {
    font-size: 12em;
    color: #fff;
}
.page-404 {
    padding: 8em 0;
    background-size: cover;
    background-repeat: no-repeat;
}
span.heading4 {
    color: #121212;
    font-size: 36px;
    animation: resize-anime 5s infinite forwards;
    animation-direction: alternate;
}
h2.heading3 {
  display: inline-block;
  color: #e7dcdc;
  font-family: 'Oswald';
  font-size: 12em;
  text-shadow: 0.03em 0.03em 0 #0C7735;
}
h2.heading3:after {
  content: attr(data-shadow);
  position: absolute;
  top: .06em; left: .06em;
  z-index: -1;
  text-shadow: none;
  background-image:
  linear-gradient(
  45deg,
  transparent 45%,
  hsla(48,20%,90%,1) 45%,
  hsla(48,20%,90%,1) 55%,
  transparent 0
  );
  background-size: .05em .05em;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

  animation: shad-anim 15s linear infinite;
}

@keyframes shad-anim {
  0% {background-position: 0 0}
  0% {background-position: 100% -100%}
}
@keyframes resize-anime {
  from {
    font-size: 20px;
    font-weight: 100;
    opacity:0.9
  }
  to {
    font-size: 30px;
    font-weight: 900;
    text-shadow: 0px 0px 5px white;
    opacity:1
  }
}
p.text-404 {
    color: #121212;
    font-size: 17px;
}
.btn-404 a.btn.btn-primary {
    padding: 15px 45px;
    font-size: 18px;
    font-weight: 600;
    border-radius: 35px 35px 0px;
    width: auto;
}
/* -----Service Shortcode------------ */
.service-info {
  color: #2b2b3280;
  font: 500 15px / 21px 'DM Sans';
}
/* MEDIA SECTION */
@media screen and (max-width: 1700px) and (min-width: 1441px){
  .header-box{
    padding: 18px 15px;
    width: 54%;
    left: 0;
    right: 0;
    margin: 15px auto;
  }
  .main-navigation a{
    padding: 14px 8px;
    margin: 0 8px;
  }
  .slider-box{
    transform: translateY(-29%);
  }
  #slider .carousel-indicators {
    bottom: 63px;
    margin-left: 10%;
  }
  .section-left-image{
    left: 13px;
  }
  .testimonial-heading-box {
    padding-left: 6em;
  }
  .testimonial-box{
    padding: 31px;
  }
  #slider .carousel-item,#slider img.img-fluid{
    height: 632px;
  }
  #slider .carousel-control-prev{
    top: 39%;
  }
}
@media screen and (max-width: 1440px) and (min-width: 1300px){
  .header-box{
    padding: 18px 15px;
    width: 61%;
    left: 0;
    right: 0;
    margin: 15px auto;
  }
  .header-nav {
    display: flex;
    justify-content: center;
   }
  .search_form input[type="search"]{
    padding: 0 10px;
  }
  .main-navigation a{
    padding: 14px 8px;
    margin: 0 8px;
  }
  .header-contat-detail a, .header-contat-detail span{
    font: 500 11px / 20px 'DM Sans';
  }
  .top-logo{
    padding: 15px 10px;
  }
  .slider-box{
    transform: translateY(-29%);
  }
  #slider .carousel-indicators {
    bottom: 63px;
    margin-left: 10%;
  }
  #slider .carousel-control-prev{
    top: 39%;
  }
  #slider img.img-fluid,#slider .carousel-item{
    height: 586px;
  }
  .crop-left-image{
    left: -55px;
  }
  .crop-right-image{
    right: 0px;
  }
  .curve-img img{
    bottom: -59px;
  }
  h3.abt-main-head{
    font: 700 50px / 68px 'Amatic SC';
  }
  #our_services{
    padding: 55px 0;
  }
  .section-left-image{
    left: 22px;
  }
  #counter{
    padding: 70px 0;
  }
  .counter-contant h3{
    font: 500 16px / 30px 'DM Sans';
  }
  .growth-count p{
    width: 23%;
  }
  .why-chosse-img1{
    left: -106px;
  }
  .testimonial-heading-box {
    padding-left: 7em;
  }
  .section-heading-box h2{
    font: 700 58px / 62px 'Amatic SC';
  }
  #testimonials .owl-nav{
    left: -33em;
    top: 75%;
  }
  .testimonial-box{
    padding: 30px;
  }
  .testimonial-text p{
    font: 600 13px / 21px 'DM Sans';
  }
  #testimonials .owl-nav button.owl-prev i, #testimonials .owl-nav button.owl-next i{
    width: 45px;
    height: 45px;
  }
  .team-title a{
    font: 700 20px / 14px 'DM Sans';
  }
  h5.post-title a{
    font: 700 27px / 32px 'Amatic SC';
    display: block;
    height: 90px;
  }
  .curve-image img{
    bottom: -59px;
  }
  .post-data-box{
    gap: 12px;
  }
  #latest_news .entry-author a, #latest_news span.entry-comments{
    font: 600 12px / 28px 'DM Sans';
  }
  #latest_news .service-box{
    padding: 0 17px 17px;
  }
}
@media screen and (max-width: 1920px) and (min-width: 1900px){
  #slider .carousel-indicators{
    margin-left: 17%;
  }
}
@media screen and (max-width: 1600px) and (min-width: 1440px){
  #slider .carousel-indicators{
    margin-left: 6%;
  }
}
@media screen and (max-width: 1299px) and (min-width: 1025px){
  .header-box{
    padding: 18px 15px;
    width: 58%;
    left: 0;
    right: 0;
    margin: 15px auto;
  }
  .main-navigation a{
    font: 500 13px / 22px 'DM Sans';
    padding: 14px 6px;
    margin: 0 3px;
  }
  .post-data-box{
    gap: 12px;
  }
  #latest_news .entry-author a, #latest_news span.entry-comments{
    font: 600 12px / 28px 'DM Sans';
  }
  #latest_news .service-box{
    padding: 0 17px 17px;
  }
}
@media screen and (max-width: 1199px) and (min-width: 1025px){
  .slider-box{
    transform: translateY(-14%);
  }
}
@media screen and (max-width: 1299px) and (min-width: 992px){
  h1.headtwo{
    font: 700 60px / 60px 'Amatic SC';
  }
  .search_form input[type="search"]{
    padding: 0 10px;
  }
  #slider .carousel-control-prev{
    top: 37%;
  }
  .about-button-box{
    gap: 30px;
  }
  #slider img.img-fluid,#slider .carousel-item {
    height: 535px;
  }
  .slider-box{
    transform: translateY(-22%);
    width: 100%;
  }
  .left-box,.right-box{
    display: block !important;
  }
  .header-contat-detail a, .header-contat-detail span{
    font: 500 13px / 20px 'DM Sans';
  }
  .right-box{
    box-shadow: 155px 0px 0px 0px #0C7735;
    padding: 17px 0 17px 20px;
  }
  .left-box{
    box-shadow: -195px 0px 0px 0px #0C7735;
  }
  .top-logo{
    width: 25%;
  }
  #slider .carousel-indicators{
    bottom: 40px;
    margin-left: 4%;
  }
  .curve-img img{
    bottom: -49px;
  }
  .crop-left-image{
    left: -25px;
    width: 26%;
  }
  .crop-right-image{
    right: 0px;
    width: 24%;
  }
  #about {
    padding-bottom: 2em;
  }
  .our-feature-box{
    padding: 15px 10px;
  }
  #our_services{
    padding: 60px 0;
  }
  .service-box{
    padding: 15px;
  }
  .section-left-image{
    left: -35px;
    bottom: 25px;
  }
  .project-title-box{
    left: 18px;
  }
  .project-main-box .project-box:nth-child(1) .project-title-box h3, .project-main-box .project-box:nth-child(3) .project-title-box h3, .project-main-box .project-box:nth-child(5) .project-title-box h3, .project-main-box .project-box:nth-child(6) .project-title-box h3{
    font-size: 21px;
  }
  #counter{
    padding: 70px 0;
  }
  .counter-box {
    padding: 15px 0 15px;
  }
  #counter .section-heading-box h2{
    width: 60%;
  }
  .growth-count p{
    width: 25%;
  }
  .why-chosse-img1{
    width: 31%;
  }
  .choose-feature-box{
    padding: 35px 35px 35px 35px;
    width: 300px;
  }
  .testimonial-box{
    padding: 20px;
    border-radius: 20px 20px 95px 20px;
  }
  .testimonial-text p{
    font: 600 14px / 20px 'DM Sans';
    padding: 21px 0;
  }
  .testimonial-heading-box {
    padding-left: 1em;
  }
  #testimonials .section-heading-box h2{
    font: 700 40px / 48px 'Amatic SC';
  }
  #testimonials .owl-nav{
    left: -24em;
    top: 70%;
  }
  #latest_news{
    padding: 65px 0;
  }
  #latest_news .service-box{
    margin-bottom: 20px;
  }
  h5.post-title a{
    font: 700 25px / 32px 'Amatic SC';
  }
  .curve-image img{
    bottom: -50px;
  }
  .footer_contact_box{
    gap: 22px;
  }
  .footer-contact-content a, .footer-contact-content p{
    font: 500 14px / 20px 'Shantell Sans';
  }
}
@media screen and (max-width: 1024px) and (min-width: 992px){
  .header-box{
    padding: 0px;
    background-image: unset;
    position: static;
  }
}
@media screen and (max-width: 991px) and (min-width: 768px){
  .left-box,.right-box{
    display: block !important;
  }
  .header-contat-detail a, .header-contat-detail span{
    font: 500 13px / 20px 'DM Sans';
  }
  .right-box{
    box-shadow: 155px 0px 0px 0px #0C7735;
    padding: 17px 0 17px 20px;
  }
  .left-box{
    box-shadow: -195px 0px 0px 0px #0C7735;
  }
  .header-box{
    padding: 0px;
    background-image: unset;
    position: static;
  }
  .top-logo{
    width: 22%;
  }
  #slider img.img-fluid,#slider .carousel-item {
    height: 485px;
  }
  .slider-box{
    transform: translateY(-20%);
    width: 100%;
  }
  h1.headtwo{
    font: 700 50px / 50px 'Amatic SC';
    width: 70%;
  }
  .slider-box p{
    width: 80%;
  }
  #slider .carousel-indicators {
    bottom: 40px;
    /* margin-left: 5%; */
  }
  #slider .carousel-control-prev{
    top: 35%;
  }
  h3.abt-main-head{
    font: 700 40px / 50px 'Amatic SC';
  }
  .about-button-box{
    gap: 20px;
  }
  #about .theme-button a{
    font: 700 14px / 100% 'DM Sans';
    width: 140px;
  }
  .our-feature-box{
    padding: 10px 10px;
  }
  .crop-left-image{
    left: -20px;
    bottom: -10px;
    width: 33%;
  }
  .crop-right-image{
    right: 10px;
    width: 30%;
  }
  .curve-img img{
    bottom: -37px;
  }
  #our_features{
    background-size: 145% 100%;
  }
  .section-heading-box h2{
    font: 700 50px / 45px 'Amatic SC';
  }
  .project-main-box .project-box:nth-child(1) {
    grid-column: 1 / 3;
    grid-row: 1;
  }
  .project-main-box .project-box:nth-child(2) {
    grid-column: 3 / 5;
    grid-row: 1;
  }
  .project-main-box .project-box:nth-child(3) {
    grid-column: 1 / 3;
    grid-row: 2;
  }
  .project-main-box .project-box:nth-child(4) {
    grid-column: 3 / 5;
    grid-row: 2;
  }
  .project-main-box .project-box:nth-child(5) {
    grid-column: 1 / 3;
    grid-row: 3;
  }
  .project-main-box .project-box:nth-child(6) {
    grid-column: 3 / 5;
    grid-row: 3;
  }
  #counter .section-heading-box h2{
    width: 70%;
  }
  #counter{
    padding: 50px 0;
  }
  .counter-box {
    padding: 20px 0 30px;
  }
  .why-chosse-img1{
    left: -32px;
  }
  .why-choose-image-box {
    margin-bottom: 30px;
  }
  .growth-count{
    justify-content: center;
  }
  .why-choose-feature-box{
    position: static;
  }
  .choose-feature-box{
    width: auto;
  }
  #why_choose_us {
    padding: 5em 0 2em;
  }
  .testimonial-heading-box {
    padding-left: 2em;
  }
  #latest_news .service-box{
    margin-bottom: 25px;
  }
  #latest_news{
    background-size: cover;
    padding: 60px 0;
  }
  #home_contact_us{
    background-size: 155% 100%;
  }
  .curve-image img{
    bottom: -36px;
  }
}
@media screen and (max-width: 767px) and (min-width: 576px){
  .header-search-box{
    justify-content: end;
  }
  #slider img.img-fluid,#slider .carousel-item {
    height: 372px;
  }
  .slider-box {
      transform: translateY(-14%);
      width: 100%;
      padding-left: 0;
  }
  #slider .carousel-caption{
    left: 15%;
    right: 15%;
  }
  h1.headtwo{
    font: 700 40px / 44px 'Amatic SC';
  }
  .feature-row {
    padding: 0 15px;
  }
  #our_features .owl-item .our-feature-box img {
    width: auto;
  }
  .curve-img img{
    bottom: -28px;
  }
  .crop-left-image,.crop-right-image{
    width: 30%;
  }
  #our_features{
    background-size: 155% 100%;
    padding-bottom: 8em;
  }
  .crop-left-image{
    left: -29px;
    bottom: -3px;
  }
  .crop-right-image{
    right: 10px;
  }
  .our-feature-box{
    padding: 22px 20px;
  }
  .section-right-image{
    right: 8px;
    width: 30%;
  }
  .project-box {
    margin-bottom: 20px;
  }
  .choose-feature-box h4{
    font: 600 20px / 20px 'DM Sans';
  }
  .why-chosse-img1{
    left: -80px;
  }
  .growth-count p{
    width: 25%;
  }
  #counter {
    padding: 60px 0;
    background-size: 160% 100%;
  }
  #home_contact_us {
    padding: 40px 0 4em;
  }
  .curve-image img{
    bottom: -26px;
  }
  #sponsor {
    padding: 75px 0;
  }
  .footer_contact_box{
    justify-content: left;
  }
}
@media screen and (max-width: 767px){
  .top-logo{
    margin: 15px 0;
    width: auto;
    position: static;
  }
  .header-box{
    padding: 10px 10px;
    position: static;
    width: auto;
    background-image: unset;
  }
  .header-serach-box,.slider-butn-box.d-flex{
    justify-content: center;
  }
  .home.page-template #nav-box{
    position: static;
    margin-top: 0;
  }
  #slider .carousel-indicators {
    bottom: 21px;
    justify-content: center;
  }
  #slider .carousel-control-next i, #slider .carousel-control-prev i{
    display: none;
  }
  h3.abt-main-head{
    font: 700 40px / 50px 'Amatic SC';
    padding-top: 20px;
  }
  #about .theme-button {
    margin-top: 25px;
  }
  #about::before{
    background: unset
  }
  .about-text-box{
    text-align: center;
    padding-left: 0;
    padding-top: 20px;
  }
  .service-img img.service-show-img {
    width: 100%;
  }
  #our_services{
    padding: 50px 0;
    background-size: cover;
  }
  .section-heading-box h2{
    font: 700 40px / 50px 'Amatic SC';
  }
  .why-choose-feature-box{
    position: static;
  }
  #why_choose_us {
    padding: 5em 0 2em;
  }
  .project-main-box{
    display: block;
  }
  .counter-contant h3{
    font: 500 15px / 30px 'DM Sans';
  }
  .why-chosse-img2 {
    text-align: right;
  }
  .choose-feature-box{
    width: auto;
    padding: 30px;
  }
  .growth-count{
    gap: 30px;
    justify-content: center;
  }
  .testimonial-heading-box {
    padding-left: 0em;
  }
  #team{
    padding: 1em 15px;
  }
  #latest_news{
    padding: 50px 0;
    background-size: cover;
  }
  #latest_news .service-box{
    margin-bottom: 25px;
  }
  .home-contact-box{
    height: auto;
  }
  #testimonials .owl-carousel button.owl-dot{
    margin: 40px 5px 45px;
  }
}
@media screen and (max-width: 575px){
  .header-main-box{
    justify-content: center;
  }
  .left-box,.right-box{
    display: block !important;
  }
  .crop-left-image,.crop-right-image,.section-right-image,.section-left-image{
    display: none;
  }
  .slider-box p{
    display: none;
  }
  .slider-button1 a{
    padding: 17px 25px;
    width: 140px;
    height: 50px;
  }
  #slider img.img-fluid,#slider .carousel-item {
    object-fit: cover;
    height: 290px;
  }
  .slider-box{
    transform: translateY(-23%);
    width: 100%;
    padding-left: 0;
  }
  #slider .carousel-caption {
    left: 0;
    right: 0;
  }
  h1.headtwo{
    font: 700 25px / 35px 'Amatic SC';
    padding-top: 14px;
  }
  #slider .theme-button a{
    font: 600 16px 'Shantell Sans';
    padding: 5px 5px 3px 18px;
  }
  .feature-row {
    padding: 0 15px;
  }
  .curve-img img{
    bottom: -16px;
  }
  #our_features{
    background-size: cover;
  }
  .about-button-box{
    display: block;
  }
  .about-button-box img {
    padding: 20px 0;
    margin: 0 15px;
  }
  .choose-feature-box{
    padding: 40px;
    margin-bottom: 20px;
  }
  .project-image-box{
    margin-bottom: 20px;
  }
  #counter{
    padding: 50px 0;
    background-size: cover;
  }
  #counter .section-heading-box h2{
    width: 100%;
  }
  .why-chosse-img1 img {
    width: 56%;
  }
  .growth-count h3{
    font: 700 50px / 90px 'DM Sans';
  }
  .growth-count p{
    width: 40%;
  }
  .testimonial-box{
    padding: 35px;
  }
  #home_contact_us{
    padding: 5em 0 6em;
    background-size: cover;
  }
  .curve-image img{
    bottom: -15px;
  }
  .home-contact-box{
    padding: 6em 1em 50px;
  }
  #sponsor {
    padding: 45px 0;
  }
  .footer_contact_box{
    justify-content: left;
  }
  .footer2{
    justify-content: center;
  }
  /* Notification bar */
	.mtsnb .mtsnb-container{
		padding: 10px 35px;
	}
}
.green-vegetable-header-buynow a {
    background: #0C7735;
    color: #ffffff !important;
    border-radius: 25px 25px 0;
}