/*
Theme Name: Auto Car Dealership
Theme URI: https://www.vwthemes.com/products/free-car-dealership-wordpress-theme
Author: VWThemes
Author URI: https://www.vwthemes.com/
Description: Auto Car Dealership is a spectacular block based theme for websites designed for car and automobile businesses, car rentals, bike rental, car mechanic, automotive and car dealerships, auto dealers, car listings, electric cars and vehicles, auto part shops, car repair services, etc. This theme is loaded with full site editing features, block patterns, block editor patterns and much more. Crafted by WordPress experts, this theme makes use of lightweight design and the latest HTML codes that are further optimized to give you a faster page load speed. The overall look is elegant and at the same time professional to represent your business in a very presentable manner. This theme is retina-ready and has a responsive design that makes it work well across any device. There is a beautifully designed banner and many sections for displaying information about your Team, showing the client Testimonials, and more. There are plenty of customization options available for you to tweak the design and add your own flavor. To make the design SEO-friendly, developers have implemented the best coding practices so that you don’t need to take extra effort. Call to Action Button (CTA) will ensure that your visitors will get the proper guidance for the next step. There are many social media options available for your website and the theme is also made translation-ready to support multiple languages. Demo: https://www.vwthemes.net/auto-car-dealership/
Version: 1.6.7
Requires at least: 5.9
Tested up to: 6.9
Requires PHP: 7.2
License: GPLv3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: auto-car-dealership
Tags: left-sidebar, right-sidebar, one-column, two-columns, three-columns, four-columns, grid-layout, wide-blocks, block-styles, style-variations, translation-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, full-site-editing, block-patterns, sticky-post, threaded-comments, template-editing, 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.

Auto Car Dealership is based on Twenty Twenty-Two WordPress Theme, (C) 2022 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: 'DM Sans', sans-serif !important;
  background: #fff;
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Montserrat', sans-serif !important;
  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;
  /*   border-radius: 10px; */
}

html[dir="rtl"] .owl-nav .owl-prev {
  right: -10px;
  left: auto;
}

html[dir="rtl"] .owl-nav .owl-next {
  left: -10px;
  right: auto;
}

.featured-products-section.rtl-section .owl-nav button.owl-prev {
  right: -10px;
  left: auto;
}

.featured-products-section.rtl-section .owl-nav button.owl-next {
  left: -10px;
  right: auto;
}

.abt-img img {
  border-radius: 10px;
}

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;
}

.menu-section,
.menu-section .wp-block-columns {
  gap: 0 !important;
}

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;
}

div#respond {
  border-top: solid 1px #ccc;
  margin-top: 30px;
}

h3#reply-title {
  margin-bottom: 18px;
}

textarea {
  width: 100%;
  height: auto;
  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--secondary);
}

a:focus-visible,
a:focus {
  outline: thin dotted !important;
}

a:hover,
a:active,
a:hover {
  outline: 0;
  color: var(--wp--preset--color--secondary);
}

/*alignwide*/
.alignfull {
  margin: 0 !important;
  width: auto !important
}

.innerpage-banner h1 {
  color: #fff !important;
}

/*Sidebar CSS*/
.theme-sidebar .wp-block-search__button {
  background: #277bf8 !important;
}

.theme-sidebar {
  padding: 0 30px !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% !important;
  margin-left: 8% !important;
}

.single-post-sidebar-on-right h3,
.single-post-sidebar-on-left h3 {
  font-size: 30px;
}

/*---------------- Woocommerce CSS------------------ */
.theme-sidebar .wp-block-group {
  padding: 15px;
  border: 1px solid #eee;
  color: #6b6b6b;
  box-shadow: 0 6px 30px 7px #2125471a;
  transition: 0.5s;
}

.woocommerce .wp-block-group {
  margin: 10px 10%;
}

.woocommerce .products-block-post-template li {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  padding: 10px;
}

.woocommerce a.added_to_cart {
  text-decoration: none;
}

.add_to_cart_button,
.woocommerce a.added_to_cart {
  background: var(--wp--preset--color--secondary);
  color: #000;
  padding: 8px 10px !important;
  font-size: 16px !important;
}

.woocommerce-breadcrumb {
  background: var(--wp--preset--color--primary);
  color: #fff;
  padding: 10px !important;
}

.woocommerce-breadcrumb a {
  color: #fff;
}

.woocommerce span.page-numbers.current,
.woocommerce .page-numbers,
.woocommerce .wp-block-query-pagination-next {
  background: var(--wp--preset--color--secondary);
  color: #000;
  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 {
  color: #fff;
  background-color: #32373c;
}

.woocommerce-page .woocommerce-form-login .show-password-input,
.woocommerce form .show-password-input,
.woocommerce-page form .show-password-input {
  top: 6px !important;
}

.woocommerce .select2-container--default .select2-selection--single {
  height: 40px;
}

.woocommerce span.page-numbers.current,
.woocommerce .page-numbers {
  width: 45px;
  height: 35px;
  padding: 6px 18px;
}

.woocommerce .wp-block-query-pagination-next {
  width: 118px;
  height: 35px;
  padding: 6px 18px;
}

.woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered {
  padding: 5px 8px;
}

.woocommerce .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: -6px;
}

.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--secondary);
  padding: 0;
  color: var(--wp--preset--color--primary);
}

.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--secondary);
  color: var(--wp--preset--color--primary);
  border-radius: 30px;
  padding: 10px 20px !important;
  opacity: 1 !important;
  text-decoration: none;
}

.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: var(--wp--preset--color--primary);
  color: #fff;
}

.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--secondary);
  padding: 12px !important;
  margin-bottom: 10px;
}

nav.woocommerce-MyAccount-navigation ul li a {
  color: var(--wp--preset--color--primary);
  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 .woocommerce-breadcrumb,
.woocommerce .woocommerce-breadcrumb a {
  margin: 15px auto;
  text-align: center !important;
}

.woocommerce input#password {
  border: 1px solid #bcbcbc;
}

.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--secondary);
  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;
}

.woocommerce .wp-block-group {
  margin: 10px 10%;
}

.single-product .wc-block-components-product-price ins,
.post-type-archive-product .wc-block-grid__product-price ins {
  background: none !important;
}

/*Banner section*/
.choose-us-section .wp-block-heading {
  margin-top: 5px;
  font-family: 'Playfair Display', serif !important;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: 1px;
}

.section-description {
  font-size: 1.05rem;
  font-weight: 300;
  color: #3d4f65;
  line-height: 1.8;
  max-width: 560px;
  margin: 20px auto 0px;
}

.ghost-letter {
  position: absolute;
  bottom: -18px;
  right: 12px;
  font-family: 'Playfair Display', serif;
  font-size: 7rem;
  font-weight: 700;
  color: #0d1b2e;
  opacity: .03;
  line-height: 1;
  pointer-events: none;
  user-select: none;
}

.vm-block {
  background: #fff;
  border-radius: 16px;
  padding: 36px 32px;
  height: 100%;
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(13, 27, 46, .07);
  box-shadow: 0 4px 24px rgba(13, 27, 46, .06);
  transition: transform .3s ease, box-shadow .3s ease;
  position: relative;
}

.vm-block:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(45deg, #18253d, #ffffff);
  border-radius: 16px 16px 0 0;
  width: 100%;
}

.vm-block-div {
  width: 75%;
  margin-right: auto !important;
  margin-left: auto !important;
}

.vm-block h3 {
  font-family: 'Playfair Display', serif !important;
  font-size: 1.25rem !important;
  font-weight: 600 !important;
  color: #17263d !important;
  margin-top: 20px !important;
}

.vm-block p {
  /* font-size: .95rem !important; */
  font-weight: 300 !important;
  color: #334559 !important;
  line-height: 1.75 !important;
  margin: 20px;
  font-family: 'DM Sans', sans-serif;
}

.about-sternext-left-content p {
  font-size: 17px !important;
  font-weight: 300 !important;
  color: #334559 !important;
  line-height: 1.75 !important;
  /* margin: 20px; */
  font-family: 'DM Sans', sans-serif;
}

body.rtl .vm-block p {
  font-weight: 400 !important;
}

.main-banner-section .wp-block-heading {
  color: #fff;
}

.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--secondary) !important;
}

.main-banner-section a.wp-block-button__link:hover {
  color: #ffffff !important;
  background: transparent !important;
  border-color: #fff !important;
}

.buynow-btn:hover {
  background: var(--wp--preset--color--primary) !important;
}

/*Choose us section*/
.choose-us-section,
.choose-us-section h2,
.title-img,
.choose-us-section .wp-block-columns,
.brand-section,
.brand-section .wp-block-columns,
.brand-section h3,
.featured-car-section,
.featured-car-section .wp-block-columns,
.featured-car-section h3,
.featured-car-section .head-text,
.blog-section,
.blog-section ul.wp-block-latest-posts__list,
.blog-section .head-text,
.gallery-section,
.gallery-section .wp-block-columns,
.gallery-section h3 {
  padding: 0 50px;
}

.title-img,
.brand-section figure {
  text-align: center;
}

.choose-us-section .wp-block-column,
.brand-section .title-img,
.brand-section .wp-block-column,
.featured-car-section .head-text,
.featured-car-section .car-col .car-box,
.blog-section .head-text,
.gallery-section .title-img {
  margin-bottom: 2rem;
}

.choose-us-section .wp-block-column figure {
  border-radius: 50%;
  /*   background: #17263d; */
  /*   padding: 20px 20px; */
  position: relative;
}

.vm-block:hover figure img {
  transform: rotateY(360deg);
  transition: 0.7s all ease-in-out;
}

.vm-block:hover figure {
  background: #274778;
  cursor: pointer;
  transition-duration: 0.3s;
}

.choose-us-section {
  background: linear-gradient(160deg, #eef1f6 0%, #dde3ee8f 100%);
  position: relative;
  overflow: hidden;
  padding-bottom: 30px !important;
  padding-top: 30px !important;
}

.choose-us-section::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: linear-gradient(rgba(13, 27, 46, .04) 1px, transparent 1px), linear-gradient(90deg, rgba(13, 27, 46, .04) 1px, transparent 1px);
  background-size: 40px 40px;
  pointer-events: none;
}

.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-100 {
  opacity: 0;
}

.choose-us-section .wp-block-column figure:after {
  border-color: var(--wp--preset--color--primary) transparent transparent transparent !important;
  top: 95% !important;
  position: absolute;
  z-index: -1;
  content: "";
  border-style: solid;
  transition-duration: 0.3s;
  transition-property: transform;
  left: calc(50% - 10px);
  border-width: 10px 10px 0 10px;
}

.choose-us-section .wp-block-column figure:hover:after {
  border-top-color: var(--wp--preset--color--secondary);
}


/*Featured Car Section*/
.featured-car-section .car-box {
  position: relative;
  box-shadow: 0 5px 10px 0 rgb(0 0 0 / 16%), 0 0 0 0px rgb(0 0 0 / 8%);
  background-color: #fff;
  border: solid 1px #eee;
}

.featured-car-section .car-box img {
  width: 100%;
}

.featured-car-section .car-box figure {
  position: relative;
  overflow: hidden;
}

.featured-car-section .car-box figure::before {
  position: absolute;
  top: 0;
  left: -75%;
  z-index: 2;
  display: block;
  content: '';
  width: 50%;
  height: 100%;
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
  -webkit-transform: skewX(-25deg);
  transform: skewX(-25deg);
}

.featured-car-section .car-box figure:hover::before {
  -webkit-animation: shine .75s;
  animation: shine .75s;
}

@-webkit-keyframes shine {
  100% {
    left: 125%;
  }
}

@keyframes shine {
  100% {
    left: 125%;
  }
}

.featured-car-section .car-box .price-col {
  position: absolute;
  top: 100px;
  left: 0;
  width: 75%;
  z-index: 99;
  opacity: 0;
  gap: 0;
  margin: 0;
  padding: 10px
}

.featured-car-section .car-box:hover .price-col {
  opacity: 1;
}

.featured-car-section .car-box .price-col .wp-block-column:first-child {
  border-right: 1px solid var(--wp--preset--color--primary);
}

.featured-car-section .car-box h4,
.blog-section .wp-block-latest-posts.is-grid li a.wp-block-latest-posts__post-title {
  border-left: 3px solid var(--wp--preset--color--secondary);
}

.featured-car-section .car-features {
  padding: 0;
  margin: 20px 0 0;
  gap: 4px;
}

.featured-car-section .car-box h4,
.featured-car-section .car-box p {
  padding: 0 15px;
}

.featured-car-section .car-features p {
  margin: 10px;
  padding: 0;
}

/*Blog Section*/
.blog-section .wp-block-latest-posts.is-grid li {
  width: calc(33.33333% - 1.5em);
  margin: 0 2em 1.25em 0;
  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;
}

.blog-section .wp-block-latest-posts.is-grid li img {
  width: 100%;
}

.blog-section .wp-block-latest-posts.is-grid li:nth-child(3n) {
  margin-right: 0;
}

.blog-section .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;
}

.blog-section .wp-block-latest-posts.is-grid li time.wp-block-latest-posts__post-date {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  background: var(--wp--preset--color--secondary);
  padding: 5px 10px;
  font-weight: 600;
  font-size: 13px;
  color: var(--wp--preset--color--primary);
}

.blog-section .wp-block-latest-posts.is-grid li .wp-block-latest-posts__post-excerpt {
  color: #6b6b6b;
  padding: 0 15px;
  font-size: 14px;
  line-height: 25px;
}

/*Blog Section preview*/
.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%);
  padding: 30px 10px;
}

.wp-block-latest-posts.is-grid.columns-3 li {
  width: calc(33.33333% - 1.5em);
  margin: 0 2em 1.25em 0;
}

.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:nth-child(3n) {
  margin-right: 0;
}

.wp-block-latest-posts.is-grid li a {
  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 {
  display: inline-block;
  background: var(--wp--preset--color--secondary);
  padding: 5px 10px;
  font-weight: 600;
  font-size: 13px;
  color: var(--wp--preset--color--primary);
  margin-left: 10px;
}

.wp-block-latest-posts.is-grid li .wp-block-latest-posts__post-excerpt {
  color: #6b6b6b;
  padding: 0 10px;
  font-size: 14px;
  line-height: 25px;
}

.wp-block-latest-posts.is-grid li .wp-block-latest-posts__post-excerpt a {
  display: none;
}

/*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;
}

/*Header*/
.header-section {
  gap: 0;
  margin-bottom: 0;
}

.header-section .logo .wp-block-cover {
  padding: 7px 50px;
  clip-path: polygon(0 0, 100% 0, 80% 100%, 0% 100%);
}

.header-section .logo h1 {
  margin: 0;
}

.header-section .topbar-section {
  padding: 23px 50px 23px 0px;
  color: #222;
  margin-bottom: 0;
  gap: 0px;
  font-size: 14px;
  justify-content: flex-end;
}

.header-section .topbar-section i {
  color: var(--wp--preset--color--secondary);
}

.header-section .menu-section {
  padding: 16px 50px;
  margin: 0;
  background: rgba(0, 0, 0, 0) linear-gradient(125deg, transparent 5%, #17263d 0%) repeat scroll 0 0;
}

/* Arabic (RTL) */
body.rtl .header-section .menu-section {
  background: rgba(0, 0, 0, 0) linear-gradient(235deg, transparent 5%, #17263d 0%) repeat scroll 0 0;
}

.header-section .menu-section .wp-block-navigation ul {
  gap: 0px !important;
  justify-content: center;
}

.header-section .menu-section .wp-block-navigation ul li a {
  color: #dfe0dd;
  padding: 10px 35px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  position: relative;
}

div#n2-ss-2 .n2-font-f4a08a86ef61df25ada3c73684ceac05-hover {
  white-space: normal !important;
  word-break: break-word;
  width: 75%;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 15px;
}

.header-section .menu-section .wp-block-navigation-item__content:after {
  content: "";
  background: #ffffff66;
  position: absolute;
  top: 10px;
  width: 1px;
  height: 22px;
  right: 0px;
}

body.rtl .header-section .menu-section .wp-block-navigation-item__content:after {
  left: 0;
  right: auto;
}



/* .header-section .menu-section .wp-block-navigation-item:last-child .wp-block-navigation-item__content:after {
  display: none;
} */

.language-switcher-column ul {
  padding: 0px;
  padding-left: 15px;
}

.language-switcher-column ul li {
  list-style-type: none;
}

/* Hide full language name */
.menu-section .wp-block-polylang-language-switcher a {
  font-size: 0;
}

/* Show short code */
.menu-section .lang-item-en a::after {
  content: "EN";
  font-size: 13px;
  font-weight: 600;
  color: #b1d0ff;
}

.menu-section .lang-item-ar a::after {
  content: "AR";
  font-size: 13px;
  font-weight: 600;
  color: #b1d0ff;
}

body:not(.rtl) .menu-ar {
  display: none;
}

body.rtl .menu-en {
  display: none;
}

header .wp-block-navigation {
  margin-block-start: 0 !important;
  margin-block-end: 0 !important;
}

body:not(.rtl) .footer-menu-ar {
  display: none;
}

body.rtl .footer-menu-en {
  display: none;
}

.header-section .menu-section .wp-block-navigation ul li.buynow-btn a {
  padding: 7px 13px;
  background: var(--wp--preset--color--secondary);
  border-radius: 30px;
  font-size: 12px;
  color: var(--wp--preset--color--primary);
}

.header-section .menu-section .wp-block-navigation ul li.buynow-btn a:hover {
  background: #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--secondary);
}

.section-sub-text {
  font-family: 'DM Sans', sans-serif;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.header-section .menu-section ul.wp-block-social-links {
  margin: 0;
  gap: 10px;
}

.social-media-header-icons .wp-block-social-link.wp-social-link {
  display: inline-block;
  margin: 0;
  padding: 6px;
  /* border: 1px solid white; */
  /* border-radius: 10px !important; */
  background: #063262;
}

.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,
header .wp-block-navigation-submenu li.wp-block-navigation-item.has-child.open-on-hover-click.wp-block-navigation-submenu:hover {
  background: var(--wp--preset--color--secondary);
  color: #fff;
}

.header-section h1 a {
  font-size: 12px !important;
}

/*Footer Section*/
.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 p a {
  color: #fff;
}

.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--secondary);
}

.footer-box a {
  text-decoration: none !important;
}

.footer-box ul {
  padding: 0;
  gap: 0;
}

.footer-box ul li {
  list-style: none;
  /* margin-bottom: 10px; */
  line-height: 10px;
}

footer .wp-block-heading {
  margin-block-start: 0px;
}

/* Hide Arabic in English */
body:not(.rtl) .footer-text-ar {
  display: none;
}

/* Hide English in Arabic */
body.rtl .footer-text-en {
  display: none;
}

/* English (LTR) */
body:not(.rtl) .footer-box ul li:before {
  content: '-';
  margin-left: 0;
  margin-right: 10px;
  color: #fff;
}

/* Arabic (RTL) */
body.rtl .footer-box ul li:before {
  content: '-';
  margin-right: 0;
  margin-left: 10px;
  color: #fff;
}

footer .is-layout-flow>.wp-block-navigation {
  margin-top: 0 !important;
}

.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;
}

.footer-box .wp-block-button__link:hover {
  background: var(--wp--preset--color--secondary) !important;
  color: var(--wp--preset--color--primary) !important;
  border-color: var(--wp--preset--color--secondary);
}

/* 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 !important;
  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;
}

/*404 Page CSS*/
.wp-block-search__button {
  border: 0;
  background: var(--wp--preset--color--secondary);
}

/*Archive Page*/
.archive-page {
  padding-top: 50px !important;
}

.comment-body .reply a {
  color: var(--wp--preset--color--primary);
  text-decoration: none;
  background: var(--wp--preset--color--secondary);
  padding: 5px 10px;
  border-radius: 30px;
  font-weight: 500;
}

.comment-body .reply a:hover,
.wp-block-post-comments input[type=submit]:hover,
.theme-button .wp-block-button__link:hover,
.wp-block-search__button:hover {
  background: var(--wp--preset--color--primary) !important;
  color: #fff !important;
}

.wp-block-post-comments input[type=submit] {
  background: var(--wp--preset--color--secondary);
  color: var(--wp--preset--color--primary);
  font-weight: 600;
}

.wp-block-post-author__content {
  align-self: center;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 0;
}

/*my account address button css*/
.wc-block-grid__products {
  margin: 0 !important;
}

header.woocommerce-Address-title.title a {
  background-color: var(--wp--preset--color--secondary);
  border-radius: 0px !important;
  color: var(--wp--preset--color--primary);
  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--secondary) !important;
  border-radius: 0px !important;
  color: var(--wp--preset--color--primary) !important;
  border-color: transparent !important;
}

header.woocommerce-Address-title.title a:hover,
.wp-element-button:hover,
.wp-block-button__link:hover {
  background: #000;
  color: #fff !important;
}

/*li.wc-block-grid__product{
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  margin: 13px;
  max-width: 22% !important;
}*/
.wc-block-grid__products {
  justify-content: center;
}

/*Sidebar CSS*/
.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;
}

.theme-sidebar .wp-block-group ul {
  padding-left: 20px;
}

.theme-sidebar .wp-block-group ul li {
  line-height: 2;
  font-size: 14px;
  color: #6b6b6b;
  list-style: disc;
}

.theme-sidebar .wp-block-group ul li a {
  color: #6b6b6b;
  text-decoration: none;
}

.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: #eeeeee;
  color: #000;
  font-size: 15px !important;
  padding: 5px 18px;
  margin: 0 0 5px;
  display: inline-block;
  text-decoration: none;
}

.theme-sidebar .wp-block-tag-cloud a:hover {
  background: var(--wp--preset--color--primary);
  color: #fff;
}

.theme-sidebar .wp-block-gallery {
  gap: 1em;
}

.theme-button .wp-block-button__link {
  font-weight: 600;
}

figure.alignfull.wp-block-post-featured-image,
.wp-block-audio,
.wp-block-audio audio {
  width: 100% !important;
}

.taxonomy-category a,
.taxonomy-post_tag a {
  text-decoration: none;
}

.is-layout-flow.entry-content.alignfull.wp-block-post-content,
h1.has-text-align-left.alignfull.has-text-color.has-foreground-color.wp-block-post-title {
  margin-left: calc(-65vw / 2 + 100% / 2);
  margin-right: calc(-65vw / 2 + 100% / 2);
  width: 100% !important;
}

.footer-logo-text {
  margin-top: 15px !important;
}

.footer-section .wp-block-columns {
  display: flex !important;
  align-items: flex-start !important;
}

.footer-section .wp-block-columns .wp-block-column {
  align-self: flex-start !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.footer-logo-text {
  width: 60%;
}

#chaty-widget-0 .chaty-widget {
  left: auto !important;
  right: 80px !important;
  bottom: 94px !important;
}

html[lang="ar"] #chaty-widget-0 .chaty-widget {
  right: auto !important;
  left: 8px !important;
  bottom: 94px !important;
}

html[dir="rtl"] .scroll-top-box {
    bottom: 85px;
}

html[dir="rtl"] .popup-content ul li , .popup-right h2{
    text-align: right;
}

@media screen and (max-width:767px) {

  html[lang="ar"] #chaty-widget-0 .chaty-widget {
    bottom: 150px !important;
  }

  #chaty-widget-0 .chaty-widget {
    bottom: 150px !important;
  }

  header .header-section ul,
  .header-section .menu-section .wp-block-navigation ul {
    gap: 0 !important;
    width: 100%;
    line-height: 0 !important;
  }

  .header-section .menu-section .wp-block-navigation-item__content:after {
    top: 0px;
  }

  header li.wp-block-navigation-item {
    padding: 5px !important;
    border-bottom: unset;
    width: 25%;
    align-items: flex-start !important;
  }

  .header-section .menu-section {
    flex-wrap: wrap !important;
  }

  .error-page {
    padding: 0 !important;
  }

  .error-page h2 {
    font-size: 122px !important;
  }

  .theme-sidebar {
    padding: 0 !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 0px !important;
  }

  .elementor-351 .elementor-element.elementor-element-f817951 {
    padding: 0rem;
  }

  .main-banner-section h1 {
    font-size: 25px !important;
  }

  .car-features,
  .header-section .menu-section {
    flex-wrap: nowrap !important;
  }

  .header-section .logo .wp-block-cover,
  .header-section .menu-section {
    clip-path: none;
    padding: 10px;
  }

  .header-section .logo,
  .header-section .topbar-section,
  .footer-box {
    text-align: start;
  }

  /*   .footer-box ul li {
    margin: 0 auto !important;
  } */

  .footer-box .wp-block-buttons {
    justify-content: center;
  }

  .header-section .topbar-section {
    padding: 15px 5px;
    display: grid;
    position: absolute;
    top: 35px;
    left: 180px;
  }

  .wp-block-site-logo img {
    height: auto;
    max-width: 80%;
  }

  .vm-block-div {
    width: 100%;
  }

  .about-sternext-left-content {
    padding-left: 0px !important;
  }

  .featured-products-section .owl-nav button.owl-next {
    right: 15px;
  }

  .featured-products-section .owl-nav button.owl-prev {
    left: 15px;
  }

  .top-bar-text {
    font-size: 13px !important;
  }

  .footer-section .footer-box:first-child {
    margin-top: 20px;
  }

  .header-section .menu-section {
    /*     background: #212121; */
    background: #092f59;
    display: flex;
    padding-left: 15px;
    padding-right: 15px;
    /*     flex-direction: row-reverse; */
  }

  body.rtl .header-section .menu-section {
    background: rgba(0, 0, 0, 0) linear-gradient(235deg, transparent 0%, #17263d 0%) repeat scroll 0 0;
  }

  .menu-section .wp-block-polylang-language-switcher a {
    margin-right: 20px;
  }

  body.rtl .header-section .topbar-section {
    left: 20px;
  }

  .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%;
  }

  .social-media-header-icons {
    display: none;
  }

  .header-section .menu-section .wp-block-navigation ul li a {
    padding: 10px !important;
    border-bottom: 1px solid #eee;
  }

  .header-section .menu-section .wp-block-navigation ul ul {
    padding: 0 0 0 25px !important;
  }

  .blog-section .wp-block-latest-posts.is-grid li {
    margin: 0 0 1.25em;
    width: 100%;
  }

  .choose-us-section .wp-block-columns,
  .choose-us-section h2 .brand-section .wp-block-columns,
  .title-img,
  .brand-section h3,
  .featured-car-section .wp-block-columns,
  .featured-car-section h3,
  .featured-car-section .head-text,
  .blog-section ul.wp-block-latest-posts__list,
  .blog-section .head-text,
  .gallery-section .wp-block-columns,
  .gallery-section h3,
  .footer-section .wp-block-columns,
  .choose-us-section h2,
  .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;
  }

  .choose-us-section,
  .brand-section,
  .featured-car-section,
  .blog-section,
  .gallery-section,
  .footer-section .wp-block-columns {
    padding: 0 10px;
  }

  .footer-section .footer-box {
    padding: 5px 20px !important;
  }

  .footer-section .wp-block-columns.copyright-section {
    padding: 20px;
    text-align: center;
  }

  .copyright-section .wp-block-social-links {
    justify-content: center;
  }

  .footer-section .wp-block-columns {
    margin: 0;
    gap: 10px;
    padding-top: 50px;

  }

  .woocommerce .wp-block-group {
    margin: 0px 15px;
  }

  .woocommerce ul.products[class*=columns-] li.product,
  .woocommerce-page ul.products[class*=columns-] li.product {
    width: 100%;
    float: none;
  }

  .header-section .menu-section .wp-block-navigation ul li.buynow-btn {
    margin-top: 10px;
  }

  .header-section .menu-section .wp-block-navigation ul,
  .header-section .menu-section .wp-block-navigation ul li {
    display: flex !important;
    width: 50% !important;
    border-bottom: none;
  }

  .menu-section .wp-block-navigation__responsive-container-open {
    background: #fbfcfd;
    /* 	  background: var(--wp--preset--color--secondary); */
    padding: 10px;
    color: var(--wp--preset--color--primary) !important;
    text-align: center;
    /*     margin: 0 auto; */
  }

  .menu-section .wp-block-navigation {
    gap: 0px;
  }

  li.wc-block-grid__product {
    max-width: 100% !important;
  }
}

/* @media (max-width: 781px) {
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
        flex-basis: 50% !important;
    }
} */

@media screen and (min-width: 768px) and (max-width: 992px) {

  html[lang="ar"] #chaty-widget-0 .chaty-widget {
    right: auto !important;
    left: 15px !important;
    bottom: 25px !important;
  }

  .copyright-section .wp-block-column.is-vertically-aligned-center.is-layout-flow.wp-block-column-is-layout-flow {
    align-items: center !important;
  }

  .copyright-section {
    text-align: center;
  }

  .top-bar-text {
    font-size: 14px !important;
  }

  .wp-block-site-logo img {
    height: auto;
    max-width: 70%;
  }

  li.wc-block-grid__product {
    max-width: 26% !important;
  }

  .main-banner-section .wp-block-column.is-vertically-aligned-center:nth-child(2) {
    flex-basis: 100% !important;
    margin-left: 0;
  }

  .header-section .menu-section,
  .choose-us-section .wp-block-columns,
  .featured-car-section .car-col,
  .brand-section .wp-block-columns,
  .header-section,
  .header-section .topbar-section,
  .gallery-section .wp-block-columns,
  .footer-section .wp-block-columns.copyright-section {
    /*     flex-wrap: nowrap !important; */
    display: grid;
    position: relative;
  }

  .header-section.wp-block-columns:not(.is-not-stacked-on-mobile) .logo {
    flex-basis: 28% !important;
    padding: 0 15px 15px;
    /*     display: grid;
    position: absolute;
    top: 30px;
    left: 200px; */
  }

  .header-section .logo .wp-block-cover,
  .header-section .menu-section {
    clip-path: none;
    padding: 5px;
    display: flex;
  }

  .featured-products-section .owl-nav button.owl-prev {
    left: 10px;
  }

  .brand-section .wp-block-columns {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }

  .featured-products-section .owl-nav button.owl-next {
    right: 10px;
  }

  .header-section .topbar-section.wp-block-columns:not(.is-not-stacked-on-mobile) .contact {
    flex-basis: 33.33% !important;
  }



  .footer-section .wp-block-columns.copyright-section .wp-block-column:first-child {
    flex-basis: 70% !important;
  }

  .footer-section .wp-block-columns.copyright-section .wp-block-column:nth-child(2) {
    flex-basis: 30% !important;
  }

  .section-description {
    margin: 0px;
  }

  .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,
  .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:not(.is-not-stacked-on-mobile) .footer-box {
    flex-basis: 47% !important;
    padding: 0px !important;
  }

  .woocommerce .wp-block-group {
    margin: 0px 20px;
  }

  .header-section .menu-section .wp-block-navigation ul li.buynow-btn a {
    padding: 10px 9px;
  }

  .menu-section .wp-block-navigation__responsive-container-open {
    background: var(--wp--preset--color--secondary);
    padding: 10px;
    color: var(--wp--preset--color--primary) !important;
    text-align: center;
    margin: 0 auto;
  }

  .menu-section .wp-block-navigation {
    gap: 0px;
  }

  .footer-section .wp-block-columns {
    padding: 50px 0px 0;
    flex-wrap: wrap !important;
  }

  .menu-section .wp-block-column.language-switcher-column.has-text-color.has-link-color.wp-elements-1bebeb483cb79f1d4c6f005df89f8a24.is-layout-flow.wp-block-column-is-layout-flow {
    flex-basis: 50% !important;
    line-height: 1 !important;
  }

  header li.wp-block-navigation-item {
    padding: 5px !important;
    border-bottom: unset;
    width: 45%;
    align-items: flex-start !important;
  }


  .header-section .menu-section {
    background: rgba(0, 0, 0, 0) linear-gradient(125deg, transparent 4%, #17263d 0%) repeat scroll 0 0;
  }
}

@media screen and (min-width: 768px) and (max-width: 781px) {

  header .header-section ul,
  .header-section .menu-section .wp-block-navigation ul {
    gap: 0 !important;
    width: 100%;
    line-height: 0 !important;
  }

  .header-section .menu-section .wp-block-navigation-item__content:after {
    top: 0px;
  }

  .header-section .topbar-section {
    position: absolute !important;
    top: 20px;
    right: 0px;
  }

  .header-section .topbar-section.wp-block-columns:not(.is-not-stacked-on-mobile) .wp-block-column:first-child {
    flex-basis: 0 !important;
  }

  .menu-section:not(.is-not-stacked-on-mobile)>.wp-block-column:first-child {
    flex-basis: 40% !important;
  }

}

@media screen and (min-width: 782px) and (max-width: 992px) {
  .menu-section:not(.is-not-stacked-on-mobile)>.wp-block-column:first-child {
    flex-basis: 100% !important;
  }

  .header-section .topbar-section {
    position: unset !important;
  }

  .header-section .topbar-section {
    position: unset !important;
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center;
    gap: 15px;
    width: 100%;
  }

  .header-section .topbar-section>* {
    width: auto !important;
    flex: 0 0 auto !important;
    flex-basis: auto !important;
  }

  header li.wp-block-navigation-item {
    width: 35% !important;
  }

  .header-section .menu-section {
    background: rgba(0, 0, 0, 0) linear-gradient(125deg, transparent 7%, #17263d 0%) repeat scroll 0 0;
  }

  .header-section .wp-block-column {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }



}



@media screen and (max-width: 1199px) and (min-width: 1000px) {

  html[dir="rtl"] .header-section .topbar-section {
    padding: 20px;
  }

  body.rtl .header-section .menu-section {
    background: rgba(0, 0, 0, 0) linear-gradient(235deg, transparent 7%, #17263d 0%) repeat scroll 0 0;
  }

  .menu-section:not(.is-not-stacked-on-mobile)>.wp-block-column:first-child {
    flex-basis: 60% !important;
  }

  li.wc-block-grid__product {
    max-width: 18% !important;
  }

  .woocommerce .wp-block-group {
    margin: 0px 30px;
  }

  .header-section .menu-section .wp-block-navigation ul {
    gap: 1em !important;
  }

  .header-section .topbar-section {
    position: unset !important;
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center;
    gap: 15px;
    width: 100%;
  }

  .header-section .logo .wp-block-cover {
    padding: 7px 15px;
    clip-path: none;
  }

  .header-section .menu-section {
    background: rgba(0, 0, 0, 0) linear-gradient(125deg, transparent 7%, #17263d 0%) repeat scroll 0 0;
  }

  .header-section .topbar-section>* {
    width: auto !important;
    flex: 0 0 auto !important;
    flex-basis: auto !important;
  }

  .header-section .wp-block-column {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  .featured-products-section .owl-nav button.owl-next {
    right: 15px;
  }

  .featured-products-section .owl-nav button.owl-prev {
    left: 15px;
  }

  .choose-us-section .wp-block-columns {
    padding: 0px;
  }

  .vm-block-div {
    width: 100%;
  }

  .choose-us-section .wp-block-cover.alignfull.is-light {
    min-height: 495px !important;
    padding-top: 30px !important;
  }

  .footer-box {
    flex: 0 0 auto !important;
  }

  /* First column (logo/about) */
  .footer-box:nth-child(1) {
    flex-basis: 33% !important;
  }

  /* Quick Links */
  .footer-box:nth-child(2) {
    flex-basis: 25% !important;
  }

  /* Products */
  .footer-box:nth-child(3) {
    flex-basis: 30% !important;
  }

  .footer-logo-text {
    width: 90%;
  }

  /* Get in Touch (make wider) */
  .footer-box:nth-child(4) {
    flex-basis: 45% !important;
  }

  .footer-section .wp-block-columns {
    padding: 50px 0px 0;
  }

  .footer-box h3 {
    margin-bottom: 32px;
  }

  .footer-box ul li {
    margin-bottom: 0px;
  }

}



@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .menu-section:not(.is-not-stacked-on-mobile)>.wp-block-column:first-child {
    flex-basis: 45% !important;
  }

  .header-section .logo .wp-block-cover {
    padding: 7px 33px;
    clip-path: none;
  }

  .header-section .wp-block-column {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  .vm-block-div {
    width: 90%;
  }

  .footer-logo-text {
    width: 75%;
  }
}

@media screen and (max-width: 991px) {
  .footer-logo-text {
    width: 100%;
  }
}

@media screen and (max-width: 900px) {


  .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),
  .footer-box .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content {
    display: block;
  }

  .header-section .menu-section .wp-block-navigation ul li a {
    color: white !important;
    padding: 10px !important;
    text-align: center;
    width: 100%;

  }

  .header-section .menu-section button.wp-block-navigation__responsive-container-close {
    background: var(--wp--preset--color--primary);
    padding: 10px;
    color: #fff;
  }

  .header-section .menu-section button.wp-block-navigation__responsive-container-open svg {
    fill: var(--wp--preset--color--primary);
  }

  .header-section .menu-section ul.wp-block-social-links {
    gap: 10px !important;
  }

  /*.header-section .menu-section {
    flex-wrap: wrap !important;
  }*/
  .header-section .menu-section ul.wp-block-social-links {
    margin: 0;
    gap: 20px;
    justify-content: center;
    font-size: 20px;
  }

  .footer-section .wp-block-navigation__responsive-container-close {
    background: var(--wp--preset--color--secondary);
    padding: 10px;
    color: #fff;
    font-size: 30px;
    font-weight: 600;
  }
}

@media screen and (min-width: 782px) and (max-width: 1023px) {
  .archive-page .wp-block-latest-posts__list li {
    width: 100% !important;
  }
}

.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;
}

.theme-sidebar .wp-block-social-links a {
  color: #fff !important;
}

/*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;
  margin: 0 9% !important;
}

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 {
  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;
}

.wc-block-components-checkout-return-to-cart-button {
  background-color: var(--wp--preset--color--primary) !important;
}

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: 10px 12px !important;
  font-size: 16px;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
  margin: 0 !important;
}

.wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row {
  margin-bottom: 20px;
}

.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,
.wc-block-checkout {
  width: 85%;
  margin: 0 auto;
}

.wc-block-components-totals-item__value,
.wc-block-components-product-metadata__description {
  text-align: left;
}

.footer-fontawesome-icon svg {
  width: 14px;
  margin-right: 10px;
}

@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;
  }
}

@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 {
  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 {
  background: #000;
  color: #fff;
}

.archive .wp-block-post-template li,
.blog .wp-block-post-template li {
  box-shadow: 0 5px 10px 0 rgb(0 0 0 / 16%), 0 0 0 0px rgb(0 0 0 / 8%);
}

.archive .wp-block-post-template figure {
  margin: 0 !important;
}

@media screen and (max-width: 720px) {
  li.wc-block-grid__product {
    flex: 100% !important;
  }

  .wc-block-grid__products {
    display: flex !important;
  }

  .not-found-heading {
    font-size: 50px !important;
  }

  .wc-block-product-template__responsive,
  ul.wc-block-grid__products,
  .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;
  }
}

@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 (min-width: 782px) and (max-width:1199px) {
  .theme-sidebar .wp-block-search__inside-wrapper {
    display: block;
  }

  .theme-sidebar .wp-block-search__button {
    width: 100%;
    margin-left: 0;
    margin-top: 10px;
  }
}

@media screen and (max-width: 720px) {
  .wc-block-product-template__responsive {
    display: block;
    grid-template-columns: auto !important;
  }

  li.wc-block-product {
    margin-bottom: 10px;
  }

  .wp-block-woocommerce-related-products .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;
  border-radius: 0 !important;
}

.contact-us-banner-heading h2 {
  font-family: 'Playfair Display', 'Arial' !important;
  font-weight: 700 !important;
  letter-spacing: 2px;
  font-size: 50px !important;
}

.get-in-touch-heading h2 {
  font-family: 'Playfair Display', 'Arial' !important;
  font-weight: 700 !important;
  /* letter-spacing: 2px; */
  font-size: 38px !important;
  color: #17263d !important;
}

.get-in-touch-description p {
  font-family: 'DM Sans', sans-serif;
  font-size: 18px;
  margin-top: 5px !important;
  /* letter-spacing: 0px; */
  text-align: justify;
  color: #000000c7;
}

@media screen and (max-width: 900px) {


  .social-media-header-icons {
    display: none;
  }

  header .wp-block-navigation-submenu li.wp-block-navigation-item,
  .header-section .menu-section .wp-block-navigation ul li a {
    border: 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 .wp-social-link a {
    color: #fff !important;
  }


}

@media screen and (min-width: 901px) {

  .header-section ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu,
  header li.wp-block-navigation-item.has-child.open-on-hover-click.wp-block-navigation-submenu,
  header li.wp-block-navigation-item.wp-block-navigation-link {
    gap: 0 !important;
  }

  header li.wp-block-navigation-item.has-child.open-on-hover-click.wp-block-navigation-submenu:hover,
  .header-section .menu-section .wp-block-navigation ul li a:hover {
    color: var(--wp--preset--color--secondary);
  }

}


/*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 .wp-block-query .wp-block-post,
.blog .wp-block-query .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;
  box-shadow: var(--wp--preset--shadow--natural);
}

.archive .wp-block-query .wp-block-group {
  box-shadow: none !important;
}

@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);
  }
}

/* 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;
}

.custom-owl-carousel .slide-item {
  text-align: center;
  width: 100%;
  position: relative;
}

.custom-owl-carousel .slide-item img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

.custom-owl-carousel h3 {
  margin: 10px 0 5px;
}

.slide-btn,
.popup-btn {
  display: inline-block;
  margin-top: 5px;
  padding: 8px 15px;
  background: #274778;
  color: #fff;
  text-decoration: none;
  border: none;
  cursor: pointer;
  border-radius: 4px;
}

.popup-btn:hover {
  background: #17263d;
  color: #fff;
  transition: all 0.3s ease;
  transform: translateY(-3px);
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}

#chaty-widget-0 .on-hover-text {
    background-color: #ffffff;
    color: #333333;
    display: none;
}

.chaty-outer-forms.pos-left.chaty-form-0 {
    right: 25px !important;
    left: auto !important;
    bottom: 65px !important;
}

html[dir="rtl"] .chaty-outer-forms.pos-left.chaty-form-0 {
    left: 25px !important;
    right: auto !important;
    bottom: 65px !important;
}


html[lang="ar"] .iti__tel-input {
    direction: ltr !important;
    text-align: right !important;
}

.forminator-iti-input.iti .iti__country {
    font-size: 16px;
}

.forminator-iti-input.iti .iti__search-input {
    width: 100%;
    border-width: 0;
    border-radius: 0px;
    padding: 5px 15px;
    font-size: 16px;
    border-bottom: 1px solid #00000014;
}

.forminator-iti-input.iti .iti__search-input:focus{
	outline:none;
	box-shadow:unset;
}

/* 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;
  }

  .language-switcher-column {
    flex-basis: 35% !important;
  }
}

@media (max-width: 767px) {
  .wp-block-column.language-switcher-column.has-text-color.has-link-color.wp-elements-1bebeb483cb79f1d4c6f005df89f8a24.is-layout-flow.wp-block-column-is-layout-flow {
    flex-basis: 35% !important;
  }
}

.wp-block-search__button-inside {
  margin-top: 40px !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);
    }
  }
}