/*
Theme Name: Dermatologist Clinic
Theme URI: https://www.ovationthemes.com/products/dermatologist-clinic
Author: pewilliams
Author URI: https://www.ovationthemes.com/
Description: The Dermatologist Clinic Theme is a clean, modern, and professionally crafted design created for dermatologists, skincare specialists, cosmetic surgeons, plastic surgery centers, medical professionals, wellness consultants, and beauty care clinics, offering a sophisticated platform to showcase dermatology services, cosmetic treatments, skin rejuvenation, acne treatment, anti-aging solutions, laser therapy, hair restoration, chemical peels, psoriasis treatment, eczema treatment, skin allergy care, mole removal, scar treatment, skin whitening procedures, dermatology clinic website design, medical skin clinic template, skincare center layout, and patient success stories in a visually appealing way. With a fully responsive and mobile-friendly layout, it ensures flawless performance across all devices and screen sizes, featuring retina-ready visuals to display high-quality images of skincare procedures, clinic facilities, and before-and-after results with clarity and precision. Its intuitive interface provides an excellent user experience for both new visitors and returning patients. Essential sections such as Banner, About, Services, Testimonials, Team, and Call to Action (CTA) buttons help guide users toward appointment bookings or learning more about your practice. Optimized for SEO and fast loading, the theme supports high rankings and increased organic visibility for medical, skincare, dermatology, cosmetic clinic, and wellness treatment websites. Customizable options include multiple fonts, colors, layouts, and widgets to align with your clinic’s branding, and it’s translation-ready for reaching a global audience. Social media integration boosts patient engagement, helping promote skincare tips, wellness offers, and awareness campaigns. Built with secure, lightweight coding for smooth performance, this dermatologist clinic template is perfect for building trust, showcasing medical expertise, and expanding your practice in the skincare and healthcare industry. For appointment scheduling, online consultations, and patient management, it integrates seamlessly with the Bookly plugin and also supports Contact Form 7, offering an efficient and automated booking and inquiry experience. Demo : https://trial.ovationthemes.com/dermatologist-clinic/
Requires at least: 6.1
Tested up to: 6.8
Requires PHP: 5.6
Version: 1.9
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl-3.0.en.html
Text Domain: dermatologist-clinic
Tags: blog, education, portfolio, 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, template-editing, translation-ready

Dermatologist Clinic WordPress Theme, Copyright 2025 pewilliams
Dermatologist Clinic 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: 1px solid;
}
/*navigation css*/
@media screen and (min-width:1000px){
    .wp-block-navigation ul li a{
        position: relative;
    }
    .wp-block-navigation ul li a:hover,
    .wp-block-navigation ul li a:focus,
    .wp-block-navigation .current-menu-item a{
        font-weight: 600 !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;
        right: -1px;
        left: auto;
    }
    .home-header-col .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container li:hover,
    .home-header-col .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container a:hover{
        background-color: var(--wp--preset--color--ternary) !important;
        color: var(--wp--preset--color--heading) !important;
    }
    .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
        right: 100%;
        left: auto;
        top: -1px;
    }
    .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;
        font-weight: 400 !important;
    }
    .home-header-col .wp-block-navigation__container > .wp-block-navigation-item a, 
    .home-header-col .wp-block-page-list > .wp-block-navigation-item a{
        padding: 3px 10px;
        margin: 0;
        display: block;
        border-radius: 20px 0 0 20px;
        border: 1px solid transparent;
        border-bottom: 1px solid transparent;
    }
    .home-header-col .wp-block-navigation-link {
        width: 100%;
        display: block !important;
        text-align: center;
    }
    .home-header-col .wp-block-page-list > .wp-block-navigation-item a:hover, 
    .home-header-col .wp-block-navigation__container > .wp-block-navigation-item a:hover, 
    .home-header-col .home-page {
        color: var(--wp--preset--color--heading) !important;
        background-color: var(--wp--preset--color--white) !important;
        border-color: var(--wp--preset--color--ternary);
    }
    .home-header-col .wp-block-navigation__container {
        display: flex;
        flex-direction: column !important;
        flex-wrap: wrap !important;
        width: 100%;
    }

}
.wp-block-navigation ul ul{
    padding: 0 !important;
}
.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--white);
        background-color: var(--wp--preset--color--primary);
        padding: 4px;
        border-radius: 50%;
    }

    .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:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open{
        background-color: var(--wp--preset--color--white);
    }

    .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: center;
        justify-content: center;
    }

    /*
    * 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;
}
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    text-align: center;
}

.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);
}
.sidebar-box ul li{
    transition: all .6s ease-in-out;
}
.sidebar-box ul li:hover{
    padding-left: 15px;
}
/*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);
}
.single-post .post-meta .wp-block-post-author{
    align-items: center;
}
.single-post .wp-block-comments .comment-respond .comment-form .comment-form-cookies-consent{
    align-items: flex-start;
}
.single-post .wp-block-post-featured-image img{
    height: 400px;
    width: 400px;
    object-fit: contain;
}
.single-post .related-post .wp-block-post-featured-image img{
    height: 200px;
    width: 100%;
}
/*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;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address-title.title h2{
    font-size: 30px;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address-title.title h2 + .edit{
    float: left;
    color: var(--wp--preset--color--secondary);
    font-weight: 600;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address-title.title h2 + .edit:hover{
    color: var(--wp--preset--color--primary);
}
.woocommerce-cart .wp-block-woocommerce-empty-cart-block ul.wc-block-grid__products{
    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
    justify-content: space-between;
}
.woocommerce-cart .wp-block-woocommerce-empty-cart-block ul.wc-block-grid__products li{
    max-width: 100%;
    margin-bottom: 15px;
}
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;
}
av.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,
nav.woocommerce-MyAccount-navigation ul li a:focus{
    color: var(--wp--preset--color--background);
    outline: none;
}
.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,
.single-product .wp-block-woocommerce-store-notices .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;
    border-radius: 50px;
    margin-top: 0;
}
.single-product .wp-block-woocommerce-store-notices .wc-forward{
    background-color: var(--wp--preset--color--primary) !important;
    color: var(--wp--preset--color--white) !important;
    padding: 10px !important;
    opacity: 1;
}
.single-product .wp-block-woocommerce-store-notices .wc-block-components-notice-banner,
.single-product .wp-block-woocommerce-store-notices .wc-block-components-notice-banner .wc-block-components-notice-banner__content{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.woocommerce a.added_to_cart:hover, .added_to_cart.wc-forward:hover{
    background-color: var(--wp--preset--color--secondary);
    color: var(--wp--preset--color--white);
}
.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, .wp-block-woocommerce-cart .wc-block-cart__sidebar .wp-block-woocommerce-cart-order-summary-coupon-form-block, .wp-block-woocommerce-cart .wc-block-cart__sidebar .wc-block-components-totals-wrapper{
    padding: 10px !important;
}
form.woocommerce-ordering select.orderby{
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
}
.woocommerce-page .wp-block-breadcrumbs + .wp-block-query-title{
    display: none;
}
.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;
}
/* scroll top */
p.scroll-top {
    position: absolute;
}
.scroll-top::before{
    font-size: 20px;
    cursor: pointer;
    background: var(--wp--preset--color--primary); 
    color: var(--wp--preset--color--white);
    font-family: "Font Awesome 7 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;
    transition: all .5s ease-in-out;
}
.scroll-top:hover::before {
    background: var(--wp--preset--color--secondary) !important;
    color: var(--wp--preset--color--white);
    margin-bottom: 10px;
}
@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;
    }
}
/* --- Block Media Quries
-------------------------------------------------------- */
/* --- > Media Queries
-------------------------------------------------------- */
/* --- > 781px
-------------------------------------------------------- */
@media screen and (max-width:999px) {
    .latest-news .wp-block-post-template{
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
    .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: 1299px) and (min-width: 1200px){
    .bnr-btn a.wp-block-button__link{
        padding-right: 15px !important;
    }
    .banner-content h2.slider-heading {
        font-size: 32px !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{
        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;
    }
    .latest-news .wp-block-post-template{
        grid-template-columns: repeat(2, minmax(0, 1fr)) !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;
    }
    .latest-news .wp-block-post-template{
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    .search-no-results .wp-block-query-no-results, .single-post .wp-block-cover.inner-cover-img + .wp-block-group > .wp-block-group.alignwide > .wp-block-columns .wp-block-column:first-child{
        margin-bottom: 30px;
    }
}
@media screen and (max-width: 991px) and (min-width: 768px){
    .woocommerce-cart .wp-block-woocommerce-empty-cart-block ul.wc-block-grid__products{
        grid-template-columns: 50% 50%;
    }
}
@media screen and (max-width:767px){
    .woocommerce-cart .wp-block-woocommerce-empty-cart-block ul.wc-block-grid__products{
        grid-template-columns: 100%;
    }
    .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;
    }
    .footer-widgets .box-4 .wp-block-group {
        flex-wrap: wrap;
    }
}
/*homepage*/
.custom-home-header .main-header-menu-box{
    display: none;
}
/*slider*/
.banner-image-cover{
    height: 100%;
}
.covermain-img img{
    width: 100%;
    height: 700px;
    object-fit: cover;
    -webkit-mask-image: url('images/mask.png');;
    -webkit-mask-repeat: repeat-y;
    -webkit-mask-size: cover;
    -webkit-mask-position: center;
    mask-image: url('images/mask.png');;
    mask-repeat: repeat-y;
    mask-size: cover;
    mask-position: center;
}
.slider-heading{
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.banner-excrpt{
    width: 70%;
    margin-right: 0 !important;
    margin-left: auto !important;
}
.bnr-btn .wp-block-button__link{
    padding-left: 10px !important;
    padding-right: 20px !important;
    display: flex;
    align-items: center;
}
.bnr-btn i{
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
    border-right: 1px solid var(--wp--preset--color--primary);
    margin-right: 20px;
    font-size: 20px;
}
.banner-content{
    text-align: right;
}
.bnr-vido-box{
    display: inline-block;
}
.vido-cnt-box{
    text-align: center;
}
.vdo-icon-box{
    width: 40px;
    height: 40px;
    justify-content: center;
    align-items: center;
    display: flex;
    border-radius: 50%;
    margin-right: auto !important;
    margin-left: auto !important;
}
.vdo-main-img img{
    height: 200px;
    width: auto;
}
/*treatment*/
.treatment-section .treatment-left-txt-box-iner:hover .treament-arrow-img img{
    display: none;
}
.treatment-section .treatment-left-txt-box-iner a{
    position: relative;
}
.treatment-section .treatment-left-txt-box-iner:hover a:after{
    content: '';
    position: absolute;
    right: 0;
    bottom: -6px;
    height: 30px;
    width: 30px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url(./images/treatment-arrow1.svg);
}
.treatment-left-box-inner{
    position: relative;
}
.treatment-left-txt-box{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(49, 46, 46, 0.2) 0%, rgba(49, 46, 46, 0.5) 42.91%, rgba(49, 46, 46, 0.75) 100%);
}
.treatment-left-txt-box-iner{
    position: relative;
}
.treament-arrow-img{
    position: absolute;
    right: 0;
    bottom: 0;
}
.treatment-box{
    width: 100% !important;
}
.treatment-main-img img{
    width: 100%;
    height: 400px;
    object-fit: cover;
}
.dermatologist-clinic-treatment-swiper h4 a{
    text-decoration: none;
}
/*testimnail swiper css start*/
.wp-block-group.dermatologist-clinic-treatment-swiper {
  overflow: hidden;
  position: relative;
}
.wp-block-group.dermatologist-clinic-treatment-swiper .swiper-wrapper{
    gap: 30px;
}
.dermatologist-clinic-treatment-swiper .swiper-slide {
  display: flex;
  margin-block-start: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.wp-block-group.dermatologist-clinic-treatment-swiper-controls {
  position: unset;
}
.dermatologist-clinic-treatment-swiper-controls .dermatologist-clinic-treatment-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;
}
.dermatologist-clinic-treatment-swiper-controls .dermatologist-clinic-treatment-pagination.swiper-pagination-clickable.swiper-pagination-bullets span.swiper-pagination-bullet {
  width: 22px;
  height: 7px;
  background-color: #0C394C80;
  opacity: 1;
  border-radius: 15px;
  transition: 0.5s ease;
}
.dermatologist-clinic-treatment-swiper-controls .dermatologist-clinic-treatment-pagination.swiper-pagination-clickable.swiper-pagination-bullets span.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--wp--preset--color--secondary);
  width: 70px;
}
.dermatologist-clinic-treatment-swiper-controls.wp-block-group.block-editor-block-list__layout .wp-block.wp-block-html {
  display: none;
}

.dermatologist-clinic-treatment-swiper-controls.wp-block-group.block-editor-block-list__layout .wp-block.is-selected.wp-block-html {
  display: block !important;
}
/*treatment swiper css end*/

/*about section*/
.abt-img-1 img{
    width: 100%;
    height: 200px;
    object-fit: cover;
}
.abt-img-2-box{
    text-align: right;
}
.abt-img-2 img{
    width: 80%;
}
.abt-img-3 img{
    width: 60%;
}
.abt-excpt{
    width: 70%;
}
.gurantee-txt{
    width: 60%;
}
/*testimonial*/
.tstimonial-box{
    width: 100% !important;
    min-height: 250px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    box-shadow: 1px 1px 4px 0px #00000040 ,1px 1px 4px 0px #00000040 inset;
}
.tstimonial-box:hover h4{
    color: var(--wp--preset--color--primary) !important;
}
.testimonail-sec-wrap{
    position: relative;
}
/*testimnail swiper css start*/
.wp-block-group.dermatologist-clinic-testimonial-swiper {
  overflow: hidden;
  position: relative;
}
.wp-block-group.dermatologist-clinic-testimonial-swiper .swiper-wrapper{
    gap: 30px;
}
.dermatologist-clinic-testimonial-swiper .swiper-slide {
  display: flex;
  margin-block-start: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.wp-block-group.dermatologist-clinic-testimonial-swiper-controls {
  position: unset;
}
.dermatologist-clinic-testimonial-swiper-controls .swiper-button-prev.dermatologist-clinic-testimonial-swiper-button-prev,
.dermatologist-clinic-testimonial-swiper-controls .swiper-button-next.dermatologist-clinic-testimonial-swiper-button-next {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--wp--preset--color--heading);
  color: var(--wp--preset--color--background);
  transition: all ease 0.23s;
  opacity: 1 !important;
  top: 57%;
  transform: translateY(-50%);
  margin: -20px 0 0 0;
}
.dermatologist-clinic-testimonial-swiper-controls .swiper-button-prev.dermatologist-clinic-testimonial-swiper-button-prev{
    left: 0;
}
.dermatologist-clinic-testimonial-swiper-controls .swiper-button-next.dermatologist-clinic-testimonial-swiper-button-next{
    right: 0;
}
.dermatologist-clinic-testimonial-swiper-controls .swiper-button-prev.dermatologist-clinic-testimonial-swiper-button-prev:hover,
.dermatologist-clinic-testimonial-swiper-controls .swiper-button-next.dermatologist-clinic-testimonial-swiper-button-next:hover {
  background: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--white);
}
.dermatologist-clinic-testimonial-swiper-controls .swiper-button-prev.dermatologist-clinic-testimonial-swiper-button-prev:after,
.dermatologist-clinic-testimonial-swiper-controls .swiper-button-next.dermatologist-clinic-testimonial-swiper-button-next:after {
  font-size: 15px;
}
.dermatologist-clinic-testimonial-swiper-controls.wp-block-group.block-editor-block-list__layout .wp-block.wp-block-html {
  display: none;
}

.dermatologist-clinic-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*/

/*faq*/
.faq-section details summary{
    padding: 5px 10px;
    background-color: var(--wp--preset--color--white);
    border: 0.5px solid var(--wp--preset--color--border-color);
    border-radius: 6px;
}
.faq-section details p{
    color: #fff !important;
}
.faq-section details[open] summary{
    background-color: var(--wp--preset--color--secondary);
    color: #fff !important;
}
.faq-section-cols .faq-section-main-box{
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: space-between;
}
.faq-section-main-box img{
    width: 100%;
    object-fit: cover;
    height: 270px;
}
.faq-section .faq-section-main-box .faq-detail-block summary{
    list-style: none;
    position: relative;
}
.faq-section .faq-section-main-box .faq-detail-block summary:after{
    content: '';
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    height: 15px;
    width: 15px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url(./images/faq1.svg);
}
.faq-section .faq-section-main-box .faq-detail-block[open] > summary:after{
    background-image: url(./images/faq2.svg);
}
/*blog*/
.home-blog-meta .wp-block-comments {
    padding: 0;
    border: none;
}  
.home-blog-meta .wp-block-comments h1{
    margin: 0;
} 
.home-blog-meta .wp-block-post-author-name:before{
    font-family: "fontawesome";
    font-weight: 600;
    content: '\f007';
    font-size: 11px;
    margin-right: 5px;
}
.home-blog-meta .wp-block-post-date:before{
    font-family: "fontawesome";
    font-weight: 600;
    content: '\f073';
    font-size: 11px;
    margin-right: 5px;
}
.home-blog-meta .wp-block-comments h1:before{
    font-family: "fontawesome";
    font-weight: 600;
    content: '\f086';
    font-size: 11px;
    margin-right: 5px;
}
.footer-widgets .wp-block-list{
    padding-left: 0 !important;
}
.footer-widgets .wp-block-list li{
    list-style-type: none;
    margin-bottom: 20px;
}
.footer-widgets .wp-block-list li a{
    text-decoration: none;
}
.footer-widgets .wp-block-list li::last-child{
    margin-bottom: 0;
}
.footer-widgets .wp-block-list li a:hover,
.footer-widgets .wp-block-list li a:focus,
.footer-widgets .wp-block-social-links .wp-block-social-link.wp-social-link:focus,
.top-box-4 .wp-block-social-links .wp-block-social-link.wp-social-link:hover,
.top-box-4 .wp-block-social-links .wp-block-social-link.wp-social-link:focus,
.dermatologist-clinic-treatment-swiper h4 a:hover,
.dermatologist-clinic-treatment-swiper h4 a:focus{
    color: var(--wp--preset--color--ternary) !important;
}
.footer-widgets .wp-block-social-links .wp-block-social-link.wp-social-link:hover{
    background-color: var(--wp--preset--color--primary) !important;
    color: var(--wp--preset--color--white) !important;
}
.footer-widgets .wp-block-social-links .wp-block-social-link.wp-social-link{
    border-radius: 5px !important;
}
.footer-widgets .box-4 .wp-block-group figure{
    flex-basis: 20%;
}
.footer-widgets .box-4 .wp-block-group p{
    flex-basis: 80%;
}
.footer-widgets .box-4 img{
    width: 30px !important;
    margin-right: 10px;
}
@media screen and (max-width: 1699px){
    .covermain-img img{
        height: 550px;
    }
    .banner-image-cover{
        min-height: 550px !important;
    }
    .banner-content h2{
        font-size: 35px !important;
    }
    .banner-excrpt{
        width: 80%;
        font-size: 16px !important;
    }
    .home-header-col .wp-block-navigation__container{
        gap: 10px !important;
    }
    .home-hedr-txt{
        line-height: 1.5 !important;
    }
    .treament-arrow-img{
        bottom: -7px;
    }
    .abt-img-3 img{
        width: 80%;
    }
    .gurantee-txt{
        width: 80%;
    }
    .home-header-col .wp-block-navigation-item a{
        font-size: 12px !important;
    }
}
@media screen and (max-width: 1399px){
    .top-bar p{
        font-size: 12px !important;
    }
    .home-hedr-txt{
        font-size: 12px !important;
    }
    .covermain-img img{
        height: 550px;
    }
    .banner-image-cover{
        min-height: 530px !important;
    }
    .home-header-col .wp-block-navigation-item a{
        font-size: 10px !important;
    }
}
@media screen and (max-width: 1199px){
    .home-header-col{
        display: none;
    }
    .home-slider-col{
        flex-basis: 100% !important;
    }
    .covermain-img img{
        height: 530px;
    }
    .top-bar,.main-header-menu-box{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .custom-home-header .main-header-menu-box{
        display: block;
    }
    .top-bar .wp-block-columns:where(:not(.alignleft):not(.alignright):not(.alignfull)),
    .main-header-menu-box .wp-block-columns:where(:not(.alignleft):not(.alignright):not(.alignfull)),
    .treatment-section .wp-block-columns:where(:not(.alignleft):not(.alignright):not(.alignfull)),
    .treatment-section h2:where(:not(.alignleft):not(.alignright):not(.alignfull)),
    .about-cols:where(:not(.alignleft):not(.alignright):not(.alignfull)),
    .faq-section-cols:where(:not(.alignleft):not(.alignright):not(.alignfull)),
    .latest-news .wp-block-query:where(:not(.alignleft):not(.alignright):not(.alignfull)),
    .footer-widgets:where(:not(.alignleft):not(.alignright):not(.alignfull)){
        max-width: 90% !important;
    }
    .top-bar p {
        font-size: 11px !important;
    }
    .testimonail-sec-wrap{
        padding-right: var(--wp--preset--spacing--60) !important;
        padding-left: var(--wp--preset--spacing--60) !important;
    }
    .dermatologist-clinic-testimonial-swiper-controls .swiper-button-prev.dermatologist-clinic-testimonial-swiper-button-prev, 
    .dermatologist-clinic-testimonial-swiper-controls .swiper-button-next.dermatologist-clinic-testimonial-swiper-button-next{
        height: 30px;
        width: 30px;
        top: 50%;
    }
    .dermatologist-clinic-testimonial-swiper-controls .swiper-button-prev.dermatologist-clinic-testimonial-swiper-button-prev:after, 
    .dermatologist-clinic-testimonial-swiper-controls .swiper-button-next.dermatologist-clinic-testimonial-swiper-button-next:after{
        font-size: 12px;
    }
}
@media screen and (max-width: 1099px){
    .banner-cols-wrap{
        flex-wrap: wrap !important;
    }
    .banner-content{
        flex-basis: 100% !important;
        order: 1;
    }
    .banner-img-box{
        flex-basis: 100% !important;
        order: 2;
    }
    .banner-content, .banner-content h2{
        text-align: center !important;
    }
    .banner-excrpt {
        margin-right: auto !important;
        margin-left: auto !important;
        text-align: center !important;
    }
    .bnr-btn{
        justify-content: center !important;
    }
    .covermain-img img {
        height: 400px;
        mask: none;
        width: auto;
        -webkit-mask:none;
    }
    .banner-image-cover{
        text-align: center;
        min-height: 900px !important;
        padding-left: var(--wp--preset--spacing--50) !important;
        padding-top: var(--wp--preset--spacing--50) !important;
        padding-bottom: var(--wp--preset--spacing--50) !important;
    }
    .treatment-section .wp-block-columns{
        gap: 2em var(--wp--preset--spacing--50);
    }
    .treatment-left-box-inner .wp-block-cover{
        min-height: 450px !important;
    }
    .treatment-main-img img{
        height: 300px;
    }
    .about-text-box h2,.faq-section-main-box h2{
        font-size: 30px !important;
    }
    .gurantee-txt{
        width: 100%;
    }
    .faq-section-main-box img{
        height: 200px;
    }
    .latest-news .wp-block-post-template{
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    .faq-section details{
        font-size: 12px !important;
    }
    .footer-widgets{
        flex-wrap: wrap !important;
        justify-content: space-between;
    }
    .box-1{
        flex-basis: 30% !important;
    }
    .box-2{
        flex-basis: 60% !important;
    }
    .box-3,.box-4{
        flex-basis: 45% !important;
    }
}
@media screen and (max-width: 999px){
    .logo-box{
        flex-basis: 80% !important;
    }
    .menu-box{
        flex-basis: 10% !important;
    }
    .main-header-menu-box .wp-block-columns{
        justify-content: space-between;
    }
}
@media screen and (max-width: 781px){
    .top-bar .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.top-box-1,
    .top-bar .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.top-box-2{
        flex-basis: 40% !important;
    }
    .top-bar .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.top-box-3{
        flex-basis: 70% !important;
    }
    .top-bar .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.top-box-4{
        flex-basis: 20% !important;
    }
    .top-box-2 .is-layout-flex{
        justify-content: right !important;
    }
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.logo-box{
        flex-basis: 80% !important;
    }
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.menu-box{
        flex-basis: 10% !important;
    }
    .dermatologist-clinic-treatment-swiper{
        padding-top: 0 !important;
    }
    .about-img-wrap .wp-block-columns{
        flex-wrap: nowrap !important;
    }
    .about-img-wrap{
        order: 2;
    }
    .about-text-box{
        text-align: center;
        order: 1;
    }
    .faq-section-main-box{
        text-align: center;
    }
    .faq-section details{
        text-align: left;
    }
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.box-1{
        flex-basis: 30% !important;
    }
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.box-2{
        flex-basis: 60% !important;
    }
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.box-3,
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.box-4{
        flex-basis: 45% !important;
    }
    .box-2 .wp-block-columns{
        flex-wrap: nowrap !important;
    }
}
@media screen and (max-width: 599px){
    .top-bar .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.top-box-1,
    .top-bar .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.top-box-2,
    .top-bar .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.top-box-3,
    .top-bar .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.top-box-4,
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.logo-box,
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.menu-box{
        flex-basis: 100% !important;
    }
    .top-box-2 .is-layout-flex,.top-bar .is-layout-flex{
        justify-content: center !important;
    }
    .top-bar .wp-block-columns{
        gap: 10px !important;
    }
    .menu-box nav{
        justify-content: center !important;
    }
    .banner-content h2{
        font-size: 25px !important;
    }
    .banner-excrpt{
        width: 100%;
    }
    .bnr-vido-row{
        display: block !important;
        padding-top: var(--wp--preset--spacing--30);
    }
    .covermain-img img{
        height: auto;
    }
    .treatment-section,.about-img-wrap,.abt-img-2-box,.logo-box h1{
        text-align: center;
    }
    .treatment-section h2,.about-text-box h2, .faq-section-main-box h2,.latest-news .main-heading{
        font-size: 20px !important;
    }
    .about-img-wrap .wp-block-columns{
        flex-wrap: wrap !important;
    }
    .abt-img-1 img,
    .abt-img-2 img,.abt-img-3 img{
        width: auto;
        height: auto;
    }
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.box-1,
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.box-2,
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.box-3,
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.box-4{
        flex-basis: 100% !important;
        text-align: center;
    }
    .box-2 .wp-block-columns{
        flex-wrap: wrap !important;
    }
    .footer-widgets .is-layout-flex{
        justify-content: center !important;
    }
    .top-box-1 .is-layout-flex,
    .top-box-2 .is-layout-flex,
    .top-box-3 .is-layout-flex{
        display: block !important;
        text-align: center;
    }
}