/*!
Theme Name: AiRoleplayBlue
Theme URI: https://www.revolutionwp.com/products/multi-review-blog
Author: revolutionwp
Author URI: https://www.revolutionwp.com/
Description: The AiRoleplayBlue Theme is designed for affiliate-focused websites that publish product listings, comparison articles, reviews, and promotional content. The layout includes structured sections for featured products, banners, call-to-action areas, and categorized content display. It supports responsive design, allowing pages to adapt across desktops, tablets, and mobile devices. The theme includes customizable homepage settings, multiple page templates, widget-ready areas, navigation menus, and blog layouts for organizing articles and product-related content. Built-in customization options allow changes to colors, typography, headers, and background settings without modifying core files. It also supports social media integration, search functionality, and basic SEO-friendly coding practices to improve content visibility. Compatibility with common plugins allows additional features such as contact forms, newsletter integration, and analytics tools. The clean layout structure helps maintain readability for long-form articles and product-focused pages. Fast-loading design elements and organized content sections make it suitable for websites that regularly publish affiliate content, promotional updates, tutorials, and review-based posts across different categories.
Version: 1.5
Requires at least: 5.5
Tested up to: 7.0
Requires PHP: 7.2
License: GNU General Prefer License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: multi-review-blog
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-header, custom-background, custom-colors, custom-logo, custom-menu, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, grid-layout, featured-images, flexible-header, footer-widgets, wide-blocks, editor-style, full-site-editing, block-patterns, block-styles, template-editing, blog, photography, portfolio

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

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

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

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

html {
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
}
body{
  font-family: "Outfit", sans-serif;
}
header a,
footer a {
  text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
  line-height: 1.4;
  font-weight: 700;
  font-family: "DM Sans", serif !important;
}

ul {
  list-style: disc; }

ol {
  list-style: decimal; }

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

dt {
  font-weight: 700; }

dd {
  margin: 0 1.5em 1.5em; }

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

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

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

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

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

figure {
  margin: 1em 0; }

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

blockquote {
  margin: 0 1.5em; }

address {
  margin: 0 0 1.5em; }

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

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

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

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

big {
  font-size: 125%; }

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

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

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

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

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

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

a {
  color: var(--wp--preset--color--primary);
  outline: 0 !important;
}
.main-navigation span:hover{
  color: var(--wp--preset--color--primary);
}
.widget a:not(.wp-block-button__link),
.entry-summery a:not(.wp-block-button__link),
.entry-content a:not(.wp-block-button__link) {
  text-underline-offset: 3px;
  text-decoration-skip-ink: all;
  text-decoration-thickness: 1px;
  text-decoration: underline;
}
.widget a:not(.wp-block-button__link):hover,
.entry-summery a:not(.wp-block-button__link):hover,
.entry-content a:not(.wp-block-button__link):hover {
  color: var(--wp--preset--color--primary);
}
a:focus-visible, a:focus {
  outline: thin dotted !important;
}
a:hover, a:active, a:hover {
  outline: 0;
  color: var(--wp--preset--color--primary);
}
/*alignwide*/
.alignfull{
  margin:0 !important;
  width: auto !important
}
h1,h2,h3,h4,h5,h6{
  color: #000;
}
/*---------------- Woocommerce CSS------------------ */
.wc-block-cart__submit-container a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained{
  text-decoration: none;
  font-size: 18px !important;
  border-radius: 12px;
}
.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 25px;
  border-radius: 30px !important;
}
.wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button{
  border-radius: 30px;
}
.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 .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 {
  padding: 10px !important;
  text-align: center;

  margin: 0 0.7% 2em 0 !important;
  width: 24.30% !important;
}
.woocommerce ul.products li.product a img{
  margin: 0;
}
h2.woocommerce-loop-product__title,
.woocommerce div.product li .product_title {
  color: #000;
  letter-spacing: 1px;
  font-weight: 600;
  text-align: center !important;
  font-size: 20px !important;
  padding: 5px 0 5px 0 !important;
}
.woocommerce ul.products li.product .button {
  margin-top: 5px;
}
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price, .woocommerce div.product span.price {
  color: #000;
}
.woocommerce div.product .product_title,.woocommerce div.product p.price, .woocommerce div.product span.price{
  margin-bottom: 5px;
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button,.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{
  background: var(--wp--preset--color--primary);
  color: #fff ;
  border-radius: 1px solid var(--wp--preset--color--primary);
  padding: 10px 20px !important;
  opacity: 1 !important;
  text-decoration: none;
  border-radius: 30px;
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover{
  background: transparent !important;
  border: 1px solid rgba(39, 123, 248, 1);
  color: #000 !important;
}
.woocommerce .quantity .qty {
  width: 5em;
  padding: 7px;
  border-radius: 30px;
  border: solid 1px #000;
  color: #000;
  line-height: 1;
}
.woocommerce .col2-set .col-1, .woocommerce .col2-set .col-2 {
   max-width: 100%;
}
nav.woocommerce-MyAccount-navigation ul {
  list-style: none;
  padding-left: 0;
}
nav.woocommerce-MyAccount-navigation ul li {
  background: var(--wp--preset--color--primary);
  padding: 12px !important;
  margin-bottom: 10px;
}
nav.woocommerce-MyAccount-navigation ul li a{
  color: #fff;
  font-weight: 600;
}
nav.woocommerce-MyAccount-navigation ul li a:hover{
  color: #222 !important;
}
span.posted_in {
  display: block;
}
span.woocommerce-input-wrapper {
  width: 100%;
}
select.orderby {
  padding: 10px;
}
.woocommerce-product-gallery__image{
  padding: 2px;
}
.woocommerce .cart .button, .woocommerce .cart input.button{
  padding: 12px;
}
nav.woocommerce-MyAccount-navigation ul li a, .woocommerce-info a, .woocommerce-privacy-policy-text a, td.product-name a, a.shipping-calcuQuicksandr-button{
  text-decoration: none !important;
}
.woocommerce-privacy-policy-text a, .woocommerce-privacy-policy-text p, .woocommerce form .form-row label {
  color: #000;
  line-height: 28px;
}
.woocommerce .woocommerce-breadcrumb, .woocommerce .woocommerce-breadcrumb a{
  margin-top: 20px;
}
.woocommerce-page .select2-container .select2-selection .select2-selection__arrow{
  height: 1.5rem !important;
}
.woocommerce input#password{
  border: 1px solid #bcbcbc;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
  line-height: 0px !important;
}
.woocommerce-page form .password-input{
  width: 100%;
}
.woocommerce nav.woocommerce-pagination ul li a {
  display: block;
  padding: 12px 15px;
  text-decoration: none;
  width: auto;
  color: #fff;
  background: var(--wp--preset--color--primary);
  transition: background .15s ease-in-out;
  font-weight: bold;
}
.woocommerce nav.woocommerce-pagination ul li a:hover{
  background: #000;
  color: #fff;
}
.woocommerce nav.woocommerce-pagination ul li span.current{
  padding: 12.5px 15px;
  background: #000;
  color: #fff;
  font-weight: normal;
}
.woocommerce nav.woocommerce-pagination ul, .woocommerce nav.woocommerce-pagination ul li{
  border: none;
  float: none;
  overflow: unset;
}
.woocommerce nav.woocommerce-pagination {
  text-align: center;
  margin-bottom: 20px;
}
.woocommerce-cart table.cart td.actions .coupon .input-text{
  width: 110px !important;
  padding: 5px 5px 5px !important;
  margin: 0px 10px 0px 0 !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
  margin-bottom: 30px;
}
#payment{
  margin: 0 0 30px 0;
}
/* Header Section */
.main-navigation a {
  position: relative;
  text-decoration: none;
}
.main-navigation .home-page a.wp-block-navigation-item__content span{
  position: relative;
  color: #fff;
  border-bottom: 3px solid #fff;
}
.main-navigation .home-page a.wp-block-navigation-item__content:first-child{
  border-left: none;
}
.main-navigation a{
  font-size: 15px;
  color: #fff !important;
}
.header-sec .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content:hover{
  color: var(--wp--preset--color--primary) !important;
}
.main-navigation .wp-block-navigation .has-child .wp-block-navigation__submenu-container{
  top: 88%;
  z-index: 99;
}
.wp-block-navigation__submenu-container.wp-block-navigation-submenu .wp-block-navigation-item__label{
  color: var(--wp--preset--color--primary) !important;
  padding: 8px 10px;
}
.wp-block-navigation__submenu-container.wp-block-navigation-submenu .wp-block-navigation-item__label:hover{
  color: #000 !important;
}
.wp-block-navigation__submenu-container.wp-block-navigation-submenu li{
  border-bottom: 1px solid var(--wp--preset--color--primary);
}
.top-head-button-sec a, .top-head-button-third a, .top-head-button-fourth a{
  border-left: 1px solid #fff;
  border-radius: 0 !important;
}
.all-top-buttons a:hover{
  background: none !important;
  color: var(--wp--preset--color--secondary) !important;
  border: none !important;
}
.logo-box h1 a:hover{
  color: #fff !important;
}
.top-head-right-col a:hover,
.slider-content-group h1 a:hover,
.vertical-slider h2 a:hover, #trend-post-right-col h3 a:hover,
.banner-content-main h2 a:hover{
  color: var(--wp--preset--color--secondary) !important;
}
.ecommerce-header-middle .wp-block-search__inside-wrapper {
  border: 1px solid var(--wp--preset--color--accent);
}
.ecommerce-header-middle .wp-block-search .wp-block-search__input{
  border: none;
}
.ecommerce-header-middle .wp-block-search__button svg{
  rotate: 270deg;
  fill: var(--wp--preset--color--thirdaccent);
  font-size: 20px;
}
.top-head-search-cat .wc-block-product-categories__button{
  display: none;
}
.top-head-search-cat .wp-block-search__input{
  padding: 0 12px !important;
  border: none !important;
}
.top-head-search-cat .wp-block-search__input:focus{
  outline: 1px solid #000 !important;
}
.top-head-search-cat button.wp-block-search__button.has-icon.wp-element-button{
  padding: 10px !important;
}
.top-head-search-cat button.wp-block-search__button.has-icon.wp-element-button:hover{
  background: none !important;
  color:var(--wp--preset--color--primary) !important;
  border: 1px solid #fff !important
}
.top-head-search-cat .wp-block-search__inside-wrapper{
  border-radius: 0 !important;
  padding: 0 !important;
  width: 410px !important;
  border: none !important;
}
.top-head-search-cat .wc-block-product-categories select{
    padding: 14px !important;
    border: none !important;
    width: 210px !important;
    margin-right: 0 !important;
    color: #7C7C7C;
    font-size: 15px;
    font-family: "Outfit", sans-serif;
    font-weight: 300;
    border-right: 1px solid #ccc !important;
}
.main-top-social-media a:hover{
  color:var(--wp--preset--color--primary) !important;
}
.header-btn-top a{
  background: none !important;
}
.header-btn-top a:hover, .logo-box h1 a:hover{
  color:var(--wp--preset--color--primary) !important;
}
/* ------------bottom header ------------*/

.product-categories-button .wc-block-product-categories__button{
  display: none;
}
.product-categories-button .wc-block-product-categories select{
   padding: 14px 0 !important;
  border: none !important;
  width: 210px !important;
  margin-right: 0 !important;
  color: #ffffff;
  font-size: 18px;
  font-family: "Outfit", sans-serif;
  font-weight: 300;
  background: transparent;
}
.product-categories-button .wc-block-product-categories select option{
  color: #7C7C7C;
}
.product-categories-button{
  border-right: 0.5px solid #7c7c7c;
}
.main-top-headers{
  border-bottom: 0.5px solid #7c7c7c;
}
.main-navigation .wp-block-navigation-submenu .wp-block-navigation__submenu-icon svg{
  stroke: #fff;
}
/*------------Banner section-------------*/
.banner-left-icon-group i, .banner-right-icon-group i{
  background: #fff;
  width: 50px;
  height: 50px;
  color: #000;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.banner-left-cover{
    position: relative !important;
    overflow: hidden;
      box-shadow:
        0 4px 30px rgba(0, 0, 0, 0.1),
        0 4px 10px rgba(0, 0, 0, 0.2);

    transition: 0.3s ease;
}
.banner-left-cover::before{
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
   background: linear-gradient(270.01deg, rgba(102, 102, 102, 0) -42.37%, rgba(0, 0, 0, 0.8) 87.67%);
}
.banner-left-cover .wp-block-cover__inner-container{
    position: relative;
    z-index: 2;
    height: 470px;
}
.banner-left-icon-group{
  position: absolute;
  top: 4%;
  left: 4%;
  bottom: auto;
}
.banner-left-main-content{
  position: absolute;
    top: 60%;
    left: 4%;
    transform: translateY(-50%);
    right: 50%;
}
.banner-left-btn a:hover, .banner-right-btn a:hover{
    background: #fff !important;
    color:var(--wp--preset--color--primary) !important;
}
.banner-top-title-gropu i{
  font-size: 14px;
  color: #ff7a16;
}
/*---------------right side banner---------*/
.banner-right-cover{
  position: relative !important;
  overflow: hidden;
}
.banner-right-cover::before{
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(180deg, rgba(102, 102, 102, 0) -11.47%, rgba(0, 0, 0, 0.76) 81.21%);
}
.banner-right-cover .wp-block-cover__inner-container{
  position: relative;
  z-index: 2;
  height: 470px;
}
.banner-right-icon-group{
  position: absolute;
  top: 2%;
  left: 4%;
}
.banner-right-content{
  position: absolute;
  bottom: 6%;
  left: 4%;
  right: 12%;
}
.banner-right-blogs h2 a:hover{
  color:var(--wp--preset--color--secondary) !important;
}
/* Banner Right */
.trending-posts-sec .banner-right-blogs{
  max-height: 460px;
  overflow-y: auto;
}
.trending-posts-sec ::-webkit-scrollbar {
  display: none;
}
.trending-posts-sec ::-webkit-scrollbar-track {
  background-color: #c8c8c8;
  border-radius: 10px; 
}
.trending-posts-sec ::-webkit-scrollbar-thumb {
  background-color: #000000; 
  border-radius: 10px; 
}
.trending-posts-sec .banner-right-blogs li.wp-block-post,
.blog-review-section .life-style-sec li.wp-block-post{
  margin-top: 18px;
}
.trending-posts-sec .banner-right-blogs li.wp-block-post:first-child,
.blog-review-section .food-blog-sec ul.wp-block-post-template li.wp-block-post,
.blog-review-section .life-style-sec .wp-block-query,
.blog-review-section .food-blog-sec .wp-block-query{
  margin-top: 0px;
}
.trending-posts-sec .banner-right-box .banner-right-blogs li.wp-block-post:last-child .bnr-post-box,
.blog-review-section .life-style-sec li.wp-block-post:last-child .bnr-post-box{
  padding-bottom: 0 !important;
  border-bottom: none;
}
.trending-posts-sec .banner-right-box .banner-right-blogs .bnr-post-cat a,
.main-blog-box .bnr-post-cat a,
.blog-review-section .life-style-sec .bnr-post-cat a,
.blog-review-section .food-blog-sec .bnr-post-cat a{
  text-decoration: none;
}
.trending-posts-sec .banner-right-box .banner-right-blogs .bnr-post-cat a:hover,
.main-blog-box .bnr-post-cat a:hover,
.blog-review-section .life-style-sec .bnr-post-cat a:hover,
.blog-review-section .food-blog-sec .bnr-post-cat a:hover{
  color: var(--wp--preset--color--background);
}
.trending-posts-sec .banner-right-box .kksr-stars .kksr-star,
.blog-review-section .life-style-sec .kksr-stars .kksr-star,
.blog-review-section .food-blog-sec .kksr-stars .kksr-star{
  display: flex;
  align-items: center;
}
.trending-posts-sec .banner-right-box .kksr-legend,
.blog-review-section .life-style-sec .kksr-legend,
.blog-review-section .food-blog-sec .kksr-legend{
  font-size: 12px !important;
  margin: 0 0 0 8px;
  font-weight: 600;
}
.trending-posts-sec .banner-right-box .blog-cat-box,
.trending-posts-sec .banner-right-box .blog-meta-main-box,
.trending-posts-sec .banner-right-box .blog-author-box,
.trending-posts-sec .banner-right-box .blog-date-box,
.blog-review-section .food-blog-sec .food-blog-content .blog-cat-box,
.blog-review-section .food-blog-sec .food-blog-content .blog-meta-main-box,
.blog-review-section .food-blog-sec .food-blog-content .blog-author-box,
.blog-review-section .food-blog-sec .food-blog-content .blog-date-box,
.blog-review-section .life-style-sec .blog-content-box .blog-cat-box,
.blog-review-section .life-style-sec .blog-content-box .blog-meta-main-box,
.blog-review-section .life-style-sec .blog-content-box .blog-author-box,
.blog-review-section .life-style-sec .blog-content-box .blog-date-box{
  flex-wrap: wrap;
}
.banner-right-blogs .wp-block-post-title a{
  color: var(--wp--preset--color--primary);
}
/*-------------------------------------------------------- */
/* --- service sec
-------------------------------------------------------- */
.our-services .serv-box-main i{
  font-size: 38px;
  color: #373A50;
}
/*-------------trending section*/
.trending-posts-sec .trending-vertical-slider {
  height: 500px !important;
}
.trending-posts-sec .trending-vertical-slider li{
  height: 105px !important;
  margin: 0 !important;
}
.trending-posts-sec img{
  width: 100% !important;
  object-fit: cover;
}
.trending-posts-sec .blog-thumb-box img{
  border-radius: 8px;
}
.trending-posts-sec h2.trending-title{
  text-decoration: underline;
  text-underline-offset: 6px;
  text-decoration-color: var(--wp--preset--color--primary);
  text-decoration-thickness: 3px;
}
.trend-right-col h3{
  position: relative;
  text-decoration: underline;
  text-underline-offset: 6px;
  text-decoration-color: var(--wp--preset--color--primary);
  text-decoration-thickness: 5px;
}
.post-cate-box{
  border-bottom: 1px solid #232F3E;
}
.wp-block-group.blog-meta-main-box.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-7d61e7b4.wp-block-group-is-layout-flex {
    gap: 3px;
    display: flex;
    justify-content: left;
    align-items: center;
}
/* Reset numbering */
.banner-right-box .wp-block-post-template {
    counter-reset: post-number;
}
.banner-right-box .wp-block-post {
    counter-increment: post-number;
    position: relative;
    padding-left: 40px;
}
.banner-right-box .wp-block-post::before {
    content: counter(post-number) ".";
    position: absolute;
    left: 0;
    top: 12px;
    font-size: 20px;
    font-weight: 700;
    color: #232F3E;
    line-height: 1;
}

/*-----------------------------------blog Section------------ */
.blog-sec{
  padding: 0 !important;
}
.blog-sec > h2.wp-block-heading{
  margin-bottom: 30px !important;
}
.wp-block-group.img-box.is-layout-constrained.wp-block-group-is-layout-constrained{
  background: #ccc;
  height: 220px;
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
}
.img-box .wp-block-post-featured-image{
  margin: 0;
  height: 100%;
}
.img-box img{
  width: 100%;
  height: 220px;
  object-fit: cover;
  border-radius: 8px;
  display: block;
}
.main-blog-box{
  border-radius: 8px;
  height: 100%;
}
.blog-sec .wp-block-post-excerpt__more-text,
.main-blog-box .wp-block-post-excerpt__more-text{
  display: none;
}
.blog-sec .wp-block-post-author__avatar{
  width: 20px !important;
  height: 20px !important;
}
.wp-block-group.blog-sec.has-secondary-background-color.has-background.is-layout-constrained.wp-container-core-group-is-layout-06f2638e.wp-block-group-is-layout-constrained{
  padding: 0 !important;
}
.main-blog-box .wp-block-post-title a{
  color: var(--wp--preset--color--primary);
}
.main-blog-box .wp-block-post-title a:hover{
  color: var(--wp--preset--color--secondary) !important;
}
.blog-sec .wp-block-post-author__content p,
.blog-sec .blog-date.wp-block-post-date{
  font-size: 12px !important;
}
.blog-sec .wp-block-post-author__avatar img{
  border-radius: 50% !important;
}
.blog-sec .wp-block-post-author__name{
  margin: 0 !important;
}
.blog-sec h2 a:hover{
  color: var(--wp--preset--color--secondary) !important;
}
/*-----------added woo product-----------*/
.wc-block-components-product-sale-badge img{
  height: 250px !important;
}
.products-block-post-template h3 a{
  font-size: 22px !important;
  text-decoration: none ;
}
span.woocommerce-Price-amount.amount{
  font-size: 18px !important;
  color: #000;
}
a.added_to_cart.wc_forward{
  margin-top: 0 !important;
  background: var(--wp--preset--color--primary);
  color: #fff;
  padding: 10px 12px;
  font-size: 18px !important;
  text-decoration: none;
}
.single-post .wp-block-post-featured-image img{
  width: auto;
}
.single-post .wp-block-post-author__avatar img{
  width: 25px !important;
  height: 25px !important;
}
.wc-block-checkout {
  width: 80%;
  margin: 0 auto;
}

/*archive*/
.archive .archive-page .wp-block-group , .blog .archive-page .wp-block-group  {
    box-shadow: none !important;
}
.archive-page-sec{
  padding-bottom: 30px;
  padding-top: 30px;
}
/*Footer Section*/
.footer-section{
  margin-top: 3em !important;
}
footer.wp-block-template-part{
  margin-top: 0 !important;
}
.footer-para{
  margin-right: 58% !important;
}
.footer-section  .wp-block-social-links{
  gap: 10px !important;
}
.footer-section a{
  color: #fff;
  font-size: 14px !important;
}
.footer-section .wp-block-tag-cloud a{
  border:1px solid var(--wp--preset--color--primary);
  padding: 6px 10px;
  margin: 2px;
}
.footer-section .wp-block-tag-cloud a:hover{
  background: #009DAE;
  border:1px solid #009DAE;
}
.footer-section .wp-block-columns.copyright-section p a{
  color: #000;
  font-size: 18px !important;
  text-decoration: none;
}
.footer-section h1 a{
  font-size: 22px !important;
  color: #fff !important;
}
.footer-section .footer-box .wp-block-heading{
  color: #fff !important;
}
.footer-add{
  margin-right: 10%;
}
.footer-section {
  padding: 0;
  min-height: auto;
}
.footer-section .wp-block-group {
  padding: 35px 0px 35px;
}
.footer-section .wp-block-columns.copyright-section {
  padding: 20px 0px;
  margin: 50px 0 0;
}
.footer-section .wp-block-columns.copyright-section.is-layout-flex.wp-container-core-columns-is-layout-28f84493.wp-block-columns-is-layout-flex {
    display: block;
}
.footer-section .wp-block-columns.copyright-section .wp-block-column:nth-child(2) {
  padding-right: 50px;
}
.footer-box h3 {
  margin-bottom: 20px;
  width: 100%;
  color: #fff !important;
}
.footer-box p, .footer-box p a{
  margin-top: 10px !important;
  color: #fff !important;
}
.footer-add{
 line-height: 30px !important;
}
.footer-box a{
  text-decoration: none !important;
}
.footer-box ul {
  padding: 0;
  gap: 0;
}
.footer-box{
  position: relative;
}
.footer-box ul li {
  list-style: none;
  margin-bottom: 10px;
}
.footer-section .wp-block-social-link{
  background: transparent !important;
  color: var(--wp--preset--color--tertiary);
}
.footer-section .wp-block-button__link {
  padding: 10px 25px;
  font-weight: 500;
  font-size: 14px;
  color: #fff !important;
  text-decoration: none;
  background-color: transparent;
  border: 2px solid #fff;
}
.search-menu .menu-section .wp-block-search__button svg:hover{
  color: #fff !important;
}
.footer-section .wp-block-social-link a{
  padding: 8px !important;
  border-radius: 6px;
  background: #ffffff;
  color: var(--wp--preset--color--primary) !important;
  font-size: 22px !important;
}
.copyright-section p{
  line-height: 30px;
}
.footer-section .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook{
  color: #1778f2;
}
.footer-section .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-instagram{
  color:#f00075;
}
.footer-section .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitter{
  color:#1da1f2;
}
.footer-section .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pOutfitest{
  color:#e60122;
}
.innerpage-banner{
  margin: 0 !important;
}
.footer-mail, .footer-location, .footer-phone{
  position: relative;
  padding-left: 26px;
}
.footer-mail a:hover, .footer-phone a:hover, .footer-box p a:hover{
  color:var(--wp--preset--color--primary) !important;
}
.footer-mail::before,
.footer-location::before,
.footer-phone::before {
  font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    top: 50%;
    bottom: auto;
    left: 0;
    transform: translateY(-50%);
    font-size: 20px;
    color: #fff;
}
.footer-mail::before {
  content: "\f0e0"; /* Envelope icon */
}
.footer-location::before {
  content: "\f3c5"; /* Map marker icon */
}
.footer-phone::before {
  content: "\f095"; /* Phone icon */
}
.footer-box .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor svg{
  fill: var(--wp--preset--color--primary) !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--secondary) !important;
}
.footer-box .wp-block-social-links .wp-block-social-link.wp-social-link a:focus{
  outline: 3px solid var(--wp--preset--color--primary) !important;
}
/*theme-button-section*/
.theme-button-section a{
  border: 2px solid transparent !important;
}
.theme-button-section a:hover{
  border: 2px solid var(--wp--preset--color--primary) !important;
  background: transparent !important;
  color: #000 !important;
  font-size: 18px;
  font-weight: 600;
}
/*404 Page CSS*/
.woocommerce.woocommerce-shop .wc-block-breadcrumbs .woocommerce-breadcrumb{
    margin-left: 10%;
}
.search-no-results form.wp-block-search__button-outside.wp-block-search__text-button.wp-block-search {
    display: inline-flex;
    width: 40%;
}
.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 0;
  color: #6b6b6b;
}
.theme-sidebar .wp-block-group h3 {
  color: #222;
  padding-bottom: 5px;
  border-bottom: 3px double #222;
  font-size: 24px !important;
}
.theme-sidebar .wp-block-group ul {
  padding-left: 20px;
}
.theme-sidebar .wp-block-group ul li {
  line-height: 2;
  font-size: 20px;
  color: var(--wp--preset--color--primary);
  list-style: disc;
  text-decoration: none !important;
}
.theme-sidebar .wp-block-group ul li a {
  color: #000 !important;
  text-decoration: none !important;
  font-size: 16px;
}
.theme-sidebar .wp-block-social-links .wp-social-link a{
  color: #ffffff !important;
}
.theme-sidebar ul.wp-block-social-links {
  padding: 0;
}
.theme-sidebar ul.wp-block-social-links a{
  padding: 10px !important;
}
.theme-sidebar ul.wp-block-social-links a svg {
  font-size: 18px;
}
.theme-sidebar .wp-block-tag-cloud a{
  background:#fff;
  color: #000;
  font-size:15px !important;
  padding: 6px 18px;
  margin: 2px 4px 6px;
  display:inline-block;
  border: 2px solid #000;
  text-decoration: none;
}
.theme-sidebar .wp-block-tag-cloud a:hover{
  background: var(--wp--preset--color--primary);
  color: #fff;
  border: 2px solid var(--wp--preset--color--primary);
}
.theme-sidebar .wp-block-gallery {
  gap: 1em;
}
.wc-block-checkout__actions.wp-block-woocommerce-checkout-actions-block{
  margin-bottom: 30px;
}
.wp-element-button,.wc-block-components-checkout-return-to-cart-button{
  background: var(--wp--preset--color--primary);
  color: #fff;
  border: 1px solid transparent;
  font-weight: 400;
  border-radius: 7px !important;
}
.wp-element-button:hover{
  background: #000;
  border: 0.7px 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 post*/
.has-shadow-dark, .has-no-hover-shadow-dark {
  transition: 0.5s;
  padding: 50px !important;
  margin-bottom: 30px;
}
p.form-submit.wp-block-button input.wp-block-button__link.wp-element-button{
  padding: 10px 15px;
  background: var(--wp--preset--color--primary);
  border-radius: 6px;
  font-size: 18px !important;
  color: #fff;
  border: 1px solid transparent;
  cursor: poOutfit;
  text-decoration: none !important;
  margin-top: 10px;
  margin-bottom: 10px;
}
.navigation .alignleft a, .navigation .alignright a{
  color: #000 !important;
  font-size: 18px !important;
  text-decoration: none !important;
}
.comment-author.vcard a, .comment-metadata a,.comment-metadata a .edit-link, .reply a, .comment-content a{
  color: #000 !important;
  font-size: 16px !important;
  font-weight: 700;
}
p.form-submit.wp-block-button input.wp-block-button__link.wp-element-button:hover{
  background: var(--wp--preset--color--secondary) !important;
  border: 1px solid var(--wp--preset--color--secondary);
  color: #fff !important;
}
footer.comment-meta {
  margin-top: 12px;
}
.wp-block-post-author__name{
  margin: 10px 0px;
}
/*Sidebar CSS*/
.theme-sidebar .wp-block-search__button{
  background: var(--wp--preset--color--primary) !important;
  color: #fff !important;
  border-radius: 5px;
}
.theme-sidebar .wp-block-group {
  padding: 15px 0;
  color: #6b6b6b;
  transition: 0.5s;
  margin-bottom: 30px;
}
.single-post-sidebar-on-right, .single-post-sidebar-on-left{
  margin-right: 8%;
  margin-left: 5%;
}
.single-post-sidebar-on-right h3, .single-post-sidebar-on-left h3{
  font-size: 30px;
}
.wp-block-post-author{
  align-items: center;
}
/*blog listing*/
.wp-block-query-pagination {
  margin: 80px 0;
}
.wp-block-query-pagination .wp-block-query-pagination-numbers {
  margin: 0;
  display: inline-block;
}
.wp-block-query-pagination .page-numbers,
.wp-block-query-pagination .wp-block-query-pagination-next,
.wp-block-query-pagination .wp-block-query-pagination-previous {
  padding: 12px 16px;
  background: var(--wp--preset--color--primary);
  line-height: 1;
  margin: 0 3px;
  text-decoration: inherit;
  display: inline-block;
  box-shadow: 0 0 15px #0000002b;
  border-radius: 100px;
  color: #fff;
}
.wp-block-query-pagination .page-numbers.current,
.wp-block-query-pagination a:hover,
.wp-block-query-pagination a:focus,
.wp-block-query-pagination a:active {
  background-color: var(--wp--preset--color--primary);
  color: #fff;
}
.wp-block-query-pagination .page-numbers, .wp-block-query-pagination .wp-block-query-pagination-next, .wp-block-query-pagination .wp-block-query-pagination-previous {
  padding: 12px 16px;
  background:#fff;
  line-height: 1;
  margin: 0 3px;
  text-decoration: inherit;
  display: inline-block;
   box-shadow: 0 0 15px #0000002b;
  border-radius: 100px;
  color: #000;
}
.wp-block-post-title a{
  color: #000;
}
.wp-block-post-excerpt__more-link{
  padding: 10px;
  background: var(--wp--preset--color--primary);
  color: #fff !important;
  font-weight: 600;
}
.wp-block-post-excerpt__more-link:hover{
  background: #000;
}
/*my account address button css*/
header.woocommerce-Address-title.title a{
  background-color: var(--wp--preset--color--primary);
  border-radius: 0px !important;
  color: #fff;
  font-size: 15px;
  font-weight: bold !important;
  text-decoration: none !important;
  padding: 12px 20px !important;
}
.wc-block-grid__product-onsale{
  background-color: var(--wp--preset--color--primary) !important;
  border-radius: 0px !important;
  color: #fff !important;
  border-color: transparent !important;
}
a.wp-block-button__link.wp-element-button.add_to_cart_button.ajax_add_to_cart{
  padding: 10px 16px !important;
}
header.woocommerce-Address-title.title a:hover,.wp-element-button:hover, .wp-block-button__link:hover{
  background:var(--wp--preset--color--secondary) !important;
  border: 1px solid var(--wp--preset--color--secondary) !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,
.woocommerce.wc-block-product-results-count.wp-block-woocommerce-product-results-count{
  margin-left: 10% !important;
  margin-right: 10% !important;
} */
.footer-para{
  font-size: 14px !important;
}
/* .woocommerce div.product .wp-block-group, .woocommerce div.product{
  max-width: 80% !important;
  margin-left: 6%;
} */

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

/*RESPONSIVE MEDIA*/
@media screen and (max-width:767px) {
  .search-no-results form.wp-block-search__button-outside.wp-block-search__text-button.wp-block-search{
    width: 100%;
  }
  .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: 20px 20px;
    max-width: 100% !important;
  }
  .footer-section h1{
    text-align: center;
  }
  span.woocommerce-Price-amount.amount {
    font-size: 14px !important;
  }
  .products-block-post-template h3 a {
    font-size: 20px !important;
  }
  .footer-para{
    margin-right: 0% !important;
  }
  .header-section .wp-block-site-title a{
    color: #000;
  }
  .wp-block-navigation__responsive-container-content{
    margin-left: 30px;
  }
  .footer-section .wp-block-group{
    text-align: center !important;
  }
  .footer-section .wp-block-social-links{
    justify-content: center !important;
  }
  .banner-calender .wp-block-column p{
    text-align: center;
  }
  li.wc-block-grid__product{
    max-width: 100% !important;
  }
}
@media screen and (min-width: 425px) and (max-width: 900px){
  .header-section .wp-container-core-navigation-is-layout-1{
    gap: 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px){
  .wp-block-column.banner-col-2.is-layout-flow.wp-block-column-is-layout-flow{
    flex-basis: 200% !important;
  }
  .footer-section .wp-block-group{
    padding: 2em;
    max-width: 100% !important;
  }
  .banner-col-2 h1{
    font-size: 36px !important;
    line-height: 55px;
  }
  .footer-box{
    max-width: 180px !important;
  }
  .products-block-post-template{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .footer-section .wp-block-columns{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
  }
  .footer-section .wp-block-social-links {
    gap: 0.5rem !important;
  }
  .footer-section .wp-block-columns.copyright-section{
    display: block;
  }
  .footer-para{
    margin-right: 0% !important;
  }
}
@media screen and (min-width: 782px) and (max-width: 992px){
  .archive .archive-page .wp-block-latest-posts li{
    flex: 1 0 50% !important;
  }
}
@media screen and (max-width: 1024px) and (min-width: 1000px) {
  .main-navigation a{
    font-size: 13px !important;
  }
  li.wc-block-grid__product{
    max-width: 18% !important;
  }
  .footer-section .wp-block-group{
    padding-top: 35px !important;
  }
  .copyright-section .wp-block-social-links{
    gap: 10px;
  }
  .footer-para{
    margin-right: 0% !important;
  }
}
@media screen and (max-width: 900px) {
  .header-section nav{
    flex-wrap: nowrap !important;
  }
  .wp-block-navigation__responsive-container-open {
    background: #fff;
    padding: 10px;
    color: #000;
    border-radius: 7px;
  }
  .header-section .wp-block-navigation__responsive-container-close{
    background: #000;
    padding: 10px;
    color: #fff;
    font-size: 30px;
    font-weight: 600;
    border-radius: 7px;
  }
  .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content {
    display: none;
  }
  .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: block;
  }
}
@media screen and (max-width: 1400px) and (min-width:1025px){
  .top-head-search-cat .wc-block-product-categories select{
    padding: 13px !important;
  }
  .footer-section .wp-block-group{
    padding-top: 35px !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{
    color: #000;
  }
  .main-navigation .home-page span::before, .main-navigation .home-page span::after{
    content: none;
  }
  .home-page span{
    background:none !important;
    color: #000 !important;
    border-radius: 0 !important;
  }
  .wp-block-navigation__submenu-container.wp-block-navigation-submenu .wp-block-navigation-item__label{
    color: #000 !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,.search .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,.search .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,.search .wp-block-post-template li,
  .page-template-blog-sidebar-on-right .wp-block-post-template li,.page-template-blog-sidebar-on-left .wp-block-post-template li{
    margin-bottom: 20px;
  }
  .wp-block-woocommerce-related-products .wp-block-post,.page-template-blog-sidebar-on-left .wp-block-post,.page-template-blog-sidebar-on-right .wp-block-post{
    width: calc(100% - 1em)!important;
  }
  .not-found-heading{
    font-size: 50px !important;
  }
}
@media screen and (max-width: 425px){
  .woocommerce .wp-block-group .alignwide{
    display: block;
    text-align: center;
  }
}
@media screen and (max-width: 991px){
  .wp-block-navigation__responsive-container-close{
    right: 20px !important;
  }
  .wp-block-navigation__responsive-container-content {
    margin-left: 30px;
  }
  .home-page span{
    border: none;
  }
  .menu-box ul,
  .menu-box ul.wp-block-navigation__container .wp-block-navigation-item.has-child,
  .menu-box .wp-block-navigation__submenu-container{
    gap: 20px !important;
  }
  .menu-box ul.wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation-submenu li{
    padding-left: 50px;
  }
  .menu-box ul.wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation-submenu li a{
    position: relative;
    display: inline-flex !important;
  }
  .menu-box .wp-block-navigation__responsive-container-close{
    right: 15px !important;
    top: 15px !important;
  }
  .menu-box ul.wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation-submenu li a:before{
    content: '--';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    color: #ffffff;
    font-size: 12px;
  }
  .menu-box ul.wp-block-navigation__container li a{
    padding: 0 20px 0 40px !important;
    color: #fff !important;
  }
  .home-page span, .main-navigation a{
    color: #000 !important;
  }
  .menu-box .top-menus .wp-block-navigation__submenu-container{
    padding: 0;
  }
  .menu-box nav .wp-block-navigation__responsive-container{
    background-color: #000000 !important;
  }
  .menu-box .wp-block-navigation__responsive-container-close{
    background: #ffffff;
    padding: 10px;
    color: #000000;
    font-size: 30px;
    font-weight: 600;
    border-radius: 50%;
    right: 25px;
    top: 16px;
  }
  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open),
  .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content {
    display: none;
  }
  .menu-box .wp-block-navigation__responsive-container .wp-block-navigation__responsive-close .wp-block-navigation__responsive-container-content{
    padding-top: calc(2rem + 60px);
    margin-left: 0;
  }
  .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: block;
  }
}
/*my media*/
@media screen and (max-width: 767px){
  .bottom-main-header{
    gap: 12px !important;
  }
  .header-btn-top a{
    padding: 15px 0 !important;
  }
 .product-categories-button{
  border-right: none;
 }
 .main-navigation{
  display: flex;
  justify-content: center;
  align-items: center;
 }
  .our-services .serv-box-main i{
    font-size: 30px;
  }
  .serv-para{
    font-size: 12px !important;
  }
  .serv-title{
    font-size: 15px !important;
  }
  .service-col{
    margin-bottom: 20px !important;
  }
  .banner-left-btn a, .banner-right-btn a{
    font-size: 12px !important;
  }
  .banner-left-icon-group i, .banner-right-icon-group i{
    width: 45px;
    height: 45px;
  }
  .main-banner-sec h1{
    font-size: 25px !important;
  }
  .banner-left-para{
    font-size: 12px !important;
  }
  .top-head-search-cat .wc-block-product-categories select{
    border-bottom: 1px solid #ccc !important;
  }
  .banner-left-main-content{
    right: 10%;
  }
  .top-head-search-cat .wc-block-product-categories select{
    padding: 10px !important;
  }
  .top-head-search-cat{
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .top-head-search-cat .wp-block-search__inside-wrapper{
    width: 100% !important;
  }
  .logo-box h1, .main-top-social-media,
  .product-categories-button, .wp-block-buttons.header-btn-top{
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .all-top-buttons{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  .main-social-media, .logo-box h1{
    display: flex;
    justify-content: center;
  }
  .main-navigation .home-page a.wp-block-navigation-item__content,
  .main-navigation a{
    border-left: none;
  }
  .menu-box{
    display: flex;
    justify-content: center;
  }
}
@media screen and (min-width: 767px) and (max-width: 999px){
  .serv-para{
    padding-right: 30px !important;
  }
  .wp-block-group.serv-box-main.is-content-justification-left.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-140b37e2.wp-block-group-is-layout-flex {
    display: flex;
    flex-direction: column;
    justify-content: left;
    align-items: flex-start;
  }
  .product-categories-button{
  border-right: none;
 }
 .main-navigation{
    display: flex;
    justify-content: center;
    align-items: center;
 }
  .our-services .serv-box-main i{
    font-size: 28px;
  }
  .serv-para{
    font-size: 11px !important;
  }
  .serv-title{
    font-size: 13px !important;
  }
  .banner-left-btn a, .banner-right-btn a{
    font-size: 12px !important;
  }
  .banner-right-cover{
    min-height: 300px !important;
  }
  .banner-right-cover .wp-block-cover__inner-container{
    height: 300px;
  }
  .banner-left-icon-group i, .banner-right-icon-group i{
    width: 45px;
    height: 45px;
  }
  .main-banner-sec h1{
    font-size: 25px !important;
  }
  .banner-left-para{
    font-size: 12px !important;
  }
  .top-head-search-cat .wc-block-product-categories select{
    padding: 13px !important;
    font-size: 14px !important;
  }
  .logo-box h1, .main-top-social-media,
  .product-categories-button{
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .menu-box{
    display: flex;
    justify-content: center;
  }
  .main-navigation .home-page a.wp-block-navigation-item__content,
  .main-navigation a{
    border-left: none;
  }
  .blog-sec{
    padding: 2em 0 0 !important;
  }
  .blog-sec h2{
    font-size: 25px !important;
    margin: 0 auto !important;
  }
  .bottom-main-header.is-layout-flex,
  .service-columns.is-layout-flex,
  .services-left-columnss.is-layout-flex{
    flex-wrap: nowrap !important;
  }
}
@media screen and (min-width: 999px) and (max-width: 1024px){
  .wp-block-column.is-vertically-aligned-center.product-categories-button.is-layout-flow.wp-block-column-is-layout-flow{
    flex-basis: 35% !important;
  }
  .main-top-social-media a.wp-block-social-link-anchor {
    font-size: 18px !important;
  }
  .banner-right-box .wp-block-post{
    padding-left: 32px;
  }
  .our-services .serv-box-main i{
    font-size: 28px;
  }
  .serv-para{
    font-size: 11px !important;
  }
  .serv-title{
    font-size: 15px !important;
  }
 .banner-left-btn a, .banner-right-btn a{
    font-size: 12px !important;
  }
  .top-head-search-cat .wc-block-product-categories select{
    padding: 13px !important;
    width: 160px !important;
    font-size: 14px;
  }
  .top-head-search-cat .wp-block-search__inside-wrapper{
    width: 230px !important;
  }
}
@media screen and (min-width: 1400px) and (max-width: 1599px){
  .top-head-search-cat .wc-block-product-categories select{
    padding: 14px !important;
    font-size: 13px !important;
  }
}
@media screen and (max-width:1250px) and (min-width:850px) {
  .logo-box h1{
    font-size: 24px !important;
  }
}
/* Scroll to Top */
.scroll-top-box {
  display: none; /* Initially hidden */
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: var(--wp--preset--color--primary);
  color: white;
  border: none;
  border-radius: 50% !important;
  width: 36px;
  height: 36px;
  padding: 0;
  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;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.scroll-top-box img{
  width: 16px !important;
  height: auto;
}
.scroll-top-box .wp-block-button__link,
.scroll-top-box .wp-block-button__link:hover{
  background-color: var(--wp--preset--color--primary);
}

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

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

@keyframes zoomInUp {
  0% {
    opacity: 0;
    transform: scale(0.5) translateY(100px);
  }
  60% {
    opacity: 1;
    transform: scale(1.05) translateY(-10px);
  }
  100% {
    transform: scale(1) translateY(0);
  }
}
.innerpage-banner h1{
  color: #ffffff !important;
}
/* Footer search */
.footer-search .wp-block-search__inside-wrapper{
  border: none !important;
  border-radius: 6px;
  padding: 0 !important;
  overflow: hidden;
}
.footer-search .wp-block-search__input{
  padding: 10px 12px !important;
  border: none !important;
  min-width: 0;
}
.footer-search .wp-block-search__input:focus{
  outline: 1px solid #000 !important;
}
.footer-search button.wp-block-search__button.has-icon.wp-element-button{
  padding: 10px !important;
}
.footer-search button.wp-block-search__button.has-icon.wp-element-button:hover{
  background: none !important;
  color: var(--wp--preset--color--primary) !important;
}
/* Social icons inside the nav menu: shown only in the mobile overlay */
.main-navigation .wp-block-social-links{
  display: none;
}
/* Listing pages: article rows share the Trending Articles look */
.article-list-rows li.wp-block-post{
  margin-top: 18px;
}
.article-list-rows li.wp-block-post:first-child{
  margin-top: 0;
}
.article-list-rows li.wp-block-post:last-child .bnr-post-box{
  padding-bottom: 0 !important;
  border-bottom: none;
}
.article-list-rows .bnr-post-cat a{
  text-decoration: none;
}
.article-list-rows .bnr-post-cat a:hover{
  color: var(--wp--preset--color--background);
}
.article-list-rows .bnr-post-box > .wp-block-column.blog-thumb-box{
  align-self: stretch !important;
}
.article-list-rows .blog-thumb-box .wp-block-post-featured-image{
  height: 100% !important;
  margin: 0;
}
.article-list-rows .blog-thumb-box .wp-block-post-featured-image a{
  display: block;
  height: 100%;
}
.article-list-rows .blog-thumb-box img{
  height: 100% !important;
  min-height: 90px;
  width: 100%;
  object-fit: cover;
  border-radius: 8px;
}

/* Trending cards: thumbnail fills the row height */
.trending-posts-sec .bnr-post-box > .wp-block-column.blog-thumb-box{
  align-self: stretch !important;
}
.trending-posts-sec .blog-thumb-box .wp-block-post-featured-image{
  height: 100% !important;
  margin: 0;
}
.trending-posts-sec .blog-thumb-box .wp-block-post-featured-image a{
  display: block;
  height: 100%;
}
.trending-posts-sec .blog-thumb-box img{
  height: 100% !important;
  min-height: 90px;
  object-fit: cover;
}
/* Even vertical rhythm between homepage sections */
.trending-posts-sec{
  margin-top: 2.5em !important;
  margin-bottom: 0 !important;
}
.main-banner-sec{
  margin-top: 2.5em !important;
  margin-bottom: 0 !important;
}
.blog-sec{
  margin-top: 2.5em !important;
  margin-bottom: 2.5em !important;
}
/* Menu toggle: styled consistently wherever it appears */
.wp-block-navigation__responsive-container-open{
  background: #fff;
  color: #000;
  padding: 10px;
  border-radius: 7px;
  margin-left: auto;
}
/*-------------------------------------------------------- */
/* --- narrow screen fixes
-------------------------------------------------------- */
@media screen and (max-width: 1024px){
  /* Let the header search fill its column instead of overflowing at a fixed 410px */
  .top-head-search-cat .wp-block-search{
    flex: 1 1 auto;
    min-width: 0;
    width: auto;
  }
  .top-head-search-cat .wp-block-search__inside-wrapper{
    width: 100% !important;
  }
}
@media screen and (min-width: 1025px){
  .logo-box .wp-block-site-title{
    white-space: nowrap;
  }
}
@media screen and (max-width: 1024px){
  /* Keep title, search and social icons on one line */
  .main-top-headers .wp-block-columns{
    flex-wrap: nowrap !important;
    gap: 12px;
  }
  .main-top-headers .wp-block-columns > .wp-block-column:nth-child(1){
    flex: 0 0 auto !important;
    min-width: 0;
  }
  .main-top-headers .wp-block-columns > .wp-block-column:nth-child(2){
    flex: 1 1 auto !important;
    min-width: 0;
  }
  .main-top-headers .wp-block-columns > .wp-block-column:nth-child(3){
    display: none;
  }
  .logo-box h1{
    justify-content: flex-start !important;
  }
  .wp-block-group.main-top-headers{
    padding-top: 18px !important;
    padding-bottom: 18px !important;
  }
  .main-top-headers > :not(.alignwide):not(.alignfull),
  .trending-posts-sec > :not(.alignwide):not(.alignfull),
  .main-banner-sec > :not(.alignwide):not(.alignfull),
  .blog-sec > :not(.alignwide):not(.alignfull),
  .footer-section > :not(.alignwide):not(.alignfull){
    max-width: 90% !important;
  }
  .logo-box .wp-block-site-title{
    font-size: 26px !important;
    white-space: nowrap;
  }
  .logo-box img{
    max-width: 40px;
    height: auto;
  }
  .wp-block-group.top-head-search-cat{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
  }
  .top-head-search-cat .wp-block-search,
  .top-head-search-cat .wc-block-product-categories{
    width: 100%;
  }
  .top-head-search-cat .wc-block-product-categories select{
    width: 100% !important;
    border-right: none !important;
  }
  /* Menu row: just the toggle, no separator lines or borders */
  .main-top-headers{
    border-bottom: none;
  }
  .wp-block-columns.bottom-main-header{
    flex-wrap: nowrap !important;
    gap: 0 !important;
  }
  .bottom-main-header .wp-block-column.product-categories-button{
    display: none;
  }
  .bottom-main-header > .wp-block-column{
    border: none;
  }
  .main-navigation{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 0;
    /* core sets position:relative on .is-responsive; the panel must anchor to .main-header-wrap */
    position: static !important;
  }
  /* WP only swaps to the hamburger below 600px; the merged header needs it up to 1024px */
  .main-navigation .wp-block-navigation__responsive-container-open{
    display: flex !important;
  }
  /* the panel no longer covers the screen, so keep the page scrollbar (no layout jump) */
  html.has-modal-open,
  html.has-modal-open body{
    overflow: auto !important;
  }
  /* Header: both bands merge into one flex row, toggle at the far right */
  :is(.main-header-wrap, .wp-block-group:has(> .main-top-headers)){
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    position: relative;
    background-color: var(--wp--preset--color--secondary);
  }
  /* core gives .wp-block-group.has-background position:relative; the header's inner
     bands must stay static so the menu panel anchors to .main-header-wrap, not to
     the 46px-wide band around the hamburger */
  .main-header-wrap .wp-block-group{
    position: static !important;
  }
  :is(.main-header-wrap, .wp-block-group:has(> .main-top-headers)) > .main-top-headers{
    flex: 1 1 auto;
    min-width: 0;
  }
  :is(.main-header-wrap, .wp-block-group:has(> .main-top-headers)) > .wp-block-group:not(.main-top-headers){
    flex: 0 0 auto;
    padding-right: 5%;
  }
  .wp-block-columns.bottom-main-header{
    max-width: none !important;
    margin: 0 !important;
  }
  .wp-block-navigation__responsive-container-open{
    border: none;
    padding: 10px;
  }
  .wp-block-navigation__responsive-container-open svg{
    width: 26px;
    height: 26px;
  }
  /* Open menu: a rectangle that unfolds below the header, leaving the navbar visible.
     The container stays rendered (grid-template-rows 0fr -> 1fr) so both the expand
     and the collapse animate smoothly. */
  .main-navigation .wp-block-navigation__responsive-container{
    display: grid !important;
    grid-template-rows: 0fr;
    position: absolute !important;
    top: 100% !important;
    right: 0 !important;
    bottom: auto !important;
    left: 0 !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    max-width: none !important;
    z-index: 999;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    visibility: hidden;
    background-color: #ffffff !important;
    box-shadow: 0 14px 26px rgba(0, 0, 0, 0.16);
    /* core's overlay-menu__fade-in-animation nudges the panel down by .5em; the
       grid transition below replaces it entirely */
    animation: none !important;
    transition: grid-template-rows 0.32s ease, visibility 0s linear 0.32s;
  }
  .main-navigation .wp-block-navigation__responsive-container.is-menu-open{
    grid-template-rows: 1fr;
    visibility: visible;
    transition: grid-template-rows 0.32s ease;
  }
  /* core resets the closed container to background:inherit at (0,3,0) specificity;
     match it, and paint the inner wrapper too, so the panel stays white mid-collapse */
  .main-navigation .wp-block-navigation__responsive-container:not(.is-menu-open.is-menu-open){
    background-color: #ffffff !important;
  }
  .main-navigation .wp-block-navigation__responsive-container .wp-block-navigation__responsive-close{
    min-height: 0;
    background-color: #ffffff;
  }
  @media (prefers-reduced-motion: reduce){
    .main-navigation .wp-block-navigation__responsive-container{
      transition: none;
    }
  }
  /* subtle pressed state on the toggle while the panel is open */
  .main-navigation:has(.wp-block-navigation__responsive-container.is-menu-open) .wp-block-navigation__responsive-container-open{
    opacity: 0.65;
  }
  .main-navigation .wp-block-navigation__responsive-container .wp-block-navigation__responsive-dialog{
    width: 100%;
  }
  /* content keeps its open layout even while collapsing, so nothing snaps mid-animation */
  .main-navigation .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content{
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 18px 24px 26px !important;
    max-height: calc(100vh - 130px);
    max-height: calc(100dvh - 130px);
    overflow-y: auto;
  }
  .main-navigation .wp-block-navigation__responsive-container ul.wp-block-navigation__container{
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    flex-wrap: nowrap !important;
    gap: 20px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .main-navigation .wp-block-navigation__responsive-container li.wp-block-navigation-item{
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    width: 100% !important;
    margin: 0 !important;
  }
  .main-navigation .wp-block-navigation__responsive-container .wp-block-navigation__submenu-icon{
    display: none !important;
  }
  .main-navigation .wp-block-navigation__responsive-container .wp-block-navigation-item__content{
    font-size: 18px;
    padding: 0 !important;
  }
  .main-navigation .wp-block-navigation__responsive-container .wp-block-navigation__submenu-container{
    position: static !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 12px !important;
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    margin: 10px 0 0 !important;
    padding: 0 0 0 20px !important;
    border: none !important;
    box-shadow: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    background: transparent !important;
    transform: none !important;
    overflow: visible !important;
  }
  .main-navigation .wp-block-navigation__responsive-container .wp-block-navigation__responsive-close,
  .main-navigation .wp-block-navigation__responsive-container .wp-block-navigation__responsive-dialog{
    position: static !important;
    width: 100% !important;
  }
  .main-navigation .wp-block-navigation__responsive-container .wp-block-navigation__responsive-dialog{
    display: flex !important;
    flex-direction: column !important;
  }
  /* the navbar (and its hamburger, now a toggle) stays visible, so the in-panel X is redundant */
  .main-navigation .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-close{
    display: none !important;
  }
  .main-navigation .wp-block-navigation__responsive-container .wp-block-social-links{
    display: flex !important;
    gap: 22px !important;
    margin-top: 14px !important;
  }
  .main-navigation .wp-block-navigation__responsive-container .wp-block-social-link svg{
    width: 32px;
    height: 32px;
  }
  /* Bigger back-to-top target on small screens */
  .scroll-top-box{
    width: 48px;
    height: 48px;
  }
  .scroll-top-box img{
    width: 22px !important;
  }
}
@media screen and (max-width: 480px){
  .logo-box .wp-block-site-title{
    font-size: 20px !important;
  }
  ul.main-top-social-media{
    gap: 8px !important;
  }
}
@media screen and (max-width: 781px){
  /* Trending list: keep thumbnail and text side by side as a compact row */
  .trending-posts-sec .wp-block-columns.bnr-post-box,
  .article-list-rows .wp-block-columns.bnr-post-box{
    flex-wrap: nowrap !important;
  }
  .trending-posts-sec .bnr-post-box > .wp-block-column.blog-thumb-box,
  .article-list-rows .bnr-post-box > .wp-block-column.blog-thumb-box{
    flex-basis: 30% !important;
  }
  .trending-posts-sec .bnr-post-box > .wp-block-column.blog-content-box,
  .article-list-rows .bnr-post-box > .wp-block-column.blog-content-box{
    flex-basis: 70% !important;
    min-width: 0;
  }
  .blog-sec .wp-block-post-template{
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
  /* Stats row: centered when the columns stack */
  .our-services .serv-box-main{
    justify-content: center !important;
    align-items: center !important;
  }
  .service-col{
    text-align: center;
  }
}
@media screen and (min-width: 782px) and (max-width: 991px){
  .blog-sec .wp-block-post-template{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* --- phone polish (fonts, spacing, content width) --- */
@media screen and (max-width: 600px){
  /* widen the 80% content area on phones */
  .main-top-headers > :not(.alignwide):not(.alignfull),
  .trending-posts-sec > :not(.alignwide):not(.alignfull),
  .main-banner-sec > :not(.alignwide):not(.alignfull),
  .blog-sec > :not(.alignwide):not(.alignfull),
  .footer-section > :not(.alignwide):not(.alignfull){
    max-width: 96% !important;
  }
  /* tighter section rhythm */
  .trending-posts-sec{
    margin-top: 1.5em !important;
  }
  .main-banner-sec{
    margin-top: 1.5em !important;
    margin-bottom: 0 !important;
  }
  .blog-sec{
    margin-top: 1.5em !important;
    margin-bottom: 1.5em !important;
  }
  .trending-posts-sec h2.trending-title{
    font-size: 26px !important;
  }
  /* trending list: top-aligned rows, larger type */
  .trending-posts-sec .wp-block-columns.bnr-post-box,
  .article-list-rows .wp-block-columns.bnr-post-box{
    align-items: flex-start !important;
  }
  .trending-posts-sec .bnr-post-box > .wp-block-column.blog-thumb-box,
  .article-list-rows .bnr-post-box > .wp-block-column.blog-thumb-box{
    flex-basis: 34% !important;
  }
  .trending-posts-sec .bnr-post-box > .wp-block-column.blog-content-box,
  .article-list-rows .bnr-post-box > .wp-block-column.blog-content-box{
    flex-basis: 66% !important;
  }
  .trending-posts-sec .wp-block-post-title,
  .article-list-rows .wp-block-post-title{
    font-size: 19px !important;
  }
  .trending-posts-sec .trend-post-excerpt,
  .trending-posts-sec .trend-post-excerpt p,
  .article-list-rows .trend-post-excerpt,
  .article-list-rows .trend-post-excerpt p{
    font-size: 15px !important;
    line-height: 1.6 !important;
  }
  .trending-posts-sec .bnr-post-cat,
  .article-list-rows .bnr-post-cat{
    font-size: 13px !important;
  }
  .blog-date-box p,
  .blog-date-box .wp-block-post-date{
    font-size: 13px !important;
  }
  .banner-right-box{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .banner-right-box .wp-block-post{
    padding-left: 26px;
  }
  .banner-right-box .wp-block-post::before{
    font-size: 17px;
  }
  /* ad covers */
  .trend-right-col h3{
    font-size: 22px !important;
    line-height: 1.5 !important;
  }
  .ad-slot .wp-block-cover__inner-container .wp-block-group{
    padding-right: 8% !important;
  }
  /* footer */
  .footer-section h3{
    font-size: 22px !important;
    margin-bottom: 12px !important;
  }
  .footer-section p{
    font-size: 15px !important;
  }
}

/* --- phones: flatten content cards, maximize the reading area --- */
@media screen and (max-width: 767px){
  /* post/comments card: no shadow frame, no inner padding */
  .has-shadow-dark, .has-no-hover-shadow-dark{
    box-shadow: none;
    padding: 0 !important;
    margin-bottom: 1.5em;
  }
  /* all inner pages: content area under the banner gets homepage-like rhythm and width */
  .innerpage-banner + .wp-block-group{
    padding: 1.5em 2% 2em !important;
  }
  .innerpage-banner + .wp-block-group > .wp-block-columns,
  .innerpage-banner + .wp-block-group > :not(.alignwide):not(.alignfull){
    max-width: 96% !important;
  }
  /* pages without a banner (default page, no-title page) */
  .main-page, .page-no-title{
    padding: 1.5em 2% 2em !important;
  }
  /* sidebar layouts: drop the desktop side margins */
  .single-post-sidebar-on-right, .single-post-sidebar-on-left{
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .wc-block-checkout{
    width: 96%;
  }
  /* listing card text block: trim the 40px inline padding */
  .has-shadow-dark > .wp-block-group{
    padding: 16px 12px !important;
  }
  /* archive/blog listing cards: drop the shadow frame too */
  .archive .archive-page .wp-block-post,
  .blog .archive-page .wp-block-post,
  .style-post-box .wp-block-post > .wp-block-group{
    box-shadow: none !important;
  }
  .archive-page-sec > :not(.alignwide):not(.alignfull){
    max-width: 96% !important;
  }
}