/*
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.1.1.1733388836
Updated: 2024-12-05 08:53:56

*/

body .header-menu.elementor-widget-navigation-menu .menu-item.white-text a {
    color: var(--e-global-color-primary);
}

body .header-menu.elementor-widget-navigation-menu .menu-item.white-text a:hover {
    color: var(--e-global-color-text);
}

.nav-bar-background-color {
    background-color: var(--e-global-color-primary);
    box-shadow: 4px 4px 4px 0px #0000000d;
}

.site-nav-bar.nav-bar-background-color .elementor-button.elementor-button-link {
    background-color: var(--e-global-color-accent);
    border: 1px solid var(--e-global-color-accent);
    color: var(--e-global-color-primary);
}

.site-nav-bar.nav-bar-background-color .elementor-button.elementor-button-link:hover {
    background-color: transparent;
    border: 1px solid var(--e-global-color-accent);
    color: var(--e-global-color-accent);
}

.site-nav-bar.nav-bar-background-color .header-menu.elementor-widget-navigation-menu .menu-item.white-text a {
    color: var(--e-global-color-text);
}

.site-nav-bar.nav-bar-background-color .header-menu.elementor-widget-navigation-menu .menu-item.white-text a:hover {
    color: var(--e-global-color-accent);
}

.site-nav-bar .appointment-btn.desktop-hide {
    display: none;
}

.footer-left-part::before {
    position: absolute;
    content: "";
    width: 100%;
    left: -100%;
    background: var(--e-global-color-accent);
}

.footer-menu .hfe-nav-menu li {
    width: 50%;
}

.newsletter-part {
    display: flex;
    position: relative;
    margin: 10px auto;
}

.newsletter-part p {
    margin: 0;
}

.newsletter-part .email {
    width: 70%;
}

.newsletter-part .email input {
    border-radius: 30px;
    border: 0;
    height: 50px;
    outline: 0;
    padding: 18px;
}

.newsletter-part input::placeholder {
    color: var(--e-global-color-text);
}

.newsletter-part .submit-btn {
    margin: 0;
    position: absolute;
    right: 230px;
    top: 2px;
}

.newsletter-part .submit-btn input {
    border-radius: 30px;
    /* padding: 10px 37px; */
    width: 100%;
}

.submit-btn .wpcf7-spinner {
    top: -36px;
    right: -170px;
}

body .second-newsletter-sign-up .wpcf7 form .wpcf7-response-output,
body .newsletter-sign-up .wpcf7 form .wpcf7-response-output {
    margin: 10px 0;
    width: fit-content;
}

.newsletter-part .email .wpcf7-not-valid-tip {
    margin-top: 10px;
}

.hero-sec-title h4.elementor-heading-title {
    display: flex;
    align-items: center;
}

.hero-sec-title .yellow-squar {
    width: 20px;
    height: 20px;
    border-radius: 5px;
    background: var(--e-global-color-accent);
    margin-right: 25px;
}

.elementor-widget-text-editor span {
    color: var(--e-global-color-accent);
    text-decoration: underline;
}

.hero-sec-left-part::before {
    position: absolute;
    content: "";
    width: 100%;
    left: -100%;
    background-color: var(--e-global-color-20cc77f);
}

.image-box-before .elementor-widget-container::after {
    position: absolute;
    content: "";
    left: -110px;
    bottom: -18px;
    height: 105px;
    width: 115px;
    background: var(--e-global-color-accent);
    border-radius: 0 50px 0 50px;
}

.image-round.image-box-before .elementor-widget-container::after {
    left: -37px;
}

.learn-more-arrow .elementor-button-icon svg {
    height: 22px;
    width: 22px;
}


/* =========== Second Landing Page Design css ============ */

.site-nav-bar.second-site-header.nav-bar-background-color .elementor-button.elementor-button-link {
    background-color: #2C2C2C;
    border: 1px solid #2C2C2C;
    color: var(--e-global-color-primary);
}

.site-nav-bar.second-site-header.nav-bar-background-color .elementor-button.elementor-button-link:hover {
    background-color: transparent;
    border: 1px solid #2C2C2C;
    color: #2C2C2C;
}

.second-footer-left-part::before {
    position: absolute;
    content: "";
    width: 100%;
    left: -100%;
    background: #F4EBE9;
}

.second-newsletter-sign-up .newsletter-part .submit-btn input {
    background-color: #2C2C2C;
    border: 1px solid #2C2C2C;
    color: var(--e-global-color-primary);
}

.second-newsletter-sign-up .newsletter-part .submit-btn input:hover {
    background-color: transparent;
    border: 1px solid #2C2C2C;
    color: #2C2C2C;
}

.second-hero-sec-title h4.elementor-heading-title {
    display: flex;
    align-items: center;
}

.second-hero-sec-title .black-squar {
    width: 20px;
    height: 20px;
    border-radius: 5px;
    background: #2C2C2C;
    margin-right: 25px;
}

.second-hero-sec-content .red-color {
    color: #694740;
}

.learn-more-arrow .elementor-button-icon svg {
    padding-top: 5px;
}

/* ======== Responsive View ========= */

@media only screen and (max-width: 1400px) {

    .hero-sec-left-part::before,
    .footer-left-part::before {
        left: -90%;
    }

    .second-header-menu .hfe-nav-menu ul.hfe-nav-menu .menu-item a.hfe-menu-item,
    .header-menu .hfe-nav-menu ul.hfe-nav-menu .menu-item a.hfe-menu-item {
        padding-left: 10px;
        padding-right: 10px;
    }

    .book-your-appointment-button a.elementor-button {
        font-size: 12px;
    }

    .second-book-your-appointment-button .elementor-widget-container .elementor-button-wrapper a.elementor-button {
        font-size: 12px;
        padding: 12px 14px;
    }

    .newsletter-part .email {
        width: 100%;
    }

    .newsletter-part .submit-btn {
        right: 3px;
    }

    .submit-btn .wpcf7-spinner {
        top: -35px;
        right: 55px;
    }

    .newsletter-info-part .newsletter-info-block {
        width: 50%;
    }

}

@media only screen and (max-width: 1250px) {
    body .second-hero-sec .elementor-element.e-con-full.second-hero-sec-right-part {
        background-size: 80% auto;
    }
}

@media only screen and (max-width: 1024px) {
    body .header-menu.elementor-widget-navigation-menu .menu-item.white-text a {
        color: var(--e-global-color-text);
    }

    body .header-menu.elementor-widget-navigation-menu .menu-item.white-text a:hover {
        color: var(--e-global-color-accent);
    }

    .site-nav-bar .appointment-btn.desktop-hide {
        display: block;
    }

    .image-round.image-box-before .elementor-widget-container::after {
        left: -15px;
    }

    .second-header-menu .hfe-dropdown.menu-is-active,
    .header-menu .hfe-dropdown.menu-is-active {
        max-height: 70vh;
        overflow-y: auto;
        overflow-x: hidden;
    }
}

@media only screen and (max-width: 991px) {

    .image-box-before .elementor-widget-container::after {
        left: -8px;
        bottom: -23px;
    }

    .site-nav-bar {
        background-color: var(--e-global-color-primary);
        box-shadow: 4px 4px 4px 0px #0000000d;
    }

    body .second-hero-sec .elementor-element.e-con-full.second-hero-sec-right-part {
        background-size: contain;
    }

}

@media only screen and (max-width: 480px) {

    .newsletter-part {
        display: block;
    }

    .newsletter-part .submit-btn {
        position: static;
        margin-top: 20px;
    }

    .newsletter-part .submit-btn input {
        background-color: transparent;
        border: 1px solid var(--e-global-color-primary);
        width: auto;
        padding: 10px 40px;
    }

    .newsletter-part .submit-btn input:hover {
        background-color: var(--e-global-color-primary);
        border: 1px solid var(--e-global-color-primary);
    }

    .submit-btn .wpcf7-spinner {
        top: 5px;
        right: -15px;
    }

    .image-box-before .elementor-widget-container::after {
        bottom: -21px;
        height: 95px;
        width: 105px;
    }

    .newsletter-info-part .newsletter-info-block {
        width: 100%;
    }

    body .second-hero-sec-right-part {
        background-image: none !important;
    }
}