@charset "UTF-8";
/*!
Theme Name: Automobile Car Shop
Theme URI: https://www.vwthemes.com/products/free-car-dealer-wordpress-theme
Author: VWThemes
Author URI: https://www.vwthemes.com/
Description: Automobile Car Shop is a dynamic and adaptable website template designed for enterprises within the automotive domain. The theme is tailored to suit car dealerships, auto repair shops, and car rental agencies, among others. It stands as an essential avenue for establishing a robust online footprint. The Automobile Car Shop theme comes with all the necessary tools and features required to create a professional online presence. By harnessing its intuitive interface and customizable attributes, businesses can effectively spotlight their spectrum of offerings while delivering a seamless browsing experience for visitors. The theme presents an assortment of pre-designed templates and layouts meticulously curated to cater to the automotive sector. If you own a Car Service Mot, auto accessories, Automotive, Repair Shop, Vehicle Sales, Auto Parts, Garage, auto detailing, mechanic workshops, car listing, auto listing, car dealership, automobile showroom, car shop, mechanics shops, wheel shop, car dealers, garages and car rental agencies, mechanic auto shop, mechanic workshop, auto car, auto detailing, auto mechanic, auto accessories spare parts, stuning shop, tools shop, car parts, car store this theme is your solution. These layouts are inherently responsive, ensuring a uniform presentation and functionality across diverse devices, encompassing desktops, tablets, and smartphones, thus bridging the mobile-user divide and bolstering search engine ranking prospects. It is also cross-browser compatible, ensuring your website can be accessed through any web browser. Moreover, it includes systems that allow you to easily book appointments or rent vehicles online, which is really important for businesses like car rental companies and places that fix cars. Changing how the website looks is also important, as it lets businesses make the website match their colors, fonts, and style to their own brand. Demo Link: https://www.vwthemes.net/automobile-car-shop/
Version: 1.6.1
Requires at least: 5.9
Tested up to: 6.9
Requires PHP: 5.6
License: GPLv3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: automobile-car-shop
Tags: left-sidebar, right-sidebar, one-column, two-columns, three-columns, four-columns, grid-layout, wide-blocks, block-styles, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, full-site-editing, block-patterns, sticky-post, threaded-comments, template-editing, style-variations, translation-ready, blog, e-commerce, photography

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

Automobile Car Shop 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: 'Inter', sans-serif; 
  background: #fff !important;
}

header a,
footer a {
  text-decoration: none; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Archivo', sans-serif;
  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; 
}

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
}
.innerpage-banner h1{
  color: #fff !important;
}
/*---------------- 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-group,.woocommerce-cart .wp-block-group  {
  margin: 10px 10%;
}
.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 var(--wp--preset--color--primary);
  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)!important;
  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, p {
  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;
}
.main-banner-section .wp-block-heading {
  margin-bottom: 5px;
  margin-top: 5px;
}
.performance-section .wp-block-heading{
  color: #000 !important;
}
/* .wp-block-heading{
  color: #fff !important;
} */
.header-section p{
  font-size: 10px !important;
}
.new-btn .wp-block-button a{
  color: #000 !important;
  background-color: var(--wp--preset--color--secondary) !important;
  padding: 0;
}
/*Banner section*/
.main-banner-section, .main-banner-section .wp-block-columns, .choose-us-section, .choose-us-section .wp-block-columns, .brand-section .wp-block-columns, .featured-car-section .wp-block-columns, .innerpage-banner, .wp-block-group  {
  margin: 0;
}
.main-banner-section figure, .featured-car-section .title-img, .featured-car-section .head-text, .gallery-section .title-img, .innerpage-banner .title-img {
  margin-top: 10px;
}
.main-banner-section h1{
  letter-spacing: 0px;
  color: #fff !important;
}
.main-banner-section p{
  color: #fff !important;
}
.main-banner-section a.wp-block-button__link{
  font-size: 12px;
  text-decoration: none;
  font-weight: 600;
  border: 2px solid var(--wp--preset--color--primary) !important;
}
.main-banner-section a.wp-block-button__link:hover{
  color: #ffffff !important;
  background: transparent !important;
  border-color: #fff !important;
}
.banner-section-info .wp-block-group{
  width: 775px;
  height: 236px;
  top: 50%;
  left: 8rem;
  position: absolute;
  border-radius: 70px 0px 0px 70px;
  background: var(--wp--preset--gradient--secondary-gradient);
  padding: 50px;
}
.banner-sec-content{
  margin-bottom: 20% !important;
}
.banner-section-info p, .performance-section p, .performance-section h3{
  margin-top: 10px !important;
}
.banner-col-1, .banner-col-2{
  border-right: 1px solid #fff;
}
.banner-section-info .wp-block-heading{
  margin-bottom: 10px !important;
}
/*performance section*/
.performance-section img{
  width: 100%;
  clip-path: polygon(0 0, 100% 0%, 78% 100%, 0% 100%);
}
.performance-section{
  padding: 50px 0;
}
.performance-para{
  position: relative;
  text-transform: uppercase;
}
.performance-para:after{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-bottom: 2px solid rgba(18, 18, 18, 1);
  width: 20px;
  padding-top: 20px;
}
.performance-section a {
  border: 1px solid transparent;
  padding: 8px 20px !important;
}
.performance-section a:hover{
  background: transparent !important;
  border: 1px solid var(--wp--preset--color--primary);
  color: #000 !important;
}
.performance-section-col-2{
  padding-right: 10%;
}
/*Header*/ 
.header-section .menu-section .wp-block-navigation ul li.buynow-btn a {
  padding: 7px 13px;
  background: var(--wp--preset--color--primary);
  border-radius: 30px;
  font-size: 12px;
  color: #fff;
}
.wp-block-site-title{
  font-size: 12px !important;
  /* color: #fff; */
  margin-top: 0;
  text-transform: capitalize;
}
.Search-hover .wp-block-search__button:hover{
  color: #fff !important;
}
.header-number{
  border-right: 1px solid #fff;
  padding-right: 10px;
}
.topbar-section .wp-block-columns{
  gap: 0px !important;
}
.topbar-section{
  background-image: var(--wp--preset--gradient--primary-gradient);
  width: 100%;
  padding: 11px 0;
}
.header-section {
  gap: 0;
  margin-bottom: 0;
}
.header-section .logo .wp-block-cover {
  padding: 10px 50px;
  clip-path: polygon(0 0, 100% 0, 80% 100%, 0% 100%);
}
.header-section .logo figure {
  margin: 0;
}
.header-section .topbar-section i {
  color: var(--wp--preset--color--primary);
}
.header-section .menu-section .wp-block-navigation ul li a {
  padding: 5px 12px;
  text-decoration: none;
  font-size: 13px;
  font-weight: 600;
  /* color: #fff; */
}
.menu-section .wp-block-navigation ul li.has-child .wp-block-navigation__submenu-icon svg {
  color: #fff;
  font-size: 14px;
}
.menu-section .wp-block-navigation ul li.has-child button.wp-block-navigation__submenu-icon:focus, .menu-section a:focus {
  outline: 1px solid #fff;
}
.menu-section ul ul a:focus {
  outline-color: var(--wp--preset--color--primary);
}
.header-section .menu-section ul.wp-block-social-links {
  margin: 0;
  gap: 9px;
}
.header-section .menu-section .wp-block-navigation ul ul li a {
  color: #222;
  display: block !important;
  padding: 10px;
}
.header-section .menu-section .wp-block-navigation ul ul li a:hover {
  background: var(--wp--preset--color--primary);
  color: #000 !important;
}
.menu-section .wp-block-navigation-item__label{
  text-transform: uppercase;
}
.menu-section-button a{
  color: #fff;
  border: none;
  padding: 9px 33px;
  background: var(--wp--preset--gradient--primary-gradient);
  border-radius: 27px;
  border: 1px solid;
  letter-spacing: 0.50px;
  font-size: 10px !important;
}
.menu-section-button a:hover{
  background: transparent;
  border: 1px solid #fff;
  color: #fff;
}
 .home .menu-section {
  position: absolute;
  width: 100%;
  z-index: 9999;
  border-bottom: 1px solid #fff;
  padding: 12px 0px;
  margin-top: 0;
}
.page-template .menu-section , .blog .menu-section,
.archive .menu-section , 
.product-template-default .menu-section, 
.page-template-default .menu-section , .post-template-default .menu-section, .post-template .menu-section , 
.search .menu-section{
  position: static;
  border-top: 1px solid #fff;
  background-image: var(--wp--preset--gradient--primary-gradient) !important;
  padding: 10px 0;
  margin-top: 0;
}
.menu-section .current-menu-item > a:after, .menu-section li a:hover:after{
  content: "";
  position: absolute;
  right: 0;
  left: 0;
  bottom: -22px;
  width: 0;
  height: 0;
  border-bottom: 8px solid #fff;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  margin: 0 auto;
}
.menu-section .wp-block-search__button{
  background: transparent !important;
}
.menu-section .wp-block-search__input{
  background: transparent !important;
  border-radius: 27px;
  border-radius: 1px solid #fff;
  color: #fff;
}
.header-section .menu-section .wp-block-navigation ul{
  gap: 10px;
  display: flex !important;
  justify-content: center !important;
}
/*submenu*/
.header-section .menu-section .wp-block-navigation ul ul{
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  border: none;
}
/*Footer Section*/
.footer-section .wp-block-columns.copyright-section p a{
  color: #fff;
}
.footer-section {
  padding: 0;
  min-height: auto;
}
.footer-section .wp-block-columns {
  padding: 50px 50px 0;
  margin: 0 50px;
}
.footer-section .wp-block-columns.copyright-section {
  padding: 20px 50px;
  margin: 50px 0 0;
  border-top: 1px solid #999;
}
.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;
}
.footer-box h3:after {
  content: '__';
  color: var(--wp--preset--color--primary);
}
.footer-box a{
  text-decoration: none !important;
}
.footer-box ul {
  padding: 0;
  gap: 0;
}
.footer-box ul li {
  list-style: none;
  margin-bottom: 10px;
}
.footer-box ul li:before {
  content: '-';
  margin-right: 10px;
  color: #fff;
}
.footer-box .wp-block-button__link {
  padding: 10px 25px;
  font-weight: 500;
  font-size: 14px;
  color: #fff !important;
  border-radius: 30px;
  text-decoration: none;
  background-color: transparent;
  border: 2px solid #fff;
}
.search-menu .menu-section .wp-block-search__button svg:hover{
  color: #fff !important;
}
/* Scroll to Top */
.scroll-top-box {
  display: none; /* Initially hidden */
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: var(--wp--preset--color--primary)!important;
  color: white;
  border: none;
  border-radius: 50% !important;
  padding: 8px 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--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);
}

/*Archive Page*/
.archive-page,.archive .theme-sidebar {
  padding-top: 50px;
}
.blog .theme-sidebar{
  margin-top: 50px;
}
/*Sidebar CSS*/
.theme-sidebar .wp-block-group {
  padding: 15px ;
  border: 1px solid #eee;
  color: #6b6b6b;
}

.theme-sidebar .wp-block-group h3 {
  color: #222 !important;
  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;
  text-decoration: none !important;
  font-size: 16px;
}
.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;
}
.wp-element-button,.woocommerce a.added_to_cart,.wc-block-components-checkout-return-to-cart-button{
  background: var(--wp--preset--color--primary);
  color: #fff;
  border: 1px solid transparent;
  font-size: 15px;
  padding: 8px 12px;
  border-radius: 6px;
  text-decoration: none !important;
}
.woocommerce a.added_to_cart{
  text-decoration: none;
}
.wp-element-button:hover{
  background: transparent;
  border: 1px solid var(--wp--preset--color--primary);
  color: #fff !important;
}
.wp-block-search__button:hover{
  color: #fff ;
}
/*my account address button css*/
header.woocommerce-Address-title.title a,a.added_to_cart.wc-forward{
  background-color: var(--wp--preset--color--primary) !important;
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: bold !important;
  text-decoration: none !important;
  padding: 12px 18px !important;
  border-color: transparent !important;
}
.wc-block-grid__product-onsale{
  background-color: var(--wp--preset--color--primary) !important;
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: bold !important;
  text-decoration: none !important;
  padding: 6px 15px !important;
  border-color: transparent !important;
}
h2::before{
  background: #000 !important;
}
a.added_to_cart.wc-forward:hover,header.woocommerce-Address-title.title a:hover,#tag-cloud-sec .tag-cloud-link:hover,.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:hover:hover{
  background: #000 !important;
  color: #fff;
}
#tag-cloud-sec .tag-cloud-link {
  font-size: 16px !important;
  padding: 10px;
  margin: 10px;
  display: inline-block;
  text-transform: capitalize;
  background-color: var(--wp--preset--color--primary);
  color: #ffffff !important;
}
#tag-cloud-sec ul{
  display: flex;
  justify-content: center;
}
a.added_to_cart.wc-forward{
  margin-left: 10px !important;
}

.wc-block-grid__products{
  margin: 0 0px 16px !important;
  justify-content: center;
}
.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:hover{
  background-color: #000 !important;
}
a.wp-block-button__link.wp-element-button.add_to_cart_button.ajax_add_to_cart{
  font-size: 14px !important;
  padding: 8px 10px;
}
.wc-block-grid__product-title{
  font-size: 22px !important;
  color: #000;
}
.wc-block-grid__product-price.price{
  font-size: 14px !important;
  font-weight: 600;
}
.woocommerce-account .wp-block-post-title, .woocommerce-account main .woocommerce, .woocommerce-cart .wp-block-post-title, .woocommerce-cart main .woocommerce, .woocommerce-checkout .wp-block-post-title, .woocommerce-checkout main .woocommerce {
  max-width: 86% !important;
}
@media screen and (max-width:600px) {
  li.wc-block-grid__product {
    max-width: 80% !important;
  }
.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
    width: 100%;
  }
  #tag-cloud-sec .tag-cloud-link{
    padding: 5px;
    font-size: 14px !important;
  }
  .woocommerce-account .addresses .title h3{
    font-size: 14px;
  }
}
@media screen and (min-width: 601px) and (max-width: 1024px){
  li.wc-block-grid__product{
    max-width: 100% !important;
  }
  .wc-block-grid__products{
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
  }
  .woocommerce-account .addresses .title h3{
    font-size: 18px;
  }
}
/*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%);
}
.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: 14px;
  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{
  margin-left: 10px;
}
.wp-block-latest-posts.is-grid li .wp-block-latest-posts__read-more{
  display: table;
  border-radius: 6px;
  background: var(--wp--preset--color--primary);
  padding: 8px 10px;
  font-weight: 600;
  font-size: 13px;
  color: #fff;
  margin-top: 10px;
  text-decoration: none;
}
.wp-block-latest-posts.is-grid li .wp-block-latest-posts__post-excerpt {
  color: #6b6b6b;
  padding: 0 10px;
  font-size: 14px;
  line-height: 25px;
}
/*Gallery Section*/
.gallery-section .wp-block-columns figure {
  overflow: hidden;
  background: #000;
}
.gallery-section .wp-block-columns figure img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
.gallery-section .wp-block-columns figure:hover img {
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
  opacity: 0.7;
}
/*blog post*/
.single-post .wp-block-post-featured-image img{
  width: auto !important;
}
.single-post .wp-block-post-author__avatar img{
  width: 25px !important;
  height: 25px !important;
}
.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: 30px;
  font-size: 18px !important;
  color: #fff;
  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;
}
.comment-author.vcard a, .comment-metadata a,.comment-metadata a .edit-link, .reply a, .comment-content a{
  color: #000 !important;
  font-size: 16px !important;
  text-decoration: none !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;
}
.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: 8%;
}
.single-post-sidebar-on-right h3, .single-post-sidebar-on-left h3{
  font-size: 30px;
}
.wp-block-post-author{
  align-items: center;
}
/*.header-section a{
  color: #fff !important;
}*/
.wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button,.woocommerce a.added_to_cart{
  padding: 10px 10px !important;
  border-radius: 6px;
}
.theme-sidebar .wp-block-social-links a{
  color: #fff !important;
}
@media screen and (min-width: 782px) and (max-width: 1023px){
  .archive-page .wp-block-latest-posts__list li{
    width: 100% !important;
  }
  
}
@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;
  }
  .copyright-section .wp-block-social-links{
    justify-content: center !important;
  }
  .footer-box .wp-block-navigation .wp-block-navigation-item{
    margin: 0 auto;
  }
  .main-banner-section h1{
    font-size: 25px !important;
  }
  .header-section .logo img {
    width: 100%;
  }
  .header-section .logo figure, .header-section .topbar-section,.footer-box {
    text-align: center;
  }
  .header-section .topbar-section {
    padding: 15px 15px 15px ;
  }
  .footer-box .wp-block-buttons{
    justify-content: center;
  }
  
  .header-section .menu-section {
    background: #212121;
  }
  .header-section .menu-section button.wp-block-navigation__responsive-container-open svg {
    fill: #fff;
  }
  .header-section .menu-section .wp-block-navigation ul, .header-section .menu-section .wp-block-navigation ul li {
/*    display: block !important;*/
    width: 100%;
    margin-top: 5px;
  }
  .header-section .menu-section .wp-block-navigation ul li a {
    color: #000;
    padding: 10px !important;
    border-bottom: 1px solid #eee;
  }
  .header-section .menu-section .wp-block-navigation ul ul {
    padding: 0 0 0 25px !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 .footer-box {
    padding: 10px 20px;
  }
  .footer-section .wp-block-columns.copyright-section {
    padding: 20px;
    text-align: center;
  }
  .footer-section .wp-block-columns {
    margin: 0;
  }
  .header-number{
    text-align: center;
  }
  .banner-section-info .wp-block-group{
    display: none;
  }
  .main-banner-section{
    min-height: auto !important;
  }
  .home .menu-section{
    position: static;
  }
  .header-section .menu-section{
    padding: 34px 10px 30px 10px;
  }
  .menu-section{
    gap: 0em !important;
  }
  .performance-section .wp-block-columns{
    padding: 10px;
  }
  .performance-section-col-2{
    padding-right: 0;
  }
  .menu-section .wp-block-image{
    margin: 10px 28px 1em;
  }
  .header-section .wp-block-buttons.is-layout-flex.wp-block-buttons-is-layout-flex{
    margin-bottom: 15px;
    display: block !important;
  }
  .menu-section .wp-block-navigation__responsive-container-open {
    background: var(--wp--preset--color--primary);
    padding: 10px;
    color: #fff;
    text-align: center;
    margin: 0 auto;
  }
  .menu-section .wp-block-navigation{
    margin-top: 20px;
    margin-bottom: 20px;
    gap: 0 !important;
  }
  .menu-section .wp-block-search__button{
    padding: 0;
  }
  .menu-section .wp-block-column{
    text-align: center;
  }
  .Search-hover{
    justify-content: center;
    display: flex;
  }
  .menu-section .wp-block-buttons.is-layout-flex.wp-block-buttons-is-layout-flex{
    margin-bottom: -5px;
    display: block !important;
  }
  .header-section .menu-section .wp-block-navigation__responsive-container-close{
    background: var(--wp--preset--color--primary);
    padding: 10px;
    color: #fff;
    font-size: 30px;
    font-weight: 600;
  }
  .header-section .menu-section .wp-block-navigation ul li a {
    color: #000 !important;
  }
  .header-section .menu-section .wp-block-navigation ul li.buynow-btn a{
    color: #fff !important;
  }
  .header-section a{
    margin-top: 20px;
  }
}
@media screen and (min-width: 475px) and (max-width: 800px){
  .header-section, .header-section .topbar-section, .header-section .menu-section, .footer-section .wp-block-columns.copyright-section, .performance-section .wp-block-columns, .main-banner-section .wp-block-columns {
    flex-wrap: nowrap !important;
    gap: 0 !important;
  }
  .menu-section-button a{
    padding: 9px 14px;
    margin-top: 0 !important;
  }
  .banner-col-sec1,.banner-col-sec2{
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 992px){
  .main-banner-section .wp-block-column.is-vertically-aligned-center:nth-child(2){
    flex-basis: 100% !important;
    margin-left: 0;
  }
  .header-section, .header-section .topbar-section, .header-section .menu-section, .footer-section .wp-block-columns.copyright-section, 
  .performance-section .wp-block-columns ,.main-banner-section .wp-block-columns{
    flex-wrap: nowrap !important;
  }
  .header-section.wp-block-columns:not(.is-not-stacked-on-mobile) .logo {
    flex-basis: 28% !important;
  }
  .header-section .topbar-section.wp-block-columns:not(.is-not-stacked-on-mobile) .contact {
    flex-basis: 33.33% !important;
  }
  .header-section .topbar-section.wp-block-columns:not(.is-not-stacked-on-mobile) .wp-block-column:first-child {
    flex-basis: 60% !important;
    margin-bottom: 10px;
  }
  .header-section .menu-section.wp-block-columns:not(.is-not-stacked-on-mobile) .wp-block-column:first-child, .footer-section .wp-block-columns.copyright-section .wp-block-column:first-child {
    flex-basis: 0% !important;
  }
   .footer-section .wp-block-columns.copyright-section .wp-block-column:nth-child(2) {
    flex-basis: 100% !important;
  }
  .choose-us-section .wp-block-columns, .choose-us-section h2, .choose-us-section .title-img, .brand-section .wp-block-columns, .featured-car-section .wp-block-columns, .blog-section ul.wp-block-latest-posts__list, .blog-section .head-text, .gallery-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:not(.is-not-stacked-on-mobile) .footer-box {
    flex-basis: 47% !important;
  }
  .topbar-section{
    padding: 15px !important;
  }
  .topbar-section .wp-block-columns {
    gap: 0px !important;
  }
  .performance-section-col-2{
    padding-right: 10px;
  }
  .banner-section-info .wp-block-group {
    height: 190px;
    top: 65%;
    left: 5rem;
    padding: 38px;
  }
  .banner-sec-content.wp-block-columns:not(.is-not-stacked-on-mobile) .wp-block-column:first-child {
    flex-basis: 0 !important;
  }
  .main-banner-section{
    min-height: 500px !important;
  }
  .main-banner-section h2{
    margin-top: 22% !important;
  }
  .banner-section-info{
    display: none;
  }
  .banner-sec-content {
     margin-bottom: 20% !important; 
  }
  .banner-col-sec1, .banner-col-sec2{
    display: none;
  }
  .footer-section .wp-block-columns.copyright-section .wp-block-column:first-child {
    flex-basis: 70% !important;
  }
  .header-section .wp-block-navigation__responsive-container-open:not(.always-shown){
    display: block !important;
    background: var(--wp--preset--color--primary);
    padding: 10px;
    color: #fff;
    font-size: 30px;
    font-weight: 600;
  }
  .header-section .menu-section .wp-block-navigation ul{
    display: none;
  }
  .header-section .menu-section .wp-block-navigation ul li a{
    color: #000;
  }
  .menu-section nav{
    gap: 0 !important;
  }
  .menu-section-button a{
    padding: 10px 22px;
  }
  .blank-menus-section{
    display: none;
  }
  .header-section .menu-section .wp-block-navigation__container li a{
    margin: 10px;
    font-size: 20px;
  }
  .header-section .menu-section .wp-block-navigation ul li a {
    color: #000 !important;
  }
  .header-section .menu-section .wp-block-navigation ul li.buynow-btn a{
    color: #fff !important;
  }
  .Search-hover{
    justify-content: center;
    display: flex;
  }
  .menu-section .wp-block-buttons.is-layout-flex.wp-block-buttons-is-layout-flex{
    margin-bottom: -5px;
    display: block !important;
  }
  .header-section .menu-section .wp-block-navigation__responsive-container-close {
    background: var(--wp--preset--color--primary);
    padding: 10px;
    color: #fff;
    font-size: 30px;
    font-weight: 600;
  }
}
@media screen and (max-width: 1024px) and (min-width: 1000px) {
  .new-btn .wp-block-button a{
    padding: 0 !important;
  }
  .banner-section-info .wp-block-group {
    height: 200px;
    top: 66%;
  }
  .performance-section-col-2{
    padding-right: 0;
  }
  .banner-sec-content {
      margin-bottom: 5% !important;
  }
  .menu-section-button a{
    padding: 10px 15px;
  }
}
@media screen and (min-width: 600px) and (max-width: 767px){
  .header-section .menu-section .wp-block-navigation ul li a {
    color: #fff;
    padding: 10px !important;
  }
  .menu-section .wp-block-search__button {
    margin-right: 30px !important;
  }
  .footer-section .wp-block-search__button
  .footer-section .wp-block-navigation-item__label {
    color: #fff !important;
  }
  .menu-section .current-menu-item > a:after, .menu-section li a:hover:after{
    border-bottom: none !important;
  }
}
@media screen and (min-width: 320px) and (max-width: 425px){
  .menu-section form.wp-block-search__button-only.wp-block-search__button-behavior-expand.wp-block-search__searchfield-hidden.wp-block-search__icon-button.alignright.wp-block-search{
    float: right;
    margin-inline-start: 0em;
    margin-inline-end: 0;
  }
}

@media screen and (max-width: 992px) {
  .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content ,.footer-box .wp-block-navigation__responsive-container-open:not(.always-shown){
    display: none;
  }
  .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: block;
  }
  .footer-section .wp-block-navigation__responsive-container-close{
    background: var(--wp--preset--color--primary);
    padding: 10px;
    color: #fff;
    font-size: 30px;
    font-weight: 600;
  }
  .footer-box  .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content{
    display: block ;
  }
}

/*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;
  grid-template-columns: auto auto auto auto;
  gap: 1em;
}
li.wc-block-grid__product{
  max-width: 100% !important;
}
.wc-block-grid__product-onsale{
  padding: 5px 12px !important;
  font-size: 10px !important;
}
/*h1.alignwide.wp-block-post-title{
  text-align: center;
}*/
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{
  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: 0.8em !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{

  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: 1em !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-account .woocommerce-MyAccount-navigation ul li,.woocommerce-account .addresses .title .edit{
  background: var(--wp--preset--color--accent);
  margin-bottom: 10px;
}
.woocommerce-MyAccount-navigation ul li a,.woocommerce-account .addresses .title .edit{
  padding: 10px 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: 85%;
  margin: 0 auto;
}
.wc-block-checkout{
  width: 90%;
  margin: 0 auto;
}
.wc-block-components-totals-item__value,.wc-block-components-product-metadata__description{
  text-align: left;
}
.single-product .single-product-woocommerce {
  margin: 10px 5% !important;
}
.single-product .wc-block-components-product-price ins,.post-type-archive-product .wc-block-grid__product-price  ins{
  background: none !important;
}
.wc-block-checkout__actions.wp-block-woocommerce-checkout-actions-block{
  margin-bottom: 30px;
}
@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;
  }
  .wc-block-cart{
    width: 100%;
  }
}
@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;
  }
}

/*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;
}
/*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{
    background: var(--wp--preset--color--primary);
    border-radius: 6px;
    padding: 7px 10px;
    color: #fff;
    text-decoration: none !important;
}
span.page-numbers.current {
    background: var(--wp--preset--color--primary);
    color: #fff;
    padding: 8px 10px;
}
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: 4px 10px;
}
.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{
  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;
}
.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;
}
@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){
  .blog .wp-block-latest-posts__list li{
        width: 100% !important;
  }
  .wc-block-product-template__responsive,ul.wc-block-product-template__responsive,.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,li.wc-block-grid__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: 599px){
  .woocommerce-account .entry-content .woocommerce-form-login{
    width: 100% !important;
  }
  .wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row{
    flex-direction: column;
    gap: 1em;
  }
  .wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button{
    width: auto;
  }
}
.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;
}
@media screen and (max-width: 992px){
  header li.wp-block-navigation-item{
    padding: 5px !important;
    border-bottom: 2px solid #eee;
    width: 100%;
    align-items: flex-start !important;
  } 
  header  .wp-block-navigation-submenu li.wp-block-navigation-item,.header-section .menu-section .wp-block-navigation ul li a{
    border: 0 !important;
  }
  .header-section a{
    margin-top: 0 !important;
  }
  header  .wp-block-navigation-submenu li.wp-block-navigation-item:before{
    content: "";
    position: absolute;
    right: 0;
    top: 18px;
    left: 5px;
    width: 0;
    height: 0;
    border-bottom: 6px solid transparent;
    border-left: 6px solid #000;
    border-right: 6px solid transparent;
    border-top: 6px solid transparent;
    transform: translate(-50%);
  }
  header .header-inner-menu ul{
    gap: 0 !important;
  } 
  header .wp-block-navigation__submenu-container li.has-medium-font-size.wp-block-navigation-item.wp-block-navigation-link,header .wp-block-navigation__submenu-container{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  header .header-section a,.header-section a:hover{
    color: #000 !important;
  }
  header .header-section ul{
    gap: 0!important;
  }
  .header-section .menu-section .wp-block-navigation ul{
    width: 100% !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);
  }
}

/* sidebar */
.theme-sidebar .wp-block-group {
  border: 2px solid var(--wp--preset--color--primary) !important;
  border-radius: 12px;
  transition:
    box-shadow 0.4s ease,
    border-color 0.4s ease,
    transform 0.3s ease;
}
.theme-sidebar .wp-block-group:hover {
  border-color: var(--wp--preset--color--primary) !important;
  box-shadow: 0 0 18px
    color-mix(in srgb, var(--wp--preset--color--primary) 55%, transparent);
  transform: translateY(-3px);
}
.single-post-sidebar-on-right .has-shadow-dark, .has-no-hover-shadow-dark {
   border: 1px solid #313030 !important;
}
/* search template */
@media (max-width: 768px) {
  .search .wp-block-search__inside-wrapper {
    display: flex;
    flex-direction: column;
  }
  .search .wp-block-search__button{
    margin: 0 !important;
  }
  .search .wp-block-search__input {
    color: white;
    font-size: 15px !important;
    padding: 10px;
    margin-bottom: 5px !important;
    text-align: center;
}
}
.wp-block-search__button-inside{
  margin-top: 20px !important;
}
/* shop page image animation */
.wp-block-woocommerce-product-image {
    overflow: hidden;
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}
.wp-block-woocommerce-product-image img {
    display: block;
    width: 100% !important;
    height: auto;
    transition: transform 0.6s ease;
}
.wp-block-woocommerce-product-image:hover {
    transform: translateY(-6px);
    box-shadow: 0 16px 30px rgba(0, 0, 0, 0.15); 
}
.wp-block-woocommerce-product-image:hover img {
    transform: scale(1.08); 
}
@media (hover: none) {
    .wp-block-woocommerce-product-image:hover {
        transform: none;
        box-shadow: none;
    }
    .wp-block-woocommerce-product-image:hover img {
        transform: none;
    }
}
/* single shop page image animation */
.woocommerce-product-gallery__image {
    overflow: hidden;
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}
.woocommerce-product-gallery__image img {
    transition: transform 0.6s ease;
}
.woocommerce-product-gallery__image:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 35px rgba(0,0,0,0.15);
}
.woocommerce-product-gallery__image:hover img {
    transform: scale(1.08);
}
.woocommerce-product-gallery__image {
    opacity: 0;
    transform: translateY(30px);
    animation: productImageReveal 0.9s ease-out forwards;
}

@keyframes productImageReveal {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Smooth Page Reload Animation - Shop Page Only */
.wc-block-product-template {
    opacity: 0;
    transform: translateY(-15px);
    animation: fadeInUp 2s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(-15px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.block-editor-rich-text__editable{
 margin-right: 20px !important;
}