@charset "UTF-8";
/*!
Theme Name: SEO Expert
Theme URI: https://www.seothemesexpert.com/products/seo-expert-theme
Author: drakearthur
Author URI: https://www.seothemesexpert.com/
Description: The SEO Expert is a multipurpose and modern WordPress theme designed for professionals, digital marketers, SEO agency, best SEO agency, top SEO company, professional SEO services, SEO expert, SEO consultant, SEO firm, SEO marketing agency and agencies who value performance and style. Its minimal, elegant, and sophisticated layout delivers a clean and beautiful design that highlights your services and expertise effortlessly. Built with optimized code and secure and clean code, this theme ensures faster page load time and smooth navigation, enhancing the user experience on all devices. Fully responsive and retina-ready, the SEO Expert adapts perfectly to different screen sizes, offering a mobile-friendly interface that looks stunning everywhere. The theme’s Bootstrap framework ensures flexibility and reliability, while its shortcodes and customization options allow effortless personalization. Whether you’re a developer looking for scalability or a creative agency in need of personalization options, this theme provides everything you need to build a strong digital presence. Designed to be interactive and agency-friendly, it includes dynamic elements such as an animated banner, testimonial section, team showcase, and an eye-catching Call to Action (CTA) button to boost engagement and conversions. Seamless social media integration helps you expand your reach and connect with your audience effectively. The SEO Expert is translation-ready, allowing you to create multilingual websites with ease. Its luxurious and user-friendly design ensures that every element serves a purpose, giving your website a professional edge. With this theme, you can create a stunning, clean, and optimized website that stands out in the digital landscape, perfect for agencies, freelancers, and SEO professionals looking for a refined and high-performing solution.
Version: 1.1
Requires at least: 5.9
Tested up to: 6.8
Requires PHP: 5.6
License: GPLv3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: seo-expert
Tags: left-sidebar, right-sidebar, one-column, two-columns, grid-layout, wide-blocks, rtl-language-support, block-styles, style-variations, translation-ready, custom-colors, custom-menu, custom-logo, custom-header, custom-background, editor-style, featured-images, footer-widgets, full-site-editing, block-patterns, sticky-post, threaded-comments, e-commerce, portfolio, education

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

SEO Expert is based on Twenty Twenty-Two WordPress Theme, (C) 2021 WordPress.org
Twenty Twenty-Two is distributed under the terms of the GNU GPL.

*/

*,
*::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;
  font-family: "Poppins", sans-serif;
}

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;
}
.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;
}
.product-name a{
  color: #000;
}
.wp-block-heading {
  margin-bottom: 5px;
  margin-top: 5px;
}
.header-section ul{
  gap: 40px !important;
}
.header-section .wp-block-image img{
  margin-right: 10px;
}
.search-icon path{
  color: #000;
}
.search-block button{
  position: relative;
}

.search-block .wp-element-button:hover{
  background: #fff !important;
}
.search-block .wp-block-search__button{
    background: transparent !important;
    padding: 0;
    align-items: center !important;
}
.search-block .wp-block-search__button svg {
    rotate: 270deg;
}
.search-block .wp-block-search__input{
    background: #fff;
}
.search-block .wp-block-search__input::placeholder{
    font-size: 14px;
    color: #000;
}

/* Header Section */
.main-navigation{
  justify-content: left !important;
}
.main-navigation span{
  color: #fff !important;
}
.wp-block-navigation__submenu-container.wp-block-navigation-submenu .wp-block-navigation-item__label{
  color: var(--wp--preset--color--primary) !important;
  padding: 0 10px;
}
.wp-block-navigation__submenu-container.wp-block-navigation-submenu li{
  border-bottom: 1px solid var(--wp--preset--color--primary);
}
.top-bar i, .menu-box i{
  color: #fff;
}
.menu-box i{
  background:#fff;
  color: var(--wp--preset--color--primary);
  border-radius: 50%;
  font-size: 14px;
  width: 45px;
  height: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.top-bar a, .phone-box a{
  text-decoration: none;
}
.menu-box{
  background: var(--wp--preset--color--primary);
}
.logo-box h1 a:hover, .phone-box a:hover{
  color: var(--wp--preset--color--tertiary);
}
.main-navigation .home-page a span{
  background:#fff;
  padding: 6px 12px !important;
  border-radius: 30px;
  color: var(--wp--preset--color--primary) !important;
}
.home .menu-box{
  position: absolute;
  background: transparent;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 999;
}
.header-sec{
  position: relative;
}
/*-------------------Banner section------------------*/
.main-banner-section h1{
  width: 60%;
}
.main-banner-section .banner-content{
  width: 50%;
}
.main-banner-section {
  max-width: 100%;
  margin: auto;
  padding: 0;
  position: relative;
  overflow: visible;
  background-color: #000;
}
/*bottom graph*/
.slider-map {
  left: 0;
  right: 0;
  margin-left: -50vw;
  margin-right: -50vw;
  width: 100vw;
  z-index: 2;
  line-height: 0;
  background: #f5f5f5;
  max-width: 100%;
  position: absolute !important;
  top: 70%;
  z-index: 9999999;
  height: 400px;
}

.slider-map svg {
  width: 100vw;
  max-width: 100vw;
  min-width: 100vw;
  height: 200px;
  display: block;
}
.shape-divider {
  display: block;
  width: 100vw;
  height: auto;
  margin-bottom: -2px; /* overlap fix if needed */
  line-height: 0;
  position: absolute;
  top: 71%;
  z-index: 999;
}

/* -------------------------Contact Form - Base CSS (Works for both)------------------- */
.custom-flex-form {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 8px 12px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.04);
}
.custom-flex-form input[type="email"],
.custom-flex-form input[type="text"] {
  flex: 1 1 0;
  min-width: 0;
  border: 1px solid var(--wp--preset--color--tertiary);
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 16px;
  background: #fff;
  outline: none;
  margin: 0;
}
.custom-flex-form input[type="email"]:focus, .custom-flex-form input[type="text"]:focus{
  border: 3px solid #000;
}
.custom-flex-form input[type="email"]::placeholder,
.custom-flex-form input[type="text"]::placeholder {
  color: #000;
}
.custom-flex-form input[type="submit"] {
  background: var(--wp--preset--color--tertiary);
  color: #fff;
  border: none;
  border-radius: 6px;
  font-size: 16px;
  font-weight: bold;
  padding: 10px 24px;
  cursor: pointer;
  transition: background 0.2s;
}
.custom-flex-form input[type="submit"]:hover {
  background: var(--wp--preset--color--primary);
}
.custom-flex-form p {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 20px;
  background: rgb(255 255 255 / 30%);
  border-radius: 10px;
  padding: 20px;
  margin: 0;
}
.custom-flex-form .wpcf7-spinner {
  display: none;
}

/* Extra Class for Custom HTML Forms */
.custom-flex-form.form-html {
  padding: 15px 20px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 10px;
  width: 55%;
  display: flex;
  flex-direction: row;
}
.custom-flex-form.form-html input[type="email"],
.custom-flex-form.form-html input[type="text"] {
  padding: 12px 15px;
}
.custom-flex-form.form-html input[type="submit"] {
  padding: 12px 28px;
  white-space: nowrap;
}
.custom-flex-form.form-html input[type="email"]::placeholder,
.custom-flex-form.form-html input[type="text"]::placeholder {
  color: #000;
}



/*------------ ------------------------Services Section------------ */
.our-services{
  padding: 5em 0;
}
.serv-box i{
  background: var(--wp--preset--color--primary);
  color: #fff;
  font-size: 33px;
  border-radius: 12px;
  width: 67px;
  height: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.serv-box:hover i{
  background: var(--wp--preset--color--tertiary);
}
/*------------ ABout Section------------ */
 .about-us-sec h2 a{
    text-decoration: none;
  }
.about-us-sec .about-text i{
  background:var(--wp--preset--color--primary);
  border-radius: 50%;
  color: #fff;
  width: 27px;
  height: 27px;
  font-size: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.about-us-sec .abt-btn{
  margin-top: 3em;
}
.about-us-sec .abt-btn a:hover{
  background: var(--wp--preset--color--tertiary) !important;
}
.about-us-sec .abt-btn a:focus{
  border: 2px solid #000;
}
.about-img{
  position: relative;
}
.about-small-img{
  position: absolute;
  top: 40%;
  right: 10%;
  left: auto;
}
.main-abt-img{
  border: 4px dashed #CFCCCC;
  border-radius: 10px;
  width: 500px;
}
.main-abt-img img{
transform: rotateZ(350deg);
}
.about-small-img img{
  transform: rotateZ(350deg);
}
/*------------ ------------------------blog Section------------ */
.blog-sec .img-box{
  background: #ccc;
  height: 300px;
  width: 100%;
}
.blog-sec .wp-block-post-excerpt__more-text{
  display: none;
}
.blog-sec .wp-block-post-author__avatar{
  width: 20px !important;
  height: 20px !important;
}
/*-----------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: #000;
  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: 0;
}
.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-pinterest{
  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--tertiary) !important;
}
.footer-mail::before, .footer-location::before, .footer-phone::before {
  content: "";
  position: absolute; 
  top: 0; 
  left: 0;
  width: 20px;
  height: 20px; 
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.footer-mail::before {
  background-image: url('images/mail.png');
}
.footer-location::before {
  background-image: url('images/location.png');
}
.footer-phone::before {
  background-image: url('images/phone.png');
}
.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 Section*/
.wp-block-latest-posts.is-grid li {
  position: relative;
  background: #fff;
  border: solid 1px #eee;
  box-shadow: 0 5px 10px 0 rgb(0 0 0 / 16%), 0 0 0 0px rgb(0 0 0 / 8%);
  margin-bottom: 30px;
}
.blog-section .wp-block-latest-posts.is-grid li {
  box-shadow: none;
}
.wp-block-latest-posts.is-grid li img {
  width: 100%;
}
.wp-block-latest-posts.is-grid li a.wp-block-latest-posts__post-title {
  font-size: 20px;
  font-weight: 700;
  color: #000;
  padding: 0 10px;
  text-transform: capitalize;
  text-decoration: none;
  display: block;
  margin:  15px 0 0;
}
.wp-block-latest-posts.is-grid li time.wp-block-latest-posts__post-date{
  display: inline-block;
  background: var(--wp--preset--color--primary);
  padding: 8px 8px;
  font-weight: 600;
  font-size: 13px;
  margin: 10px 0px 0px 10px;
  color: var(--wp--preset--color--tertiary);
  border-radius: 5px;
}
.wp-block-latest-posts.is-grid li .wp-block-latest-posts__post-excerpt {
  color: #6b6b6b;
  padding: 0 10px;
  font-size: 14px;
  line-height: 25px;
}
.innerpage-banner .wp-block-group h1{
  color: #fff !important;
}
/*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: 30px;
  border: 1px solid transparent;
  cursor: pointer;
  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: var(--wp--preset--color--tertiary) !important;
  border: 1px solid var(--wp--preset--color--primary);
  color: #fff !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: 768px) and (max-width: 991px){
  .wp-block-columns.copyright-section.is-layout-flex.wp-container-core-columns-layout-8.wp-block-columns-is-layout-flex{
    max-width: 100%;
  }
  .wp-block-column.footer-box.is-layout-flow.wp-block-column-is-layout-flow {
    flex-basis: 46% !important;
  }
  .footer-section .wp-block-columns.copyright-section .wp-block-column:first-child {
    flex-basis: 70% !important;
  }
  .menu-section nav{
    gap: 0 !important;
  }
  .menu-section-button a{
    padding: 10px 9px !important;
    font-size: 13px;
  }
  .blank-menus-section{
    display: none;
  }
  .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;
  }
  .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;
    padding: 2em;
  }
  .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--tertiary);
    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){
  .wp-block-navigation__submenu-container.wp-block-navigation-submenu .wp-block-navigation-item__label{
    color: #fff !important;
    padding: 0;
  }
  .wp-block-navigation__submenu-container.wp-block-navigation-submenu li{
    border-bottom:none;
  }
  .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;
  }
}
/*my media*/
@media screen and (min-width:315px) and (max-width:321px){
  .shape-divider{
    top: 85%;
  }
  .about-us-sec .about-text i{
    width: 28px;
    height: 22px;
    font-size: 7px;
  }
}
@media screen and (min-width:322px) and (max-width:767px){
  .shape-divider{
    top: 81%;
  }
  .about-us-sec .about-text i{
    width: 25px;
    height: 25px;
    font-size: 9px;
  }
}
@media screen and (max-width: 767px){
  .custom-flex-form.form-html input[type="submit"]{
    padding: 10px 28px;
  }
  .custom-flex-form.form-html input[type="email"], .custom-flex-form.form-html input[type="text"]{
    padding: 8px 15px;
  }
  .custom-flex-form.form-html{
    flex-direction: column;
  }
  .blog-date, .blog-author{
    font-size: 11px !important;
  }
  .main-blog-box{
    padding: 10px 15px !important;
  }
  .blog-small-title{
    font-size: 11px !important;
  }
  .blog-sec h2{
    font-size: 25px !important;
  }
  .blog-sec h2 a{
    font-size: 18px !important;
  }
  .blog-sec .wp-block-post-template .wp-block-post-excerpt__excerpt{
    font-size: 11px !important;
  }
  .blog-sec .img-box{
    height: 200px !important;
  }
  .about-us-sec .wp-block-button a{
    font-size: 14px !important;
    padding: 10px 30px !important;
  }
  .abt-details, .abt-text-icon{
    font-size: 13px !important;
  }
  .abt-title{
    font-size: 12px !important;
  }
  .about-us-sec h2{
    font-size: 25px !important;
  }
  .about-content{
    padding-right: 0 !important;
  }
  .about-small-img{
    position: static;
    margin: 20px !important;
  }
  .main-abt-img img, .main-abt-img{
    width: 80%;
    height: 300px !important;
  }
  .main-abt-img img, .main-abt-img, .main-abt-img{
    width: 80%;
  }
  figure.wp-block-image.alignleft.size-full.is-resized.has-custom-border.main-abt-img{
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .main-abt-img{
    margin-inline-end: 0 !important;
  }
  .our-services .icon-serv-box{
    padding: 10px !important;
  }
  .our-services .box-serv-content{
    font-size: 11px !important;
  }
  .our-services h3{
    font-size: 17px !important;
  }
  .serv-box i{
    font-size: 17px;
    width: 73px;
    height: 50px;
  }
  .our-services .serv-title{
    font-size: 12px !important;
  }
  .our-services h2{
    font-size: 22px !important;
  }
  .custom-flex-form input[type="submit"]{
    font-size: 13px;
  }
  .custom-flex-form input[type="email"], .custom-flex-form input[type="text"]{
    padding: 6px 15px;
    font-size: 10px;
  }
  .main-banner-section h1{
    font-size: 20px !important;
  }
  .main-banner-section .wp-block-cover__inner-container{
    padding: 3em 0;
  }
  .banner-content{
    font-size: 10px !important;
    margin-block-start: 10px !important;
  }
  .main-banner-section .wp-block-cover{
    min-height: auto !important;
  }
  .main-banner-section h1, .main-banner-section .banner-content{
    width: 100%;
  }
  .phone-box p, .phone-box p a{
    font-size: 13px !important;
  }
  .menu-box{
    padding: 20px 0 !important;
  }
  .logo-box, .main-navigation, .phone-box{
    display: flex;
    justify-content: center;
  }
  .phone-box i{
    background: var(--wp--preset--color--primary);
    color: #fff;
    width: 30px;
    height: 30px;
    font-size: 10px;
  }
  .phone-box p, .phone-box p a{
    color: #000 !important;
  }
  .logo-box h1 a{
    color: #000 !important;
    display: flex;
    justify-content: center;
    text-align: center;
  }
  .main-abt-img img, .main-abt-img{
    width: 100% !important;
  }
  .home .menu-box{
    position: static;
  }
  .custom-flex-form p{
    flex-direction: column;
  }
  .custom-flex-form p{
    padding: 14px;
  }
}
@media screen and (min-width: 767px) and (max-width: 999px){
  .custom-flex-form.form-html input[type="submit"]{
    padding: 10px 28px;
  }
  .custom-flex-form.form-html input[type="email"], .custom-flex-form.form-html input[type="text"]{
    padding: 8px 15px;
  }
  .custom-flex-form.form-html{
    width: 85%;
  }
  .blog-date, .blog-author{
    font-size: 11px !important;
  }
  .main-blog-box{
    padding: 10px 15px !important;
  }
  .blog-small-title{
    font-size: 11px !important;
  }
  .blog-sec{
    padding: 3em 0 !important;
  }
  .blog-sec h2{
    font-size: 25px !important;
  }
  .blog-sec h2 a{
    font-size: 18px !important;
  }
  .blog-sec .wp-block-post-template .wp-block-post-excerpt__excerpt{
    font-size: 11px !important;
  }
  .blog-sec .img-box{
    height: 200px !important;
  }
  .about-us-sec .abt-btn{
    margin-top: 2em;
  }
  .about-us-sec .about-text i{
    width: 22px;
    height: 22px;
    font-size: 9px;
  }
  .about-small-img img{
    width: 150px !important;
    height: 150px !important;
  }
  .about-text{
    margin-block-start: 1rem !important;
  }
  .about-us-sec .wp-block-button a{
    font-size: 14px !important;
    padding: 10px 30px !important;
  }
  .abt-details, .abt-text-icon{
    font-size: 11px !important;
  }
  .abt-title{
    font-size: 12px !important;
  }
  .about-us-sec h2{
    font-size: 19px !important;
  }
  .about-content{
    padding-right: 0 !important;
  }
  .about-small-img{
   top: 55%;
  }
  .main-abt-img img, .main-abt-img{
    width: 70%;
    height: 250px !important;
  }
  .our-services .wp-block-columns.is-layout-flex, .about-us-sec .wp-block-columns.is-layout-flex{
    flex-wrap: nowrap !important;
  }
  .our-services .icon-serv-box{
    padding: 10px !important;
  }
  .our-services .box-serv-content{
    font-size: 11px !important;
  }
  .our-services h3{
    font-size: 18px !important;
  }
  .serv-box i{
    font-size: 17px;
    width: 73px;
    height: 50px;
  }
  .our-services .serv-title{
    font-size: 12px !important;
  }
  .our-services h2{
    font-size: 22px !important;
  }
  .custom-flex-form p{
    padding: 14px;
  }
  .shape-divider{
    top: 81%;
  }
  .custom-flex-form input[type="submit"]{
    font-size: 14px;
  }
  .custom-flex-form input[type="email"], .custom-flex-form input[type="text"]{
    padding: 6px 15px;
    font-size: 12px;
  }
  .main-banner-section h1{
    font-size: 32px !important;
  }
  .main-banner-section .wp-block-cover__inner-container{
    padding: 3em 0;
  }
  .banner-content{
    font-size: 13px !important;
    margin-block-start: 10px !important;
  }
  .main-banner-section .wp-block-cover{
    min-height: 600px !important;
  }
  .main-banner-section h1, .main-banner-section .banner-content{
    width: 100%;
  }
  .menu-box i{
    width: 38px;
    height: 38px;
    font-size: 13px;
  }
  .menu-box :where(.is-layout-flex){
    flex-wrap: nowrap !important;
  }
  .logo-box h1{
    font-size: 27px !important;
  }
  .phone-box p, .phone-box p a{
    font-size: 13px !important;
  }
  .main-navigation{
    display: flex;
    justify-content: center;
  }
}
@media screen and (min-width: 999px) and (max-width: 1024px){
  .custom-flex-form.form-html input[type="submit"]{
    padding: 10px 28px;
  }
  .custom-flex-form.form-html input[type="email"], .custom-flex-form.form-html input[type="text"]{
    padding: 8px 15px;
  }
  .custom-flex-form.form-html{
    width: 85%;
  }
  .blog-date, .blog-author{
    font-size: 11px !important;
  }
  .main-blog-box{
    padding: 10px 15px !important;
  }
  .blog-small-title{
    font-size: 11px !important;
  }
  .blog-sec h2{
    font-size: 25px !important;
  }
  .blog-sec h2 a{
    font-size: 18px !important;
  }
  .blog-sec .wp-block-post-template .wp-block-post-excerpt__excerpt{
    font-size: 11px !important;
  }
  .blog-sec .img-box{
    height: 200px !important;
  }
  .about-us-sec .abt-btn{
    margin-top: 2em;
  }
  .about-us-sec .about-text i{
    width: 22px;
    height: 22px;
    font-size: 9px;
  }
  .about-small-img img{
    width: 150px !important;
    height: 150px !important;
  }
  .about-text{
    margin-block-start: 1rem !important;
  }
  .about-us-sec .wp-block-button a{
    font-size: 14px !important;
    padding: 10px 30px !important;
  }
  .abt-details, .abt-text-icon{
    font-size: 12px !important;
  }
  .abt-title{
    font-size: 13px !important;
  }
  .about-us-sec h2{
    font-size: 19px !important;
  }
  .about-content{
    padding-right: 0 !important;
  }
  .about-small-img{
   top: 55%;
  }
  .main-abt-img img, .main-abt-img{
    width: 70%;
    height: 300px !important;
  }
  .our-services .wp-block-columns.is-layout-flex{
    flex-wrap: nowrap !important;
  }
  .our-services .icon-serv-box{
    padding: 10px !important;
  }
  .our-services .box-serv-content{
    font-size: 11px !important;
  }
  .our-services h3{
    font-size: 18px !important;
  }
  .serv-box i{
    font-size: 20px;
    width: 54px;
    height: 50px;
  }
  .our-services .serv-title{
    font-size: 12px !important;
  }
  .our-services h2{
    font-size: 22px !important;
  }
  .custom-flex-form p{
    padding: 14px;
  }
  .shape-divider{
    top: 75%;
  }
  .custom-flex-form input[type="submit"]{
    font-size: 14px;
  }
  .custom-flex-form input[type="email"], .custom-flex-form input[type="text"]{
    padding: 6px 15px;
    font-size: 12px;
  }
  .main-banner-section h1{
    font-size: 32px !important;
  }
  .main-banner-section .wp-block-cover__inner-container{
    padding: 3em 0;
  }
  .banner-content{
    font-size: 13px !important;
    margin-block-start: 10px !important;
  }
  .main-banner-section .wp-block-cover{
    min-height: 600px !important;
  }
  .main-banner-section h1, .main-banner-section .banner-content{
    width: 100%;
  }
  .menu-box i{
    width: 38px;
    height: 38px;
    font-size: 13px;
  }
  .menu-box :where(.is-layout-flex){
    flex-wrap: nowrap !important;
  }
  .logo-box h1{
    font-size: 27px !important;
  }
  .phone-box p, .phone-box p a{
    font-size: 13px !important;
  }
  .main-navigation{
    display: flex;
    justify-content: center;
  }
  .main-navigation a{
    font-size: 12px;
  }
  .main-navigation{
    gap: 10px 30px !important;
  }
  .menu-box i{
    width: 38px;
    height: 38px;
    font-size: 13px;
  }
  .menu-box :where(.is-layout-flex){
    flex-wrap: nowrap !important;
  }
  .logo-box h1{
    font-size: 27px !important;
  }
  .phone-box p, .phone-box p a{
    font-size: 13px !important;
  }
}
@media screen and (min-width: 1400px) and (max-width: 1599px){
  .main-navigation a{
    font-size: 14px;
  }
  .main-navigation{
    gap: 10px 30px !important;
  }
  .shape-divider{
    top: 74%;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1399px){
  .main-navigation a{
    font-size: 14px;
  }
  .main-navigation{
    gap: 10px 30px !important;
  }
  .shape-divider{
    top: 77%;
  }
  .box-serv-content{
    font-size: 12px !important;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1399px){
  
}
@media screen and (max-width: 991px){
  .main-navigation{
    justify-content: center !important;
  }
  .main-navigation .home-page a span{
    background: none !important;
    padding: 0;
    border-radius: 0;
    color: #fff !important;
  }
  .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;
  }
}
@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--tertiary);
  color: white;
  border: none;
  padding: 10px 16px 13px; 
  cursor: pointer;
  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--tertiary);
}
.scroll-top-box .wp-element-button:hover, .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);
  }
}