@charset "UTF-8";
/*!
Theme Name: Machinery Rental
Theme URI: https://www.seothemesexpert.com/products/machinery-rental
Author: drakearthur
Author URI: https://www.seothemesexpert.com/
Description: The Machinery Rental Theme is designed for displaying rental inventory, service details, pricing information, and booking-related content in a structured layout. It includes sections for machinery listings, categories, specifications, availability details, and inquiry forms. The theme supports responsive design, allowing pages to adjust across desktops, tablets, and mobile devices. It provides customizable homepage sections, banner areas, service pages, and gallery layouts for presenting equipment images and project-related information. Built-in navigation options help organize inventory such as loaders, cranes, generators, and industrial tools into clear categories. The theme also supports integration with contact forms and map sections for location details and customer communication. Additional features include customizable typography, color settings, widget-ready areas, and social media integration. The layout is optimized for faster loading and structured content presentation. Compatibility with modern browsers ensures consistent performance across different platforms. The theme also includes blog sections for publishing updates, maintenance tips, or rental-related announcements. Its flexible design allows easy content management while maintaining a clean and organized appearance for machinery-related websites.
Version: 1.7
Requires at least: 5.9
Tested up to: 7.0
Requires PHP: 5.6
License: GPLv3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: machinery-rental
Tags: left-sidebar, right-sidebar, one-column, two-columns, grid-layout, wide-blocks, rtl-language-support, block-styles, style-variations, translation-ready, custom-colors, custom-menu, custom-logo, custom-header, custom-background, editor-style, featured-images, footer-widgets, full-site-editing, block-patterns, sticky-post, threaded-comments, blog, portfolio, e-commerce

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

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

:root {
    --wp--preset--color--body-color: #fff !important;
}

body {
    font-family: "Inter", sans-serif !important;
    background: var(--wp--preset--color--body);
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
    line-height: 1.4;
    font-weight: 700;
    font-family: "Inter", sans-serif !important;
}

.wp-block-template-part {
    background-color: #000;
}

.tel {
    color: #fff;
}

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

.search-no-results .search-icon path {
    color: #fff;
}

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-size: 16px;
}

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

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

big {
    font-size: 125%;
}

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

p a {
    text-decoration: underline;
}

textarea {
    width: 100%;
    height: 120px;
    padding: 15px 20px;
}

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

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

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

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

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

a {
    color: var(--wp--preset--color--primary);
}

a:focus,
button:focus,
input:focus,
textarea:focus,
select:focus,
[tabindex]:focus {
    outline: 2px solid #21759b;
    outline-offset: 2px;
}

button:focus,
input[type="submit"]:focus,
input[type="button"]:focus {
    outline: 3px solid #21759b;
    outline-offset: 1px;
}

.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, .slider-btn1 a.wp-element-button:focus,
.login-btn a.wp-element-button:focus, .login-btn a.wp-element-button:focus,
.slider-btn2 a.wp-element-button:focus {
    border: none;
    box-shadow: none;
    outline: none !important;
}

.header-info a:focus-visible, .header-info a:focus {
    outline: none !important;
}

a:hover, a:active, a:hover {
    color: var(--wp--preset--color--primary);
}

.header-btn a.wp-element-button:focus, .slider-btn a.wp-element-button:focus,
.abt-btn a.wp-element-button:focus {
    outline: 2px solid var(--wp--preset--color--primary) !important;
    border: 2px solid var(--wp--preset--color--primary) !important;
}

.top-header-right-col a:focus, .footer-section a:focus,
.slider-btn a:focus {
    outline: none !important;
}

.header-sec a:focus, .header-btn a:focus {
    outline: none !important;
}

.error404 .search-icon path {
    color: #fff;
}

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

h1, h2, h3, h4, h5, h6 {
    color: #000;
}

.brands-grid .brand-thumb img {
    width: 100px;
    height: 100px;
    object-fit: contain;
    display: block;

}

.brand-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px 50px 20px;
    gap: 2px;
    background-color: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.07);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.07);
    font-size: 14px;
    line-height: 121%;
    text-align: center;
    border: 1px solid transparent;
    color: #000;
}

.brand-title a {
    text-align: center;
    color: #000;
    display: block;
    text-decoration: none !important;
}


/* Post content (already covered) */
.entry-content a,
.entry-summary a {
    text-decoration: underline;
}

/* Comments - covers links not in paragraphs */
.comment-content a,
.comment-content > a {
    text-decoration: underline;
}

/* Widgets - text widgets, custom HTML, etc. */
.widget a,
.textwidget a {
    text-decoration: underline;
}

/* Block-level content safety net */
[class*="wp-block-"] a,
.wp-block-group a {
    text-decoration: none;
}

.skip-link {
    position: absolute;
    top: -40px;
    left: 6px;
    background: #21759b;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 2.2;
    padding: 8px 35px 8px 14px;
    text-decoration: none;
    z-index: 100000;
}

.skip-link:focus {
    top: 7px;
}


/*---------------- Woocommerce CSS------------------ */
/* Woocommerce Comment */
.single-product .woocommerce-Tabs-panel #review_form .comment-form-author, .single-product .woocommerce-Tabs-panel #review_form .comment-form-email {
    display: flex;
    flex-direction: column;
}

.single-product .woocommerce-Tabs-panel #review_form .comment-form-author input, .single-product .woocommerce-Tabs-panel #review_form .comment-form-email input {
    height: 30px;
    font-size: 16px;
}

.single-product .woocommerce-Tabs-panel #review_form .comment-form-author label, .single-product .woocommerce-Tabs-panel #review_form .comment-form-email label {
    margin-bottom: 0;
}

.single-product .woocommerce-Tabs-panel #review_form .comment-form-comment #comment {
    font-family: inherit;
    font-size: 16px;
    padding: 10px;
}

.wc-block-product-template.is-flex-container.is-flex-container.columns-5 > li {
    width: calc(25% - 1em);
}

.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 !important;
    color: #fff !important;
}

.woocommerce .wp-block-post {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

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

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

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

.woocommerce form .form-row input.input-text {
    padding: 8px;
    border: 1px solid #bcbcbc;
}

.related.products h2 {
    text-align: left;
}

.woocommerce .star-rating span::before {
    color: #f3f321;
}

.woocommerce ul.products li.product .star-rating {
    margin: 0 auto 8px;
    font-size: 15px !important;
}

.woocommerce span.onsale {
    background: var(--wp--preset--color--primary);
    padding: 0;
    color: #fff;

}

.products li {
    box-shadow: -2px -2px 5px #bbb;
    padding: 10px !important;
    text-align: center;
}

.woocommerce ul.products li.product a img {
    margin: 0;
}

h2.woocommerce-loop-product__title,
.woocommerce div.product li .product_title {
    color: #000;
    letter-spacing: 1px;
    font-weight: 600;
    text-align: center !important;
    font-size: 20px !important;
    padding: 5px 0 5px 0 !important;
}

.woocommerce ul.products li.product .button {
    margin-top: 5px;
}

.woocommerce ul.products li.product .price,
.woocommerce div.product p.price, .woocommerce div.product span.price {
    color: #000;
}

.woocommerce div.product .product_title, .woocommerce div.product p.price, .woocommerce div.product span.price {
    margin-bottom: 5px;
}

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
    background: var(--wp--preset--color--primary);
    color: #fff;
    border: 1px solid var(--wp--preset--color--primary);
    padding: 10px 20px !important;
    opacity: 1 !important;
    text-decoration: none;
    border-radius: 10px;
}

.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: #000 !important;
    border: 1px solid rgba(39, 123, 248, 1);
    color: #fff !important;
}

.woocommerce .quantity .qty {
    width: 5em;
    padding: 7px;
    border-radius: 30px;
    border: solid 1px #000;
    color: #000;
    line-height: 1;
}

.woocommerce .col2-set .col-1, .woocommerce .col2-set .col-2 {
    max-width: 100%;
}

nav.woocommerce-MyAccount-navigation ul {
    list-style: none;
    padding-left: 0;
}

nav.woocommerce-MyAccount-navigation ul li {
    background: var(--wp--preset--color--primary);
    padding: 12px !important;
    margin-bottom: 10px;
}

nav.woocommerce-MyAccount-navigation ul li a {
    color: #fff;
    font-weight: 600;
}

nav.woocommerce-MyAccount-navigation ul li a:hover {
    color: #222 !important;
}

span.posted_in {
    display: block;
}

span.woocommerce-input-wrapper {
    width: 100%;
}

select.orderby {
    padding: 10px;
}

.woocommerce-product-gallery__image {
    padding: 2px;
}

.woocommerce .cart .button, .woocommerce .cart input.button {
    padding: 12px;
}

nav.woocommerce-MyAccount-navigation ul li a, .woocommerce-info a, .woocommerce-privacy-policy-text a, td.product-name a, a.shipping-calcuKarlar-button {
    text-decoration: none !important;
}

.woocommerce-privacy-policy-text a, .woocommerce-privacy-policy-text p, .woocommerce form .form-row label {
    color: #000;
    line-height: 28px;
}

.woocommerce .woocommerce-breadcrumb, .woocommerce .woocommerce-breadcrumb a {
    margin-top: 20px;
}

.woocommerce-page .select2-container .select2-selection .select2-selection__arrow {
    height: 1.5rem !important;
}

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

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

.woocommerce-page form .password-input {
    width: 100%;
}

.woocommerce nav.woocommerce-pagination ul li a {
    display: block;
    padding: 12px 15px;
    text-decoration: none;
    width: auto;
    color: #fff;
    background: var(--wp--preset--color--primary);
    transition: background .15s ease-in-out;
    font-weight: bold;
}

.woocommerce nav.woocommerce-pagination ul li a:hover {
    background: #000;
    color: #fff;
}

.woocommerce nav.woocommerce-pagination ul li span.current {
    padding: 12.5px 15px;
    background: #000;
    color: #fff;
    font-weight: normal;
}

.woocommerce nav.woocommerce-pagination ul, .woocommerce nav.woocommerce-pagination ul li {
    border: none;
    float: none;
    overflow: unset;
}

.woocommerce nav.woocommerce-pagination {
    text-align: center;
    margin-bottom: 20px;
}

.woocommerce-cart table.cart td.actions .coupon .input-text {
    width: 110px !important;
    padding: 5px 5px 5px !important;
    margin: 0px 10px 0px 0 !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation {
    margin-bottom: 30px;
}

#payment {
    margin: 0 0 30px 0;
}

.product-name a {
    color: #000;
}

.wp-block-heading {
    margin-bottom: 5px;
    margin-top: 5px;
}

.header-sec .main-navigation ul {
    gap: 40px !important;
    display: flex;
    justify-content: center !important;
    align-items: center;
}

.header-sec .main-navigation a:hover {
    color: var(--wp--preset--color--primary) !important;
}

.header-sec ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu {
    gap: 0 !important;
    z-index: 99;
}

.header-sec .logo-box h1 a {
    text-decoration: none !important;
}

.header-sec .wp-block-image img {
    margin-right: 10px;
}

.search-icon path {
    color: #000;
}

.search-block button {
    position: relative;
}

.search-block .wp-element-button:hover {
    background: #fff !important;
}

.search-block .wp-block-search__button {
    background: transparent !important;
    padding: 0;
    align-items: center !important;
}

.search-block .wp-block-search__button svg {
    rotate: 270deg;
}

.search-block .wp-block-search__input {
    background: #fff;
}

.search-block .wp-block-search__input::placeholder {
    font-size: 14px;
    color: #000;
}

.search-icon path:focus {
    border: 1px solid #000;
}

/* Header Section */
.main-navigation {
    justify-content: left !important;
}

.main-navigation a {
    position: relative;
    text-decoration: none;
}

.wp-block-navigation__submenu-container.wp-block-navigation-submenu .wp-block-navigation-item__label {
    color: var(--wp--preset--color--secondary) !important;
    padding: 0 10px;
}

.wp-block-navigation__submenu-container.wp-block-navigation-submenu li {
    border-bottom: 1px solid var(--wp--preset--color--primary);
}

.main-header {
    position: relative;
}

.header-btn a:hover, .slider-btn a:hover, .abt-btn a:hover {
    background: var(--wp--preset--color--primary) !important;
    color: #fff;
}

.main-social-icons a {
    font-size: 17px !important;
}

.main-social-icons a:hover {
    color: var(--wp--preset--color--primary) !important;
}

.phone-box.top-head-detail i {
    rotate: 90deg;
}

.top-head-detail i {
    background: #000;
    color: #fff;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 13px;
    border-radius: 50%;
}

.top-head-detail a {
    text-decoration: none;
}

.header-btn a {
    text-decoration: none !important;
}

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

.top-main-head {
    border-bottom: 2px solid #B3B3B3;
}

.search-boxs .wp-element-button {
    background: none !important;
    padding: 10px 0 !important;
}

.search-boxs .wp-element-button:hover {
    background: none !important;
}

.search-boxs button {
    position: relative;
}

input#wp-block-search__input-1 {
    position: absolute;
    top: 100%;
    border-radius: 4px;
    width: 250px;
    margin: 0 auto;
    z-index: 99;
}

/*-------------------Banner section------------------*/
.main-banner-sec, .service-sec, .blog-section {
    animation: zoomIn 0.8s ease-in-out;
}

@keyframes zoomIn {
    from {
        opacity: 0;
        transform: scale(0.9);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

.main-banner-sec .user-img-group img {
    width: 45px !important;
    height: 45px;
    object-fit: cover;
    border: 3px solid var(--wp--preset--color--primary);
}

.banner-right-col, .banner-left-col {
    height: 600px;
}

.banner-inner-col-left, .banner-inner-col-right {
    height: 450px;
}

.banner-right-video-content {
    position: relative;
    height: 450px;
}

.banner-video-box {
    position: absolute;
    bottom: 0;
    top: auto;
    left: 0;
    right: 0;
    width: 100%;
}

.banner-right-contents {
    position: absolute;
    top: 5%;
    left: 0;
    right: 10%;
    bottom: auto;
    z-index: 5;
}

.banner-inner-cover {
    overflow: visible !important;
}

.banner-inner-cover span {
    background: linear-gradient(to bottom, var(--wp--preset--color--primary) 0%, #584E33 100%);
}

.main-banner-sec .user-img-group .wp-block-image {
    margin-right: -10px !important;
}

.banner-btn-main {
    margin-top: 0 !important;
}

.banner-right-video-content i {
    color: var(--wp--preset--color--primary);
    font-size: 14px;
}

.banner-video svg {
    fill: #D46D17;
    width: 24% !important;
    border-radius: 50%;
    margin-left: 21px;
}

.banner-video span.wpzoom-video-popup-block_icon {
    width: 50px !important;
    border-radius: 50%;
    height: 50px !important;
    background: #000;
    display: flex;
    margin: 0 auto;
}

.banner-btn a {
    text-decoration: none;
}

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

.banner-inner-col-left {
    position: relative;
}

.slider-image-bottom-group {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
}

/*-------------------------------------------------------------
services sec
--------------------------------------------------------------*/
.serv-top-title {
    display: inline-block;
}

.serv-main-box.white i {
    background: var(--wp--preset--color--primary);
    width: 100px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 6px solid #fff;
    font-size: 28px;
    color: #fff;
}

.serv-main-box {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.serv-main-box.yellow i {
    background: #fff;
    color: #000;
    width: 100px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 6px solid var(--wp--preset--color--primary);
    font-size: 28px;
}

.service-icons {
    display: flex;
    justify-content: left;
    align-items: center;
    margin-top: -17% !important;
    margin-left: 5% !important;
    margin-bottom: 13px !important;
}

.serv-no-box {
    margin-top: -10% !important;
}

.bottom-serv-columns {
    margin-bottom: -7% !important;
    position: relative;
    z-index: 9;
}

.serv-right-col .wp-block-image img {
    height: 360px !important;
    object-fit: cover;
}

.serv-video-box svg {
    fill: #fff;
    width: 30% !important;
}

.serv-main-box {
    margin-bottom: 20px !important
}

.serv-columns h2 {
    margin-bottom: 50px !important;
}

.serv-video-box span.wpzoom-video-popup-block_icon {
    width: 85px !important;
    height: 75px !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

.serv-video-box a.wp-block-wpzoom-video-popup-block-block.wpzoom-video-popup-block.has-foreground-color.has-primary-background-color.has-text-color.has-background.has-link-color.wp-elements-d3710ec272dd8e1297cf836a55251fda {
    min-height: 75px !important;
    height: 75px !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

.serv-right-col {
    margin-top: -7% !important;
}

.serv-main-box h3 {
    margin-top: 0 !important;
}

/*------------ Blog Section------------ */

.blog-section .blog-img {
    position: relative;
    width: 100%;
    background: #ccc;
    height: 250px;
    border-radius: 20px 20px 0 0;
}

.blog-post-content {
    position: absolute;
    bottom: 5%;
    left: 0px;
    right: 0px;
    width: 100%;
    padding: 10px 20px;
}

.post-content p {
    display: none;
}

.post-box-edit li:hover .post-content p {
    display: block;
}

.blog-sec h3.wp-block-heading {
    color: #000 !important;
}

.blog-sec h2 a, .edit-meta-date {
    color: #fff !important;
    position: relative;
    z-index: 99;
}

.blog-section .wp-block-post-title a:hover {
    color: var(--wp--preset--color--primary) !important;
}

.edit-meta-date {
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
    display: inline-block;
}

.post-box-edit::after {
    content: "";
    height: 500px;
    border-radius: 20px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 1) 100%);
    pointer-events: none; /* Allows clicks to pass through */
}

.blog-sec .post-box-edit:hover, .blog-sec .post-box-edit:hover::after {
    background: #fff !important;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.08);
}

.blog-sec .post-box-edit:hover img {
    height: 250px !important;
    border-radius: 20px 20px 0 0 !important;
    position: relative;
    z-index: 99;
}

.blog-sec .post-box-edit:hover .edit-meta-date time, .blog-sec .post-box-edit:hover h2 a {
    color: #000000 !important;
}

.blog-sec .post-box-edit:hover .post-content p {
    display: block;
    position: relative;
    z-index: 99;
}

.blog-sec .post-box-edit:hover .blog-post-content {
    bottom: 15%;
}

.blog-small-title {
    border-top: 2px solid var(--wp--preset--color--primary);
    border-bottom: 2px solid var(--wp--preset--color--primary);
    display: inline-block;
}

.wp-block-group.blog-small-title-group.is-layout-constrained.wp-block-group-is-layout-constrained {
    display: grid;
}

/*-----------added woo product-----------*/
.wc-block-components-product-sale-badge img {
    height: 250px !important;
}

.products-block-post-template h3 a {
    font-size: 22px !important;
    text-decoration: none;
}

span.woocommerce-Price-amount.amount {
    font-size: 18px !important;
    color: #000;
}

a.added_to_cart.wc_forward {
    margin-top: 10px !important;
    background: var(--wp--preset--color--primary);
    color: #fff;
    padding: 10px 22px;
    font-size: 14px !important;
    text-decoration: none;
    border-radius: 0px;
}

a.added_to_cart.wc_forward:hover {
    background: #000;
    color: #fff;
}

.single-post .wp-block-post-featured-image img {
    width: auto;
}

.single-post .wp-block-post-author__avatar img {
    width: 25px !important;
    height: 25px !important;
}

/*------------------------------archive------------------*/
.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-post {
    padding: 0 !important;
}

.archive-page-sec {
    padding-bottom: 30px;
    padding-top: 30px;
}

/*Footer Section*/
footer.wp-block-template-part {
    margin-top: 0 !important;
}

.about-block__wrap {
    margin-bottom: 30px !important;
}

#primary {
    margin: 0 !important;
    padding: 50px 0 !important;
    background-color: #fff;
}

.wp-block-cover__image-background {
    object-position: 50% 40% !important;
}

.footer-para {
    margin-right: 58% !important;
}

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

.single-post-logo {
    display: flex;
    height: 100px;
    max-width: 300px;
    width: 100%;
    align-items: center;
    border: 1px solid #000;
    margin: 0 0 30px !important;
    justify-content: center;
}

.footer-section a {
    color: #fff;
    font-size: 14px !important;
}

.footer-section .wp-block-tag-cloud a {
    border: 1px solid var(--wp--preset--color--primary);
    padding: 6px 10px;
    margin: 2px;
}

.footer-section .wp-block-tag-cloud a:hover {
    background: #009DAE;
    border: 1px solid #009DAE;
}

.footer-section .wp-block-columns.copyright-section p a:hover {
    color: var(--wp--preset--color--primary);
}

.footer-section .wp-block-columns.copyright-section p a {
    color: #000;
    font-size: 18px !important;
    text-decoration: none;
}

.footer-section h1 a {
    font-size: 22px !important;
    color: #fff !important;
}

.footer-add {
    margin-right: 10%;
}

.footer-section {
    padding: 0;
    min-height: auto;
}

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

.footer-section .wp-block-columns.copyright-section {
    padding: 20px 0px;
    margin: 50px 2em 0;
}

.footer-section .wp-block-columns.copyright-section .wp-block-column:first-child {
    padding-left: 0;
}

.footer-section .wp-block-columns.copyright-section .wp-block-column:nth-child(2) {
    padding-right: 50px;
}

.footer-box h3 {
    margin-bottom: 20px;
    width: 100%;
}

.footer-box p, .footer-box p a {
    margin-top: 10px !important;
}

.footer-add {
    line-height: 30px !important;
}

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

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

.footer-box {
    position: relative;
}

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

.footer-section .wp-block-social-link {
    background: transparent !important;
    color: var(--wp--preset--color--tertiary);
}

.footer-section .wp-block-button__link {
    padding: 10px 25px;
    font-weight: 500;
    font-size: 14px;
    color: #fff !important;
    text-decoration: none;
    background-color: transparent;
    border: 2px solid #fff;
}

.search-menu .menu-section .wp-block-search__button svg:hover {
    color: #fff !important;
}

.footer-section .wp-block-social-link a {
    padding: 8px !important;
    border-radius: 6px;
    background: #ffffff;
    color: var(--wp--preset--color--primary) !important;
    font-size: 22px !important;
}

.copyright-section p {
    line-height: 30px;
}

.footer-section .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook {
    color: #1778f2;
}

.footer-section .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-instagram {
    color: #f00075;
}

.footer-section .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitter {
    color: #1da1f2;
}

.footer-section .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pinterest {
    color: #e60122;
}

.innerpage-banner {
    margin: 0 !important;
}

.footer-mail, .footer-location, .footer-phone {
    position: relative;
    padding-left: 26px;
}

.footer-mail a:hover, .footer-phone a:hover, .footer-box p a:hover {
    color: var(--wp--preset--color--primary) !important;
}

.footer-mail::before, .footer-location::before, .footer-phone::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.footer-mail::before {
    background-image: url('images/mail.png');
}

.footer-location::before {
    background-image: url('images/location.png');
}

.footer-phone::before {
    background-image: url('images/phone.png');
}

.footer-box .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor svg {
    fill: #000 !important;
}

.footer-box .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor svg:hover {
    fill: var(--wp--preset--color--quaternary) !important;
}

/*theme-button-section*/
.theme-button-section a {
    border: 2px solid transparent !important;
}

.theme-button-section a:hover {
    border: 2px solid var(--wp--preset--color--primary) !important;
    background: transparent !important;
    color: #000 !important;
    font-size: 18px;
    font-weight: 600;
}

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

/*Sidebar CSS*/
.theme-sidebar .wp-block-tag-cloud a {
    border: 1px solid var(--wp--preset--color--primary);
    padding: 6px 10px;
    margin: 2px;
}

.theme-sidebar .wp-block-group {
    padding: 15px;
    border: 1px solid #eee;
    color: #6b6b6b;
}

.theme-sidebar .wp-block-group h3 {
    color: #222;
    padding-bottom: 5px;
    border-bottom: 3px double #222;
    font-size: 24px !important;
}

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

.wp-site-blocks {
    position: relative;
    overflow: hidden;
}

.theme-sidebar .wp-block-group ul li {
    line-height: 2;
    font-size: 20px;
    color: var(--wp--preset--color--primary);
    list-style: disc;
    text-decoration: none !important;
}

.theme-sidebar .wp-block-group ul li a {
    color: #000 !important;
    text-decoration: none !important;
    font-size: 16px;
}

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

.theme-sidebar ul.wp-block-social-links {
    padding: 0;
}

.theme-sidebar ul.wp-block-social-links a {
    padding: 10px !important;
}

.theme-sidebar ul.wp-block-social-links a svg {
    font-size: 18px;
}

.theme-sidebar .wp-block-tag-cloud a {
    background: #fff;
    color: #000;
    font-size: 15px !important;
    padding: 6px 18px;
    margin: 2px 4px 6px;
    display: inline-block;
    border: 2px solid #000;
    text-decoration: none;
}

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

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

.wc-block-checkout__actions.wp-block-woocommerce-checkout-actions-block {
    margin-bottom: 30px;
}

.wp-element-button, .wc-block-components-checkout-return-to-cart-button {
    background: var(--wp--preset--color--primary);
    color: #fff;
    border: 1px solid transparent;
    border-radius: 30px;
    padding: 10px 30px;
}

.wp-element-button:hover {
    background: #000 !important;
    border: 1px solid #000;
    color: #fff !important;
}

.wp-block-search__button:hover {
    color: #fff;
}

.wp-block-site-logo {
    margin-top: 10px !important;
    width: 100%;
}

.wp-block-site-title {
    line-height: 1;
}

/*Blog Section*/
.wp-block-latest-posts.is-grid li {
    position: relative;
    background: #fff;
    border: solid 1px #eee;
    box-shadow: 0 5px 10px 0 rgb(0 0 0 / 16%), 0 0 0 0px rgb(0 0 0 / 8%);
    margin-bottom: 30px;
}

.blog-section .wp-block-latest-posts.is-grid li {
    box-shadow: none;
}

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

.wp-block-latest-posts.is-grid li a.wp-block-latest-posts__post-title {
    font-size: 20px;
    font-weight: 700;
    color: #000;
    padding: 0 10px;
    text-transform: capitalize;
    text-decoration: none;
    display: block;
    margin: 15px 0 0;
}

.wp-block-latest-posts.is-grid li time.wp-block-latest-posts__post-date {
    display: inline-block;
    background: var(--wp--preset--color--primary);
    padding: 8px 8px;
    font-weight: 600;
    font-size: 13px;
    margin: 10px 0px 0px 10px;
    color: #fff;
    border-radius: 5px;
}

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

.innerpage-banner .wp-block-group h1 {
    color: #fff !important;
    text-align: center;
}

/*blog post*/
.has-shadow-dark, .has-no-hover-shadow-dark {
    box-shadow: 0 6px 30px 7px #2125471a;
    transition: 0.5s;
    padding: 50px !important;
    margin-bottom: 30px;
}

p.form-submit.wp-block-button input.wp-block-button__link.wp-element-button {
    padding: 10px 15px;
    background: var(--wp--preset--color--primary) !important;
    border-radius: 6px;
    font-size: 18px !important;
    color: #fff;
    border-radius: 0;
    border: none;
    cursor: pointer;
    text-decoration: none !important;
    margin-top: 10px;
    margin-bottom: 10px;
}

.navigation .alignleft a, .navigation .alignright a {
    color: #000 !important;
    font-size: 18px !important;
    text-decoration: none !important;
}

.comment-author.vcard a, .comment-metadata a, .comment-metadata a .edit-link, .reply a, .comment-content a {
    color: #000 !important;
    font-size: 16px !important;
    font-weight: 700;
}

p.form-submit.wp-block-button input.wp-block-button__link.wp-element-button:hover {
    background: #000 !important;
    border: 1px solid #000;
    color: #fff !important;
}

footer.comment-meta {
    margin-top: 12px;
}

.wp-block-post-author__name {
    margin: 10px 0px;
}

/*Sidebar CSS*/
.theme-sidebar .wp-block-search__button {
    background: var(--wp--preset--color--primary) !important;
    color: #fff !important;
    border-radius: 5px;
    border: none !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;
    background: #fff;
}

.single-post-sidebar-on-right, .single-post-sidebar-on-left {
    margin-right: 8%;
    margin-left: 5%;
}

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

.wp-block-post-author {
    align-items: center;
}

/*blog listing*/
.wp-block-query-pagination {
    margin: 80px 0;
}

.wp-block-query-pagination .wp-block-query-pagination-numbers {
    margin: 0;
    display: inline-block;
}

.wp-block-query-pagination .page-numbers,
.wp-block-query-pagination .wp-block-query-pagination-next,
.wp-block-query-pagination .wp-block-query-pagination-previous {
    padding: 12px 16px;
    background: var(--wp--preset--color--primary);
    line-height: 1;
    margin: 0 3px;
    text-decoration: inherit;
    display: inline-block;
    box-shadow: 0 0 15px #0000002b;
    border-radius: 100px;
    color: #fff;
}

.wp-block-query-pagination .page-numbers.current,
.wp-block-query-pagination a:hover,
.wp-block-query-pagination a:focus,
.wp-block-query-pagination a:active {
    background-color: var(--wp--preset--color--primary);
    color: #fff;
}

.wp-block-query-pagination .page-numbers, .wp-block-query-pagination .wp-block-query-pagination-next, .wp-block-query-pagination .wp-block-query-pagination-previous {
    padding: 12px 16px;
    background: #fff;
    line-height: 1;
    margin: 0 3px;
    text-decoration: inherit;
    display: inline-block;
    box-shadow: 0 0 15px #0000002b;
    border-radius: 100px;
    color: #000;
}

.wp-block-post-title a {
    color: #000;
}

.wp-block-post-excerpt__more-link {
    padding: 10px;
    background: var(--wp--preset--color--primary);
    color: #fff !important;
    font-weight: 600;
}

.wp-block-post-excerpt__more-link:hover {
    background: #000;
}

/*my account address button css*/
header.woocommerce-Address-title.title a {
    background-color: var(--wp--preset--color--primary);
    border-radius: 0px !important;
    color: #fff;
    font-size: 15px;
    font-weight: bold !important;
    text-decoration: none !important;
    padding: 12px 20px !important;
}

.wc-block-grid__product-onsale {
    background-color: var(--wp--preset--color--primary) !important;
    border-radius: 0px !important;
    color: #fff !important;
    border-color: transparent !important;
}

a.wp-block-button__link.wp-element-button.add_to_cart_button.ajax_add_to_cart {
    padding: 10px 16px !important;
}

header.woocommerce-Address-title.title a:hover, .wp-element-button:hover, .wp-block-button__link:hover {
    background: var(--wp--preset--color--primary) !important;
    border: none !important;
    color: #fff !important;
}

.wc-block-grid__products {
    justify-content: center;
}

.woocommerce .woocommerce-breadcrumb, .woocommerce h1.alignwide.wp-block-query-title,
.woocommerce .wp-block-group.alignwide.is-content-justification-space-between.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-2.wp-block-group-is-layout-flex,
.woocommerce .products-block-post-template {
    margin-left: 10% !important;
    margin-right: 10% !important;
}

.footer-para {
    font-size: 14px !important;
}

/*cart css*/
header.woocommerce-Address-title.title {
    display: inline-grid;
    margin-bottom: 20px;
}

.woocommerce-account .addresses .title .edit {
    text-decoration: none;
    color: #fff !important;
}

ul.wc-block-grid__products, ul.wc-block-product-template__responsive.columns-3.wc-block-product-template.wp-block-woocommerce-product-template {
    display: grid !important;
    grid-template-columns: auto auto auto auto;
    gap: 1em;
    margin: 0 9%;
}

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

.wc-block-grid__product-onsale {
    padding: 5px 12px !important;
    font-size: 10px !important;
}

table.wc-block-cart-items.wp-block-woocommerce-cart-line-items-block, .wp-block-woocommerce-cart-order-summary-block {
    border: 1px solid #dcdcdc;
    margin: 0 -1px 24px 0;
    text-align: left;
    width: 100%;
    border-radius: 5px;
}

td.wc-block-cart-item__image {
    padding: 16px 0px 16px 16px !important;
}

td.wc-block-cart-item__total, .wc-block-components-totals-item, .wc-block-components-totals-coupon {
    padding-left: 16px !important;
    padding-right: 16px !important;
}

tr.wc-block-cart-items__header th {
    font-weight: 700;
    padding: 9px 12px !important;
    line-height: 1.5em;
    font-size: 16px;
}

a.wc-block-components-product-name {
    color: #000;
    font-size: 20px;
    font-weight: 600;
}

span.wc-block-formatted-money-amount.wc-block-components-formatted-money-amount.wc-block-components-product-price__value {
    color: #717171 !important;
}

span.price.wc-block-components-product-price {
    text-align: left !important;
}

a.wc-block-components-product-name, button.wc-block-cart-item__remove-link, a.wc-block-components-totals-coupon-link,
a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained,
a.wc-block-components-checkout-return-to-cart-button {
    text-decoration: none !important;
}

button.wc-block-cart-item__remove-link {
    font-size: 1em !important;
}

span.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title {
    text-align: left !important;
}

a.wc-block-components-totals-coupon-link, a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained,
a.wc-block-components-checkout-return-to-cart-button, button.wc-block-components-checkout-place-order-button {
    /*  background: var(--wp--preset--color--accent);*/
    border-radius: 0;
    color: #fff !important;
    font-weight: 500;
    padding: 10px 25px !important;
    font-size: 18px;
    border-radius: 6px;
}

span.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title {
    font-size: 1.5em !important;
    padding: 10px !important;
    display: block !important;
}

button.wc-block-components-checkout-place-order-button:hover,
a.wc-block-components-totals-coupon-link:hover, a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained:hover,
a.wc-block-components-checkout-return-to-cart-button:hover {
    background-color: #000;
}

.wp-block-woocommerce-checkout-order-summary-block {
    border: 1px solid #dcdcdc;
}

.wp-block-woocommerce-checkout-order-summary-cart-items-block.wc-block-components-totals-wrapper {
    padding: 10px;
}

.wc-block-components-button:hover {
    background-color: #000 !important;
}

.wc-block-components-product-metadata .wc-block-components-product-metadata__description p {
    font-size: 14px;
}

.wp-block-woocommerce-cart.alignwide {
    margin-left: auto;
    margin-right: auto;
    padding: 0 20px;
}

.wc-block-components-main.wc-block-cart__main.wp-block-woocommerce-cart-items-block {
    padding-right: 0%;
}

.woocommerce-account .woocommerce-MyAccount-navigation {
    background-color: transparent !important;
}

.woocommerce-MyAccount-navigation ul li a, .woocommerce-account .addresses .title .edit {
    padding: 5px 12px !important;
    font-size: 16px;
}

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

.woocommerce {
    margin: 0 auto;
    max-width: 100% !important;
}

.wp-block-woocommerce-customer-account, .wc-block-mini-cart.wp-block-woocommerce-mini-cart {
    display: none;
}

nav.woocommerce-MyAccount-navigation ul li a {
    color: #fff;
    text-decoration: none;
    font-weight: 600;
}

.wc-block-components-quantity-selector, input.wc-block-components-quantity-selector__input {
    border: 1px solid #fff !important;
}

button.wc-block-cart-item__remove-link {
    display: block !important;
}

tr.wc-block-cart-items__header {
    border-bottom: 1px solid #fff;
}

tr.wc-block-cart-items__row {
    border-top: 1px solid #fff;
}

.wc-block-cart {
    width: 80%;
}

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

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

.single-product .wp-block-group.woocommerce.product {
    max-width: 100% !important;
}

/*woocommerce css*/
.wp-block-button.wc-block-components-product-button {
    gap: 0;
}

.woocommerce a.added_to_cart {
    margin-top: 0;
}

.woocommerce li.wc-block-product,
.woocommerce li.wc-block-grid__product {
    border: 1px solid #dcdcdc;
    padding: 10px;
}

.wc-block-grid .wc-block-grid__product-onsale, .wc-block-grid__product-image .wc-block-grid__product-onsale {
    background: var(--wp--preset--color--accent);
    color: #fff;
    border-color: var(--wp--preset--color--accent);
}

.woocommerce .price ins, .woocommerce bdi {
    font-size: 16px;
}

.woocommerce-Tabs-panel h2, .woocommerce h2.wp-block-heading {
    font-size: 30px;
}

.wp-block-woocommerce-related-products .wp-block-post {
    width: calc(33% - 1em) !important;
}

.woocommerce-shop .add_to_cart_button {
    padding: 10px 22px !important;
    border-radius: 0 !important;
}

/*blog and archive css*/
.blog .wp-block-post-excerpt__more-link, .archive .wp-block-post-excerpt__more-link, .wp-block-post-template .wp-block-post-excerpt__more-link, .single-post .taxonomy-category a, .single-product .taxonomy-product_cat a, .wp-block-woocommerce-store-notices a.button.wc-forward.wp-element-button {
    background: var(--wp--preset--color--primary) !important;
    border-radius: 30px;
    padding: 7px 10px !important;
    color: #fff !important;
    text-decoration: none !important;
}

.single-post .taxonomy-category {
    margin-top: 10px;
}

span.page-numbers.current {
    background: var(--wp--preset--color--primary);
    color: #fff;
    padding: 12px 16px;
}

a.page-numbers {
    background: transparent;
    color: var(--wp--preset--color--primary);
    border: 1px solid var(--wp--preset--color--primary);
    padding: 8px 10px;
}

.wp-block-query-pagination a.wp-block-query-pagination-previous, .wp-block-query-pagination a.wp-block-query-pagination-next {
    color: #fff;
    background: var(--wp--preset--color--primary);
    padding: 12px 16px;
}

.wp-block-query-pagination {
    gap: 10px !important;
}

.wp-block-query-pagination a {
    text-decoration: none;
}

.blog .wp-block-post-excerpt__more-link:hover, .archive .wp-block-post-excerpt__more-link:hover, .wp-block-latest-posts.is-grid li .wp-block-latest-posts__read-more:hover,
.wp-block-post-template .wp-block-post-excerpt__more-link:hover {
    background: var(--wp--preset--color--secondary) !important;
    color: #fff;
}

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

.wp-block-post-template .wp-block-post-excerpt__more-text, .wp-block-post .wp-block-post-date {
    margin-top: 10px;
}

.archive .wp-block-post-template, .wp-block-post-template {
    gap: 1.2em;
}

.wp-block-post-template .wp-block-post-excerpt__excerpt {
    color: #717171;
}

.woocommerce-cart h1.alignwide.wp-block-post-title, .woocommerce-account h2 {
    text-align: center;
}

.woocommerce-account .entry-content .woocommerce-form-login {
    width: 450px;
    margin: 0 auto;
}

.wc-block-components-checkout-return-to-cart-button svg {
    left: 3% !important;
}

a.wc-block-components-checkout-return-to-cart-button {
    padding: 10px 12px 10px 30px !important;
}

.banner {
    margin-top: 0;
}

.top__in {
    width: 80%;
    margin: 0 auto;
}

a {
    text-decoration: none;
}

.nav a,
.tel {
    text-decoration: none;
}

/*RESPONSIVE MEDIA*/
@media screen and (max-width: 767px) {
    .wc-block-product-template.is-flex-container.is-flex-container.columns-5 > li {
        width: 100%;
    }

    .wp-block-woocommerce-add-to-cart-form form.cart > .quantity:not(.wc-block-components-quantity-selector) .qty {
        padding: 14px 5px;
    }

    .wp-element-button, .wc-block-components-checkout-return-to-cart-button {
        padding: 9px !important;
    }

    .wc-block-components-order-summary .wc-block-components-order-summary-item__total-price {
        margin-left: 0 !important;
    }

    .wc-block-components-order-summary .wc-block-cart-item__total-price-and-sale-badge-wrapper {
        align-items: flex-start !important;
    }

    .wc-block-components-order-summary .wc-block-components-order-summary-item {
        display: flex !important;
        flex-direction: column;
        align-items: start;
        margin-bottom: 20px !important;
    }

    .wc-block-components-order-summary .wc-block-components-order-summary-item__description {
        padding: 0 !important;
        margin: 0 !important;
        display: flex;
        align-items: start;
    }

    .woocommerce-account .entry-content .woocommerce-form-login {
        display: contents;
    }

    .prod-img-relative figure {
        margin-top: 2em !important;
    }

    .product-sec .product-boxs ins bdi {
        font-size: 16px;
    }

    .product-sec .product-boxs del bdi {
        font-size: 16px;
    }

    .product-sec h3 {
        font-size: 16px !important;
    }

    .product-sec h2 {
        font-size: 24px !important;
    }

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

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

    .has-shadow-dark, .has-no-hover-shadow-dark {
        padding: 20px !important;
    }

    .wp-block-post-comments .commentlist .comment {
        padding-left: 0 !important;
    }

    .single-post-sidebar-on-left .wp-block-columns, .single-post-sidebar-on-right .wp-block-columns {
        max-width: 100% !important;
    }

    .main-page, .page-no-title {
        padding: 20px !important;
    }

    .footer-section .wp-block-navigation-item__label {
        color: #000 !important;
    }

    .footer-section .wp-block-columns.copyright-section .wp-block-column:first-child,
    .footer-section .wp-block-columns.copyright-section .wp-block-column:nth-child(2) {
        padding: 0;
    }

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

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

    .footer-section .wp-block-columns {
        margin: 0;
    }

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

    .footer-section .wp-block-group {
        padding: 10px;
        max-width: 100% !important;
    }

    .footer-section h1 {
        text-align: center;
    }

    span.woocommerce-Price-amount.amount {
        font-size: 14px !important;
    }

    .products-block-post-template h3 a {
        font-size: 20px !important;
    }

    .footer-para {
        margin-right: 0% !important;
    }

    .header-section .wp-block-site-title a {
        color: #000;
    }

    .wp-block-navigation__responsive-container-content {
        margin-left: 30px;
    }

    .footer-section .wp-block-group {
        text-align: center !important;
    }

    .footer-section .wp-block-social-links {
        justify-content: center !important;
    }

    .banner-calender .wp-block-column p {
        text-align: center;
    }

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

@media screen and (min-width: 768px) and (max-width: 991px) {
    .wc-block-product-template.is-flex-container.is-flex-container.columns-5 > li {
        width: calc(33% - 1em);
    }

    .archive-page .style-post-box.wp-block-post-template {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .wp-block-woocommerce-add-to-cart-form form.cart > .quantity:not(.wc-block-components-quantity-selector) .qty {
        padding: 14px 5px;
    }

    .wc-block-components-order-summary .wc-block-components-order-summary-item__total-price {
        margin-left: 0 !important;
    }

    .wc-block-components-order-summary .wc-block-cart-item__total-price-and-sale-badge-wrapper {
        align-items: flex-start !important;
    }

    .wc-block-components-order-summary .wc-block-components-order-summary-item {
        display: flex !important;
        align-items: start;
        margin-bottom: 20px !important;
        gap: 52px !important;
    }

    .wc-block-components-order-summary .wc-block-components-order-summary-item__description {
        padding: 0 !important;
        margin: 0 !important;
        display: flex;
        align-items: start;
    }

    .prod-img-relative figure {
        margin-top: 2em !important;
    }

    .product-sec .product-boxs ins bdi {
        font-size: 16px;
    }

    .product-sec .product-boxs del bdi {
        font-size: 16px;
    }

    .product-sec h3 {
        font-size: 16px !important;
    }

    .product-sec h2 {
        font-size: 24px !important;
    }

    .wp-block-columns.copyright-section.is-layout-flex.wp-container-core-columns-layout-8.wp-block-columns-is-layout-flex {
        max-width: 100%;
    }

    .wp-block-column.footer-box.is-layout-flow.wp-block-column-is-layout-flow {
        flex-basis: 46% !important;
    }

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

    .menu-section nav {
        gap: 0 !important;
    }

    .menu-section-button a {
        padding: 10px 9px !important;
        font-size: 13px;
    }

    .blank-menus-section {
        display: none;
    }

    .wp-block-column.banner-col-2.is-layout-flow.wp-block-column-is-layout-flow {
        flex-basis: 200% !important;
    }

    .footer-section .wp-block-group {
        padding: 0;
        max-width: 100% !important;
    }

    .footer-box {
        max-width: 180px !important;
    }

    .products-block-post-template {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .footer-section .wp-block-columns {
        display: grid;
        grid-template-columns: auto auto auto auto;
        padding: 2em;
    }

    .footer-section .wp-block-social-links {
        gap: 0.5rem !important;
    }

    .footer-section .wp-block-columns.copyright-section {
        display: block;
    }

    .footer-para {
        margin-right: 0% !important;
    }
}

@media screen and (min-width: 782px) and (max-width: 992px) {
    .archive .archive-page .wp-block-latest-posts li {
        flex: 1 0 50% !important;
    }

    .archive-page .style-post-box.wp-block-post-template {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media screen and (min-width: 999px) and (max-width: 1025px) {
    .archive-page .style-post-box.wp-block-post-template {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .wc-block-product-template.is-flex-container.is-flex-container.columns-5 > li {
        width: calc(33% - 1em);
    }

    .wc-block-components-order-summary .wc-block-components-order-summary-item__total-price {
        margin-left: 0 !important;
    }

    .wc-block-components-order-summary .wc-block-cart-item__total-price-and-sale-badge-wrapper {
        align-items: flex-start !important;
    }

    .wc-block-components-order-summary .wc-block-components-order-summary-item {
        display: flex !important;
        flex-direction: column;
        align-items: start;
        margin-bottom: 20px !important;
    }

    .wc-block-components-order-summary .wc-block-components-order-summary-item__description {
        padding: 0 !important;
        margin: 0 !important;
        display: flex;
        align-items: start;
    }

    .wp-block-group.icon-grp-banner {
        margin-left: 13%;
    }

}

@media screen and (max-width: 900px) {
    .header-sec nav {
        flex-wrap: nowrap !important;
    }

    .wp-block-navigation__responsive-container-open {
        background: #fff;
        padding: 10px;
        color: var(--wp--preset--color--secondary);
        border-radius: 7px;
    }

    .header-sec .wp-block-navigation__responsive-container-close {
        background: #000;
        padding: 10px;
        color: #fff;
        font-size: 30px;
        font-weight: 600;
        border-radius: 7px;
    }

    .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content {
        display: none;
    }

    .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: block;
    }
}

@media screen and (max-width: 1450px) and (min-width: 1025px) {
    .banner-video-box {
        right: -1px;
        bottom: -1px;
    }

    .footer-section .wp-block-group {
        padding-top: 10px !important;
    }

    .copyright-section .wp-block-social-links {
        gap: 10px;
    }

    .footer-para {
        margin-right: 0% !important;
    }
}

@media screen and (max-width: 768px) {
    .single-product ul.tabs.wc-tabs {
        display: flex !important;
    }
}

@media screen and (max-width: 991px) {
    .main-navigation a:focus {
        border: 1px solid #fff !important;
    }

    .header-sec ul, .header-sec ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu {
        gap: 25px !important;
    }

    .wp-block-navigation__submenu-container.wp-block-navigation-submenu .wp-block-navigation-item__label {
        color: #fff !important;
        padding: 0;
    }

    .wp-block-navigation__submenu-container.wp-block-navigation-submenu li {
        border-bottom: none;
    }

    .wc-block-components-sidebar-layout {
        display: block;
    }

    .wc-block-components-sidebar-layout .wc-block-components-main, .wc-block-components-sidebar, .woocommerce-account .woocommerce-MyAccount-navigation, .woocommerce-account .woocommerce-MyAccount-content {
        width: 100% !important;
    }

    .single-product .wc-block-add-to-cart-form form.cart {
        display: block;
    }
}

@media screen and (max-width: 425px) {
    td.wc-block-cart-item__total {
        padding: 0 !important;
    }

    tr.wc-block-cart-items__row {
        grid-template-columns: repeat(4, 1fr) !important;
    }

    .is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity {
        display: block;
    }
}

@media screen and (min-width: 721px) and (max-width: 991px) {
    .wc-block-product-template.wc-block-product-template, ul.wc-block-grid__products, ul.wc-block-product-template__responsive.columns-3.wc-block-product-template.wp-block-woocommerce-product-template,
    .blog .wp-block-post-template, .archive .wp-block-post-template, .page-template-blog-sidebar-on-right .wp-block-post-template, .page-template-blog-sidebar-on-left .wp-block-post-template {
        grid-template-columns: repeat(2, minmax(max(150px, calc(50% - 0.83333em)), 1fr));
        gap: 0.83333em;
    }

    .wp-block-woocommerce-related-products .wp-block-post, .blog .wp-block-latest-posts__list li {
        width: calc(50% - 1em) !important;
    }
}

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

    .blog .wp-block-post-template, .archive .wp-block-post-template, .page-template-blog-sidebar-on-right .wp-block-post-template, .page-template-blog-sidebar-on-left .wp-block-post-template {
        display: block;
        grid-template-columns: auto !important;
    }

    li.wc-block-product, .blog .wp-block-post-template li, .archive .wp-block-post-template li,
    .page-template-blog-sidebar-on-right .wp-block-post-template li, .page-template-blog-sidebar-on-left .wp-block-post-template li {
        margin-bottom: 20px;
    }

    .wp-block-woocommerce-related-products .wp-block-post, .page-template-blog-sidebar-on-left .wp-block-post, .page-template-blog-sidebar-on-right .wp-block-post {
        width: calc(100% - 1em) !important;
    }

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

@media screen and (max-width: 425px) {
    .woocommerce .wp-block-group .alignwide {
        display: block;
        text-align: center;
    }
}

/*my media*/
@media screen and (max-width: 767px) {
    .serv-right-col .wp-block-image img {
        height: 200px !important;
    }

    .slider-image-bottom-group img {
        height: 350px !important;
    }

    input#wp-block-search__input-1 {
        width: 230px;
    }

    .service-icons {
        margin-top: -13% !important;
    }

    .serv-video-box svg {
        margin-left: 23px !important;
    }

    .serv-video-box a.wp-block-wpzoom-video-popup-block-block.wpzoom-video-popup-block.has-foreground-color.has-primary-background-color.has-text-color.has-background.has-link-color.wp-elements-d3710ec272dd8e1297cf836a55251fda {
        min-height: 60px !important;
        height: 60px !important;
    }

    .serv-video-box span.wpzoom-video-popup-block_icon {
        width: 60px !important;
    }

    .serv-right-col {
        margin-top: 0 !important;
    }

    .banner-video svg {
        margin-left: 20px !important;
    }

    .slider-image-bottom-group, .banner-right-contents, .banner-video-box {
        position: static;
    }

    .slider-bottom-text {
        font-size: 11px !important;
    }

    .banner-right-contents {
        padding-left: 20px !important;
        padding-right: 20px !important;
        padding-bottom: 20px !important;
    }

    .main-banner-sec .wp-block-cover {
        min-height: auto !important;
    }

    .banner-right-video-content {
        height: auto;
    }

    .banner-right-col, .banner-left-col {
        height: auto;
    }

    .banner-inner-col-left, .banner-inner-col-right {
        height: auto !important;
    }

    .main-banner-sec {
        padding-bottom: 20px !important;
    }

    .menu-search-box {
        justify-content: space-evenly !important;
    }

    .main-social-icons, .header-btn {
        justify-content: center !important;
    }

    .top-details-contact-group {
        flex-direction: column !important;
    }

    .search-box {
        display: flex;
        justify-content: center !important;
    }

    .logo-box {
        text-align: center;
    }

    .main-navigation .home-page a span {
        border-bottom: none;
    }

    .main-navigation button.wp-block-navigation__responsive-container-open {
        background: #000;
        color: #fff;
        margin: 10px;
    }
}

@media screen and (min-width: 767px) and (max-width: 999px) {
    .main-banner-sec .wp-block-cover.is-light {
        min-height: 500px !important;
    }

    .banner-right-col, .banner-left-col {
        height: 500px;
    }

    .main-navigation button.wp-block-navigation__responsive-container-open {
        background: #000;
        color: #fff;
        margin: 10px;
    }

    .serv-right-col {
        margin-top: 10% !important;
        margin-bottom: 2% !important;
    }

    .serv-right-col .wp-block-image img {
        height: 410px !important;
    }

    .serv-main-box.white i {
        width: 70px;
        height: 70px;
        font-size: 28px;
    }

    .serv-box-columns {
        flex-wrap: nowrap !important;
    }

    .banner-video span.wpzoom-video-popup-block_icon {
        width: 40px !important;
        height: 40px !important;
    }

    .main-banner-sec .user-content {
        font-size: 12px !important;
    }

    .main-banner-sec .user-img-group img {
        width: 35px !important;
        height: 35px;
    }

    .main-banner-sec h1 {
        font-size: 15px !important;
    }

    .banner-video-box .wp-block-cover {
        min-height: 170px !important;
    }

    .banner-right-video-content i {
        font-size: 10px;
    }

    .banner-video svg {
        margin-left: 17px !important;
    }

    .slider-bottom-text {
        font-size: 7px !important;
    }

    .wp-block-column.banner-left-col.is-layout-flow.wp-block-column-is-layout-flow {
        flex-basis: 20% !important;
    }

    .wp-block-column.is-vertically-aligned-top.banner-right-col.is-layout-flow.wp-block-column-is-layout-flow {
        flex-basis: 80% !important;
    }

    .menu-search-box {
        justify-content: space-evenly !important;
    }

    .menu-box, .main-banner-sec .is-layout-flex {
        flex-wrap: nowrap !important;
    }

    .logo-box h1 {
        display: flex;
        justify-content: center !important;
    }

    .main-social-icons, .top-details-contact-group {
        justify-content: center !important;
    }
}

@media screen and (min-width: 850px) and (max-width: 1199px) {
    .wp-block-column.is-vertically-aligned-center.social-media-col.is-layout-flow.wp-block-column-is-layout-flow {
        flex-basis: 12% !important;
    }

    .top-details-contact-group p {
        font-size: 10px !important;
    }

    .top-head-detail i {
        width: 25px;
        height: 25px;
        font-size: 10px;
    }
}

@media screen and (max-width: 1024px) and (min-width: 1000px) {
    .slider-image-bottom-group img {
        height: 400px !important;
    }

    .top-head-detail i {
        width: 45px !important;
        font-size: 10px;
    }

    .main-navigation a {
        font-size: 12px !important;
    }

    .serv-main-box.yellow i, .serv-main-box.white i {
        width: 65px;
        height: 60px;
        font-size: 20px;
    }

    .banner-video span.wpzoom-video-popup-block_icon {
        width: 40px !important;
        height: 40px !important;
    }

    .main-banner-sec .user-content {
        font-size: 14px !important;
    }

    .main-banner-sec .user-img-group img {
        width: 35px !important;
        height: 35px;
    }

    .main-banner-sec h1 {
        font-size: 20px !important;
    }

    .banner-video-box .wp-block-cover {
        min-height: 170px !important;
    }

    .banner-right-video-content i {
        font-size: 12px;
    }

    .banner-video svg {
        margin-left: 17px !important;
    }

    .slider-bottom-text {
        font-size: 11px !important;
    }

    .wp-block-column.banner-left-col.is-layout-flow.wp-block-column-is-layout-flow {
        flex-basis: 20% !important;
    }

    .wp-block-column.is-vertically-aligned-top.banner-right-col.is-layout-flow.wp-block-column-is-layout-flow {
        flex-basis: 80% !important;
    }

    .menu-search-box {
        justify-content: space-evenly !important;
    }

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

    .footer-section .wp-block-group {
        padding-top: 10px !important;
    }

    .copyright-section .wp-block-social-links {
        gap: 10px;
    }

    .footer-para {
        margin-right: 0% !important;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1399px) {
    .main-navigation a {
        font-size: 14px;
    }

    .main-navigation {
        gap: 10px 30px !important;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1399px) {

}

@media screen and (max-width: 991px) {
    .header-btn a {
        padding-: 7px 20px !important;
        font-size: 13px !important;
    }

    .header-sec button.wp-block-navigation__responsive-container-close {
        right: 20px;
    }

    .main-navigation {
        justify-content: center !important;
    }

    .main-navigation .home-page a span {
        background: none !important;
        padding: 0 !important;
        border-radius: 0;
        color: #fff !important;
        border: none !important;
    }

    .main-navigation .home-page span::before {
        content: none;
    }

    .menu-box ul,
    .menu-box ul.wp-block-navigation__container .wp-block-navigation-item.has-child,
    .menu-box .wp-block-navigation__submenu-container {
        gap: 20px !important;
    }

    .menu-box ul.wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation-submenu li {
        padding-left: 50px;
    }

    .menu-box ul.wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation-submenu li a {
        position: relative;
        display: inline-flex !important;
    }

    .menu-box .wp-block-navigation__responsive-container-close {
        right: 15px !important;
        top: 15px !important;
    }

    .menu-box ul.wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation-submenu li a:before {
        content: '--';
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        color: #ffffff;
        font-size: 12px;
    }

    .menu-box ul.wp-block-navigation__container li a {
        padding: 0 20px 0 40px !important;
        color: #fff !important;
    }

    .home-page span {
        color: #fff !important;
    }

    .menu-box .top-menus .wp-block-navigation__submenu-container {
        padding: 0;
    }

    .menu-box nav .wp-block-navigation__responsive-container {
        background-color: #000000 !important;
    }

    .menu-box .wp-block-navigation__responsive-container-close {
        background: #ffffff;
        padding: 10px;
        color: #000000;
        font-size: 30px;
        font-weight: 600;
        border-radius: 50%;
        right: 25px;
        top: 16px;
    }

    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open),
    .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content {
        display: none;
    }

    .menu-box .wp-block-navigation__responsive-container .wp-block-navigation__responsive-close .wp-block-navigation__responsive-container-content {
        padding-top: calc(2rem + 60px);
        margin-left: 0;
    }

    .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: block;
    }
}

/* Scroll to Top */
.scroll-top-box {
    display: none; /* Initially hidden */
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: #000;
    color: white;
    border: none;
    padding: 10px 16px 13px;
    cursor: pointer;
    z-index: 1000;
    transition: opacity 0.3s;
}

.scroll-top-box .wp-block-button__link.wp-element-button {
    border-radius: 50% !important;
    padding: 0 !important;
    margin: 0 !important;
}

.scroll-top-box .wp-block-button__link,
.scroll-top-box .wp-block-button__link:hover {
    background-color: #000;
}

.scroll-top-box .wp-element-button:hover, .wp-block-button__link:hover {
    background: none !important;
    border: none !important;
}

/*footer animation*/
footer .footer-box {
    animation: bounceInUp 1s ease forwards;
}

@keyframes bounceInUp {
    0% {
        opacity: 0;
        transform: translateY(3000px);
    }
    60% {
        opacity: 1;
        transform: translateY(-20px);
    }
    75% {
        transform: translateY(10px);
    }
    90% {
        transform: translateY(-5px);
    }
    100% {
        transform: translateY(0);
    }
}

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

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

header.wp-block-template-part .top-head-detail i {
    min-width: 30px;
}

.top-details-contact-group > div {
    min-width: 200px;
}

.columns-3.style-post-box {
    display: grid;
    grid-template-columns:repeat(5, 1fr);
    gap: 20px;
}

.columns-3.style-post-box .wp-block-post-featured-image img {
    margin: 0 auto;
    object-fit: contain !important;
    display: block;
}

.columns-3.style-post-box .wp-block-group-is-layout-constrained {
    padding: 0 !important;
}

.brands-white__item, .columns-3.style-post-box .wp-block-post {
    --bw-bg: #ffffff;
    --bw-text: #000000;
    --bw-muted: #3f3f3f;
    --bw-border: #e4e0d8;
    --bw-border-hover: #000000;
    --bw-accent: #ffc400;
    --bw-shadow: 0 18px 40px rgba(0, 0, 0, .10);
    --bw-radius: 0px;
    position: relative;
    background: var(--bw-bg);
    color: var(--bw-text);
}

.columns-3.style-post-box .wp-block-post h2 {
    text-align: center;
    font-size: 14px;
    font-weight: 400;
}

.page-title {
    text-align: center;
}

.svc__in {
    width: 80%;
    margin: 0 auto;
}

#contacts {
    margin-top: 0;
}

@media (max-width: 1199px) {
    header.wp-block-template-part .top-head-detail i {
        min-width: 25px;
    }

    .top-details-contact-group > div {
        min-width: 150px;
    }

    header.wp-block-template-part h1 a {
        font-size: 18px;
    }
}

@media (max-width: 991px) {
    .columns-3.style-post-box {
        grid-template-columns:repeat(3, 1fr);
    }

    header.wp-block-template-part .top-details-contact-group,
    header.wp-block-template-part .social-media-col {
        display: none !important;
    }

    .top-header-columns {
        gap: 0;
    }

    .wp-block-navigation__responsive-container-content ul {
        width: 100%;
        padding: 0 15px !important;
        display: block !important;
    }

    .wp-block-navigation__responsive-container-content ul li {
        padding-bottom: 5px !important;
    }

    .wp-block-navigation__responsive-container-content ul li a {
        text-align: center;
        width: 100%;
        border: none !important;

    }
}


@media (max-width: 1080px) {
    .max-btn__label {
        display: none
    }

    .max-btn {
        padding: 8px;
        border-radius: 10px
    }

    .sticky2 {
        grid-template-columns:1fr;
        gap: 36px
    }

    .sticky2__l {
        position: static
    }

    .svc__in {
        grid-template-columns:1fr;
        gap: 44px
    }

    .acc {
        grid-column: span 6
    }

    .foot__g {
        grid-template-columns:1fr 1fr
    }

    .excavator {
        width: 76%;
        opacity: .72
    }
}

@media (max-width: 900px) {
    .brand-logo__text b {
        font-size: 13px
    }

    .brand-logo__text span {
        font-size: 10px;
        letter-spacing: .12em
    }
}

@media (max-width: 860px) {
    .nav {
        display: none
    }

    .nav.open {
        display: flex;
        position: absolute;
        top: var(--header-h);
        left: 0;
        right: 0;
        background: #0a0a0b;
        border-bottom: 1px solid var(--line);
        flex-direction: column;
        padding: 22px 6vw;
        gap: 18px;
    }

    .burger {
        display: block
    }

    .tel {
        display: none
    }

    .header-actions {
        margin-left: auto
    }

    .step {
        grid-template-columns:56px 1fr
    }

    .step__t {
        display: none
    }

    .tbl thead {
        display: none
    }

    .tbl, .tbl tbody, .tbl tr, .tbl td {
        display: block;
        width: 100%
    }

    .tbl tr {
        border-bottom: 1px solid rgba(0, 0, 0, .12);
        padding: 12px 0
    }

    .tbl td {
        border: 0;
        padding: 5px 16px;
        display: flex;
        justify-content: space-between;
        gap: 16px;
    }

    .tbl td::before {
        content: attr(data-l);
        font-family: var(--fm);
        font-size: .58rem;
        letter-spacing: .1em;
        text-transform: uppercase;
        color: #7a7a72;
    }

    .form .row {
        grid-template-columns:1fr
    }

    .bn--lead .cnt {
        flex-direction: column;
        align-items: flex-start;
        gap: 6px
    }

    .bn--lead {
        height: auto;
        min-height: 110px;
        padding-block: 12px
    }
}

@media (max-width: 760px) {
    .excavator {
        width: 100%;
        opacity: .42;
        object-position: center;
        -webkit-mask-image: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, .42) 42%, #000 100%);
        mask-image: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, .42) 42%, #000 100%);
    }

    .shade {
        background: linear-gradient(180deg,
        rgba(10, 10, 11, .96) 0%,
        rgba(10, 10, 11, .86) 38%,
        rgba(10, 10, 11, .72) 62%,
        rgba(10, 10, 11, .94) 100%
        );
    }

    .title {
        font-size: clamp(2rem, 9.2vw, 3.45rem);
        max-width: none
    }

    .list {
        max-width: none
    }

    .list li {
        font-size: .92rem
    }

    .svc2__top {
        flex-direction: column;
        align-items: flex-start
    }

    .svc2__grid {
        grid-template-columns:1fr
    }

    .flags-block {
        padding: 56px 16px 64px
    }

    .flags-block__title {
        font-size: clamp(24px, 7vw, 34px);
        margin-bottom: 30px
    }

    .flags-grid {
        grid-template-columns:repeat(auto-fill, minmax(112px, 1fr));
        gap: 10px
    }

    .flag-card {
        min-height: 138px;
        padding: 16px 10px 14px
    }

    .flag-card__icon {
        width: 58px;
        height: 39px;
        margin-bottom: 12px
    }

    .flag-card__name {
        font-size: 9.5px;
        letter-spacing: .08em;
        min-height: 24px
    }
}

@media (max-width: 640px) {
    :root {
        --header-h: 74px
    }

    .brand-logo {
        gap: 10px
    }

    .brand-logo__mark {
        width: 36px;
        height: 36px
    }

    .brand-logo__text b {
        font-size: 11px;
        white-space: normal;
        max-width: 145px
    }

    .brand-logo__text span {
        font-size: 9px
    }

    .max-btn__icon {
        width: 26px;
        height: 26px
    }

    .acc {
        grid-column: span 12
    }

    .foot__g {
        grid-template-columns:1fr
    }
    .about-block {
        padding-top: 0 !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: .001ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .001ms !important;
    }

    html {
        scroll-behavior: auto
    }

    .reveal {
        opacity: 1 !important;
        transform: none !important
    }

    .line > span,
    .sub,
    .list,
    .cta-row {
        opacity: 1 !important;
        transform: none !important;
    }

    .forklift,
    .excavator {
        animation: none !important;
        transform: scale(1.04) !important;
    }

    .flags-block__hazard {
        animation: none !important
    }

    .flag-card,
    .flag-card::before,
    .flag-card::after,
    .flag-card__icon {
        transition: none !important
    }
}

.foot .wrap {
    width: 80%;
    margin: 0 auto;
}

.brands-white {
    --bw-bg: #ffffff;
    --bw-text: #000000;
    --bw-muted: #3f3f3f;
    --bw-border: #e4e0d8;
    --bw-border-hover: #000000;
    --bw-accent: #ffc400;
    --bw-shadow: 0 18px 40px rgba(0, 0, 0, .10);
    --bw-radius: 0px;

    position: relative;
    background: var(--bw-bg);
    color: var(--bw-text);

}

.brands-white * {
    box-sizing: border-box;
}

h2.wp-block-heading {
    font-family: 'Oswald', 'Arial Narrow', Arial, sans-serif;
    font-size: clamp(28px, 4.2vw, 34px);
    line-height: 1.02;
    letter-spacing: -.02em;
    text-transform: uppercase;
    text-align: center;
    font-weight: 700;
}

/* Заголовок */
.brands-white__title {
    margin: 0;
    font-family: 'Oswald', 'Arial Narrow', Arial, sans-serif;
    font-size: clamp(28px, 4.2vw, 54px);
    line-height: 1.02;
    letter-spacing: -.02em;
    text-transform: uppercase;
    text-align: center;
    color: var(--bw-text);
    font-weight: 700;
}

.brands-white__title::after {
    content: "";
    display: block;
    width: 88px;
    height: 4px;
    margin: 20px auto 0;
    background: var(--bw-text);
}

/* Текст */
.brands-white__text {
    margin: 22px auto 0;
    max-width: 820px;
    text-align: center;
    font-size: clamp(15px, 1.35vw, 18px);
    line-height: 1.65;
    color: var(--bw-text);
}

.brands-white__text strong {
    font-weight: 700;
}

/* Сетка брендов */
.brands-white__grid {
    display: grid;
    grid-template-columns:repeat(auto-fill, minmax(190px, 1fr));
    gap: 18px;
    list-style: none;
    margin: 48px 0 0;
    padding: 0;
}

/* Карточка бренда */
.brands-white__item,
.columns-3.style-post-box .wp-block-post {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 178px;
    padding: 24px 18px 20px;
    background: #fff;
    border: 1px solid var(--bw-border);
    border-radius: var(--bw-radius);
    overflow: hidden;
    transition: transform .28s cubic-bezier(.16, 1, .3, 1),
    border-color .25s ease,
    box-shadow .3s ease,
    background .25s ease;
}

.brands-white__item::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 3px;
    background: var(--bw-accent);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .35s cubic-bezier(.16, 1, .3, 1);
}

.brands-white__item:hover {
    transform: translateY(-4px);
    border-color: var(--bw-border-hover);
    box-shadow: var(--bw-shadow);
    background: #fffdf4;
}

.brands-white__item:hover::before {
    transform: scaleX(1);
}

/* Ссылка на лого */
.brands-white__thumb {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 86px;
    text-decoration: none;
}

.brands-white__thumb img {
    display: block;
    max-width: 100%;
    max-height: 64px;
    width: auto;
    height: auto;
    object-fit: contain;
    filter: grayscale(100%) contrast(1.12) opacity(.88);
    transition: transform .35s cubic-bezier(.16, 1, .3, 1),
    filter .3s ease,
    opacity .3s ease;
}

.brands-white__item:hover .brands-white__thumb img {
    transform: scale(1.04);
    filter: grayscale(0%) contrast(1) opacity(1);
}

/* Название бренда */
.brands-white__name {
    margin-top: 16px;
    font-family: 'Oswald', 'Arial Narrow', Arial, sans-serif;
    font-size: 16px;
    line-height: 1.2;
    letter-spacing: .12em;
    text-transform: uppercase;
    text-align: center;
    color: var(--bw-text);
    font-weight: 600;
}

.brands-white__name a {
    color: var(--bw-text);
    text-decoration: none;
    border-bottom: 1px solid transparent;
    padding-bottom: 2px;
    transition: border-color .25s ease, color .25s ease;
}

.brands-white__name a:hover {
    border-bottom-color: var(--bw-accent);
}

/* Фокус для доступности */
.brands-white__thumb:focus-visible,
.brands-white__name a:focus-visible {
    outline: 2px solid var(--bw-text);
    outline-offset: 4px;
}

body {
    position: relative;
    overflow-x: hidden;
}

.about-block__wrap {
    width: 80%;
    margin: 0 auto;
}

/* Адаптив */
@media (max-width: 900px) {
    .brands-white__grid {
        grid-template-columns:repeat(3, 1fr);
        gap: 14px;
    }

    .brands-white__item {
        min-height: 158px;
        padding: 20px 14px 18px;
    }

    .brands-white__thumb {
        height: 74px;
    }

    .brands-white__thumb img {
        max-height: 54px;
    }
}

@media (max-width: 600px) {
    .brands-white {
        padding: 48px 16px;
    }

    .brands-white__grid {
        grid-template-columns:repeat(2, 1fr);
        gap: 12px;
        margin-top: 34px;
    }

    .brands-white__item {
        min-height: 142px;
        padding: 18px 12px 16px;
    }

    .brands-white__thumb {
        height: 64px;
    }

    .brands-white__thumb img {
        max-height: 48px;
    }

    .brands-white__name {
        font-size: 12px;
        letter-spacing: .08em;
        margin-top: 12px;
    }
}

@media (max-width: 420px) {
    .brands-white__grid {
        grid-template-columns:1fr;
    }

    .brands-white__item {
        min-height: 150px;
    }
}


@media (max-width: 1080px) {
    .ticker__t span,
    .text-banner {
        font-size: 14px !important;
    }

    .nav a {
        text-align: center;
        padding: 2px 0;
    }

    .nav.open {
        z-index: 100;
    }

    .title {
        font-size: 30px !important;
    }

    .burger {
        color: #fff;
    }

    .max-btn__label {
        display: none
    }

    .max-btn {
        padding: 8px;
        border-radius: 10px
    }

    .sticky2 {
        grid-template-columns:1fr;
        gap: 36px
    }

    .sticky2__l {
        position: static
    }

    .svc__in {
        grid-template-columns:1fr;
        gap: 44px
    }

    .acc {
        grid-column: span 6
    }

    .foot__g {
        grid-template-columns:1fr 1fr !important;
    }

    .excavator {
        width: 76%;
        opacity: .72
    }

    .about-block__wrap {
        grid-template-columns:1fr;
        gap: 34px;
    }

    .about-col {
        padding: 0;
        border-left: 0;
        border-top: 1px solid #e6e2da;
        padding-top: 26px;
    }

    .about-col:first-child {
        border-top: 0;
        padding-top: 0;
    }
}

@media (max-width: 900px) {
    .wp-block-spacer {
        max-height: 20px;
    }

    .flags-block {
        padding-top: 0 !important;
    }

    .brand-logo__text b {
        font-size: 13px
    }

    .brand-logo__text span {
        font-size: 10px;
        letter-spacing: .12em
    }

    .brands-white__grid {
        grid-template-columns:repeat(3, 1fr);
        gap: 14px;
    }

    .brands-white__item {
        min-height: 158px;
        padding: 20px 14px 18px;
    }

    .brands-white__thumb {
        height: 74px;
    }

    .brands-white__thumb img {
        max-height: 54px;
    }
}

@media (max-width: 860px) {
    .tel {
        display: none
    }

    .step {
        grid-template-columns:56px 1fr
    }

    .step__t {
        display: none
    }

    .tbl thead {
        display: none
    }

    .tbl, .tbl tbody, .tbl tr, .tbl td {
        display: block;
        width: 100%
    }

    .tbl tr {
        border-bottom: 1px solid rgba(0, 0, 0, .12);
        padding: 12px 0
    }

    .tbl td {
        border: 0;
        padding: 5px 16px;
        display: flex;
        justify-content: space-between;
        gap: 16px;
    }

    .tbl td::before {
        content: attr(data-l);
        font-family: var(--fm);
        font-size: .58rem;
        letter-spacing: .1em;
        text-transform: uppercase;
        color: #7a7a72;
    }

    .form .row {
        grid-template-columns:1fr
    }
}

@media (max-width: 760px) {
    .excavator {
        width: 100%;
        opacity: .42;
        object-position: center;
        -webkit-mask-image: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, .42) 42%, #000 100%);
        mask-image: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, .42) 42%, #000 100%);
    }

    .shade {
        background: linear-gradient(180deg,
        rgba(10, 10, 11, .96) 0%,
        rgba(10, 10, 11, .86) 38%,
        rgba(10, 10, 11, .72) 62%,
        rgba(10, 10, 11, .94) 100%
        );
    }

    .title {
        font-size: clamp(2rem, 9.2vw, 3.45rem);
        max-width: none
    }

    .list {
        max-width: none
    }

    .list li {
        font-size: .92rem
    }

    .svc2__top {
        flex-direction: column;
        align-items: flex-start
    }

    .svc2__grid {
        grid-template-columns:1fr
    }

    .flags-block {
        padding: 56px 16px 64px
    }

    .flags-block__title {
        font-size: clamp(24px, 7vw, 34px);
        margin-bottom: 30px
    }

    .flags-grid {
        grid-template-columns:repeat(auto-fill, minmax(112px, 1fr));
        gap: 10px
    }

    .flag-card {
        min-height: 138px;
        padding: 16px 10px 14px
    }

    .flag-card__icon {
        width: 58px;
        height: 39px;
        margin-bottom: 12px
    }

    .flag-card__name {
        font-size: 9.5px;
        letter-spacing: .08em;
        min-height: 24px
    }

    .about-block {
        padding: 56px 16px 64px
    }

    .about-block__title {
        font-size: clamp(30px, 9vw, 42px)
    }

    .about-block__lead {
        font-size: 15px;
        padding-left: 14px
    }

    .about-list__item {
        padding: 16px 14px 16px 56px;
        font-size: .95rem;
        min-height: 66px;
    }

    .about-list__item::before {
        width: 40px;
        font-size: .66rem
    }

    .about-list__item::after {
        left: 40px
    }
}

@media (max-width: 640px) {
    .flags-block__title {
        font-size: 24px !important;
    }

    .about-block {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .flags-block {
        padding: 0 !important;
    }

    .flags-grid {
        width: 100% !important;
    }

    .svc2__wrap {
        width: 100% !important;
    }

    .top__in {
        gap: 10px !important;
    }

    .header-actions .tel {
        display: none !important;
    }

    :root {
        --header-h: 74px
    }

    .brand-logo {
        gap: 10px
    }

    .brand-logo__mark {
        width: 36px;
        height: 36px
    }

    .brand-logo__text b {
        font-size: 11px;
        white-space: normal;
        max-width: 145px
    }

    .brand-logo__text span {
        font-size: 9px
    }

    .max-btn__icon {
        width: 26px;
        height: 26px
    }

    .acc {
        grid-column: span 12
    }

    .foot__g {
        grid-template-columns:1fr !important;
    }

    .brands-white {
        padding: 0 0 28px 0;
    }

    .brands-white__grid {
        grid-template-columns:repeat(2, 1fr);
        gap: 12px;
        margin-top: 34px;
    }

    .brands-white__item {
        min-height: 142px;
        padding: 18px 12px 16px;
    }

    .brands-white__thumb {
        height: 64px;
    }

    .brands-white__thumb img {
        max-height: 48px;
    }

    .brands-white__name {
        font-size: 12px;
        letter-spacing: .08em;
        margin-top: 12px;
    }
}

@media (max-width: 420px) {
    .brand-logo img {
        width: 120px !important;
        height: auto;
    }

    .brands-white__grid {
        grid-template-columns:1fr;
    }

    .brands-white__item {
        min-height: 150px;
    }
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: .001ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .001ms !important;
    }

    html {
        scroll-behavior: auto
    }

    .reveal {
        opacity: 1 !important;
        transform: none !important
    }

    .line > span,
    .sub,
    .list,
    .cta-row {
        opacity: 1 !important;
        transform: none !important;
    }

    .forklift,
    .excavator {
        animation: none !important;
        transform: scale(1.04) !important;
    }

    .flags-block__hazard,
    .about-block__haz {
        animation: none !important
    }

    .flag-card,
    .flag-card::before,
    .flag-card::after,
    .flag-card__icon,
    .about-list__item,
    .about-list__item::before,
    .about-list__item::after,
    .brands-white__item,
    .brands-white__item::before,
    .brands-white__thumb img {
        transition: none !important;
    }

    .flag-card:hover,
    .about-list__item:hover,
    .brands-white__item:hover {
        transform: none;
    }
}