/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Bteam of Ketamine Media
Author: Md Forid Uddin
Author URI: https://www.facebook.com/foriduddin.dev/
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/

/* =====================================================================
  * Body Custom Css Code 
  * =====================================================================
  */
body .elementor-widget-html:not(:has(.wprevpro)) :where(ul, ol),
body .elementor-widget-text-editor :where(ul, ol),
body .elementor-widget-theme-post-content :where(ul, ol) {
    margin-bottom: 0.9rem;
}

body .elementor-widget-text-editor :last-child,
body .elementor-widget-html:not(:has(.wprevpro)) :last-child,
body .elementor-widget-theme-post-content :last-child {
    margin-bottom: 0px;
}

body .elementor-widget-html:not(:has(.wprevpro)) :where(ul, ol) li:not(:last-child),
body .elementor-widget-text-editor :where(ul, ol) li:not(:last-child),
body .elementor-widget-theme-post-content :where(ul, ol) li:not(:last-child) {
    margin-bottom: 8px;
}

body .elementor-widget-text-editor.no-space *:last-child {
    margin-bottom: 0px;
}

body .elementor-widget-heading p.elementor-heading-title {
    margin-bottom: 0px;
}

body .elementor-widget-heading span.elementor-heading-title,
body .elementor-widget-heading p.elementor-heading-title {
    line-height: 1.4;
}

body .elementor-widget-image-box .elementor-image-box-img img {
    display: inline-block;
}

body :where(.elementor-accordion-item, .elementor-toggle-item) .elementor-tab-title.elementor-active {
    background-color: var(--e-global-color-secondary) !important;
}

body .elementor-widget-heading span.elementor-heading-title {
    font-weight: 500;
    font-size: 110%;
}

body .elementor-widget-heading .elementor-heading-title span {
    color: var(--e-global-color-primary);
}

body .elementor-widget-button .elementor-button {
    min-width: min(100%, 250px);
}

body .elementor-widget-button .elementor-widget-container {
    width: 100%;
}

@media only screen and (max-width: 767px) {
    body .elementor-widget-heading:not(.skip) .elementor-heading-title br {
        display: none;
    }
}

body,html {
    overflow-x: clip;
    max-width: 100%;
}
/* =====================================================================
* Menu Button Custom Css 
* =====================================================================
*/
body [data-elementor-type="header"] .menu__button a {
    color: var(--e-global-color-white) !important;
    padding: 10px 20px !important;
    margin-left: 10px !important;
	border-radius:100px;
    background-color: var(--e-global-color-primary) !important;

}

body [data-elementor-type="header"] .menu__button a:hover {
    background-color: var(--e-global-color-secondary) !important;
}

@media only screen and (max-width: 1024px) {
    body [data-elementor-type="header"] .menu__button a {
        margin: 5px !important;
        padding: 8px !important;
    }
}


/* =====================================================================
* Image Shape Styles
* =====================================================================
*/
/* ---- (shape--left)---- */
body .elementor-widget-image.shape--left::before {
    content: "";
    position: absolute;
    pointer-events: none;
    top: -30%;
    left: -8%;
    height: 100%;
    width: 100%;
    max-width: 250px;
    z-index: 1;
    background: url('/wp-content/uploads/2026/02/Hope-Assets-HomeShape6.png') left center/contain no-repeat;
}

@media screen and (max-width: 1023px) {
body .elementor-widget-image.shape--left::before {
    top: -30%;
    left: -2%;
    max-width: 200px;
}
}

@media screen and (max-width: 767px) {
body .elementor-widget-image.shape--left::before {
    top: -30%;
    left: -5%;
    max-width: 120px;
}
}

/* ---- (shape--right)---- */
body .elementor-widget-image.shape--right::before {
    content: "";
    position: absolute;
    pointer-events: none;
    top: -35%;
    left: 70%;
    height: 100%;
    width: 100%;
    max-width: 250px;
    z-index: 1;
    background: url('/wp-content/uploads/2026/02/Hope-Assets-HomeShape2.png') left center/contain no-repeat;
}

@media screen and (max-width: 1023px) {
body .elementor-widget-image.shape--right::before {
    top: -33%;
	left: 78%;
    max-width: 150px;
}
}

@media screen and (max-width: 767px) {
body .elementor-widget-image.shape--right::before {
    top: -32%;
    left: 65%;
    max-width: 120px;
}
}




/* =====================================================================
* Treatment Video Play Button Custom Css 
* =====================================================================
*/
body .treatment_video .elementor-custom-embed-play {
    /*   left: 55%; */
}

body .treatment_video .elementor-custom-embed-play :where(i, svg) {
    --e-color-code: 255, 255, 255;
    background-color: rgb(var(--e-color-code));
    box-shadow: 0 0 0 10px rgba(var(--e-color-code), 0.75),
        0 0 0 20px rgba(var(--e-color-code), 0.5),
        0 0 0 30px rgba(var(--e-color-code), 0.3),
        0 0 0 40px rgba(var(--e-color-code), 0.15),
        0 0 0 50px rgba(var(--e-color-code), 0.05);
    border-radius: 100% / 100%;
}

@media only screen and (max-width: 767px) {
    body .treatment_video .elementor-custom-embed-play :where(i, svg) {
        box-shadow: 0 0 0 7px rgba(var(--e-color-code), 0.75),
            0 0 0 14px rgba(var(--e-color-code), 0.5),
            0 0 0 21px rgba(var(--e-color-code), 0.3),
            0 0 0 28px rgba(var(--e-color-code), 0.15),
            0 0 0 39px rgba(var(--e-color-code), 0.05);
    }
}