/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.6
Updated: 2026-02-18 01:43:41
*/

/* Best Styles */
.title-star {
    height: 16px;
    display: flex;
}

.section-circles-bg {
    background-image: url('/wp-content/uploads/2026/02/top-right-half-circle-yellow.webp'), url('/wp-content/uploads/2026/02/bottom-left-half-circle-blue.webp');
    background-position: top right, left 50%;
    background-repeat: no-repeat, no-repeat;
    background-size: auto, auto;
}

.section-circles-bg.section-circles-bg--v2 {
    background-image: url('/wp-content/uploads/2026/02/half-yellow-circle-v3.webp'), url('/wp-content/uploads/2026/02/half-white-circle-v3.webp');
}

body.page-scrolled #main-header {
    background-color: var(--e-global-color-accent, #152846);
}

body.page-scrolled #alt-header {
    background-color: #FFFFFF;
}

.base-hero-banner .section-container {
    padding-bottom: 80px;
}

/* Custom styles for the carousel navigation */
#loop-carousel-treatments .elementor-swiper-button,
#loop-carousel-treatments .swiper-pagination {
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    height: 0;
    width: 0;
    overflow: hidden;
}

.carousel-nav-target {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;

    position: absolute;
    right: 80px;
    bottom: 0;
}

.carousel-nav-target .swiper-pagination {
    position: unset;
    display: flex;
    justify-content: center;
    gap: 3px;
    z-index: 1;
}

.carousel-nav-target .swiper-pagination .swiper-pagination-bullet {
    margin: 0 !important;
    background-color: #E7E7E7;
}

.carousel-nav-target .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--e-global-color-accent, #152846);
}

.carousel-nav-target .elementor-swiper-button {
    max-height: 40px;
    cursor: pointer;
}

#carousel-nav-target-mobile .carousel-nav-target {
    position: unset;
    justify-content: center;
}

.arrow-change-hover .elementor-swiper-button-next,
#carousel-nav-target-mobile .carousel-nav-target .swiper-pagination {
    width: fit-content;
}

/* Custom styles for the resviews carousel */
.swiper.swiper--reviews.swiper-initialized .swiper-pagination {
    width: 12px;
    border-radius: 32px;
    background-color: #F0F0F0;
}

.swiper.swiper--reviews.swiper-initialized .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var( --e-global-color-accent, #152846);
    border-radius: 32px;
}

.swiper.swiper--reviews.swiper-initialized .swiper-wrapper {
    width: 94.2%;
    margin-left: auto;
}

/* Mobile Responsive Styles */
@media screen and (max-width: 1024px) {
    #carousel-nav-target .carousel-nav-target {
        display: none;
    }

    .base-hero-banner {
        min-height: 0 !important;
    }

    .base-hero-banner .section-container {
        padding-top: 150px;
    }
}

@media screen and (max-width: 767px) {
    .base-hero-banner .section-container {
        padding-top: 100px;
        padding-bottom: 32px;
    }
}

@media screen and (min-width: 1025px) {
    #carousel-nav-target-mobile .carousel-nav-target {
        display: none;
    }
}