/*
Theme Name: Online Documentation
Theme URI: https://www.vwthemes.com/products/online-documentation  
Author: VWThemes
Author URI: https://www.vwthemes.com/
Description:  The Online Documentation Theme is a powerful and user-friendly solution designed to help businesses, developers, and product owners create professional documentation websites effortlessly. Whether you’re building a help center, knowledge base, product guide, API documentation, or SaaS support portal, this theme provides a clean and intuitive layout to deliver information in the most accessible way possible. Its responsive design ensures that your content looks perfect on desktops, tablets, and smartphones, giving users a seamless reading experience anywhere. Built with speed and usability in mind, the Online Documentation theme offers advanced search functionality, allowing visitors to quickly find answers to their questions. The integration with WooCommerce makes customization simple, enabling you to craft a documentation portal that aligns with your brand without touching a single line of code, and you can even monetize your documentation by offering digital products, premium guides, or related services. Key features include a lightweight, fast-loading structure, SEO-friendly design, customizable layouts, interactive navigation, FAQs, detailed article categorization, and code highlighting for developers. It also supports the use of bbPress plugin for creating community forums, enhancing user engagement and collaboration. Whether you are a software developer providing technical documentation, a SaaS business creating support guides, or a product-based company looking to streamline onboarding, the Online Documentation theme empowers you to deliver knowledge effectively. Its modern design and flexible options make it the perfect solution to reduce support requests, improve customer satisfaction, and build trust with your audience. Demo:https://www.vwthemes.net/online-documentation-pro/
Version: 1.1.2
Requires at least: 5.9
Tested up to: 6.8
Requires PHP: 5.6
License: GPLv3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: online-documentation
Tags: left-sidebar, right-sidebar, one-column, two-columns, three-columns, four-columns, grid-layout, wide-blocks, rtl-language-support, block-styles, style-variations, translation-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, full-site-editing, block-patterns, sticky-post, threaded-comments, template-editing, news, education, portfolio

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

Online Documentation 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;
}
header a,
footer a {
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
  line-height: 1.4;
  font-weight: 700;
}

ul {
  list-style: disc; }

ol {
  list-style: decimal; }

li > ul,
li > ol {
  margin-bottom: 0;
  margin-right: 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-size: 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--secondary);
  outline: 0 !important;
}
.widget a:not(.wp-block-button__link),
.entry-summery a:not(.wp-block-button__link),
.entry-content a:not(.wp-block-button__link) {
  text-underline-offset: 3px;
  text-decoration-skip-ink: all;
  text-decoration-thickness: 1px;
  text-decoration: underline;
}
.widget a:not(.wp-block-button__link):hover,
.entry-summery a:not(.wp-block-button__link):hover,
.entry-content a:not(.wp-block-button__link):hover {
  color: var(--wp--preset--color--primary);
}
a:focus-visible, a:focus {
  outline: thin dotted !important;
}
a:hover, a:active, a:hover {
  outline: 0;
  color: var(--wp--preset--color--primary);
}
/*alignwide*/
.alignfull{
  margin:0 !important;
  width: auto !important
}
h1,h2,h3,h4,h5,h6{
  color: #000;
}
/*---------------- Woocommerce CSS------------------ */
.woocommerce .wp-block-woocommerce-product-collection ul.wc-block-product-template h3.wp-block-post-title{
  font-size: 25px !important;
}
.woocommerce h3 a{
  color: #000!important;
  text-decoration: none;
}
.woocommerce span.page-numbers.current, .woocommerce .page-numbers, .woocommerce .wp-block-query-pagination-next{
  background: var(--wp--preset--color--primary);
  color: #fff;
  padding: 10px;
}
.woocommerce .wp-block-query-pagination-numbers{
  display: flex;
  align-items: center;
  gap: 10px;
}
.woocommerce .wp-block-query-pagination{
  gap: 0;
}
.woocommerce span.page-numbers.current:hover, .woocommerce .page-numbers:hover, .woocommerce .wp-block-query-pagination-next:hover, .woocommerce .wp-block-button__link:hover{
  background: #000;
  color: #fff !important;
}
.woocommerce .wp-block-post{
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.woocommerce .select2-container--default .select2-selection--single{
  height: 40px;
}
.woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered{
  padding: 5px 8px;
}
.woocommerce .select2-container--default .select2-selection--single .select2-selection__arrow{
  top: 8px;
}
.woocommerce form .form-row input.input-text {
  padding: 8px;
  border: 1px solid #bcbcbc;
}
.related.products h2 {
  text-align: right;
}
.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, .wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward{
  background: var(--wp--preset--color--primary);
  color: #fff ;
  border-radius: solid 1px solid var(--wp--preset--color--primary);
  padding: 8px 25px !important;
  opacity: 1 !important;
  text-decoration: none;
  border-radius: 30px;
}
.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward{
  background: var(--wp--preset--color--primary) !important;
  color: #fff !important;
  border-radius: solid 1px solid var(--wp--preset--color--primary) !important;
  border: none !important;
  border-radius: 30px !important;
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover{
  background: var(--wp--preset--color--tertiary) !important;
  border: 1px solid var(--wp--preset--color--tertiary);
}
.woocommerce .quantity .qty {
  width: 5em;
  padding: 7px !important;
  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%;
}
.woocommerce-account.woocommerce-dashboard .wp-block-group.main-page{
  padding: 0 !important;
}
.woocommerce-account.woocommerce-dashboard .wp-block-group.main-page .woocommerce{
  width: 80%;
}
nav.woocommerce-MyAccount-navigation ul {
  list-style: none;
  padding-right: 0;
}
nav.woocommerce-MyAccount-navigation ul li {
  background: var(--wp--preset--color--primary);
  padding: 12px !important;
  margin-bottom: 10px;
}
nav.woocommerce-MyAccount-navigation ul li a{
  color: #fff;
  font-weight: 600;
}
nav.woocommerce-MyAccount-navigation ul li a:hover{
  color: #222 !important;
}
span.posted_in {
  display: block;
}
span.woocommerce-input-wrapper {
  width: 100%;
}
select.orderby {
  padding: 10px;
}
.woocommerce-product-gallery__image{
  padding: 2px;
}
.woocommerce .cart .button, .woocommerce .cart input.button{
  padding: 12px;
}
nav.woocommerce-MyAccount-navigation ul li a, .woocommerce-info a, .woocommerce-privacy-policy-text a, td.product-name a, a.shipping-calculator-button{
  text-decoration: none !important;
}
.woocommerce-privacy-policy-text a, .woocommerce-privacy-policy-text p, .woocommerce form .form-row label {
  color: #000;
  line-height: 28px;
}
.woocommerce .woocommerce-breadcrumb{
  max-width: 90%;
  margin: 0 auto;
}
.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 0 0px 10px !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;
}
.search-icon path{
  color: #000;
}
.single-product #reviews .comment-form .form-submit .submit.wp-block-button__link{
  width: auto;
}
.single-product .woocommerce.product .wp-block-woocommerce-product-price{
  margin-top: 0;
}
.single-product .woocommerce.product .alg_currency_select{
  width: auto;
  background-color: var(--wp--preset--color--primary);
  border: none;
  color: #ffffff;
}
.single-product .wp-block-woocommerce-product-meta .wp-block-group{
  margin-right: 0 !important;
}

/* Header Section */
.dark-mode {
  background-color: var(--wp--preset--color--foreground);
  color: var(--wp--preset--color--background);
}
.main-header-section .header-btn-box .light-icon,
.main-header-section .header-btn-box .dark-icon {
  width: auto !important;
  height: 28px !important;
  display: none;
}
.archive .wp-block-query .wp-block-post > div.wp-block-group,
.search-results .wp-block-query .wp-block-post > div.wp-block-group{
  background-color: var(--wp--preset--color--background);
}
body.dark-mode.error404 .wp-block-cover .wp-block-cover__background{
  background-color: var(--wp--preset--color--foreground) !important;
  opacity: 1 !important;
}
body.dark-mode.error404 .error-page h2,
body.dark-mode.error404 .error-page h1,
body.dark-mode.error404 .error-page p{
  color: var(--wp--preset--color--background) !important;
}
body.dark-mode.single-post .wp-block-comments,body.dark-mode .wp-block-post-comments #comments,
body.dark-mode .wp-block-post-comments .comment-reply-title{
  color: var(--wp--preset--color--foreground) !important;
}
body.dark-mode .theme-sidebar .wp-block-group h3{
  border-bottom-color: var(--wp--preset--color--background);
}
body.dark-mode .theme-sidebar .wp-block-group h3,
body.dark-mode .theme-sidebar .wp-block-group ul li a,
body.dark-mode .news-section .news-box .news-box-title a, 
body.dark-mode .news-section .news-box .wp-block-post-excerpt__excerpt{
  color: var(--wp--preset--color--background) !important;
}
body:not(.dark-mode) .main-header-section .header-btn-box .light-icon {
  display: inline;
}
body.dark-mode.single-post .taxonomy-category a:hover,
body.dark-mode.single-post .taxonomy-post_tag a:hover{
  color: var(--wp--preset--color--background) !important;
}
body.dark-mode .main-header-section .header-btn-box .dark-icon {
  display: inline;
}
body.dark-mode .main-header-section .header-btn-box .header-btn:hover a,
body.dark-mode .main-header-section .header-btn-box .header-btn:hover:after{
  color: var(--wp--preset--color--foreground) !important;
  background: var(--wp--preset--color--background) !important;
}
body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode h4,
body.dark-mode h5,
body.dark-mode h6{
  color: var(--wp--preset--color--background);
}
body.dark-mode .main-header-section .header-logo .header-title a{
  color: var(--wp--preset--color--background) !important;
}
body.dark-mode.home .main-header-section .header-logo .header-title:after{
  background-color: var(--wp--preset--color--foreground) !important;
}
.home .main-header-section .header-menu-box,
.home .main-header-section .header-btn-box{
  margin-top: -15px;
}
.main-header-section .header-logo .header-title{
  text-align: right;
}
.home .main-header-section .header-logo .header-title{
  text-align: center;
}
.home .main-header-section{
  position: absolute;
  z-index: 9;
  width: 100%;
  padding: 0 !important;
}
.main-header-section .header-menu-box .top-menus ul{
  gap: 5px;
}
.main-header-section .header-menu-box .top-menus ul.wp-block-navigation__submenu-container{
  gap: 15px;
}
.main-header-section .header-menu-box .top-menus ul li a{
  padding: 5px 20px !important;
  border-radius: 30px;
}
.main-header-section .header-menu-box .top-menus ul li a:hover{
  background: var(--wp--preset--gradient--icon-background-color);
  color: var(--wp--preset--color--background);
}
.main-header-section .header-menu-box .top-menus ul.wp-block-navigation__submenu-container li a:hover{
  background: var(--wp--preset--color--secondary) !important;
  border-radius: 0;
}
.home .main-header-section .header-logo .header-title{
  position: relative;
}
.home .main-header-section .header-logo .header-title:after{
  content: '';
  position: absolute;
  right: 50%;
  transform: translateX(50%);
  top: 0;
  display: inline-flex;
  clip-path: circle(50% at 50% 0);
  width: 100%;
  height: calc(100% + 52px);
  background: #fff;
  z-index: -1;
}
.home .main-header-section .header-logo .header-title a{
  margin-top: 30px;
  display: block;
}
.main-header-section .header-btn-box .header-btn-inner{
  gap: 10px;
}
.main-header-section .header-btn-box .header-btn{
  position: relative;
}
.main-header-section .header-btn-box .header-btn:after{
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: var(--wp--preset--color--heading-color);
  top: 0;
  right: 0;
  z-index: -1;
  opacity: 0.2;
  transform: rotate(-7deg);
  border-radius: 30px;
}

/* Banner bg */

.banner-section{
  position: relative;
  clip-path: polygon(100% 0%, 100% 0%, 99.298% 0.171%, 97.327% 0.643%, 94.28% 1.353%, 90.365% 2.241%, 85.785% 3.243%, 80.726% 4.297%, 75.4% 5.343%, 69.996% 6.317%, 64.72% 7.158%, 59.801% 7.804%, 59.801% 7.804%, 54.23% 8.307%, 48.32% 8.635%, 42.24% 8.814%, 36.13% 8.867%, 30.074% 8.82%, 24.354% 8.699%, 19.083% 8.527%, 14.413% 8.332%, 10.43% 8.136%, 7.289% 7.966%, 7.289% 7.966%, 6.883% 8.033%, 6.497% 8.273%, 6.137% 8.672%, 5.806% 9.216%, 5.509% 9.891%, 5.251% 10.683%, 5.037% 11.576%, 4.872% 12.557%, 4.769% 13.611%, 4.735% 14.724%, 4.735% 93.208%, 4.735% 93.208%, 4.768% 94.302%, 4.869% 95.339%, 5.024% 96.306%, 5.231% 97.19%, 5.486% 97.975%, 5.782% 98.649%, 6.117% 99.197%, 6.482% 99.606%, 6.874% 99.861%, 7.283% 99.95%, 100% 99.95%, 100% 0%);
}
.banner-main-sec:after{
  content: '';
  background: var(--wp--preset--gradient--banner-background-light);
  height: 550px;
  width: 97%;
  position: absolute;
  right: 0;
  top: 10%;
  z-index: -1;
  opacity: 0.3;
  clip-path: polygon(100% 0%, 2.592% 1.341%, 2.592% 1.341%, 2.174% 1.447%, 1.778% 1.74%, 1.41% 2.206%, 1.075% 2.829%, 0.778% 3.591%, 0.525% 4.478%, 0.321% 5.473%, 0.171% 6.56%, 0.081% 7.723%, 0.056% 8.946%, 0.675% 92.611%, 0.675% 92.611%, 0.718% 93.837%, 0.827% 94.994%, 0.994% 96.066%, 1.215% 97.037%, 1.484%
97.892%, 1.795% 98.616%, 2.142% 99.193%, 2.519% 99.607%, 2.922% 99.843%, 3.344% 99.886%, 100% 86.478%, 100% 0%);
}
.banner-section:before{
  content: '';
  background: var(--wp--preset--gradient--banner-background-color);
  height: 75%;
  width: 70%;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  opacity: 0.3;
  clip-path: polygon(100% 0.075%, 100% 0.075%, 99.259% 0.236%, 97.169% 0.685%, 93.931% 1.368%, 89.743% 2.234%, 84.806% 3.232%, 79.319% 4.308%, 73.482% 5.41%, 67.495% 6.488%, 61.558% 7.487%, 55.871% 8.357%, 55.871% 8.357%, 49.217% 9.152%, 42.057% 9.748%, 34.675% 10.173%, 27.355% 10.453%, 20.382% 10.616%, 14.039% 10.688%, 8.611% 10.697%, 4.381% 10.67%, 1.635% 10.634%, 0.657% 10.616%, 0.657% 10.616%, 1.09% 11.167%, 2.311% 12.69%, 4.205% 14.993%, 6.655% 17.882%, 9.546% 21.162%, 12.762% 24.641%, 16.187% 28.124%, 19.705% 31.418%, 23.2% 34.33%, 26.556% 36.665%, 26.556% 36.665%, 30.678% 38.585%, 34.579% 39.355%, 38.31% 39.275%, 41.927% 38.643%, 45.483% 37.76%, 49.032% 36.924%, 52.628% 36.436%, 56.324% 36.595%, 60.176% 37.701%, 64.237% 40.053%, 64.237% 40.053%, 67.101% 42.277%, 69.723% 44.562%, 72.149% 46.947%, 74.426% 49.471%, 76.6% 52.172%, 78.717% 55.091%, 80.825% 58.266%, 82.97% 61.736%, 85.198% 65.539%, 87.556% 69.716%, 87.556%
69.716%, 89.207% 72.828%, 90.909% 76.284%, 92.608% 79.927%, 94.252% 83.598%, 95.788% 87.139%, 97.164% 90.391%, 98.325% 93.197%, 99.22% 95.397%, 99.796% 96.833%, 100% 97.347%, 100% 0.075%);
}
.banner-section .banner-inner-bg:before{
  content: '';
  background: var(--wp--preset--gradient--banner-background-bottom-left);
  height: 50%;
  width: 50%;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
  opacity: 0.3;
  clip-path:  polygon(100% 95.826%, 1.194% 95.826%, 1.194% 95.826%, 1.624% 95.201%, 2.839% 93.474%, 4.723% 90.867%, 7.16% 87.603%, 10.035% 83.905%, 13.234% 79.995%, 16.64% 76.095%, 20.139% 72.428%, 23.615% 69.217%, 26.953% 66.684%, 26.953% 66.684%, 31.053% 64.63%, 34.932% 63.807%, 38.643% 63.893%, 42.241% 64.569%, 45.777% 65.513%, 49.307% 66.407%, 52.884% 66.928%, 56.56% 66.758%, 60.391% 65.576%, 64.43% 63.061%, 64.43% 63.061%, 67.279% 60.683%, 69.887% 58.24%, 72.3% 55.69%, 74.564% 52.991%, 76.726% 50.102%, 78.832% 46.981%, 80.929% 43.587%, 83.062% 39.876%, 85.278% 35.809%, 87.623% 31.343%, 87.623% 31.343%, 89.265% 28.016%, 90.958% 24.32%, 92.648% 20.424%, 94.283% 16.499%, 95.811% 12.713%, 97.179% 9.235%, 98.334% 6.235%, 99.225% 3.883%, 99.797% 2.347%, 100% 1.798%, 100% 95.826%);
}
.banner-section .banner-inner-bg:after{
  content: '';
  background: var(--wp--preset--gradient--banner-background-bottom-right);
  height: 40%;
  width: 40%;
  position: absolute;
  right: 56%;
  bottom: 0;
  z-index: 1;
  opacity: 0.3;
  clip-path:  polygon(0.102% 82.529%, 0.102% 82.529%, 0.178% 85.342%, 0.397% 88.01%, 0.747% 90.499%, 1.217% 92.771%, 1.795% 94.791%, 2.469% 96.525%, 3.226% 97.935%, 4.055% 98.986%, 4.945% 99.644%, 5.882% 99.871%, 94.343% 99.871%, 94.343% 99.871%, 96.007% 99.244%, 97.397% 97.516%, 98.495% 94.913%, 99.284% 91.661% , 99.744% 87.987%, 99.858% 84.117%, 99.607% 80.278%, 98.973% 76.696%, 97.937% 73.599%, 96.482% 71.211%, 96.482% 71.211%, 95.454% 70.023%, 94.426% 68.868%, 93.399% 67.75%, 92.377% 66.674%, 91.36% 65.645%, 90.351% 64.666%, 89.353% 63.742%, 88.366% 62.878%, 87.394% 62.079%, 86.439% 61.348%, 86.439% 61.348%, 81.592% 58.634%, 77.008% 57.545%, 72.621% 57.659%, 68.37% 58.552%, 64.189% 59.801%, 60.017% 60.982%, 55.79% 61.672%, 51.444% 61.447%, 46.917% 59.884%, 42.143% 56.56%, 42.143% 56.56%, 38.776% 53.416%, 35.693% 50.186%, 32.841% 46.816%, 30.165% 43.248%, 27.61% 39.43%, 25.121% 35.304%, 22.643% 30.817%, 20.122%
25.912%, 17.503% 20.536%, 14.73% 14.632%, 14.73% 14.632%, 14.318% 13.731%, 13.9% 12.798%, 13.477% 11.837%, 13.051% 10.849%, 12.621% 9.836%, 12.189% 8.802%, 11.756% 7.747%, 11.32% 6.676%, 10.885% 5.589%, 10.449% 4.489%, 10.449% 4.489%, 9.199% 2.011%, 7.855% 0.553%, 6.471% 0.051%, 5.1% 0.443%, 3.793% 1.665%, 2.606% 3.653%, 1.59% 6.345%, 0.799% 9.677%, 0.285% 13.586%, 0.102% 18.009%, 0.102% 82.529%);
}

/*Banner section*/
.banner-main-sec .banner-inner-bg svg{
  height: 100%;
  width: 100%;
}
.banner-main-sec .banner-inner-bg{
  position: relative;
  z-index: 2;
}
.banner-main-sec .banner-inner-bg .banner-content{
  position: absolute;
  top: 50%;
  transform: translate(50%, -50%);
  right: 50%;
  width: 100%;
}
.banner-main-sec .banner-content .banner-search-box{
  gap: 0;
  margin: 0 auto;
  width: fit-content;
}
.banner-main-sec .banner-content .banner-search-box button.wp-block-search__button{
  background-color: var(--wp--preset--color--heading-color);
  border-radius: 30px;
  padding: 8px 40px 8px 15px;
  position: relative;
  border: none;
}
.main-header-section .header-btn-box .header-btn:hover a,
.main-header-section .header-btn-box .header-btn:hover:after,
.banner-main-sec .banner-content .banner-search-box button.wp-block-search__button:hover,
body.dark-mode .main-header-section .header-btn-box .header-btn a,
body.dark-mode .main-header-section .header-btn-box .header-btn:after{
  background: var(--wp--preset--gradient--icon-background-color);
  color: var(--wp--preset--color--background) !important;
}
.banner-main-sec .banner-content .banner-search-box button.wp-block-search__button:before{
  content: '';
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  height: 16px;
  width: 16px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url(./images/search.svg);
}
.banner-main-sec .banner-content .banner-search-box .wp-block-categories .postform{
  font-size: 14px;
}
.banner-main-sec .banner-content .banner-search-box .wp-block-categories{
  border-left: 1px solid var(--wp--preset--color--heading-color);
}
.banner-main-sec .banner-content .banner-search-box .wp-block-categories .postform{
  cursor: pointer;
  outline: none;
}
.banner-main-sec .banner-content .banner-search-box form.wp-block-search .wp-block-search__inside-wrapper{
  align-items: center;
}
.banner-main-sec .banner-content .banner-search-box .wp-block-categories .postform,
.banner-main-sec .banner-content .banner-search-box form.wp-block-search .wp-block-search__inside-wrapper,
.banner-main-sec .banner-content .banner-search-box form.wp-block-search .wp-block-search__inside-wrapper .wp-block-search__input{
  background: #0000;
  border: none;
  color: var(--wp--preset--color--heading-color);
}
.banner-main-sec .banner-filter-box, .banner-main-sec .banner-filter-box .banner-filter-btn-box{
  gap: 10px;
}
.banner-main-sec .banner-filter-box .banner-filter-btn{
  display: flex;
}
.banner-main-sec .banner-filter-box .banner-filter-btn a:hover{
  color: var(--wp--preset--color--background) !important;
}

/* Voice button */
#voiceButton {
  border: none;
  background: transparent url("./images/mic.png") no-repeat center center;
  background-size: 20px 20px;
  width: 28px;
  height: 28px;
  margin-right: 6px;
  cursor: pointer;
  padding: 0;
}

/* Listening state */
#voiceButton.listening {
  animation: pulse 1s infinite;
  filter: drop-shadow(0 0 6px red);
}

/* Pulse animation */
@keyframes pulse {
  0%   { transform: scale(1); }
  50%  { transform: scale(1.2); }
  100% { transform: scale(1); }
}

/* Banner Bottom */
.banner-main-sec .banner-bottom {
  margin-top: -45px !important;
  z-index: 2;
}
.banner-btm-outer a {
    text-decoration: none;
}
.banner-main-sec .banner-content .banner-search-box,
.banner-main-sec .banner-bottom .banner-btm-outer,
.document-section .document-detail .document-info-box{
  box-shadow: 0px 0px 12px 0px #00000029;
}
.banner-main-sec .banner-bottom .banner-info-left figure,
.document-section .document-detail .document-info-box .info-img{
  position: relative;
  height: 60px;
  width: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
}
.banner-main-sec .banner-bottom .banner-info-left figure:after,
.document-section .document-detail .document-info-box .info-img:after{
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  background: var(--wp--preset--gradient--icon-background-color);
  opacity: 0.1;
  border-radius: 50%;
  z-index: -1;
}
.banner-main-sec .banner-bottom .banner-info-left figure:before,
.document-section .document-detail .document-info-box .info-img:before{
  content: '';
  position: absolute;
  top: 50%;
  right: 50%;
  height: 100%;
  width: 100%;
  background: var(--wp--preset--gradient--icon-background-color);
  border-radius: 50%;
  transform: translate(50%, -50%) scale(0); /* start small */
  opacity: 0;
  z-index: -1;
}
.banner-main-sec .banner-bottom .banner-bottom-box:hover .banner-info-left figure:before,
.document-section .document-detail .document-info-box:hover .info-img:before{
  transform: translate(50%, -50%) scale(1); /* expand from center */
  opacity: 1;
}
.banner-main-sec .banner-bottom .banner-bottom-box:hover .banner-info-left figure:after,
.document-section .document-detail .document-info-box:hover .info-img:after{
  opacity: 0;
}
.banner-main-sec .banner-bottom .banner-bottom-box:hover .banner-info-left img,
.document-section .document-detail .document-info-box:hover .info-img img{
  filter: brightness(0) invert(1);
  transform: rotateY(-360deg);
}
.banner-main-sec .banner-bottom .banner-bottom-box:hover .banner-info-right .banner-info-title,
.document-section .document-detail .document-info-box:hover .info-title a{
  background: var(--wp--preset--gradient--icon-background-color);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.banner-main-sec .banner-bottom .banner-bottom-box .banner-info-left figure:after,
.banner-main-sec .banner-bottom .banner-info-left figure:before,
.banner-main-sec .banner-bottom .banner-bottom-box .banner-info-left img,
.document-section .document-detail .document-info-box .info-img:before,
.document-section .document-detail .document-info-box .info-img:after,
.document-section .document-detail .document-info-box .info-img img{
  transition: 1s;
}
.banner-main-sec .banner-btm-outer{
  position: relative;
}
.banner-main-sec #toggleSecondRow{
  position: absolute;
  bottom: -24px;
  right: 50%;
  transform: translateX(50%);
}
.banner-main-sec #toggleSecondRow img{
  height: 25px;
  width: auto !important;
}
.banner-main-sec .banner-bottom .banner-btm-outer:before{
  content: '';
  position: absolute;
  top: 40px;
  right: -13%;
  background: var(--wp--preset--gradient--icon-background-color);
  clip-path:  polygon(100% 2.355%, 2.19% 2.355%, 2.19% 2.355%, 2.616% 2.956%, 3.819% 4.618%, 5.683% 7.126%, 8.096% 10.265%, 10.942% 13.823%, 14.109% 17.585%,
17.481% 21.337%, 20.944% 24.864%, 24.385% 27.954%, 27.689% 30.391%, 27.689% 30.391%, 31.748% 32.366%, 35.588% 33.158%, 39.262% 33.075%, 42.823% 32.425%,
46.324% 31.517%, 49.818% 30.657%, 53.359% 30.155%, 56.998% 30.319%, 60.791% 31.456%, 64.789% 33.876%, 64.789% 33.876%, 67.609% 36.164%, 70.191% 38.514%,
72.579% 40.967%, 74.821% 43.564%, 76.961% 46.343%, 79.046% 49.345%, 81.121% 52.611%, 83.233% 56.18%, 85.426% 60.093%, 87.748% 64.39%, 87.748% 64.39%, 89.374%
67.591%, 91.049% 71.146%, 92.722% 74.894%, 94.341% 78.67%, 95.853% 82.313%, 97.207% 85.658%, 98.351% 88.544%, 99.232% 90.807%, 99.799% 92.284%, 100% 92.813%,
100% 2.355%) ;
  width: 300px;
  height: 200px;
  box-shadow: 0px 3px 6px 0px #00000029;
  opacity: 0.1;
  z-index: -1;
}

/* Document Section */
.document-section .document-detail .document-info-box .info-title a{
  color: var(--wp--preset--color--heading-color);
  text-decoration: none;
}
.document-section .document-detail .document-info-box .info-list li{
  list-style: none;
  position: relative;
}
.document-section .document-detail .document-info-box .info-list li:before{
  content: '';
  position: absolute;
  right: 0;
  top: 4px;
  height: 13px;
  width: 13px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url(./images/left-btn.svg);
}
.document-section .document-bg{
  text-align: center;
  position: relative;
}
.document-section .document-bg svg{
  height: 590px;
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
  width: 100%;
}

.document-section .document-detail .document-info-box{
  text-align: right;
}

/* About Us Section */
.about-section .about-right-content .about-small-title{
  display: inline-block;
}
.about-section .about-right-content .about-icon{
  border-radius: 6px;
  height: 40px;
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.about-section .about-right-content .about-icon{
  background-color: var(--wp--preset--color--secondary);
}
.about-section .about-left-content .about-images figure,
.about-section .about-right-content .about-icon,
.about-section .about-right-content .about-icon{
  overflow: hidden;
}
.about-section .about-left-content .about-images img,
.about-section .about-right-content .about-icon img,
.about-section .about-right-content .about-icon img{
  transition: 1.1s;
}
.about-section .about-left-content .about-images img:hover,
.about-section .about-right-content .about-icon:hover img,
.about-section .about-right-content .about-icon:hover img{
  transform: scale(1.1);
}
.about-section .about-left-content .about-images figure{
  border-radius: 20px;
}

/* FAQ's Section */
.faq-section .faq-detail-section details.faq-btm-title summary{
  border: 1px solid #C9C9C9; 
  border-radius: 5px;
  padding: 5px 18px 5px 32px;
  list-style: none;
  position: relative;
}
body.dark-mode .faq-section .faq-detail-section details.faq-btm-title summary:after{
  background-image: url(./images/left-btn1.svg);
}
.faq-section .faq-detail-section details.faq-btm-title summary:after{
  content: '';
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  height: 14px;
  width: 14px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url(./images/left-btn.svg);
}
.faq-section .faq-detail-section details[open].faq-btm-title summary:after{
  background-image: url(./images/left-btn1.svg);
  transform: translateY(-50%) rotate(-90deg);
}
.faq-section .faq-detail-section details[open].faq-btm-title > summary{
  background: var(--wp--preset--gradient--banner-background-main);
  color: var(--wp--preset--color--background);
  border-color: var(--wp--preset--color--secondary);
}

/* Testimonial Section */
.testimonial-section .testimonial-heading-cont{
  position: relative;
}
.testimonial-section .testimonial-heading-cont:after{
  content: '';
  position: absolute;
  height: 7px;
  width: 80px;
  background-color: var(--wp--preset--color--secondary);
  bottom: 0;
  right: 50%;
  border-radius: 10px;
  transform: translateX(50%);
}
.testimonial-section .wp-block-cover .wp-block-cover__background{
  transition: 1s;
}
.testimonial-section .wp-block-cover:hover .wp-block-cover__background{
  background-color: var(--wp--preset--color--primary) !important;
}
.testimonial-section .wp-block-cover:hover .wp-block-cover__inner-container p,
.testimonial-section .wp-block-cover:hover .wp-block-cover__inner-container h5{
  color: #ffffff !important;
}
.testimonial-section .owl-nav{
  position: absolute;
  bottom: 50%;
  transform: translateY(50%);
  margin-top: 0;
  display: flex;
  width: 100%;
  justify-content: space-between;
  z-index: -1;
}
.testimonial-section .owl-nav button{
  border: none;
  height: 35px;
  width: 35px;
  border-radius: 5px;
}
.testimonial-section .owl-nav button{
  background-color: #ffffff;
  transition: 1s;
}
.testimonial-section .owl-nav button:hover{
  background-color: var(--wp--preset--color--primary);
}
.testimonial-section .owl-nav button.owl-prev{
  margin-right: -5%;
}
.testimonial-section .owl-nav button.owl-next{
  margin-left: -5%;
}
.testimonial-section .owl-nav button.owl-next,
.testimonial-section .owl-nav button.owl-prev{
  position: relative;
}
.testimonial-section .owl-nav button.owl-next:after,
.testimonial-section .owl-nav button.owl-prev:after{
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  height: 16px;
  width: 16px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.testimonial-section .owl-nav button.owl-next:after{
  background-image: url(./images/left-btn.svg); background-image: url(./images/right-btn.svg);
  margin-right: 1px;
}
.testimonial-section .owl-nav button.owl-next:hover:after{
  background-image: url(./images/left-btn1.svg); background-image: url(./images/right-btn.svg);
}
.testimonial-section .owl-nav button.owl-prev:after{
  background-image: url(./images/right-btn1.svg); background-image: url(./images/left-btn.svg);
  margin-left: 1px;
}
.testimonial-section .owl-nav button.owl-prev:hover:after{
  background-image: url(./images/right-btn.svg); background-image: url(./images/left-btn.svg);
}
.testimonial-section .client-box {
  position: relative;
}
.testimonial-section .client-box .client-img{
  position: absolute;
  bottom: 0px;
  right: 50%;
  transform: translateX(50%);
}

/* News Section */
.testimonial-section .testimonial-heading-box, .news-section .news-heading-box, .faq-section .faq-heading-box{
  gap: 0;
}
.news-section .news-heading-inner-box .news-small-title,
.faq-section .faq-heading-box .faq-inner-head-box .faq-small-title{
  display: flex;
  margin: 0 auto;
  width: fit-content;
}
.news-section .news-box .wp-block-post-date{
  margin-top: 0;
}
.news-section .news-box .news-meta .wp-block-post-author-name,
.news-section .news-box .news-meta .wp-block-post-date,
.news-section .news-box .news-meta .wp-block-comments .wp-block-comments-title{
  position: relative;
}
.news-section .news-box .news-meta .wp-block-post-author-name:after,
.news-section .news-box .news-meta .wp-block-post-date:after,
.news-section .news-box .news-meta .wp-block-comments .wp-block-comments-title:after{
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 14px;
  width: 14px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.news-section .news-box .news-meta .wp-block-comments .wp-block-comments-title:after{
  height: 17px;
  width: 17px;
}
.news-section .news-box .news-meta .wp-block-post-author-name:after{
  background-image: url(./images/author.svg);
}
.news-section .news-box .news-meta .wp-block-post-date:after{
  background-image: url(./images/calender.svg);
}
.news-section .news-box .news-meta .wp-block-comments .wp-block-comments-title:after{
  background-image: url(./images/comment.svg);
}
body.dark-mode .news-section .news-box .news-meta .wp-block-post-author-name:after{
  background-image: url(./images/author1.svg);
}
body.dark-mode .news-section .news-box .news-meta .wp-block-post-date:after{
  background-image: url(./images/calender1.svg);
}
body.dark-mode .news-section .news-box .news-meta .wp-block-comments .wp-block-comments-title:after{
  background-image: url(./images/comment1.svg);
}
.news-section .news-box .wp-block-post:hover .wp-block-post-title a{
  color: var(--wp--preset--color--primary);
}
.news-section .news-meta{
  flex-wrap: wrap;
  gap: 10px;
}
.news-section .news-box .news-box-title a{
  color: var(--wp--preset--color--heading-color);
}

/*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: 6px 12px;
  font-size: 18px !important;
  text-decoration: none;
  border-radius: 6px;
}
.single-post .wp-block-post-featured-image img{
  width: auto;
}
.single-post .wp-block-post-author__avatar img{
  width: 25px !important;
  height: 25px !important;
}
.wp-block-woocommerce-checkout.wc-block-checkout {
  width: 90%;
  margin: 0 auto;
}
.woocommerce .product .yith-wcwl-add-to-wishlist-button svg,
.woocommerce .product .yith-wcwl-add-to-wishlist-button--added svg{
  color: #ffffff !important;
}

/*archive*/
.archive-page-sec{
  padding-bottom: 30px;
  padding-top: 30px;
}
/*Footer Section*/
.footer-section a:hover{
  color: var(--wp--preset--color--foreground);
}
.footer-section .footer-box .footer-mail-box,
.footer-section .footer-box .footer-phone-box{
  gap: 12px;
}
.footer-section  .wp-block-social-links{
  gap: 10px !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-add{
  margin-left: 10%;
}
.footer-section {
  padding: 0;
  min-height: auto;
}
.footer-section .wp-block-group {
  padding: 50px 0px 0;
}
.footer-section .wp-block-columns.copyright-section {
  padding: 20px 0px;
  margin: 50px 0 0;
}
.footer-section .wp-block-columns.copyright-section .wp-block-column:first-child {
  padding-right: 50px;
}
.footer-section .wp-block-columns.copyright-section .wp-block-column:nth-child(2) {
  padding-left: 50px;
}
.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: 6px !important;
  border-radius: 5px;
  background: #ffffff;
  font-size: 20px !important;
}
.copyright-section p{
  line-height: 30px;
}
.copyright-section p a{
  text-decoration: none;
}
.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;
  background-color: #2b2d42;
}
.innerpage-banner .wp-block-cover__inner-container{
  background-color: #2b2d42;
}
/*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: var(--wp--preset--color--heading-color);
  padding-bottom: 5px;
  border-bottom: 3px double var(--wp--preset--color--heading-color);
  font-size: 24px !important;
}
.theme-sidebar .wp-block-group ul {
  padding-right: 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: var(--wp--preset--color--heading-color) !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: 6px;
  padding: 6px 25px;
}
.wp-block-woocommerce-filled-cart-block .wc-block-cart__sidebar .wc-block-cart__submit .wc-block-cart__submit-button{
  text-decoration: none;
}
.wc-block-cart__sidebar .wc-block-cart__totals-title{
  padding: 8px 16px !important;
}
.single-product .wp-block-woocommerce-product-template li .wp-block-woocommerce-product-button .added_to_cart.wc_forward{
  margin-top: 10px !important;
}
.single-product .wc-block-grid__product-price del .woocommerce-Price-amount.amount{
  text-decoration: line-through;
}
.single-product .wc-block-grid__product-price del{
  text-decoration: none;
}
.single-product .yith-add-to-wishlist-button-block--single a{
  background-color: var(--wp--preset--color--primary);
  text-decoration: none;
  color: #ffffff;
  padding: 10px;
  border-radius: 6px;
}
.wp-element-button:hover{
  background: transparent;
  border: 1px solid var(--wp--preset--color--primary);
  color: #fff !important;
}
.wp-block-search__button:hover{
  color: #fff ;
}
.wp-block-site-logo{
  margin-top: 10px !important;
}
.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;
  color: #fff;
  margin: 10px 10px 0px 0px;
}
.wp-block-latest-posts.is-grid li .wp-block-latest-posts__post-excerpt {
  color: #6b6b6b;
  padding: 0 10px;
  font-size: 14px;
  line-height: 25px;
}
.innerpage-banner .wp-block-group h1{
  color: #fff !important;
}
/*blog post*/
.has-shadow-dark, .has-no-hover-shadow-dark {
  box-shadow: 0 6px 30px 7px #2125471a;
  transition: 0.5s;
  padding: 50px !important;
  margin-bottom: 30px;
}
p.form-submit.wp-block-button input.wp-block-button__link.wp-element-button{
  padding: 10px 15px;
  background: var(--wp--preset--color--primary);
  border-radius: 6px;
  font-size: 18px !important;
  color: #fff;
  border: 1px solid transparent;
  cursor: pointer;
  text-decoration: none !important;
  margin-top: 10px;
  margin-bottom: 10px;
}
.navigation .alignleft a, .navigation .alignright a{
  color: #000 !important;
  font-size: 18px !important;
  text-decoration: none !important;
}
.comment-author.vcard a, .comment-metadata a,.comment-metadata a .edit-link, .reply a, .comment-content a{
  color: #000 !important;
  font-size: 16px !important;
  font-weight: 700;
}
p.form-submit.wp-block-button input.wp-block-button__link.wp-element-button:hover{
  background: transparent !important;
  border: 1px solid var(--wp--preset--color--primary);
}
footer.comment-meta {
  margin-top: 12px;
}
.wp-block-post-author__name{
  margin: 10px 0px;
}
/*Sidebar CSS*/
.theme-sidebar .wp-block-search__button{
  background: var(--wp--preset--color--primary) !important;
}
.theme-sidebar .wp-block-search__button:hover{
  background-color: #ffffff !important;
  color: #000000;
}
.theme-sidebar .wp-block-group {
  padding: 15px ;
  border: 1px solid #eee;
  color: #6b6b6b;
  box-shadow: 0 6px 30px 7px #2125471a;
  transition: 0.5s;
  margin-bottom: 30px;
}
.single-post-sidebar-on-right 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;
}
.archive .wp-block-query li.wp-block-post > .wp-block-group .wp-block-post-title a, 
.archive .wp-block-query li.wp-block-post > .wp-block-group .wp-block-post-date time,
.search-results .wp-block-query li.wp-block-post > .wp-block-group .wp-block-post-title a, 
.search-results .wp-block-query li.wp-block-post > .wp-block-group .wp-block-post-date time{
  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: 6px !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;
}
.wp-element-button:hover, .wp-block-button__link:hover{
  color:#000000 !important;
}
.error404 .error-page .wp-block-search .wp-block-search__button svg,
.search .wp-block-search .wp-block-search__button .search-icon{
  fill: #fff;
}
.error404 .error-page .wp-block-search .wp-block-search__button:hover, 
.search .wp-block-search .wp-block-search__button:hover{
  background-color: #ffffff !important;
}
.error404 .error-page .wp-block-search .wp-block-search__button:hover svg,
.search .wp-block-search .wp-block-search__button:hover .search-icon{
  fill: #000;
}
.single-post .comment-respond .comment-form .comment-form-cookies-consent{
  align-items: flex-start;
}
.single-post .comment-respond .comment-form .comment-form-cookies-consent #wp-comment-cookies-consent{
  margin-top: 10px !important;
}
.wc-block-grid__products {
  justify-content: center;
}
.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 .wp-block-woocommerce-breadcrumbs,
.search.search-no-results .wp-block-woocommerce-breadcrumbs,
.search.search-no-results .wp-block-woocommerce-product-collection-no-results{
  width: 90%;
  margin: 0 auto;
}
.single-product.woocommerce .wp-block-woocommerce-breadcrumbs{
  width: 100%;
}
.footer-para{
  font-size: 14px !important;
}
.woocommerce .wp-block-woocommerce-store-notices + .wp-block-group,
.single-product.woocommerce .woocommerce.product .wp-block-woocommerce-breadcrumbs,
.single-product.woocommerce .woocommerce.product .wp-block-woocommerce-store-notices + .wp-block-columns,
.single-product.woocommerce .woocommerce.product .wp-block-woocommerce-product-details,
.single-product.woocommerce .woocommerce.product .wp-block-woocommerce-product-details + .wp-block-woocommerce-product-collection,
.single-product.woocommerce .wp-block-woocommerce-store-notices{
  width: 90%;
}

/*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;
  width: 90%;
  margin: 0 auto;
}
li.wc-block-grid__product{
  max-width: 100% !important;
}

.wc-block-grid__product-onsale{
  padding: 5px 12px !important;
  font-size: 12px !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 0 24px -1px;
  text-align: right;
  width: 100%;
  border-radius: 5px;
}
td.wc-block-cart-item__image{
  padding: 16px 16px 16px 0px !important;
}
td.wc-block-cart-item__total,.wc-block-components-totals-item,.wc-block-components-totals-coupon{
  padding-right: 16px !important;
  padding-left: 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: right !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: right !important;
}
a.wc-block-components-totals-coupon-link,a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained,
a.wc-block-components-checkout-return-to-cart-button,button.wc-block-components-checkout-place-order-button{
  border-radius: 0;
  color: #fff !important;
  font-weight: 500;
  padding: 10px 25px !important;
  font-size: 18px;
  border-radius: 6px;
}
span.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title{
  font-size: 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-right: auto;
  margin-left: auto;
}
.wc-block-components-main.wc-block-cart__main.wp-block-woocommerce-cart-items-block{
  padding-left: 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;
}
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: 90%;
}
.wc-block-components-totals-item__value,.wc-block-components-product-metadata__description{
  text-align: right;
}
.single-product .wc-block-components-product-price ins,.post-type-archive-product .wc-block-grid__product-price  ins{
  background: none !important;
}
.single-product .wc-block-store-notices + .wp-block-columns > .wp-block-column {
  flex-basis: 40% !important;
}

/* Wishslist */
.woocommerce-wishlist .wishlist_table.mobile{
  padding-right: 0;
}
.woocommerce-wishlist .wishlist_table.mobile table{
  width: auto;
}
.woocommerce-wishlist .wishlist_table.mobile li{
  padding: 15px;
  border: 1px solid #000000;
}
.woocommerce-wishlist .cart.wishlist_table .additional-info-wrapper{
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.woocommerce-wishlist ul.shop_table.cart.wishlist_table.wishlist_view.responsive.mobile{
  display: grid;
  grid-template-columns: 2fr 50%;
  gap: 10px;
}
.woocommerce-wishlist .wishlist_table.images_grid li .item-details table.item-details-table td.label, .wishlist_table.mobile li .item-details table.item-details-table td.label, .wishlist_table.mobile li table.additional-info td.label, 
.woocommerce-wishlist .wishlist_table.modern_grid li .item-details table.item-details-table td.label{
  font-size: 16px !important;
  font-weight: 500;
}
.woocommerce-wishlist .wishlist_table.mobile li .item-details table.item-details-table td,.additional-info .value{
  font-size: 14px !important;
  padding: 6px !important;
}
.woocommerce-wishlist .main-product-section .wishlist_view {
  display: block !important;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.loading::after{
  display: none;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.loading{
  opacity: 1;
}
.woocommerce-wishlist .yith-wcwl-share .share-button i{
  font-family: 'FontAwesome';
}
.woocommerce-wishlist .wishlist-items-wrapper .product-add-to-cart a{
  text-decoration: none !important;
  line-height: 12px;
}
.woocommerce-wishlist .wishlist_table .product-add-to-cart a{
  border-radius: 6px;
  color: #fff;
  padding: 12px 12px !important;
  font-size: 15px;
  font-weight: bold;
  text-decoration: none !important;
}
.woocommerce-wishlist .wishlist_table.responsive .product-name a{
  text-decoration: none;
}

/*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 .wc-block-components-product-price ins,
.woocommerce-wishlist .wishlist-items-wrapper .product-price ins,
.woocommerce-wishlist .wishlist_table.responsive .item-details-table ins{
  background-color: transparent;
}
.woocommerce-wishlist .wishlist-items-wrapper .product-remove a,
.woocommerce-wishlist .wishlist-items-wrapper .product-add-to-cart a{
  text-decoration: none;
}
.woocommerce-wishlist .product-add-to-cart a.add_to_cart_button{
  width: 130px;
  height: 50px;
  display: flex !important;
  align-items: center;
  justify-content: center;
}
.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{
  background: var(--wp--preset--color--primary);
  border-radius: 6px;
  padding: 7px 10px;
  color: #fff;
  text-decoration: none !important;
}
span.page-numbers.current {
  background: var(--wp--preset--color--primary);
  color: #fff;
  padding: 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{
  right: 3% !important;
}
a.wc-block-components-checkout-return-to-cart-button{
  padding: 10px 30px 10px 12px !important;
}

/* Scroll to Top */
.scroll-top-box {
  display: none; /* Initially hidden */
  position: fixed;
  bottom: 20px;
  left: 20px;
  background: var(--wp--preset--color--primary);
  color: white;
  border: none;
  border-radius: 50% !important;
  padding: 10px 16px 13px; 
  cursor: pointer;
  z-index: 1000; 
  transition: opacity 0.3s;
}
.scroll-top-box .wp-block-button__link.wp-element-button{
  border-radius: 50% !important;
  padding: 0!important;
  margin: 0 !important;
}
.scroll-top-box .wp-block-button__link,
.scroll-top-box .wp-block-button__link:hover{
  background-color: var(--wp--preset--color--primary);
}

/*RESPONSIVE MEDIA*/
@media screen and (min-width: 1020px) and (max-width: 1299px){
  .main-header-section .header-logo .wp-block-site-title a{
    font-size: 16px;
  }
}
@media screen and (min-width: 600px) and (max-width: 991px){
  .search.search-results .wp-block-query ul.wp-block-post-template{
    display: grid;
    grid-template-columns: auto auto;
  }
}
@media screen and (min-width: 500px) and (max-width: 767px){
  .main-header-section .header-inner-section{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
  }
  .main-header-section .header-inner-section .header-logo{
    grid-column: span 3 / span 3;
  }
  .main-header-section .header-inner-section .header-menu-box{
    grid-row-start: 2;
    margin-bottom: 0;
  }
  .main-header-section .header-inner-section .header-btn-box{
    grid-column: span 2 / span 2;
    grid-row-start: 2;
  }
}
@media screen and (max-width: 500px){
  .banner-main-sec .banner-content .banner-search-box{
    flex-wrap: wrap;
  }
  .banner-main-sec .banner-content .banner-search-box .wp-block-categories{
    border-left: none;
    padding-bottom: 15px;
  }
}
@media screen and (max-width:767px) {
  .home .main-header-section .header-logo .header-title a{
    margin-top: 0;
  }
  .home .main-header-section .header-menu-box, .home .main-header-section .header-btn-box {
    margin-top: 0;
    margin-bottom: 0;
  }
  .home .main-header-section{
    position: static !important;
    padding-bottom: 15px !important;
  }
}
.info-list-item {
    margin-bottom: 8px;
    padding-right: 20px;
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
}
.info-box-padded-rounded {
    border-radius: 10px;
    padding: 25px 25px 15px 25px;
}
.info-title {
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: 700;
    text-transform: capitalize;
}

.atr-whatsapp-btn-wrap {
  position: fixed;
  bottom: 20vh;
  left: 10px;
  cursor: pointer;
  z-index: 99999999;
}
.atr-whatsapp-btn-title {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row-reverse;
}

.atr-whatsapp-btn.atr-whatsapp-btn-hover {
  padding: 0px 16px;
  line-height: 1.6;
  background-color: #25d366;
  color: #ffffff;
  border-radius: 10px;
  margin: 0 10px;
  display: none;
}
.atr-whatsapp-btn.atr-whatsapp-btn-hover {
  padding: 0px 16px;
  line-height: 1.6;
  background-color: #25d366;
  color: #ffffff;
  border-radius: 10px;
  margin: 0 10px;
  display: none;
}
@media screen and (max-width: 600px) {
  .atr-whatsapp-btn-wrap {
    bottom: 25vh;
  }
}