/*!
Theme Name: Tree Plantation
Theme URI: https://www.revolutionwp.com/products/tree-plantation
Author: revolutionwp
Author URI: https://www.revolutionwp.com/
Description: Designed to celebrate nature and sustainability, Tree Plantation is a beautifully crafted, multipurpose, and eco-inspired design perfect for environmental organizations, NGOs, gardening enthusiasts, and green initiatives. Whether you’re promoting tree plantation drives, organic farming, home gardening, or eco-awareness campaigns, it helps you build a captivating website that reflects growth, harmony, and care for the planet. With its clean, minimal, and elegant layout, Tree Plantation strikes the perfect balance between visual beauty and smooth functionality. Built on a responsive framework with optimized code, it ensures lightning-fast performance and flawless display across all devices. Even beginners can easily create professional websites thanks to its intuitive interface and wide range of customization options. It features dedicated sections like a striking banner for impactful visuals, a testimonial area to boost credibility, and a team section to showcase the people behind your cause. Integrated Call to Action (CTA) buttons inspire visitors to participate, donate, or volunteer, while social media integration enables effortless connection with your audience. Developed using Bootstrap and clean, secure code, Tree Plantation guarantees long-term stability and reliable performance. Its retina-ready visuals, subtle animations, and modern design elements give your site a polished, engaging look, while translation-ready functionality and built-in shortcodes make customization simple and effective. Perfect for eco-agencies, environmental startups, and sustainability campaigns, Tree Plantation combines elegance and performance to help you create a modern, inspiring, and impactful online presence.
Version: 1.0
Requires at least: 5.5
Tested up to: 6.8
Requires PHP: 7.2
License: GNU General Prefer License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: tree-plantation
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, grid-layout, full-width-template, wide-blocks, editor-style, custom-background, custom-colors, custom-header, custom-logo, custom-menu, sticky-post, featured-images, footer-widgets, flexible-header, post-formats, theme-options, threaded-comments, translation-ready, rtl-language-support, blog, food-and-drink, education

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Tree Plantation is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
*,
*::before,
*::after {
  box-sizing: inherit; }

html {
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
}
body{
  font-family: "Poppins", sans-serif;
}
header a,
footer a {
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
  line-height: 1.4;
  font-weight: 700;
}

ul {
  list-style: disc; }

ol {
  list-style: decimal; }

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 0; }

dt {
  font-weight: 700; }

dd {
  margin: 0 1.5em 1.5em; }

table {
  width: 100%;
  border-spacing: 0; }

th, td {
  padding: 5px;
  text-align: center; }

table td,
table tr,
table th {
  border: 1px solid #ddd; }

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%; }

img, .wp-block-image img {
  height: auto;
  max-width: 100%;
  vertical-align: middle; }

figure {
  margin: 1em 0; }

dfn,
cite,
em,
i {
  font-style: italic; }

blockquote {
  margin: 0 1.5em; }

address {
  margin: 0 0 1.5em; }

pre {
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em; }

code,
kbd,
tt,
var {
  font-family: 17px; }

abbr,
acronym {
  border-bottom: 1px dotted #ddd;
  cursor: help; }

mark,
ins {
  background: #ddd;
  text-decoration: none; }

big {
  font-size: 125%; }

select,
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
  border-radius: 0;
  box-sizing: border-box;
  display: block;
  font-size: 17px;
  width: 100%;
  background: #fff;
  border: 1px solid #ccc;
  line-height: 1.75;
  padding: 7px 15px;
  color: #1c1c1c;
}
p a {
    text-decoration: underline;
}
textarea {
  width: 100%;
  height: 120px;
  padding: 15px 20px; }

input[type="checkbox"] {
  display: inline; }

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #cacaca; }

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
  color: #c3c3c3; }

input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #a3a2a2; }

hr {
  background-color: #999;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em; }

a {
  color: var(--wp--preset--color--primary);
  outline: 0 !important;
}
.main-navigation span:hover{
  color: var(--wp--preset--color--primary);
}
.widget a:not(.wp-block-button__link),
.entry-summery a:not(.wp-block-button__link),
.entry-content a:not(.wp-block-button__link) {
  text-underline-offset: 3px;
  text-decoration-skip-ink: all;
  text-decoration-thickness: 1px;
  text-decoration: underline;
}
.widget a:not(.wp-block-button__link):hover,
.entry-summery a:not(.wp-block-button__link):hover,
.entry-content a:not(.wp-block-button__link):hover {
  color: var(--wp--preset--color--primary);
}
a:focus-visible, a:focus {
  outline: thin dotted !important;
}
a:hover, a:active, a:hover {
  outline: 0;
  color: var(--wp--preset--color--primary);
}
/*alignwide*/
.alignfull{
  margin:0 !important;
  width: auto !important
}
h1,h2,h3,h4,h5,h6{
  color: #000;
}
/*---------------- Woocommerce CSS------------------ */
.woocommerce h3 a{
  color: #000!important;
  text-decoration: none;
}
.woocommerce span.page-numbers.current, .woocommerce .page-numbers, .woocommerce .wp-block-query-pagination-next{
  background: var(--wp--preset--color--primary);
  color: #fff;
  padding: 10px;
}
.woocommerce .wp-block-query-pagination-numbers{
  display: flex;
  align-items: center;
  gap: 10px;
}
.woocommerce .wp-block-query-pagination{
  gap: 0;
}
.woocommerce span.page-numbers.current:hover, .woocommerce .page-numbers:hover, .woocommerce .wp-block-query-pagination-next:hover, .woocommerce .wp-block-button__link:hover{
  background: #000;
  color: #fff !important;
}
.woocommerce .wp-block-post{
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.woocommerce .select2-container--default .select2-selection--single{
  height: 40px;
}
.woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered{
  padding: 5px 8px;
}
.woocommerce .select2-container--default .select2-selection--single .select2-selection__arrow{
  top: 8px;
}
.woocommerce form .form-row input.input-text {
  padding: 8px;
  border: 1px solid #bcbcbc;
}
.related.products h2 {
  text-align: left;
}
.woocommerce .star-rating span::before {
  color: #f3f321;
}
.woocommerce ul.products li.product .star-rating{
  margin: 0 auto 8px;
  font-size: 15px !important;
}
.woocommerce span.onsale{
  background: var(--wp--preset--color--primary);
  padding: 0;
  color: #fff;
}
.products li {
  box-shadow: -2px -2px 5px #bbb;
  padding: 10px !important;
  text-align: center;
}
.woocommerce ul.products li.product a img{
  margin: 0;
}
h2.woocommerce-loop-product__title,
.woocommerce div.product li .product_title {
  color: #000;
  letter-spacing: 1px;
  font-weight: 600;
  text-align: center !important;
  font-size: 20px !important;
  padding: 5px 0 5px 0 !important;
}
.woocommerce ul.products li.product .button {
  margin-top: 5px;
}
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price, .woocommerce div.product span.price {
  color: #000;
}
.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{
  background: var(--wp--preset--color--primary);
  color: #fff ;
  border-radius: 1px solid var(--wp--preset--color--primary);
  padding: 10px 20px !important;
  opacity: 1 !important;
  text-decoration: none;
  border-radius: 30px;
}
.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: transparent !important;
  border: 1px solid rgba(39, 123, 248, 1);
  color: #000 !important;
}
.woocommerce .quantity .qty {
  width: 5em;
  padding: 7px;
  border-radius: 30px;
  border: solid 1px #000;
  color: #000;
  line-height: 1;
}
.woocommerce .col2-set .col-1, .woocommerce .col2-set .col-2 {
   max-width: 100%;
}
nav.woocommerce-MyAccount-navigation ul {
  list-style: none;
  padding-left: 0;
}
nav.woocommerce-MyAccount-navigation ul li {
  background: var(--wp--preset--color--primary);
  padding: 12px !important;
  margin-bottom: 10px;
}
nav.woocommerce-MyAccount-navigation ul li a{
  color: #fff;
  font-weight: 600;
}
nav.woocommerce-MyAccount-navigation ul li a:hover{
  color: #222 !important;
}
span.posted_in {
  display: block;
}
span.woocommerce-input-wrapper {
  width: 100%;
}
select.orderby {
  padding: 10px;
}
.woocommerce-product-gallery__image{
  padding: 2px;
}
.woocommerce .cart .button, .woocommerce .cart input.button{
  padding: 12px;
}
nav.woocommerce-MyAccount-navigation ul li a, .woocommerce-info a, .woocommerce-privacy-policy-text a, td.product-name a, a.shipping-calculator-button{
  text-decoration: none !important;
}
.woocommerce-privacy-policy-text a, .woocommerce-privacy-policy-text p, .woocommerce form .form-row label {
  color: #000;
  line-height: 28px;
}
.woocommerce .woocommerce-breadcrumb, .woocommerce .woocommerce-breadcrumb a{
  margin-top: 20px;
}
.woocommerce-page .select2-container .select2-selection .select2-selection__arrow{
  height: 1.5rem !important;
}
.woocommerce input#password{
  border: 1px solid #bcbcbc;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
  line-height: 0px !important;
}
.woocommerce-page form .password-input{
  width: 100%;
}
.woocommerce nav.woocommerce-pagination ul li a {
  display: block;
  padding: 12px 15px;
  text-decoration: none;
  width: auto;
  color: #fff;
  background: var(--wp--preset--color--primary);
  transition: background .15s ease-in-out;
  font-weight: bold;
}
.woocommerce nav.woocommerce-pagination ul li a:hover{
  background: #000;
  color: #fff;
}
.woocommerce nav.woocommerce-pagination ul li span.current{
  padding: 12.5px 15px;
  background: #000;
  color: #fff;
  font-weight: normal;
}
.woocommerce nav.woocommerce-pagination ul, .woocommerce nav.woocommerce-pagination ul li{
  border: none;
  float: none;
  overflow: unset;
}
.woocommerce nav.woocommerce-pagination {
  text-align: center;
  margin-bottom: 20px;
}
.woocommerce-cart table.cart td.actions .coupon .input-text{
  width: 110px !important;
  padding: 5px 5px 5px !important;
  margin: 0px 10px 0px 0 !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
  margin-bottom: 30px;
}
#payment{
  margin: 0 0 30px 0;
}
/* Header Section */
.home-page span{
  color:var(--wp--preset--color--primary);
  padding-bottom: 15px;
  border-bottom: 4px solid var(--wp--preset--color--primary);
}
.main-navigation a{
  color: #6a6767 !important;
}
.middle-relative{
  position: relative;
}
.top-bar i, .phone-col i{
  color:var(--wp--preset--color--primary);
  margin-right: 5px;
}
.phone-col i{
  font-size: 30px;
}
.top-bar a, .middle-header-box a{
  text-decoration: none;
}
.middle-header-box {
  position: absolute;
  top: -4em;
  width: 100%;
  z-index: 9999;
  margin: 0 auto !important;
  left: 0;
  right: 0;
}
.contact-bar{
  border-bottom: 1px solid #ccc;
}
.social-media a{
  border: 1px solid #AEAEAE !important;
  height: 50px;
  width: 40px;
  border-bottom: 1px;
  font-size: 16px;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.social-media a:hover{
  border: 1px solid var(--wp--preset--color--primary);
  color: #fff !important;
  background: var(--wp--preset--color--primary);
}
.header-btn a{
  position: relative;
  padding-left: 35px !important;
}
.header-btn a:before{
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  width: 18px;           
  height: 18px;          
  background-image: url('assets/images/header-btn-icon.png');   
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 8px;  
  margin-left: 10px;  
  vertical-align: middle;
}
.search-block .wp-block-search.wp-block-search__button-only .wp-block-search__button{
  padding: 12px 14px;
  font-size: 14px;

}.search-block button{
  position: relative;
}
input#wp-block-search__input-2 {
    position: absolute;
    top: 100%;
    border-radius: 4px;
    width: 250px;
    margin: 0 auto;
    z-index: 99;
    right: 0;
}
.search-block .wp-element-button:hover{
  background: var(--wp--preset--color--primary) !important;
}
/*------------Banner section-------------*/
.main-banner-section span.wp-block-cover__background.has-background-dim {
    background: linear-gradient(to right, #fff 20%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 70%);
}
/* Previous and Next buttons */
.main-banner-section .owl-carousel{
  display: block !important;
}
.main-banner-section .owl-dots {
  position: absolute;
  top: 65%;
  bottom: auto;
  transform: translateX(-50%);
  left: 14%;
  right: auto;
  width: auto;
  text-align: center;
  display: flex;
  flex-direction: row;
  z-index: 999;
  align-items: center;
}
.main-banner-section .owl-dots .owl-dot {
  background: var(--wp--preset--color--tertiary);
  height: 11px;
  width:11px;
  margin: 0 18px 0 0; 
  color: #fff;
  border: none;
}
.main-banner-section .owl-dots .owl-dot.active {
  background-color: var(--wp--preset--color--primary);
}
.owl-carousel{
  display: block !important;
}
.main-banner-section .owl-nav button.owl-prev,
.main-banner-section .owl-nav button.owl-next{
  position: absolute;
  top: 50%;
  width: 100%;
  display: flex;
  justify-content: space-between;
  transform: translateY(-50%);
  pointer-events: none;
  bottom: auto;
  z-index: 9999;
}
.main-banner-section .owl-nav{
  margin-block-start: 0 !important;
}
.main-banner-section .owl-nav button.owl-prev,
.main-banner-section .owl-nav button.owl-next {
  pointer-events: auto;
  cursor: pointer;
  outline: none;
  background: transparent;
  border: none;
  width: auto;
}
.main-banner-section .owl-nav button.owl-prev span,
.main-banner-section .owl-nav button.owl-next span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  background-color: var(--wp--preset--color--tertiary);
  border: none;
  font-size: 30px;
  color: #fff;
}
.main-banner-section .owl-nav button.owl-prev {
  left: 0;
}
.main-banner-section .owl-nav button.owl-next {
  left: 97%;
}
.main-banner-section .owl-nav button.owl-prev span:hover,
.main-banner-section .owl-nav button.owl-next span:hover {
  background-color: var(--wp--preset--color--primary);
  color: #fff; 
}
/*---------about section-------------*/
.about-us-container{
  position: relative;
  top: -7em;
  z-index: 99;
}
.about-us-icon{
  width: 100px;
  height: 74px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: var(--wp--preset--color--primary);
}
.about-us-container .about-box img{
  object-fit: cover;
  width: 100% !important;
}
/*------------ ------------------------Services Section------------ */
.serv-title-group{
  text-align: center;
}
.serv-title-group i{
  font-size: 40px;
  color: var(--wp--preset--color--primary);
}
.service-box .serv-para{
  display: none;
}
.service-box:hover .serv-para{
  display: block;
}
.service-box{
  position: relative;
}
.service-box h3 a{
  text-decoration: none;
}
.service-img img{
  width: 100% !important;
  object-fit: cover;
  border-radius: 10px 10px 0 0;
}
.service-box .serv-icon{
  width: 80px;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: var(--wp--preset--color--tertiary);
  margin-top: -2em;
}
.service-box:hover .service-img img{
  height: 460px !important;
  border-radius: 10px;
}
.service-box:hover .service-content{
  position: absolute;
    height: 460px;
    width: 100% !important;
    top: 50% !important;
    bottom: auto;
    left: 50%;
    border-radius: 10px;
    right: auto;
    transform: translate(-50%, -50%);
    background: var(--wp--preset--color--primary-with-opacity) !important;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.service-box:hover h3 a, .service-box:hover .serv-para{
  color: #fff !important;
}
.service-box:hover .service-inner-content{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
/*-----------added woo product-----------*/
.wc-block-components-product-sale-badge img{
  height: 250px !important;
}
.products-block-post-template h3 a{
  font-size: 22px !important;
  text-decoration: none ;
}
span.woocommerce-Price-amount.amount{
  font-size: 18px !important;
  color: #000;
}
a.added_to_cart.wc_forward{
  margin-top: 0 !important;
  background: var(--wp--preset--color--primary);
  color: #fff;
  padding: 10px 12px;
  font-size: 18px !important;
  text-decoration: none;
}
.single-post .wp-block-post-featured-image img{
  width: auto;
}
.single-post .wp-block-post-author__avatar img{
  width: 25px !important;
  height: 25px !important;
}
.wc-block-checkout {
  width: 80%;
  margin: 0 auto;
}

/*archive*/
.archive .archive-page .wp-block-post, .blog .archive-page .wp-block-post {
    box-shadow: 0 5px 10px 0 rgb(0 0 0 / 16%), 0 0 0 0px rgb(0 0 0 / 8%);
}
.archive .archive-page .wp-block-group , .blog .archive-page .wp-block-group  {
    box-shadow: none !important;
}
.archive-page-sec{
  padding-bottom: 30px;
  padding-top: 30px;
}
/*Footer Section*/
footer.wp-block-template-part{
  margin-top: 0 !important;
}
.footer-para{
  margin-right: 58% !important;
}
.footer-section  .wp-block-social-links{
  gap: 10px !important;
}
.footer-section a{
  color: #fff;
  font-size: 14px !important;
}
.footer-section .wp-block-tag-cloud a{
  border:1px solid var(--wp--preset--color--primary);
  padding: 6px 10px;
  margin: 2px;
}
.footer-section .wp-block-tag-cloud a:hover{
  background: #009DAE;
  border:1px solid #009DAE;
}
.footer-section .wp-block-columns.copyright-section p a{
  color: #fff;
  font-size: 18px !important;
  text-decoration: none;
}
.footer-section h1 a{
  font-size: 22px !important;
  color: #fff !important;
}
.footer-section .footer-box .wp-block-heading{
  color: #fff !important;
}
.footer-add{
  margin-right: 10%;
}
.footer-section {
  padding: 0;
  min-height: auto;
}
.footer-section .wp-block-group {
  padding: 50px 0px 0;
}
.footer-section .wp-block-columns.copyright-section {
  padding: 20px 0px;
  margin: 50px 0 0;
}
.footer-section .wp-block-columns.copyright-section .wp-block-column:first-child {
  padding-left: 50px;
}
.footer-section .wp-block-columns.copyright-section .wp-block-column:nth-child(2) {
  padding-right: 50px;
}
.footer-box h3 {
  margin-bottom: 20px;
  width: 100%;
  color: #fff !important;
}
.footer-box p, .footer-box p a{
  margin-top: 10px !important;
  color: #fff !important;
}
.footer-add{
 line-height: 30px !important;
}
.footer-box a{
  text-decoration: none !important;
}
.footer-box ul {
  padding: 0;
  gap: 0;
}
.footer-box{
  position: relative;
}
.footer-box ul li {
  list-style: none;
  margin-bottom: 10px;
}
.footer-section .wp-block-social-link{
  background: transparent !important;
  color: var(--wp--preset--color--tertiary);
}
.footer-section .wp-block-button__link {
  padding: 10px 25px;
  font-weight: 500;
  font-size: 14px;
  color: #fff !important;
  text-decoration: none;
  background-color: transparent;
  border: 2px solid #fff;
}
.search-menu .menu-section .wp-block-search__button svg:hover{
  color: #fff !important;
}
.footer-section .wp-block-social-link a{
  padding: 8px !important;
  border-radius: 6px;
  background: #ffffff;
  color: var(--wp--preset--color--primary) !important;
  font-size: 22px !important;
}
.copyright-section p{
  line-height: 30px;
}
.footer-section .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook{
  color: #1778f2;
}
.footer-section .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-instagram{
  color:#f00075;
}
.footer-section .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitter{
  color:#1da1f2;
}
.footer-section .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pPoppinsest{
  color:#e60122;
}
.innerpage-banner{
  margin: 0 !important;
}
.footer-mail, .footer-location, .footer-phone{
  position: relative;
  padding-left: 26px;
}
.footer-mail a:hover, .footer-phone a:hover, .footer-box p a:hover{
  color:var(--wp--preset--color--primary) !important;
}
.footer-mail::before,
.footer-location::before,
.footer-phone::before {
  font-family: "Font Awesome 5 Free"; /* Font Awesome 5 */
  font-weight: 900; /* Solid icons */
  position: absolute;
  top: 0;
  left: 0;
  font-size: 20px; /* Adjust icon size */
  color: var(--wp--preset--color--primary); /* Icon color */
}

.footer-mail::before {
  content: "\f0e0"; /* Envelope icon */
}

.footer-location::before {
  content: "\f3c5"; /* Map marker icon */
}

.footer-phone::before {
  content: "\f095"; /* Phone icon */
}

.footer-box .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor svg{
  fill: var(--wp--preset--color--tertiary) !important;
}
.footer-box .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor svg:hover{
  fill: var(--wp--preset--color--primary) !important;
}
/*theme-button-section*/
.theme-button-section a{
  border: 2px solid transparent !important;
}
.theme-button-section a:hover{
  border: 2px solid var(--wp--preset--color--primary) !important;
  background: transparent !important;
  color: #000 !important;
  font-size: 18px;
  font-weight: 600;
}
/*404 Page CSS*/
.wp-block-search__button {
  border: 0;
  background: var(--wp--preset--color--primary);
}
/*Sidebar CSS*/
.theme-sidebar .wp-block-tag-cloud a{
  border:1px solid var(--wp--preset--color--primary);
  padding: 6px 10px;
  margin: 2px;
}
.theme-sidebar .wp-block-group {
  padding: 15px ;
  border: 1px solid #eee;
  color: #6b6b6b;
}
.theme-sidebar .wp-block-group h3 {
  color: #222;
  padding-bottom: 5px;
  border-bottom: 3px double #222;
  font-size: 24px !important;
}
.theme-sidebar .wp-block-group ul {
  padding-left: 20px;
}
.theme-sidebar .wp-block-group ul li {
  line-height: 2;
  font-size: 20px;
  color: var(--wp--preset--color--primary);
  list-style: disc;
  text-decoration: none !important;
}
.theme-sidebar .wp-block-group ul li a {
  color: #000 !important;
  text-decoration: none !important;
  font-size: 16px;
}
.theme-sidebar .wp-block-social-links .wp-social-link a{
  color: #ffffff !important;
}
.theme-sidebar ul.wp-block-social-links {
  padding: 0;
}
.theme-sidebar ul.wp-block-social-links a{
  padding: 10px !important;
}
.theme-sidebar ul.wp-block-social-links a svg {
  font-size: 18px;
}
.theme-sidebar .wp-block-tag-cloud a{
  background:#fff;
  color: #000;
  font-size:15px !important;
  padding: 6px 18px;
  margin: 2px 4px 6px;
  display:inline-block;
  border: 2px solid #000;
  text-decoration: none;
}
.theme-sidebar .wp-block-tag-cloud a:hover{
  background: var(--wp--preset--color--primary);
  color: #fff;
  border: 2px solid var(--wp--preset--color--primary);
}
.theme-sidebar .wp-block-gallery {
  gap: 1em;
}
.wc-block-checkout__actions.wp-block-woocommerce-checkout-actions-block{
  margin-bottom: 30px;
}
.wp-element-button,.wc-block-components-checkout-return-to-cart-button{
  background: var(--wp--preset--color--primary);
  color: #fff;
  border: 1px solid transparent;
}
.wp-element-button:hover{
  background: transparent;
  border: 1px solid var(--wp--preset--color--primary);
  color: #fff !important;
}
.wp-block-search__button:hover{
  color: #fff ;
}
.wp-block-site-logo{
  margin-top: 10px !important;
  width: 100%;
}
.wp-block-site-title{
  line-height: 1;
}
/*blog post*/
.has-shadow-dark, .has-no-hover-shadow-dark {
  box-shadow: 0 6px 30px 7px #2125471a;
  transition: 0.5s;
  padding: 50px !important;
  margin-bottom: 30px;
}
p.form-submit.wp-block-button input.wp-block-button__link.wp-element-button{
  padding: 10px 15px;
  background: var(--wp--preset--color--primary);
  border-radius: 6px;
  font-size: 18px !important;
  color: #fff;
  border-radius: 5px;
  border: 1px solid transparent;
  cursor: poPoppins;
  text-decoration: none !important;
  margin-top: 10px;
  margin-bottom: 10px;
}
.navigation .alignleft a, .navigation .alignright a{
  color: #000 !important;
  font-size: 18px !important;
  text-decoration: none !important;
}
.comment-author.vcard a, .comment-metadata a,.comment-metadata a .edit-link, .reply a, .comment-content a{
  color: #000 !important;
  font-size: 16px !important;
  font-weight: 700;
}
p.form-submit.wp-block-button input.wp-block-button__link.wp-element-button:hover{
  background: transparent !important;
  border: 1px solid var(--wp--preset--color--primary);
  color: #000 !important;
}
footer.comment-meta {
  margin-top: 12px;
}
.wp-block-post-author__name{
  margin: 10px 0px;
}
/*Sidebar CSS*/
.theme-sidebar .wp-block-search__button{
  background: var(--wp--preset--color--primary) !important;
  color: #fff !important;
  border-radius: 5px;
}
.theme-sidebar .wp-block-group {
  padding: 15px ;
  border: 1px solid #eee;
  color: #6b6b6b;
  box-shadow: 0 6px 30px 7px #2125471a;
  transition: 0.5s;
  margin-bottom: 30px;
}
.single-post-sidebar-on-right, .single-post-sidebar-on-left{
  margin-right: 8%;
  margin-left: 5%;
}
.single-post-sidebar-on-right h3, .single-post-sidebar-on-left h3{
  font-size: 30px;
}
.wp-block-post-author{
  align-items: center;
}
/*blog listing*/
.wp-block-query-pagination {
  margin: 80px 0;
}
.wp-block-query-pagination .wp-block-query-pagination-numbers {
  margin: 0;
  display: inline-block;
}
.wp-block-query-pagination .page-numbers,
.wp-block-query-pagination .wp-block-query-pagination-next,
.wp-block-query-pagination .wp-block-query-pagination-previous {
  padding: 12px 16px;
  background: var(--wp--preset--color--primary);
  line-height: 1;
  margin: 0 3px;
  text-decoration: inherit;
  display: inline-block;
  box-shadow: 0 0 15px #0000002b;
  border-radius: 100px;
  color: #fff;
}
.wp-block-query-pagination .page-numbers.current,
.wp-block-query-pagination a:hover,
.wp-block-query-pagination a:focus,
.wp-block-query-pagination a:active {
  background-color: var(--wp--preset--color--primary);
  color: #fff;
}
.wp-block-query-pagination .page-numbers, .wp-block-query-pagination .wp-block-query-pagination-next, .wp-block-query-pagination .wp-block-query-pagination-previous {
  padding: 12px 16px;
  background:#fff;
  line-height: 1;
  margin: 0 3px;
  text-decoration: inherit;
  display: inline-block;
   box-shadow: 0 0 15px #0000002b;
  border-radius: 100px;
  color: #000;
}
.wp-block-post-title a{
  color: #000;
}
.wp-block-post-excerpt__more-link{
  padding: 10px;
  background: var(--wp--preset--color--primary);
  color: #fff !important;
  font-weight: 600;
}
.wp-block-post-excerpt__more-link:hover{
  background: #000;
}
/*my account address button css*/
header.woocommerce-Address-title.title a{
  background-color: var(--wp--preset--color--primary);
  border-radius: 0px !important;
  color: #fff;
  font-size: 15px;
  font-weight: bold !important;
  text-decoration: none !important;
  padding: 12px 20px !important;
}
.wc-block-grid__product-onsale{
  background-color: var(--wp--preset--color--primary) !important;
  border-radius: 0px !important;
  color: #fff !important;
  border-color: transparent !important;
}
a.wp-block-button__link.wp-element-button.add_to_cart_button.ajax_add_to_cart{
  padding: 10px 16px !important;
}
header.woocommerce-Address-title.title a:hover,.wp-element-button:hover, .wp-block-button__link:hover{
  background:var(--wp--preset--color--tertiary) !important;
  border: 1px solid #000 !important;
  color: #fff !important;
}
.wc-block-grid__products {
  justify-content: center;
}
.woocommerce .woocommerce-breadcrumb,.woocommerce h1.alignwide.wp-block-query-title,
.woocommerce .wp-block-group.alignwide.is-content-justification-space-between.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-2.wp-block-group-is-layout-flex,
.woocommerce .products-block-post-template{
  margin-left: 10% !important;
  margin-right: 10% !important;
}
.footer-para{
  font-size: 14px !important;
}
.woocommerce div.product .wp-block-group, .woocommerce div.product{
  max-width: 80% !important;
  margin-left: 6%;
}

/*cart css*/
header.woocommerce-Address-title.title{
  display: inline-grid;
  margin-bottom: 20px;
}
.woocommerce-account .addresses .title .edit{
  text-decoration: none;
  color: #fff !important;
}
ul.wc-block-grid__products,ul.wc-block-product-template__responsive.columns-3.wc-block-product-template.wp-block-woocommerce-product-template{
  display: grid !important;
  grid-template-columns: auto auto auto auto;
  gap: 1em;
  margin: 0 9%;
}
li.wc-block-grid__product{
  max-width: 100% !important;
}
.wc-block-grid__product-onsale{
  padding: 5px 12px !important;
  font-size: 10px !important;
}
table.wc-block-cart-items.wp-block-woocommerce-cart-line-items-block,.wp-block-woocommerce-cart-order-summary-block{
  border: 1px solid #dcdcdc;
  margin: 0 -1px 24px 0;
  text-align: left;
  width: 100%;
  border-radius: 5px;
}
td.wc-block-cart-item__image{
  padding: 16px 0px 16px 16px !important;
}
td.wc-block-cart-item__total,.wc-block-components-totals-item,.wc-block-components-totals-coupon{
  padding-left: 16px !important;
  padding-right: 16px !important;
}
tr.wc-block-cart-items__header th{
  font-weight: 700;
  padding: 9px 12px !important;
  line-height: 1.5em;
  font-size: 16px;
}
a.wc-block-components-product-name{
  color: #000;
  font-size: 20px;  
  font-weight: 600;
}
span.wc-block-formatted-money-amount.wc-block-components-formatted-money-amount.wc-block-components-product-price__value{
  color: #717171 !important;
}
span.price.wc-block-components-product-price{
  text-align: left !important;
}
a.wc-block-components-product-name,button.wc-block-cart-item__remove-link,a.wc-block-components-totals-coupon-link,
a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained,
a.wc-block-components-checkout-return-to-cart-button{
  text-decoration: none !important;
}
button.wc-block-cart-item__remove-link{
  font-size: 1em !important;
}
span.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title{
  text-align: left !important;
}
a.wc-block-components-totals-coupon-link,a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained,
a.wc-block-components-checkout-return-to-cart-button,button.wc-block-components-checkout-place-order-button{
/*  background: var(--wp--preset--color--accent);*/
  border-radius: 0;
  color: #fff !important;
  font-weight: 500;
  padding: 10px 25px !important;
  font-size: 18px;
  border-radius: 6px;
}
span.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title{
  font-size: 1.5em !important;
  padding: 10px !important;
  display: block !important;
}
button.wc-block-components-checkout-place-order-button:hover,
a.wc-block-components-totals-coupon-link:hover, a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained:hover,
a.wc-block-components-checkout-return-to-cart-button:hover{
  background-color:#000;
}
.wp-block-woocommerce-checkout-order-summary-block{
  border: 1px solid #dcdcdc;
}
.wp-block-woocommerce-checkout-order-summary-cart-items-block.wc-block-components-totals-wrapper{
  padding: 10px;
}
.wc-block-components-button:hover{
  background-color: #000 !important;
}
.wc-block-components-product-metadata .wc-block-components-product-metadata__description p{
  font-size: 14px;
}
.wp-block-woocommerce-cart.alignwide {
  margin-left: auto;
  margin-right: auto;
  padding: 0 20px;
}
.wc-block-components-main.wc-block-cart__main.wp-block-woocommerce-cart-items-block{
  padding-right: 0%;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
  background-color: transparent !important;
}
.woocommerce-MyAccount-navigation ul li a,.woocommerce-account .addresses .title .edit{
  padding: 5px 12px !important;
  font-size: 16px;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul{
  margin: 0 !important;
}
.woocommerce{
  margin: 0 auto;
  max-width: 100% !important;
}
.wp-block-woocommerce-customer-account,.wc-block-mini-cart.wp-block-woocommerce-mini-cart{
  display: none;
}
nav.woocommerce-MyAccount-navigation ul li a {
  color: #fff;
  text-decoration: none;
  font-weight: 600;
}
.wc-block-components-quantity-selector,input.wc-block-components-quantity-selector__input{
  border: 1px solid #fff !important;
}
button.wc-block-cart-item__remove-link{
  display: block !important;
}
tr.wc-block-cart-items__header{
  border-bottom: 1px solid #fff;
}
tr.wc-block-cart-items__row{
  border-top: 1px solid #fff;
}
.wc-block-cart{
  width: 80%;
}
.wc-block-components-totals-item__value,.wc-block-components-product-metadata__description{
  text-align: left;
}
.single-product .wc-block-components-product-price ins,.post-type-archive-product .wc-block-grid__product-price  ins{
  background: none !important;
}
.single-product .wp-block-group.woocommerce.product{
  max-width: 100% !important;
}
/*woocommerce css*/
.wp-block-button.wc-block-components-product-button{
  gap: 0;
}
.woocommerce a.added_to_cart{
  margin-top: 0;
}
li.wc-block-product,li.wc-block-grid__product{
  border: 1px solid #dcdcdc;
  padding: 10px;
}
.wc-block-grid .wc-block-grid__product-onsale, .wc-block-grid__product-image .wc-block-grid__product-onsale{
  background: var(--wp--preset--color--accent);
  color: #fff;
  border-color:var(--wp--preset--color--accent) ;
}
.woocommerce .price ins, .woocommerce bdi{
  font-size: 16px;
}
.woocommerce-Tabs-panel h2,.woocommerce h2.wp-block-heading{
  font-size: 30px;
}
.wp-block-woocommerce-related-products .wp-block-post{
  width: calc(33% - 1em)!important;
}
.woocommerce-shop .add_to_cart_button{
  padding: 10px 12px !important;
}
/*blog and archive css*/
.blog .wp-block-post-excerpt__more-link,.archive .wp-block-post-excerpt__more-link,.wp-block-post-template .wp-block-post-excerpt__more-link,.single-post .taxonomy-category a,.single-product .taxonomy-product_cat a,.wp-block-woocommerce-store-notices a.button.wc-forward.wp-element-button {
  background: var(--wp--preset--color--primary) !important;
  border-radius: 6px;
  padding: 7px 10px !important;
  color: #fff !important;
  border-radius: 5px;
  text-decoration: none !important;
}
.single-post .taxonomy-category{
  margin-top: 10px;
}
span.page-numbers.current {
  background: var(--wp--preset--color--primary);
  color: #fff;
  padding: 12px 16px;
}
a.page-numbers{
  background: transparent;
  color: var(--wp--preset--color--primary);
  border: 1px solid var(--wp--preset--color--primary);
  padding: 8px 10px;
}
.wp-block-query-pagination a.wp-block-query-pagination-previous,.wp-block-query-pagination a.wp-block-query-pagination-next{
  color: #fff;
  background: var(--wp--preset--color--primary);
  padding: 12px 16px;
}
.wp-block-query-pagination{
  gap: 10px !important;
}
.wp-block-query-pagination a{
  text-decoration: none;
}
.blog .wp-block-post-excerpt__more-link:hover,.archive .wp-block-post-excerpt__more-link:hover,.wp-block-latest-posts.is-grid li .wp-block-latest-posts__read-more:hover,
.wp-block-post-template .wp-block-post-excerpt__more-link:hover{
  background: #000;
  color: #fff;
}
.archive .wp-block-post-template figure,.wp-block-post-template figure{
  margin: 0 !important;
}
.wp-block-post-template .wp-block-post-excerpt__more-text,.wp-block-post .wp-block-post-date {
  margin-top: 10px;
}
.archive .wp-block-post-template, .wp-block-post-template{
  gap: 1.2em;
}
.wp-block-post-template .wp-block-post-excerpt__excerpt{
  color: #717171;
}
.woocommerce-cart h1.alignwide.wp-block-post-title,.woocommerce-account h2{
  text-align: center;
}
.woocommerce-account .entry-content .woocommerce-form-login {
  width: 450px;
  margin: 0 auto;
}
.wc-block-components-checkout-return-to-cart-button svg{
  left: 3% !important;
}
a.wc-block-components-checkout-return-to-cart-button{
  padding: 10px 12px 10px 30px !important;
}

/*RESPONSIVE MEDIA*/
@media screen and (max-width:767px) {
  .error-page{
   padding: 0 !important;
  }
  .error-page h2{
    font-size: 122px !important;
  }
  .has-shadow-dark, .has-no-hover-shadow-dark{
    padding: 20px !important;
  }
  .wp-block-post-comments .commentlist .comment{
    padding-left: 0 !important;
  }
  .single-post-sidebar-on-left .wp-block-columns,.single-post-sidebar-on-right .wp-block-columns{
    max-width: 100% !important;
  }
  .main-page, .page-no-title{
    padding: 20px !important;
  }
  .footer-section .wp-block-navigation-item__label{
    color: #000 !important;
  }
  .footer-section .wp-block-columns.copyright-section .wp-block-column:first-child,
  .footer-section .wp-block-columns.copyright-section .wp-block-column:nth-child(2) {
    padding: 0;
  }
  .footer-section .wp-block-columns {
    padding: 0 20px;
  }
  .footer-section .wp-block-columns.copyright-section {
    padding: 20px;
    text-align: center;
  }
  .footer-section .wp-block-columns {
    margin: 0;
  }
  .copyright-section .wp-block-social-links{
    justify-content: center !important;
  }
  .footer-section .wp-block-group{
    padding: 10px;
    max-width: 100% !important;
  }
  .footer-section h1{
    text-align: center;
  }
  span.woocommerce-Price-amount.amount {
    font-size: 14px !important;
  }
  .products-block-post-template h3 a {
    font-size: 20px !important;
  }
  .footer-para{
    margin-right: 0% !important;
  }
  .header-section .wp-block-site-title a{
    color: #000;
  }
  .wp-block-navigation__responsive-container-content{
    margin-left: 30px;
  }
  .footer-section .wp-block-group{
    text-align: center !important;
  }
  .footer-section .wp-block-social-links{
    justify-content: center !important;
  }
  .banner-calender .wp-block-column p{
    text-align: center;
  }
  li.wc-block-grid__product{
    max-width: 100% !important;
  }
}
@media screen and (min-width: 425px) and (max-width: 900px){
  .header-section .wp-container-core-navigation-is-layout-1{
    gap: 0;
  }
  .banner-box .banner-grp {
    top: 10% !important;
  }
  .contact-info .topbar-phone img, .contact-info .topbar-mail img {
    height: 14px;
    width: 14px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px){
  .wp-block-column.banner-col-2.is-layout-flow.wp-block-column-is-layout-flow{
    flex-basis: 200% !important;
  }
  .footer-section .wp-block-group{
    padding: 0;
    max-width: 100% !important;
  }
  .banner-col-2 h1{
    font-size: 36px !important;
    line-height: 55px;
  }
  .footer-box{
    max-width: 180px !important;
  }
  .products-block-post-template{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .footer-section .wp-block-columns{
    display: grid;
    grid-template-columns: auto auto auto auto;
  }
  .footer-section .wp-block-social-links {
    gap: 0.5rem !important;
  }
  .footer-section .wp-block-columns.copyright-section{
    display: block;
  }
  .footer-para{
    margin-right: 0% !important;
  }
}
@media screen and (min-width: 782px) and (max-width: 992px){
  .archive .archive-page .wp-block-latest-posts li{
    flex: 1 0 50% !important;
  }
}
@media screen and (max-width: 1024px) and (min-width: 1000px) {
  li.wc-block-grid__product{
    max-width: 18% !important;
  }
  .footer-section .wp-block-group{
    padding-top: 10px !important;
  }
  .copyright-section .wp-block-social-links{
    gap: 10px;
  }
  .footer-para{
    margin-right: 0% !important;
  }
}
@media screen and (max-width: 900px) {
  .header-section nav{
    flex-wrap: nowrap !important;
  }
  .wp-block-navigation__responsive-container-open {
    background: var(--wp--preset--color--primary);
    padding: 10px;
    color: #fff;
    border-radius: 7px;
  }
  .header-section .wp-block-navigation__responsive-container-close{
    background: #000;
    padding: 10px;
    color: #fff;
    font-size: 30px;
    font-weight: 600;
    border-radius: 7px;
  }
  .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content {
    display: none;
  }
  .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: block;
  }
}
@media screen and (max-width: 1400px) and (min-width:1025px){
  .footer-section .wp-block-group{
    padding-top: 10px !important;
  }
  .copyright-section .wp-block-social-links{
    gap: 10px;
  }
  .footer-para{
    margin-right: 0% !important;
  }
}
@media screen and (max-width: 768px){
  .single-product ul.tabs.wc-tabs{
    display: flex !important;
  }
}
@media screen and (max-width: 991px){
  .wc-block-components-sidebar-layout{
    display: block;
  }
  .wc-block-components-sidebar-layout .wc-block-components-main,.wc-block-components-sidebar,.woocommerce-account .woocommerce-MyAccount-navigation,.woocommerce-account .woocommerce-MyAccount-content{
    width: 100% !important;
  }
  .single-product .wc-block-add-to-cart-form form.cart{
    display: block;
  }
}
@media screen and (max-width: 425px){
  td.wc-block-cart-item__total{
    padding: 0 !important;
  }
  tr.wc-block-cart-items__row{
    grid-template-columns: repeat(4, 1fr)!important;
  }
  .is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity{
    display: block;
  }
}
@media screen and (min-width: 721px) and (max-width: 991px){
  .wc-block-product-template.wc-block-product-template,ul.wc-block-grid__products,ul.wc-block-product-template__responsive.columns-3.wc-block-product-template.wp-block-woocommerce-product-template,
  .blog .wp-block-post-template,.archive .wp-block-post-template,.page-template-blog-sidebar-on-right .wp-block-post-template,.page-template-blog-sidebar-on-left .wp-block-post-template{
    grid-template-columns: repeat(2, minmax(max(150px, calc(50% - 0.83333em)), 1fr));
    gap: 0.83333em;
  }
  .wp-block-woocommerce-related-products .wp-block-post,.blog .wp-block-latest-posts__list li{
    width: calc(50% - 1em)!important;
  }
}
@media screen and (max-width: 720px){
  .wc-block-product-template__responsive,ul.wc-block-grid__products{
    grid-template-columns: auto !important;
  }
  .blog .wp-block-post-template,.archive .wp-block-post-template,.page-template-blog-sidebar-on-right .wp-block-post-template,.page-template-blog-sidebar-on-left .wp-block-post-template{
    display: block;
    grid-template-columns: auto !important;
  }
  li.wc-block-product,.blog .wp-block-post-template li,.archive .wp-block-post-template li,
  .page-template-blog-sidebar-on-right .wp-block-post-template li,.page-template-blog-sidebar-on-left .wp-block-post-template li{
    margin-bottom: 20px;
  }
  .wp-block-woocommerce-related-products .wp-block-post,.page-template-blog-sidebar-on-left .wp-block-post,.page-template-blog-sidebar-on-right .wp-block-post{
    width: calc(100% - 1em)!important;
  }
  .not-found-heading{
    font-size: 50px !important;
  }
}
@media screen and (max-width: 425px){
  .woocommerce .wp-block-group .alignwide{
    display: block;
    text-align: center;
  }
}
@media screen and (max-width: 991px){
  .home-page span{
    border: none;
  }
  .menu-box ul,
  .menu-box ul.wp-block-navigation__container .wp-block-navigation-item.has-child,
  .menu-box .wp-block-navigation__submenu-container{
    gap: 20px !important;
  }
  .menu-box ul.wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation-submenu li{
    padding-left: 50px;
  }
  .menu-box ul.wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation-submenu li a{
    position: relative;
    display: inline-flex !important;
  }
  .menu-box .wp-block-navigation__responsive-container-close{
    right: 15px !important;
    top: 15px !important;
  }
  .menu-box ul.wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation-submenu li a:before{
    content: '--';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    color: #ffffff;
    font-size: 12px;
  }
  .menu-box ul.wp-block-navigation__container li a{
    padding: 0 20px 0 40px !important;
    color: #fff !important;
  }
  .home-page span{
    color: #fff !important;
  }
  .menu-box .top-menus .wp-block-navigation__submenu-container{
    padding: 0;
  }
  .menu-box nav .wp-block-navigation__responsive-container{
    background-color: #000000 !important;
  }
  .menu-box .wp-block-navigation__responsive-container-close{
    background: #ffffff;
    padding: 10px;
    color: #000000;
    font-size: 30px;
    font-weight: 600;
    border-radius: 50%;
    right: 25px;
    top: 16px;
  }
  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open),
  .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content {
    display: none;
  }
  .menu-box .wp-block-navigation__responsive-container .wp-block-navigation__responsive-close .wp-block-navigation__responsive-container-content{
    padding-top: calc(2rem + 60px);
    margin-left: 0;
  }
  .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: block;
  }
}
/*my media*/
@media screen and (max-width: 767px){
  .top-bar .wp-block-columns.main.is-layout-flex{
    max-width: 90% !important;
  }
  .top-bar img{
    width: 15px !important;
    height: 15px !important;
  }
  .middle-header-box{
    position: static !important;
  }
  .serv-icon img{
    width: 20px !important;
    height: 20px !important;
  }
  .service-box:hover .service-img img{
    height: 300px !important;
  }
  .service-box:hover .service-content{
    height: 300px;
  }
  .service-box h3{
    font-size: 15px !important;
  }
  .service-box p{
    font-size: 10px !important;
  }
  .service-box img{
    height: 200px !important;
  }
  .service-box .serv-icon{
    width: 50px;
    height: 50px;
  }
  .our-services h2{
    font-size: 20px !important;
  }
  .about-us-container{
    padding: 10px !important;
  }
  .about-us-container{
    top: -3em;
  }
  .about-us-container .about-box img{
    height: 200px !important;
  }
  .about-us-container .about-us-icon img{
    height: 24px !important;
    width: 24px !important;
  }
  .about-us-icon{
    width: 80px !important;
    height: 50px !important;
  }
  .about-us-container h2, .about-us-container h3{
    font-size: 15px !important;
  }
  .about-us-container p{
    font-size: 11px !important;
  }
  .main-banner-section .wp-block-cover{
    min-height: 450px !important;
  }
  .slider-top{
    letter-spacing: 4px !important;
    font-size: 11px !important;
  }
  .main-banner-section h1{
    font-size: 25px !important;
  }
  .main-banner-section .wp-block-button a{
    font-size: 10px !important;
    padding: 10px !important;
  }
  .middle-header-box{
    padding: 20px 5px !important;
  }
  .wp-block-buttons.main-btn a{
    font-size: 12px !important;
    padding: 10px 10px 10px 35px !important;
  }
  .social-media a{
    width: 30px;
    height: 40px;
  }
  .call-box p, .call-box a{
    font-size: 12px !important;
  }
  .top-bar p{
    font-size: 10px !important;
  }
  .top-bar{
    padding-bottom: 12px !important;
  }
  .top-bar :where(.is-layout-flex){
    gap: 5px !important;
  }
  .contact-bar .logo-box{
    display: flex;
    justify-content: center;
  }
  .wp-block-buttons.main-btn, .wp-block-group.call-box, .top-bar-row{
    justify-content: center !important;
  }
  .wp-block-columns.menu-box{
    flex-wrap: nowrap !important;
    align-items: center !important;
  }
  .main-banner-section .owl-dots, .main-banner-section .owl-nav, .slider-content{
    display: none;
  }
  .header-section .middle-header-box{
    position: static;
    padding-bottom: 0px !important;
  }
}
@media screen and (min-width: 767px) and (max-width: 999px){
  .social-media .wp-block-social-link-anchor{
    height: 40px;
    width: 30px;
  }
  .serv-icon img{
    width: 20px !important;
    height: 20px !important;
  }
  .service-box:hover .service-img img{
    height: 300px !important;
  }
  .service-box:hover .service-content{
    height: 300px;
  }
  .service-box h3{
    font-size: 15px !important;
  }
  .service-box p{
    font-size: 10px !important;
  }
  .service-box img{
    height: 200px !important;
  }
  .service-box .serv-icon{
    width: 50px;
    height: 50px;
  }
  .our-services h2{
    font-size: 20px !important;
  }
  .about-us-container{
    top: -4em;
  }
  .about-right{
    margin-bottom: 15px !important;
  }
  .wp-block-columns.serv-col, .wp-block-columns.about-us-container.has-background-background-color.has-background.is-layout-flex{
    flex-wrap: nowrap !important;
  }
  .about-us-container{
    padding: 10px !important;
  }
  .about-us-container{
    top: -3em;
  }
  .about-us-container .about-box img{
    height: 200px !important;
  }
  .about-us-container .about-us-icon img{
    height: 20px !important;
    width: 20px !important;
  }
  .about-us-icon{
    width: 100px !important;
    height: 45px !important;
  }
  .about-us-container h2{
    font-size: 15px !important;
  }
  .about-us-container h3{
    font-size: 13px !important;
  }
  .about-us-container p{
    font-size: 10px !important;
  }
  ul.wp-block-social-links.has-icon-color.has-icon-background-color.social-media{
    gap: 5px;
  }
  .wp-block-column.is-vertically-aligned-center.logo-box.wp-block-column-is-layout-flow{
    flex-basis: 30% !important;
  }  
  .wp-block-columns.phone-col{
    flex-basis: 70% !important;
  }
  .main-banner-section .owl-dots{
    top: 70%;
    left: 18%;
  }
  .main-banner-section .owl-dots .owl-dot{
    height: 9px;
    width: 7px !important;
  }
  .slider-content{
    font-size: 12px !important;
  }
  .main-banner-section .owl-nav{
    display: none;
  }
    .main-banner-section .wp-block-cover{
    min-height: 550px !important;
  }
  .slider-top{
    letter-spacing: 4px !important;
    font-size: 11px !important;
  }
  .main-banner-section h1{
    font-size: 25px !important;
  }
  .main-banner-section .wp-block-button a{
    font-size: 10px !important;
    padding: 10px !important;
  }
  .middle-header-box{
    padding: 15px 12px !important;
  }
  .wp-block-buttons.main-btn a{
    font-size: 10px !important;
    padding: 10px 10px 10px 33px !important;
  }
  .header-btn a:before{
    width: 15px;
    height: 15px;
  }
  .logo-box h1{
    font-size: 25px !important;
  }
  .social-media a{
    width: 30px;
    height: 40px;
  }
  .call-box p, .call-box a{
    font-size: 11px !important;
  }
  .top-bar p{
    font-size: 9px !important;
  }
  .top-bar{
    padding-bottom: 5em !important;
  }
  .menu-box{
    padding-top: 20px !important;
  }
  .phone-col{
    gap: 10px !important;
  }
  .wp-block-columns.menu-box, .contact-bar, .phone-col, .top-bar .wp-block-columns{
    flex-wrap: nowrap !important;
    align-items: center !important;
  }
}
@media screen and (min-width: 999px) and (max-width: 1024px){
  .main-navigation a span{
    font-size: 12px !important;
  }
  .social-media .wp-block-social-link-anchor{
    height: 40px;
    width: 30px;
  }
  .serv-icon img{
    width: 20px !important;
    height: 20px !important;
  }
  .service-box:hover .service-img img{
    height: 300px !important;
  }
  .service-box:hover .service-content{
    height: 300px;
  }
  .service-box h3{
    font-size: 15px !important;
  }
  .service-box p{
    font-size: 10px !important;
  }
  .service-box img{
    height: 200px !important;
  }
  .service-box .serv-icon{
    width: 50px;
    height: 50px;
  }
  .our-services h2{
    font-size: 20px !important;
  }
  .about-us-container{
    top: -6em;
  }
  .about-right{
    margin-bottom: 15px !important;
  }
  .wp-block-columns.about-us-container.has-background-background-color.has-background.is-layout-flex{
    flex-wrap: nowrap !important;
  }
  .about-us-container{
    padding: 10px !important;
  }
  .about-us-container{
    top: -3em;
  }
  .about-us-container .about-box img{
    height: 200px !important;
  }
  .about-us-container .about-us-icon img{
    height: 25px !important;
    width: 25px !important;
  }
  .about-us-icon{
    width: 90px !important;
    height: 50px !important;
  }
  .about-us-container h2{
    font-size: 14px !important;
  }
  .about-us-container h3{
    font-size: 13px !important;
  }
  .about-us-container p{
    font-size: 11px !important;
  }
 
  ul.wp-block-social-links.has-icon-color.has-icon-background-color.social-media{
    gap: 5px;
  }
  .wp-block-column.is-vertically-aligned-center.logo-box.wp-block-column-is-layout-flow{
    flex-basis: 30% !important;
  }  
  .wp-block-columns.phone-col{
    flex-basis: 70% !important;
  }
  .main-banner-section .owl-dots{
    top: 74%;
    left: 16%;
  }
  .main-banner-section .owl-dots .owl-dot{
    height: 9px;
    width: 7px !important;
  }
  .slider-content{
    font-size: 12px !important;
  }
  .main-banner-section .owl-nav{
    display: none;
  }
    .main-banner-section .wp-block-cover{
    min-height: 550px !important;
  }
  .slider-top{
    letter-spacing: 4px !important;
    font-size: 11px !important;
  }
  .main-banner-section h1{
    font-size: 25px !important;
  }
  .main-banner-section .wp-block-button a{
    font-size: 10px !important;
    padding: 10px !important;
  }
  .middle-header-box{
    padding: 15px 20px 0 20px!important;
  }
  .wp-block-buttons.main-btn a{
    font-size: 10px !important;
    padding: 10px 10px 10px 33px !important;
  }
  .header-btn a:before{
    width: 15px;
    height: 15px;
  }
  .logo-box h1{
    font-size: 25px !important;
  }
  .social-media a{
    width: 30px;
    height: 40px;
  }
  .call-box p, .call-box a, .top-bar p{
    font-size: 11px !important;
  }
  .top-bar{
    padding-bottom: 5em !important;
  }
  .phone-col{
    gap: 10px !important;
  }
  .wp-block-columns.menu-box, .contact-bar, .phone-col, .top-bar .wp-block-columns{
    flex-wrap: nowrap !important;
    align-items: center !important;
  }
  .main-navigation{
    gap: 30px !important;
  }
  .main-navigation a{
   font-size:12px !important;
  }
  .home-page span{
    border-bottom: 2px solid var(--wp--preset--color--primary);
  }
}
@media screen and (min-width: 1200px) and (max-width: 1399px){
  
}
@media screen and (min-width: 1400px) and (max-width: 1599px){
   .main-banner-section .owl-nav button.owl-next {
    left: 96%;
  }
  .main-banner-section .owl-dots{
    top: 70%;
  }
  .about-us-container .about-us-icon img{
    height: 25px !important;
    width: 25px !important;
  }
  .about-us-icon{
    width: 100px !important;
    height: 55px !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 1199px){
 
}
/* Scroll to Top */
.scroll-top-box {
  display: none; /* Initially hidden */
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: var(--wp--preset--color--primary);
  color: white;
  border: none;
  border-radius: 50% !important;
  padding: 10px 16px 13px; 
  cursor: poPoppins;
  z-index: 1000; 
  transition: opacity 0.3s;
}
.scroll-top-box .wp-block-button__link.wp-element-button{
  border-radius: 50% !important;
  padding: 0!important;
  margin: 0 !important;
}
.scroll-top-box .wp-block-button__link,
.scroll-top-box .wp-block-button__link:hover{
  background-color: var(--wp--preset--color--primary);
}

.scroll-top-box a:hover, .scroll-top-box .wp-block-button__link:hover{
  background: none !important;
  border: none !important;
}
/*footer animation*/
footer .footer-box{
    animation: bounceInUp 1s ease forwards;
}
@keyframes bounceInUp {
  0% {
    opacity: 0;
    transform: translateY(3000px);
  }
  60% {
    opacity: 1;
    transform: translateY(-20px);
  }
  75% {
    transform: translateY(10px);
  }
  90% {
    transform: translateY(-5px);
  }
  100% {
    transform: translateY(0);
  }
}

/*blog post and shop page animation*/
.archive .style-post-box .wp-block-post, .single-post .wp-block-post-comments,li.wc-block-product, li.wc-block-grid__product{
  animation: zoomInUp 0.8s ease-out both;
  overflow: hidden;
  animation-delay: 0.8s;
}

@keyframes zoomInUp {
  0% {
    opacity: 0;
    transform: scale(0.5) translateY(100px);
  }
  60% {
    opacity: 1;
    transform: scale(1.05) translateY(-10px);
  }
  100% {
    transform: scale(1) translateY(0);
  }
}