/*
Theme Name: Ovation Spa Blocks
Theme URI: https://www.ovationthemes.com/products/free-salon-wordpress-theme
Author: pewilliams
Author URI: https://www.ovationthemes.com/
Description: Ovation Spa Blocks stands as a versatile and visually stunning WordPress theme designed to cater to the needs of spa and wellness businesses. Tailored for those seeking an elegant online presence, this theme combines functionality with a sophisticated aesthetic. Ideal for spa, wellness, relaxation, beauty, massage, skincare, holistic, rejuvenation, therapy, wellness center, health, spa services, treatment, luxury, self-care, body treatments and stress relief services. it provides a platform for showcasing services, treatments, and creating a serene digital environment. The theme’s layout is thoughtfully crafted, emphasizing a clean and organized design that ensures an immersive and aesthetically pleasing experience for visitors. Its responsive design guarantees optimal viewing across devices, enabling potential clients to explore offerings seamlessly on desktops, tablets, or smartphones. Ovation Spa Blocks offers a range of customization options, allowing businesses to align the theme with their brand identity. From color schemes to typography, users can tailor the visual elements to create a unique and personalized online space. Beyond its visual appeal, the theme integrates practical features, making it a functional tool for spa businesses. Whether highlighting services, presenting testimonials, or providing contact information, Ovation Spa Blocks WordPress Theme ensures an engaging and informative user experience. The Ovation Spa Blocks WordPress Theme is a comprehensive solution for spa and wellness establishments seeking to establish a captivating online presence. Demo: https://trial.ovationthemes.com/beauty-salon/
Requires at least: 6.1
Tested up to: 6.8
Requires PHP: 5.6
Version: 2.7
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl-3.0.en.html
Text Domain: ovation-spa-blocks
Tags: blog, portfolio, e-commerce, one-column, two-columns, custom-colors, custom-menu, custom-logo, sticky-post, threaded-comments, right-sidebar, left-sidebar, grid-layout, custom-background, rtl-language-support, featured-images, wide-blocks, editor-style, full-site-editing, block-patterns, block-styles, style-variations, template-editing, translation-ready

Ovation Spa Blocks WordPress Theme, Copyright 2024 pewilliams
Ovation Spa Blocks is distributed under the terms of the GNU GPL

*/

a{
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
a:focus,
button:focus{
	outline: 2px solid blue !important;
}
/*navigation css*/
@media screen and (min-width:1000px){
    .wp-block-navigation ul li a{
        position: relative;
    } 

    .wp-block-navigation ul li a::before {
        content: "";
        background: var(--wp--preset--color--primary);
        opacity: 0;
        margin: 0 auto;
        height: 2px;
        width: 0;
        left: 0;
        right: 0;
        bottom: -2px;
        position: absolute;
        -moz-transition: width 0.5s ease-in-out, opacity 0.5s ease-in-out;
        -o-transition: width 0.5s ease-in-out, opacity 0.5s ease-in-out;
        -webkit-transition: width 0.5s ease-in-out, opacity 0.5s ease-in-out;
        transition: width 0.5s ease-in-out, opacity 0.5s ease-in-out;
    }
    .wp-block-navigation ul li a:hover::before,
    .wp-block-navigation ul li a:focus::before {
        opacity: 1;
        width: calc(100% - 3px);
    }
    .wp-block-navigation .current-menu-item a::before{
        content: "";
        position: absolute;
        opacity: 1;
        background: var(--wp--preset--color--primary);
        margin: 0 auto;
        height: 3px;
        left: 0;
        right: 0;
        top: -20px;
        width: calc(100% - 3px);
    }
    .wp-block-navigation ul li a:hover,
    .wp-block-navigation ul li a:focus,
    .wp-block-navigation .current-menu-item a,
    .wp-block-navigation ul ul li a:hover,
    .wp-block-navigation ul ul li a:focus,
    .wp-block-navigation__submenu-container .current-menu-item a{
        color: var(--wp--preset--color--primary) !important;
    }
    .wp-block-navigation .has-child .wp-block-navigation__submenu-container{  
        border-top: 2px solid var(--wp--preset--color--primary);
        border-bottom: 2px solid var(--wp--preset--color--primary);
        box-shadow: 2px 2px 8px #cfc8d8;
    }
    .wp-block-navigation ul ul li a:hover::before,
    .wp-block-navigation ul ul li a:focus::before,
    .wp-block-navigation ul ul .current-menu-item a::before {
        width: 0 !important; 
    }
    .wp-block-navigation ul ul li a{
        border-bottom: 1px solid var(--wp--preset--color--border-color);
        color: var(--wp--preset--color--primary) !important;
    }
    .wp-block-navigation ul li:last-child a{
        border-bottom: none;
    }
    .wp-block-navigation ul ul li a:hover,
    .wp-block-navigation ul ul li a:focus,
    .wp-block-navigation__submenu-container .current-menu-item a{
        background-color: var(--wp--preset--color--primary-light) !important;
    }
}
.wp-block-navigation ul ul{
    padding: 0 !important;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container{
    width: 100%;
    border: 1px solid var(--wp--preset--color--border-color);
    border-top-color: var(--wp--preset--color--primary);
    border-bottom-color: var(--wp--preset--color--primary);
}
.wp-block-navigation__responsive-container.is-menu-open li a,
.wp-block-navigation__responsive-container.is-menu-open li li a,
.wp-block-navigation__responsive-container.is-menu-open li li:last-child a{
    border-bottom: 1px solid var(--wp--preset--color--border-color);
}
.wp-block-navigation__responsive-container.is-menu-open li:last-child a{
    border-bottom: none;
}
.wp-block-navigation__responsive-container.is-menu-open li a:hover,
.wp-block-navigation__responsive-container.is-menu-open li a:focus,
.wp-block-navigation__responsive-container.is-menu-open li.current-menu-item a{
    background-color: var(--wp--preset--color--primary-light) !important;
    color: var(--wp--preset--color--primary) !important;
}
.wp-block-navigation .wp-block-navigation__submenu-icon{
    background: transparent;
}
@media screen and (max-width:999px) {
    .wp-block-navigation__responsive-container,
    .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content{
        display: none;
    }

    .wp-block-navigation__responsive-container-close svg,
    .wp-block-navigation__responsive-container-open svg{
        width: 26px;
        height: 26px;
    }
    
    .wp-block-navigation__responsive-container-open svg{
        fill: var(--wp--preset--color--white);
    }
    .wp-block-navigation__responsive-container-close svg{
        fill: var(--wp--preset--color--black);
    }

    .wp-block-navigation__responsive-container-close{
        top: 0;
        right: 20px;
    }

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

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

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{
        padding: 1.5em;
        padding-top: 2.5rem;
    }

    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container {
        width: 100%;
        gap: 0 !important;
        border-bottom: none;
    }
    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item {
        width: 100%;
        gap: 0 !important;
        border: none !important;
    }
    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item a {
        width: calc( 100% - 48px );
        padding: 12px 24px 12px;
        line-height: 30px;
        text-align: left;
    }

    /*
    * Submenu Css
    */
    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item ul.wp-block-navigation__submenu-container {
        width: 100%;
        gap: 0;
        margin: 0;
        padding: 0;
        box-shadow: none;
    }
    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item ul.wp-block-navigation__submenu-container li.wp-block-navigation-item a{
        gap: 3px;
        font-weight: 300 !important;
    }
    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item ul.wp-block-navigation__submenu-container li.wp-block-navigation-item a:before {
        content: '--';
    }
}
.wp-block-image img{
    vertical-align: middle;
}

.pos-relative{
    position: relative;
}

form {
    position: relative;
}

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,
select {
    width: 100%;
    margin: 0;
    padding: 10px 15px;
    border: 1px solid var(--wp--preset--color--border-color);
    outline: 0;
    resize: none;
    line-height: 20px;
    background: none;
    color: var(--wp--preset--color--foreground);
    font-weight: 400;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
select option{
    background: var(--wp--preset--color--base);
    color: var(--wp--preset--color--foreground);
}
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
select::-ms-expand {
    display: none; /* hide the default arrow in ie10 and ie11 */
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus,
select:focus {
    border-color: var(--wp--preset--color--primary);
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    cursor: pointer;
    border: none;
    outline: none;
    padding: 12px 20px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: var(--wp--preset--color--primary);
    border-radius: 0;
}
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    text-align: center;
    letter-spacing: 2px;
}

.wpcf7-form label {
    display: block;
    text-transform: uppercase;
    font-size: 12px;
    margin: 0 0 8px;
    color: var(--wp--preset--color--foreground);
    font-weight: 700;
}

.form-group {
    margin-bottom: 30px;
}

.form-group p{
    margin: 0;
}

.form-group.half {
    width: 48%;
    margin-right: 4%;
    float: left;
}

.form-group.half.last {
    margin-right: 0;
}

.form-group.third {
    width: 32%;
    margin-right: 2%;
    float: left;
}

.form-group.third.last {
    margin-right: 0;
}
/*sidebar css*/
.sidebar-box,.inner-post-box{
    position: relative;
    box-shadow: 0px 4px 9px var(--wp--preset--color--sidebar-shadow-color);
}
.sidebar-heading{
    display: table;
    position: absolute;
    left: 0;
    right: 0;
    top: -25px;
    width: auto;
}
.sidebar-post-title{
    margin-block-start: 10px;
    margin-block-end: 0;
}
.sidebar-box .wp-block-page-list  ul li{
    list-style: square;
}
.sidebar-box .wp-block-archives-list li ,
.sidebar-box .wp-block-categories-list li,
.sidebar-box .wp-block-page-list li{
    list-style: circle;

}
.sidebar-box .wp-block-archives-list li::marker,
.sidebar-box .wp-block-categories-list li::marker,
.sidebar-box .wp-block-page-list li::marker{
    color: var(--wp--preset--color--primary);
}
.sidebar-box .wp-block-archives-list,.sidebar-box .wp-block-categories-list{
    padding-left: 20px;
}
.sidebar-box ul li a{
    text-decoration: none;
}
.sidebar-box .wp-block-tag-cloud a{
    background: var(--wp--preset--color--primary-light);
    color: var(--wp--preset--color--black);
}
.sidebar-box .wp-block-tag-cloud a:hover{
    background: var(--wp--preset--color--background);
    color: var(--wp--preset--color--primary);
}
/*post css*/
.post-title{
    position: relative;
}
.post-title .wp-block-separator{
    width: 57px !important;
}
.post-title .wp-block-separator:after{
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background: var(--wp--preset--color--primary);
    top: 0;
    bottom: 0;
    margin: auto;
}
.archieve-readmore .wp-block-separator{
    width: 20px !important;
}
/*comment*/
.wp-block-comments{
    padding: 20px;
    border: 1px solid var(--wp--preset--color--border-color);
}
.wp-block-comment-template li .wp-block-columns{
    border: 1px solid var(--wp--preset--color--border-color);
    padding: 20px;
}
.wp-block-avatar img{
    border: 1px solid var(--wp--preset--color--border-color);
    padding: 2px;
}
.wp-block-post-comments-form textarea{
    background: var(--wp--preset--color--section-bg);
}
/*pagination*/
.wp-block-query-pagination-numbers .page-numbers{
    padding: var(--wp--preset--spacing--20);
    line-height: 1;
    text-decoration: none;
    color:var(--wp--preset--color--primary);
}
.wp-block-query-pagination-numbers .page-numbers.current{
    background-color: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--white) !important;
}
.wp-block-query-pagination-numbers .page-numbers:hover{
    color:var(--wp--preset--color--heading);
}
.wp-block-query-pagination-next, .wp-block-query-pagination-previous{
    background-color: var(--wp--preset--color--primary);
    font-size: var(--wp--preset--font-size--small);
    line-height: 1;
    padding: 10px;
    color: var(--wp--preset--color--white);
    text-decoration: none;
}
.wp-block-query-pagination-next:hover, .wp-block-query-pagination-previous:hover{
    color: var(--wp--preset--color--background);
    background-color: var(--wp--preset--color--heading);
}

/*woocommerce*/
.wp-block-group.woocommerce.product{
    margin-block-start: 0;
}
.wc-block-product,
.wc-block-grid__product,
.woocommerce .products li,
.wp-block-woocommerce-related-products li,
.products-block-post-template li{
    text-align: center;
    padding: 10px !important;
    background: var(--wp--preset--color--section-bg);
}
.wc-block-grid__product{
    margin: 0 10px;
}
a.wc-block-grid__product-link,.wc-block-grid__product-image,.wc-block-grid__products .wc-block-grid__product-image img {
    width: 100%;
}
.wc-block-components-product-rating__stars,.wc-block-grid__product-rating,.woocommerce .star-rating {
    margin: 0 auto 0.5em;
    color: #f4bc16;
}
.wc-block-components-product-rating__stars::before,.wc-block-grid__product-rating .star-rating:before{
    color: #cfc8d8;
}
.woocommerce span.onsale,.wc-block-grid .wc-block-grid__product-onsale, .wc-block-grid__product-image .wc-block-grid__product-onsale{
    background-color: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--white);
    padding: 0;
    border-radius: 0px;
    margin: 5px !important;
    min-height: 8px;
    line-height: 26px;
    min-width: 60px;
}
nav.woocommerce-MyAccount-navigation ul li {
    background: var(--wp--preset--color--primary);
    border: 1px solid;
    border-color: var(--wp--preset--color--primary);
    padding: 12px!important;
    margin-bottom: 10px;
}
nav.woocommerce-MyAccount-navigation ul li a{
    color: var(--wp--preset--color--white);
}
nav.woocommerce-MyAccount-navigation ul li:hover {
    background: var(--wp--preset--color--heading);
    border-color: var(--wp--preset--color--heading);
}
nav.woocommerce-MyAccount-navigation ul li:hover a{
    color: var(--wp--preset--color--background);
}
.woocommerce ul.products li.product .button{
    padding: var(--wp--preset--spacing--30);
    border-radius: 30px;
}
.woocommerce a.added_to_cart,
.added_to_cart.wc-forward{
    background-color: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--white);
    border-radius: 0;
    padding: var(--wp--preset--spacing--30);
    text-decoration: none;
    display: inline-block;
    
}
.added_to_cart.wc-forward{
    margin-left: 10px;
}
.wc-block-components-product-badge{
    box-shadow: 2px 2px 0 0 var(--wp--preset--color--heading);
    border-radius: 0 !important;
    border: solid 2px var(--wp--preset--color--heading) !important;
    padding: 5px 8px !important;
}
.wc-block-grid__product .wc-block-grid__product-title,.wc-block-components-product-name,h2.woocommerce-loop-product__title,.woocommerce-Tabs-panel h2{
  font-size: 18px !important;
  font-weight: bold;
}
.woocommerce #review_form #respond textarea{
   background: var(--wp--preset--color--section-bg);
    border: 1px solid var(--wp--preset--color--border-color);
}
.woocommerce-Tabs-panel--reviews,.wc-block-checkout__form,.woocommerce-Tabs-panel--description{
    padding: 20px !important;
    border: 1px solid var(--wp--preset--color--border-color);
}
.wc-block-checkout__form, .wp-block-woocommerce-checkout-order-summary-block,.wc-block-checkout__actions_row a:hover{
    color: var(--wp--preset--color--heading);
}
.wc-block-components-sidebar-layout.wc-block-cart{
    padding-top: 30px;
}
.wc-block-cart{
    border: 1px solid var(--wp--preset--color--border-color);
    padding: 30px;
    border-radius: 10px;
    color: var(--wp--preset--color--heading);
}
.is-large.wc-block-cart .wc-block-cart-items td:after ,.is-large.wc-block-cart .wc-block-cart-items:after {
    border-color: transparent;
}
.wc-block-cart .wc-block-cart-items th,.wp-block-woocommerce-cart-order-summary-block .wc-block-cart__totals-title{
    padding: 10px !important;
}
.wc-block-cart table.wc-block-cart-items{
    margin: 0 !important;
}
.wp-block-woocommerce-cart .wc-block-cart-items,.wc-block-cart-items__header,.wp-block-woocommerce-checkout-order-summary-block,.wp-block-woocommerce-cart-order-summary-block,.woocommerce-Tabs-panel--description,.is-large.wc-block-cart .wc-block-cart-items{
    border: 1px solid var(--wp--preset--color--border-color);
}
.wc-block-components-totals-wrapper:after{
    border-color:  var(--wp--preset--color--border-color);
    opacity: 1 !important;
}
.wc-block-cart__submit-container a{
    margin-top: 15px;
}
.wc-block-checkout__actions_row a{
    color: var(--wp--preset--color--primary);
}
.wc-block-checkout__actions_row a:hover{
    color: var(--wp--preset--color--heading);
}
.wp-block-woocommerce-cart.alignwide, .wp-block-woocommerce-checkout.alignwide.wc-block-checkout {
    margin-right: auto !important;
    margin-left: auto !important;
}
.wc-block-components-sidebar-layout .wc-block-components-main {
    padding-right: 0 !important;
}
.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward:hover {
    background: transparent;
}
@media screen and (max-width:999px){
    .woocommerce-page.search .wp-block-woocommerce-product-template,
    .woocommerce-page .products-block-post-template,
    .wp-block-woocommerce-related-products .wp-block-post-template{
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    .woocommerce-page .wp-block-query-title{
        font-size: 30px !important;
    }
    .wc-block-components-totals-wrapper{
        padding: 16px 22px;
    }
    .wc-block-cart{
        padding: 0;
        border: none;
    }
    .wc-block-components-sidebar-layout.wc-block-cart{
        padding-top: 0;
    }
}
@media screen and (max-width:600px){
    .woocommerce-page.search .wp-block-woocommerce-product-template,
    .woocommerce-page .products-block-post-template,
    .wp-block-woocommerce-related-products .wp-block-post-template{
        grid-template-columns: 1fr !important;
    }
    .single-product .wp-block-woocommerce-product-meta .wp-block-group{
        display: block !important;
    }
    .woocommerce-page .wp-block-query-title{
        font-size: 25px !important;
    }
    .wp-block-woocommerce-cart:where(:not(.alignleft):not(.alignright):not(.alignfull)){
        max-width: 90% !important;
    }
}
/* scroll top */
p.scroll-top {
    position: absolute;
}
.scroll-top::before{
    font-size: 20px;
    cursor: pointer;
    background: var(--wp--preset--color--white); 
    color: var(--wp--preset--color--primary);
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    content: '\f135'; 
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 40px;
    height: 40px;
    transform: rotate(-45deg);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    z-index: 99;
}

.scroll-top:hover::before {
    background: var(--wp--preset--color--heading) !important;
    color: var(--wp--preset--color--background);
}
/*header*/
.search-block .wp-element-button{
    background: transparent !important;
    border: none;
    padding: 0;
    align-items: center;
}
.custom-home-header .menu-header{
    position: absolute;
    width: 100%;
    z-index: 999;
    background-color: rgb(30 30 30 / 69%) !important;
}
.menu-header{
    margin-block-start: 0 !important;
}
/*banner*/
.banner-image-cover img{
    width: 100%;
}
.banner-content span{
    color: var(--wp--preset--color--background) !important;
}
.banner-text{
    width: 70%;
}
/*beauty blog*/
.beauty-outer-box img{
    width: 100%;
}
.blog-img-1{
    margin-bottom: 0;
}
.blog-right-box{
    display: grid !important;
    grid-auto-flow: column;
}
.blog-right-box .wp-block-column{
    height: 100%;
}
.blog-right-box img,.blog-right-box figure{
    object-fit: cover;
    height: 100%;
}
/*product*/
.product-img-box{
    position: relative;
}
.product-btn{
    position: absolute;
    left: 0;
    right: 0;
    top: 40%;
    transform: translateY(-50%);
    display: none !important;
}
.product-img-box:hover .product-btn{
    display: flex !important;
}
.product-img-box img:hover{
    opacity: 0.5;
}
.product-img-box img{
    height: 250px;
    object-fit: cover;
}
.best-products .wp-block-woocommerce-product-price{
    margin-block-start: 10px !important;
}
.best-products a{
    text-decoration: none;
}
.best-products .products-block-post-template li{
    background: transparent;
    padding: 0;
}
/*service*/
.service-text{
    width: 50%;
}
.service-name{
    display: flex;
    align-items: center;
}
.service-name:after{
    content: '';
    flex: 1;
    margin: 0px 5px;
    height: 0.5px;
    background-color: var(--wp--preset--color--heading);
}
.new-tag{
    display: inline-block;
    border-radius: 30px;
}
/*footer*/
.footer-widgets .wp-block-search__button{
    border: none;
}
.footer-widgets input[type="search"]{
    background: #627280;
    border: none;
}
.footer-widgets .wp-block-search__inside-wrapper{
    border: none;
    background: #627280;
    padding: 0;
}
.footer-widgets li a{
    text-decoration: none;
}
.footer-widgets li{
    margin-block-start: 10px;
}
.copyright-text a:hover,.footer-widgets li:hover,.footer-widgets li:hover a{
    color: var(--wp--preset--color--heading) !important;
}
/* --- Block Media Quries
-------------------------------------------------------- */
/* --- > Media Queries
-------------------------------------------------------- */
/* --- > 781px
-------------------------------------------------------- */
@media screen and (max-width:999px) {
    .latest-news .wp-block-post-template,
    .post-grid-layout.wp-block-post-template{
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    .inner-cover-img h2,.without-cover-img h2{
        font-size: 30px !important;
    }
    
}
@media screen and (max-width: 999px) and (min-width: 782px){
    .page-template-blog-right-sidebar .wp-block-post-template,
    .page-template-blog-left-sidebar .wp-block-post-template,
    .search-results .wp-block-post-template{
        grid-template-columns: 1fr !important;
    }
    .sidebar-col,.post-col{
        flex-basis: 50% !important;
    }
    .page-sidebar-col{
        flex-basis: 40% !important;
    }
    .page-text-col{
        flex-basis: 60% !important;
    }
}
@media screen and (max-width:781px){
    .post-title .wp-block-separator{
        width: 30px !important;
    }
    .post-title h4{
        font-size: 21px;
    }
    .archieve-meta time ,.archieve-meta .wp-block-post-author-name{
        font-size: 13px !important;
    }
}
@media screen and (max-width:767px){
    .post-grid-layout.wp-block-post-template,
    .page-template-blog-right-sidebar .wp-block-post-template,
    .page-template-blog-left-sidebar .wp-block-post-template,
    .latest-news .wp-block-post-template,
    .search-results .wp-block-post-template{
        display: block !important;
    }
    .post-grid-layout.wp-block-post-template li,
    .page-template-blog-right-sidebar .wp-block-post-template li,
    .page-template-blog-left-sidebar .wp-block-post-template li,
    .latest-news .wp-block-post-template li,
    .search-results .wp-block-post-template li{
        margin-bottom: 30px;
    }
    .post-grid-layout.wp-block-post-template li:last-child,
    .page-template-blog-right-sidebar .wp-block-post-template li:last-child,
    .page-template-blog-left-sidebar .wp-block-post-template li:last-child,
    .latest-news .wp-block-post-template li:last-child,
    .search-results .wp-block-post-template li:last-child{
        margin-bottom: 0;
    }
    .inner-cover-img h2,.without-cover-img h2{
        font-size: 25px !important;
        text-align: center !important;
    }
    .error-heading{
        font-size: 110px !important;
    }
}
@media screen and (max-width:999px) {
    .logo-block{
        flex-basis: 70% !important;
    }
    .nav-block{
        flex-basis: 20% !important;
    }
}
@media screen and (max-width:1505px) and (min-width:782px){
    .top-info{
        flex-basis: 100% !important;
    }
    .info-head .wp-block-columns{
        gap: 5px !important;
    }
    .mail-box{
        flex-basis: 30% !important;
    }
    .lacation-box{
        flex-basis: 45% !important;
    }
}
@media screen and (max-width:1255px) and (min-width:782px){
    .service-text-box{
        flex-basis: 80% !important;
    }
    .service-price-box{
        flex-basis: 20% !important;
    }
}
@media screen and (max-width:1200px){
    .beauty-outer-box{
        display: block !important;
    }
    .blog-right-box-1{
        margin-block-start: 24px !important;
    }
    .banner-content{
        flex-basis: 80% !important;
    }
    .best-products .products-block-post-template{
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
    
}
@media screen and (max-width:1200px) and (min-width:782px){
    .logo-box h1{
        font-size: 20px !important;
    }
    .btn-block a{
        font-size: 13px !important;
        padding: 10px !important;
    }
    .nav-block li a{
        font-size: 14px !important;
    }
    .nav-block ul{
        gap: 10px !important;
    }
}
@media screen and (max-width: 781px){
    .search-block.is-layout-flow > .alignright {
        float: none;
        display: grid;
        justify-content: center;
        margin-inline-start: 0 !important;
    }
    .top-info .wp-block-columns,.menu-header .wp-block-columns,.service-main-box .wp-block-columns{
        flex-wrap: nowrap !important;
    }
    .info-head,.menu-header{
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
    .info-head :where(:not(.alignleft):not(.alignright):not(.alignfull)),.menu-header :where(:not(.alignleft):not(.alignright):not(.alignfull)){
        max-width: 100% !important;
    }
    .info-head .wp-block-columns{
        gap: 5px !important;
    }
    .info-head p{
        font-size: 10px !important;
    }
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.logo-block{
        flex-basis: 35% !important;
    }
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.btn-block{
        flex-basis: 35% !important;
    }
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.nav-block{
        flex-basis: 10% !important;
    }
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.service-price-box,.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.search-block{
        flex-basis: 20% !important;
    }
    .blog-right-box{
        display: block !important;
    }
    .blog-right-box .wp-block-column,.blog-right-box img,.blog-right-box figure{
        height: auto;
    }
    .best-products .products-block-post-template {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.service-text-box{
        flex-basis: 80% !important;
    }
    .service-group .wp-block-spacer{
        height: 0 !important;
    }
}
@media screen and (max-width:600px){
    .copyright-text{
        display: grid !important;
    }
    .copyright-text p,.logo-block h1{
        text-align: center;
    }
    .logo-box,.btn-block .wp-block-buttons{
        justify-content: center !important;
    }
    .menu-header .wp-block-columns{
        flex-wrap: wrap !important;
    }
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.logo-block,.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.btn-block{
        flex-basis: 100% !important;
    }
    .custom-home-header .menu-header{
        position: static;
        background-color: var(--wp--preset--color--black) !important;
    }

}
@media screen and (max-width:500px){
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.service-text-box{
        flex-basis: 70% !important;
    }
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.service-price-box{
        flex-basis: 30% !important;
    }
    .top-info .wp-block-columns{
        flex-wrap: wrap !important;
    }
    .service-name:after{
        display: none;
    }
    .service-text-box p{
        font-size: 10px !important;
    }
    .service-text-box .service-name,.service-text{
        font-size: 10px !important;
    }
    .info-head p{
        text-align: center;
    }
    .logo-box h1{
        font-size: 20px !important;
    }
    .sub-heading{
        font-size: 18px !important;
    }
    .main-heading{
        font-size: 20px !important;
    }
    .banner-image-cover{
        min-height: 600px !important;
    }
    .banner-content h1{
        font-size: 40px !important;
        text-align: center;
    }
    .banner-text,.service-text{
        width: 100%;
        text-align: center;
    }
    .banner-content .wp-block-buttons,.info-row{
        justify-content: center !important;
    }
    .best-products .products-block-post-template {
        grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
}

/*frontpage swiper css start*/
.wp-block-group.ovation-spa-blocks-swiper {
  overflow: hidden;
  position: relative;
}
.ovation-spa-blocks-swiper .swiper-slide {
  display: flex;
}
.wp-block-group.ovation-spa-blocks-swiper-controls {
  position: unset;
}
.wp-block-group.ovation-spa-blocks-swiper .wp-block-cover.swiper-slide {
  margin-block-start: 0 !important;
}
.ovation-spa-blocks-pagination.swiper-pagination-clickable.swiper-pagination-bullets {
  position: absolute;
  bottom: 20px;
  z-index: 1;
  width: 100%;
  text-align: center;
  left: 50%;
  transform: translateX(-50%);
}
.ovation-spa-blocks-pagination.swiper-pagination-clickable.swiper-pagination-bullets span.swiper-pagination-bullet {
  width: 10px;
  height: 10px;
}
.ovation-spa-blocks-pagination.swiper-pagination-clickable.swiper-pagination-bullets span.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--wp--preset--color--primary);
}
.wp-block-group.ovation-spa-blocks-swiper .ovation-spa-blocks-swiper-button-prev,
.wp-block-group.ovation-spa-blocks-swiper .ovation-spa-blocks-swiper-button-next {
  width: 40px;
  height: 40px;
  border-radius: 0;
  background: #FFFFFF;
  color: #000;
  transition: all ease 0.23s;
  opacity: 0;
  top: 50%;
  margin: -20px 0 0 0;
}
.wp-block-group.ovation-spa-blocks-swiper .ovation-spa-blocks-swiper-button-prev{
    left: 0;
}
.wp-block-group.ovation-spa-blocks-swiper .ovation-spa-blocks-swiper-button-next{
    right: 0;
}
.wp-block-group.ovation-spa-blocks-swiper .ovation-spa-blocks-swiper-button-prev:hover,
.wp-block-group.ovation-spa-blocks-swiper .ovation-spa-blocks-swiper-button-next:hover {
  background: var(--wp--preset--color--secondary);
  color: #fff;
}
.wp-block-group.ovation-spa-blocks-swiper .ovation-spa-blocks-swiper-button-prev:after,
.wp-block-group.ovation-spa-blocks-swiper .ovation-spa-blocks-swiper-button-next:after {
  font-size: 15px;
  font-weight: 900;
}

.ovation-spa-blocks-swiper-controls.wp-block-group.block-editor-block-list__layout .wp-block.wp-block-html {
  display: none;
}

.ovation-spa-blocks-swiper-controls.wp-block-group.block-editor-block-list__layout .wp-block.is-selected.wp-block-html {
  display: block !important;
}
/*frontpage swiper css end*/

/*about section*/
.about-img-box-inner{
    position: relative;
}
.about-img-box-inner img{
    width: 100%;
}
.abt-exp-box{
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
@media screen and (max-width: 1399px){
    .about-text-box p{
        font-size: 14px !important;
    }
}
@media screen and (max-width:991px){
    .about-cols{
        flex-wrap: wrap !important;
    }
    .about-cols .wp-block-column{
        flex-basis: 100% !important;
    }
    .about-text-box p{
        text-align: center !important;
    }
}
/*testimonial*/
.tstimonial-box{
    width: 100% !important;
    transition: 0.5s;
    border-color: transparent;
    border-width: 0px 0px 5px 0px;
    border-style: solid;
}
.testimonail-main-img img{
    border: 2px solid transparent;
    transition: 0.5s;
    width: 60px;
    height: 60px;
}
.tstimonial-box h6,.tstimonial-box p{
    transition: 0.5s;
}
.tstimonial-box:hover {
    border-radius: 20px;
    box-shadow: 0 0 20px rgba(18, 79, 106, 0.1);
    border-width: 0px 0px 5px 0px;
    border-color: var(--wp--preset--color--primary);
    border-style: solid;
    transition: 0.5s;
}
.tstimonial-box:hover .testimonail-main-img img{
    border: 2px solid var(--wp--preset--color--primary);
}
.tstimonial-box:hover h6{
    color: var(--wp--preset--color--primary) !important;
}
/*testimnail swiper css start*/
.wp-block-group.ovation-spa-blocks-testimonial-swiper {
  overflow: hidden;
  position: relative;
}
.wp-block-group.ovation-spa-blocks-testimonial-swiper .swiper-wrapper{
    gap: 30px;
}
.ovation-spa-blocks-testimonial-swiper .swiper-slide {
  display: flex;
  margin-block-start: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.wp-block-group.ovation-spa-blocks-testimonial-swiper-controls {
  position: unset;
}
.ovation-spa-blocks-testimonial-swiper-controls .ovation-spa-blocks-testimonial-pagination.swiper-pagination-clickable.swiper-pagination-bullets {
  position: absolute;
  bottom: 0;
  z-index: 1;
  width: 100%;
  text-align: center;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 0 !important;
}
.ovation-spa-blocks-testimonial-swiper-controls .ovation-spa-blocks-testimonial-pagination.swiper-pagination-clickable.swiper-pagination-bullets span.swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background-color: var(--wp--preset--color--foreground);
}
.ovation-spa-blocks-testimonial-swiper-controls .ovation-spa-blocks-testimonial-pagination.swiper-pagination-clickable.swiper-pagination-bullets span.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--wp--preset--color--primary);
}
.ovation-spa-blocks-testimonial-swiper-controls .swiper-button-prev.ovation-spa-blocks-testimonial-swiper-button-prev,
.ovation-spa-blocks-testimonial-swiper-controls .swiper-button-next.ovation-spa-blocks-testimonial-swiper-button-next {
  width: 40px;
  height: 40px;
  border-radius: 0;
  background: transparent;
  color: var(--wp--preset--color--primary);
  transition: all ease 0.23s;
  opacity: 0 !important;
  top: 50%;
  margin: -20px 0 0 0;
}
.ovation-spa-blocks-testimonial-swiper-controls .swiper-button-prev.ovation-spa-blocks-testimonial-swiper-button-prev{
    left: 0;
}
.ovation-spa-blocks-testimonial-swiper-controls .swiper-button-next.ovation-spa-blocks-testimonial-swiper-button-next{
    right: 0;
}
.ovation-spa-blocks-testimonial-swiper-controls .swiper-button-prev.ovation-spa-blocks-testimonial-swiper-button-prev:hover,
.ovation-spa-blocks-testimonial-swiper-controls .swiper-button-next.ovation-spa-blocks-testimonial-swiper-button-next:hover {
  background: transparent;
  color: var(--wp--preset--color--heading);
}
.ovation-spa-blocks-testimonial-swiper-controls .swiper-button-prev.ovation-spa-blocks-testimonial-swiper-button-prev:after,
.ovation-spa-blocks-testimonial-swiper-controls .swiper-button-next.ovation-spa-blocks-testimonial-swiper-button-next:after {
  font-size: 30px;
  font-weight: 900;
}
.ovation-spa-blocks-testimonial-swiper-controls.wp-block-group.block-editor-block-list__layout .wp-block.wp-block-html {
  display: none;
}

.ovation-spa-blocks-testimonial-swiper-controls.wp-block-group.block-editor-block-list__layout .wp-block.is-selected.wp-block-html {
  display: block !important;
}
/*testimonial swiper css end*/