:root {
--wp--preset--color--primary: #338f13 !important;
}
body {
    --accent-color: #fdcd13 !important;
}

body{
    margin-top: 0px;
    background-color: #fff !important;
}
.cus-sdt{
    margin-top: 0 !important;
}
.home{
    margin-top: 0px;
    background-color: transparent !important;
}
body .cus-search  input#wp-block-search__input-3::placehoder{
    color: #fff !important;
}
body .cus-search .wp-block-search__button{
    top: auto !important;
    width: fit-content !important;
    max-height: 40px !important;
    bottom: 4px;
    right: 4px;
    height: 100%;
    background: #fdcd13 !important;
}
.cus-location iframe{
    width: 100% !important;
}
.cus-location iframe,
.cus-location{
    padding: 0px !important;
}
header.is-sticky .cus-sdt a{
    color: #000 !important;
}
.cus-title{
    margin: 2.33rem 0  !important;
}
.cus-title-2{
        margin-top: 2rem;
}
.cus-p{
        margin-top: 1rem;
}
.wp-block-heading mark:after
 {
    background-color: #fdcd14 !important;
}
.portfolio__info h4:hover,
.portfolio__info h4 a:hover,
.wp-block-post .wp-block-post-title a:hover,
.wp-block-post .wp-block-post-title:hover,
.wp-block-post .wd-post__title:hover{
    color: #338f13 !important;
}
.wp-block-button__link{
    height: fit-content !important;
}
html .single-portfolio .wp-block-button__link{
    color: #fff !important;
    background: #338f13 !important;
}
html .single-portfolio .wp-block-button__link:hover{
    background: #fdcd13 !important;
    color: #000 !important;
}
.contact-button:hover{
    color: #000 !important;
    background-color: #fdcd13 !important;
}

body .cus-btn .sr7-btn{
    background-color: #338f13  !important;
    position: relative;
    overflow: hidden;
}
body .cus-btn .sr7-btn:before{
     content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #00000030 !important;
}
body .cus-btn .sr7-btn:hover{
    background-color: #fec91b  !important;
}
/*body .home-product .wp-block-post h3 {*/
/*    margin-top: 0.75rem !important;*/
/*}*/
.cus-btn-search,
.cus-client,.cus-search,
.wp-block-add-to-cart-form.wc-block-add-to-cart-form.wc-block-add-to-cart-form--input.wp-block-woocommerce-add-to-cart-form,
.single-product.woocommerce div.product form.cart button.single_add_to_cart_button.button.alt.wp-element-button,
.single-product.woocommerce div.product form.cart .quantity,
.single-product.woocommerce div.product form.cart label,
li#wp-admin-bar-plugins,
.single-post .has-gray-2-background-color,
li#tab-title-reviews{
    display: none !important;
}
.wc-block-components-product-sale-badge{
    border: 1px solid #338f13 !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{
    padding: .5em .5em !important;
}
.sr7-bullet,
sr7-bullets.hermes,
sr7-arrow.sr7-leftarrow.sr7-arrows.metis,
sr7-arrow.sr7-rightarrow.sr7-arrows.metis{
    display: none !important;
}
main{
    background: #ffff !important;
}
.wp-block-woocommerce-related-products .wc-block-components-product-button__button,
.post-type-archive-product .wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button{
    max-height: 50px !important;
}


h3.cus-bg
 {
    background: #338f13 !important;
    color: #fff !important;
}
.wc-block-components-product-image {
    margin: 0 0 12px !important;
}
.box-shop .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow{
    width: 100% !important;
    flex-basis: 100% !important;
    padding-bottom: 4rem;
}
p.has-contrast-2-color.has-text-color.has-link-color.has-small-font-size.wp-elements-6d2272409be7debefd9df144933dd735{
    color:#fff !important;
}
input.wpcf7-submit,
.wp-block-button .wp-block-button__link{
    border-color: rgb(252 205 20);
}
input.wpcf7-submit:hover,
.wp-block-button .wp-block-button__link:hover{
    background-color: rgb(252 205 20) !important;
    color:#000 !important;
}
footer .wp-block-social-link svg{
    color: #fff !important;
    fill: #fff !important;
}
p.has-contrast-2-color.has-text-color.has-link-color.has-small-font-size.wp-elements-baa373fbf1afcd2d6e35433f9820e7bd,
footer .wp-block-navigation .wp-block-navigation-item__label,
footer .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow{
    color: #fff !important;
}
footer .wp-block-group {
  background: #4d4d4d !important
}
.cus-block{
    margin-top: 3rem !important;
}
/*.archive.category .wp-block-columns{*/
/*    padding-top: 10rem !important;*/
/*    padding-bottom: 7rem !important;*/
/*    gap: 3.825rem !important;*/
/*}*/
.cus-archive{
        padding-top: 10rem;
}
.cus-archive .cus-title{
    margin-top: 0px !important;
}
.woocommerce-product-gallery .flex-control-thumbs img{
    width: 300px !important;
}
.cus-description{
    max-width: 1300px !important;
}
.contact-button {
    display: inline-block;
    background: #338f13;
    color: #fff;
    padding: 10px 40px;
    text-decoration: none;
    border-radius: 5px;
    margin-top: 15px;
        font-weight: 600;
}
.contact-button:hover {
    background: #000;
}
footer .cus-footer a{
    color: #fff !important;
}
footer h6.wp-block-heading
 {
    font-size: 18px !important;
}
.wp-block-group.ml-300.ticss-7e31bba8.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained{
    background: #3eb116 !important;
    color: #fff !important;
}
.wp-block-group.ml-300.ticss-7e31bba8.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained h3{
    color: #fff !important;
} 
.cus--p{
    margin-top: 1rem !important;
}
footer .wp-block-navigation {
    row-gap: 0px !important;
}
footer nav.items-justified-left.is-vertical.wp-block-navigation.is-content-justification-left.is-layout-flex.wp-container-core-navigation-is-layout-413d7009.wp-block-navigation-is-layout-flex
 {
    margin-top: 0px !important;
}
.home header.is-sticky .wp-block-navigation-item.active > a,
header .wp-block-navigation-item.active > a,
header.is-sticky .wp-block-navigation-item.active > a {
    color: #3eb116 !important;
    font-weight: bold;
}
.home header .wp-block-navigation-item.active > a {
    /*color: #16403f !important;*/
    color: #fff !important;
    font-weight: bold;
}
#cus-title-project{
    color: #4fb72a !important;
}
.cus-footer li a:hover > span,
.cus-footer li.active > a.active span{
    color: #fdcd13 !important;
}
.cus-footer li a:hover:after,
.cus-footer li.active > a.active:after{
    transform: scaleX(1) !important;
    background-color: #fdcd13 !important;
    width: 100% !important;
}
.single-post .cus-footer li.cus-news > a:after,
.single-product .cus-footer li.cus-shop > a:after,
.single-portfolio .cus-footer li.project > a:after,
.single-post li.cus-news > a:after,
.single-portfolio li.cus-project > a:after,
.single-product li.cus-shop >a:after,
header .wp-block-navigation-item.active > a:after {
    transform: scaleX(1) !important;
    /*transform-origin: left !important;*/
    width: 100% !important;
}
.home .cus-sdt a{
    color: #fff !important;
}
.home .cus-sdt a:hover{
   text-decoration: underline;
}
.home-product{
    padding: 0 !important;
}
.home-product .wp-block-post{
        display: flex;
    flex-direction: column-reverse;
}
.home-product .wc-block-components-product-image{
   position: relative;
   overflow: hidden;
}
.home-product .wc-block-components-product-image .onsale{
   position: absolute;
   content: '';
   top: 4px;
   right: 4px;
   text-align: center;
    display: inline-block;
    font-size: .875em;
    font-weight: 600;
    padding: .35rem .55rem;
   border: 1px solid #338f13 !important;
   width: fit-content;
    z-index: 9;
    color: #Fff;
    background-color: var(--wp--preset--color--primary);
    border-radius: 4px;
}
.home-product{
    grid-template-columns: repeat(4, 1fr) !important;
}
.home-product li{
    list-style: none !important;
}
footer .wp-block-navigation-item a:after
 {
    background-color: rgb(255 255 255) !important;
}
html p.wp-block-post-excerpt__more-text a:hover{
    color: #3eb116 !important;
}
body .wp-block-search__inside-wrapper input#wp-block-search__input-3{
    background: #3eb116 !important;
    color: #fff !important;
    padding: 0 0.5rem 0 1rem !important;
}
.cus-contact-form7 form .wpcf7-spinner{
    left: 7rem !important;
    bottom: 2rem !important;
}
body .wp-block-search__inside-wrapper input#wp-block-search__input-3::placeholder{
    color: #fff !important;
}
.wp-block-search__button svg{
    fill: rgb(255 255 255) !important;
}
.wp-block-navigation a:focus {
    text-decoration: none !important;
}
.testimonail-swiper .testimonail-item .testimonail-content .name{
    color: #4db628 !important;
}
.cus-pro{
    color: #fdcd13 !important;
}
.wp-block-group.process-steps h1.wp-block-heading{
        -webkit-text-stroke: 1px #fcd022 !important;
}
.wp-block-navigation__container li{
        list-style: none !important;
}

.cus-footer li.current-menu-item > a,
.single-post li.cus-news > a,
.single-portfolio li.cus-project > a,
.single-product li.cus-shop >a {
    color: #16403f !important;
    font-weight: bold;
}
.cus-team{
    background-color: #f8fff5 !important;
}
.search main{
    padding-top: 7rem;
}

.cus-right{
    display: flex !important;
    flex-direction: column;
}
.cus-right h2{
        order: 1;
}
.cus-right .contact-button{
        order: 3;
}
.cus-right .wp-block-post-excerpt.has-small-font-size{
    order: 2;
}
.cus-right .wp-block-woocommerce-product-meta{
    order: 2;
}

/**/
body .cus-social{
    position: fixed !important;
    bottom: 6rem;
    right: 1.3rem;
    z-index: 99999999;
    width: fit-content !important;
}
.cc-socials{
    z-index: 99999;
    position: fixed;
    bottom: 3rem;
    right: 1rem;
        display: flex;
    flex-direction: column;
    gap: 10px;
}
.cc-socials .cc-social-item{
    box-shadow: 0px 0px 20px 0px #00000026 !important;
    /*background: #f57f20;*/
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    animation: btn-quick-mail-circle-img-anim 1s ease-in-out infinite;
    transform-origin: 50% 50%;
}
@keyframes btn-quick-mail-circle-img-anim {
  0% {
    -webkit-transform: rotate(0deg) scale(1) skew(1deg);
  }
  10% {
    -webkit-transform: rotate(-8deg) scale(1) skew(1deg);
  }
  20% {
    -webkit-transform: rotate(8deg) scale(1) skew(1deg);
  }
  30% {
    -webkit-transform: rotate(-8deg) scale(1) skew(1deg);
  }
  40% {
    -webkit-transform: rotate(8deg) scale(1) skew(1deg);
  }
  50% {
    -webkit-transform: rotate(0deg) scale(1) skew(1deg);
  }
  100% {
    -webkit-transform: rotate(0deg) scale(1) skew(1deg);
  }
}
.cc-socials .cc-social-item:nth-child(1){
    box-shadow: 0px 0px 20px 0px #00000026;
    background: #fff !important ;
}
.cc-socials .cc-social-item:nth-child(2){
    box-shadow: 0px 0px 20px 0px #00000026;
    background: #fff !important ;
}
.cc-socials .cc-social-item:nth-child(3){
    box-shadow: 0px 0px 20px 0px #00000026;
    background: #fff !important ;
}
.cc-socials .cc-social-item:nth-child(5),
.cc-socials .cc-social-item:nth-child(4){
    box-shadow: 0px 0px 20px 0px #00000026;
    background: #fff !important ;
}
.cc-socials .cc-social-item:hover{
    box-shadow: 0px 0px 20px 0px #fdcd13 !important;
}
.cc-socials .cc-social-item:hover i{
    color: #fff;
}
.cc-socials .cc-social-item i{
    color: #fff;
}
.process-steps .wp-block-heading:first-child{
    left: auto !important;
    right: 0px !important;
}

.cus-btn-search{
    justify-content: center !important;
}
/**/
@media (max-width: 1024px){
.home header .wp-block-navigation-item.active > a {
    color: #16403f !important;
    /*color: #fff !important;*/
    font-weight: bold;
}
}
@media (max-width: 820px){
    .wp-block-group.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-6c531013.wp-block-group-is-layout-flex{
            min-width: fit-content !important;
    }
    .cus-contact-form7 .contact_style_1{
        flex-direction: column !important;
        display: flex !important;
    }
    body .cus-image{
        height: 80vw !important;
    }
}
@media (max-width: 768px){
.cus-contact-form7 .contact_style_1 {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(236px, 1fr));
    grid-gap: 20px;
}
}
@media (max-width: 575px){
.cus-page-search{
  margin-top: 0px !important;
}
.cus-sp{
    height: 0vw !important;
}
    .cus-archive
 {
    padding-top: 0rem !important;
}
    .wp-block-group.alignfull.is-content-justification-space-between.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-cb46ffcb.wp-block-group-is-layout-flex .wp-block-buttons,
    .wp-block-group.alignfull.is-content-justification-space-between.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-cb46ffcb.wp-block-group-is-layout-flex .wp-block-group{
        padding-left: 0px !important;
    }
    .home-product img{
    width: 100% !important;
}
    .home-product{
    grid-template-columns: repeat(1, 1fr) !important;
}
    .process-steps .wp-block-heading:first-child{
        top: -25px !important;
        left: 0 !important;
    }
    .home .cus-sdt a {
    color: #000000 !important;
}
    .wp-block-group.alignfull.has-gray-3-background-color.has-background.has-global-padding.is-layout-constrained.wp-container-core-group-is-layout-db9edeb8.wp-block-group-is-layout-constrained .wp-block-webdevia-maps,
    .wp-block-group.alignfull.has-gray-3-background-color.has-background.has-global-padding.is-layout-constrained.wp-container-core-group-is-layout-db9edeb8.wp-block-group-is-layout-constrained{
            padding: 0 !important;
    }
    .cus-info{
        align-items: flex-start !important;
    }
    .cus-info p.wp-block-webdevia-text-with-icon__info__text{
        text-align: left !important;
    }
/*    .archive.category .wp-block-columns {*/
/*    padding-top: 0rem !important;*/
/*    padding-bottom: 7rem !important;*/
/*    gap: 3.825rem !important;*/
/*}*/
    .page-id-649 h1{
        padding-bottom: 0px !important;
    }
    .cus-block {
    margin-top: 0rem !important;
}
    .search main{
    padding-top: 3rem;
}
    .wp-block-group.alignfull.is-content-justification-space-between.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-cb46ffcb.wp-block-group-is-layout-flex{
        flex-direction: column;
    align-items: flex-start;
    }
/*    .archive .wp-block-columns {*/
/*    padding-top: 2rem !important;*/
/*    padding-bottom: 7rem !important;*/
/*    gap: 3.825rem !important;*/
/*}*/
}