/* 
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 Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.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
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/* div#wpadminbar { display: none; } */


body.elementor-editor-active .site_header { background: black; }
body.page { background-image: url('https://thestagingdemo.com/beme/wp-content/uploads/2026/01/page_banner-scaled.png'); background-repeat: no-repeat; background-size: cover; background-position: top; }
body.page.light-mode { background-image: url('https://thestagingdemo.com/beme/wp-content/uploads/2026/01/light_bg-scaled.png'); background-blend-mode: hard-light; background-repeat: no-repeat;}
body { background-color: #01030F; }
body .Site_logo_black { display: none; }
body.light-mode .Site_logo_white{ display:none }
body.light-mode .Site_logo_black{ display:block }
body.light-mode { background-color: white; }


span.pc { color: var(--e-global-color-primary); font-weight: 600;}
span.pc-600 {font-weight: 600;}

.home_sec2 .icon_tab .images_wrapper { border: 1px solid #FFFFFF; border-radius: 12px; align-items: center; justify-content: center; height: 460px;}
.home_sec2 .icon_tab .images_wrapper .bg_gif_circle { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding-block: 4em;}
.home_sec2 .icon_tab .images_wrapper .icon_tabs_images { width: 100%; height: 100%; }
.home_sec2 .icon_tab .images_wrapper .icon_tabs_images .elementor-widget-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%;display: flex; align-items: center; justify-content: center; opacity: 0; transition: ease 500ms; }
.home_sec2 .icon_tab .images_wrapper .bg_gif_circle img { width: 100%; height: 100%; object-fit: contain; }
.home_sec2 .icon_tab .images_wrapper .icon_tabs_images .elementor-widget-image.active { opacity: 1; transition: ease 500ms; }
.home_sec2 .icon_tab .title_wrapper .elementor-widget-icon-box .elementor-icon-box-content .elementor-icon-box-title { color: #ffffff80; transition: ease 500ms; }
.home_sec2 .icon_tab .title_wrapper .elementor-widget-icon-box .elementor-icon-box-content .elementor-icon-box-description { height: 0; overflow: hidden; opacity: 0; transition: ease 500ms; }
.home_sec2 .icon_tab .title_wrapper .elementor-widget-icon-box.active .elementor-icon-box-title { color: white; transition: ease 500ms; }
.home_sec2 .icon_tab .title_wrapper .elementor-widget-icon-box.active .elementor-icon-box-description { transition: ease 500ms; opacity: 1; height: auto; overflow: unset; }


.pricing_plan_card { gap: 0; zoom: 0.9; overflow: hidden;}
.pricing_plan_card p { margin-bottom: 5px; }
.pricing_plan_card .elementor-widget-button { margin-top: 20px; }
.pricing_plan_card>.elementor-widget-heading { padding-bottom: 10px; }
.pricing_plan_card .price_wrapper .elementor-widget-heading span { font-size: 18px; font-weight: 200; padding-left: 3px; }
.pricing_plan_card .price_card_discription .elementor-widget-icon-box { width: fit-content; padding-inline: 15px; }
.pricing_sec .elementor-widget-n-tabs .e-n-tabs-heading { background: #FFFFFF; border-radius: 500px; padding: 10px; width: fit-content; margin: auto; gap: 5px; }
.pricing_sec .elementor-widget-n-tabs .e-n-tabs-heading button {background: transparent !important;border-radius: 500px;flex-basis: auto;width: 150px;padding: 0;height: 45px;color: #A1A1AA;font-size: 14px;font-weight: 600;line-height: 1;font-family: 'Montserrat';}
.pricing_sec .elementor-widget-n-tabs .e-n-tabs-heading button[aria-selected="true"], .pricing_sec .elementor-widget-n-tabs .e-n-tabs-heading button:hover { background: var(--e-global-color-primary) !important; color: white; }
.pricing_plan_card .tag { position: absolute; top: 23px; right: -10em; width: 100%; padding: 10px; transform: rotate(45deg); font-size: 14px; line-height:1; }
.pricing_sec .elementor-widget-n-tabs .e-n-tabs-heading button .e-n-tab-title-text:before { content: ''; width: 20px; height: 20px; background: url(https://thestagingdemo.com/beme/wp-content/uploads/2026/01/circle-flags_uk.png); background-repeat: no-repeat; background-size: contain; background-position: center; margin-right: 5px; }
.pricing_sec .elementor-widget-n-tabs .e-n-tabs-heading button:last-child>.e-n-tab-title-text::before { background: url(https://thestagingdemo.com/beme/wp-content/uploads/2026/01/emojione_flag-for-us-outlying-islands.png); background-repeat: no-repeat; background-size: contain; background-position: center; }
.pricing_sec .pricing_tabs .e-n-tabs { gap: 30px; padding-top: 1em; }

#content .CTA_banner .e-child { background: transparent; border-color: #d9d9d90a; }
#content .CTA_banner .e-child::before { background: transparent; }
.home_FAQs .elementor-widget-n-accordion .e-n-accordion details[open] .e-n-accordion-item-title-icon { transform: rotate(45deg); transition: ease 500ms; }


/* Light Mode Css */
body.light-mode .elementor-icon-list-text,  body.light-mode h1, body.light-mode h2, body.light-mode h3, body.light-mode h4, body.light-mode h5{ color: #000000 !important; }
body.light-mode p, body.light-mode a{ color: #3B3B3B !important; }
body.light-mode .site_header .elementor-widget-icon-list .elementor-icon-list-icon svg path { fill: black; }
body.light-mode .site_header .elementor-widget-icon svg path { stroke: black; }
body.light-mode .icon_tab .title_wrapper .elementor-widget-icon-box .elementor-icon-box-title { color: rgb(0 0 0 / 50%) !important; }
body.light-mode .icon_tab .title_wrapper .elementor-widget-icon-box.active .elementor-icon-box-title { color: black !important; }
body.light-mode .home_sec2 .icon_tab .images_wrapper { background: #122D62 !important; }
body.light-mode .pricing_sec .elementor-widget-n-tabs .e-n-tabs-heading { border: 3px solid #E4E4E7; }
body.light-mode .pricing_sec .pricing_plan_card { border: 3px solid #E4E4E7; }
body.light-mode .pricing_sec .pricing_plan_card .price_card_discription .elementor-widget-icon-box { background: var(--e-global-color-primary); }
body.light-mode .pricing_sec .pricing_plan_card .price_card_discription .elementor-widget-icon-box .elementor-icon-box-icon path { fill: white; }
body.light-mode .pricing_sec .pricing_plan_card .price_card_discription .elementor-icon-box-content .elementor-icon-box-title { color: white !important; }
body.light-mode .pricing_sec .pricing_plan_card .tag .elementor-heading-title {color: white !important;}
body.light-mode .elementor-widget-loop-carousel .e-parent { border-color: #E5E5E7; border-width: 2px; }
body.light-mode .elementor-button-text { color: white; }
body.light-mode .e-n-accordion-item-title-text { color: black; }
body.light-mode .e-n-accordion-item-title-icon path { stroke: black; }
body.light-mode #content .CTA_banner .e-child {background: url(https://thestagingdemo.com/beme/wp-content/uploads/2026/01/Frame-2147226800.png);}
body.light-mode #content .CTA_banner .e-child::before {background: #e1e1e1;}
body.light-mode #content .CTA_banner .e-child .elementor-widget-button .elementor-button { background-color: var(--e-global-color-primary); }
body.page.light-mode #content .about_article_main .panel { border-color: rgb(0 0 0 / 30%); }
body.page.light-mode .audio-card { border-color: #0000004d; }
body.page.light-mode .audio-card .audio-card-content .audio-progress-container { background: rgb(0 0 0 / 10%); }
body.page.light-mode .audio-card .audio-card-content .audio-progress-container .audio-progress-bar { background: #2f5bcf; }
body.page.light-mode .audio-card .audio-card-content .audio-progress-container .audio-progress-bar::after { border-color: #000000fc; }
body.page.light-mode .audio-card .audio-card-content .audio-time-display span { color: black; }
body.page.light-mode .audio-card .audio-card-content .audio-buttons>button path { fill: #00000069; }
body.page.light-mode .audio-grid-container .audio-grid .audio-card .audio-card-content .audio-buttons button.audio-btn.play-pause { background: #2f5bcf !important; }
body.page.light-mode .audio-grid-container .audio-grid .audio-card .audio-card-content .audio-buttons button.audio-btn.play-pause path { fill: white; }


#content .benifits_main_section { position: relative; height: 70vh; overflow: hidden; background: transparent; }
#content .benifits_main_section .panel { position: absolute; inset: 0; width: 100%; height: 100%; display: flex;   align-items: center; }
#content .benifits_main_section .panel_1 { z-index: 1; }
#content .benifits_main_section .panel_2 { z-index: 2; }
#content .benifits_main_section .panel_3 { z-index: 3; }
#content .benifits_main_section .panel.spacer { height: 300px; }

/* About Page Css Started */
/* --------------------- */

#content .about_article_main .panel .text_col .elementor-widget-heading { zoom: 0.9; }

#content .about_article_main { position: relative; height: 75vh; overflow: hidden; background: transparent; }
#content .about_article_main .panel { position: absolute; inset: 0; width: 100%; height: 100%; display: flex; align-items: center; }
#content .about_article_main .panel.panel_1 {z-index: 1;}
#content .about_article_main .panel.panel_2 {z-index: 2;}
#content .about_article_main .panel.panel_3 {z-index: 3;}
#content .about_article_main .panel.panel_4 {z-index: 4;}
#content .about_article_main .panel.panel_5 {z-index: 5;}
#content .about_article_main .panel.panel_6 {z-index: 6;}

.audio-grid-container .audio-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
.audio-grid-container .audio-grid .audio-card { border: 1px solid rgb(255 255 255 / 30%); border-radius: 10px; padding: 25px; color: white; transition: ease 500ms; }
.audio-grid-container .audio-grid .audio-card .audio-card-banner { display: flex; align-items: center; gap: 15px; margin-bottom: 35px; }
.audio-grid-container .audio-grid .audio-card .audio-card-banner .image_col { width: 145px; height: 120px; }
.audio-grid-container .audio-grid .audio-card .audio-card-banner .title_col { width: 60%; }
.audio-grid-container .audio-grid .audio-card .audio-card-banner .image_col .audio-card-image { width: 100%; height: 100%; object-fit: cover; border-radius: 15px; }
.audio-grid-container .audio-card-banner .title_col .audio-card-title { margin-top: 0; font-size: 17px; font-weight: 400; font-family: var(--e-global-typography-accent-font-family); margin-bottom: 10px; }
.audio-grid-container .audio-card-banner .title_col .audio-card-subtitle { font-size: 24px; font-weight: 500; font-family: var(--e-global-typography-accent-font-family); margin: 0; }
.audio-grid-container .audio-grid .audio-card .audio-card-content .audio-progress-container { width: 100%; height: 5px; background: rgb(255 255 255 / 10%); border-radius: 500px; position: relative; margin-bottom: 10px; }
.audio-grid-container .audio-grid .audio-card .audio-card-content .audio-progress-container .audio-progress-bar { height: 100%; background: white; width: 0; position: relative; }
.audio-grid-container .audio-grid .audio-card .audio-card-content .audio-progress-container .audio-progress-bar:after { content: ''; width: 15px; height: 15px; background: #2F5BCF; border: 3px solid white; display: block; position: absolute; top: 0; bottom: 0; margin: auto; right: -16px; border-radius: 50%; }
.audio-grid-container .audio-grid .audio-card .audio-card-content .audio-time-display { display: flex; align-items: center; justify-content: space-between; width: 100%; margin-bottom: 10px; }
.audio-grid-container .audio-grid .audio-card .audio-card-content .audio-time-display span { font-size: 18px; font-weight: 500; font-family: var(--e-global-typography-accent-font-family); }
.audio-grid-container .audio-grid .audio-card .audio-card-content .audio-buttons { display: flex; align-items: center; justify-content: space-around; }
.audio-grid-container .audio-grid .audio-card .audio-card-content .audio-buttons button { border: 0; padding: 0; width: 80px; height: 80px; background: transparent !important; }
.audio-grid-container .audio-grid .audio-card .audio-card-content .audio-buttons button.audio-btn.play-pause { background: white !important; border-radius: 50%; width: 80px; height: 80px; padding: 20px;}
.audio-grid-container .audio-grid .audio-card .audio-card-content .audio-buttons button.audio-btn.play-pause path { fill: #2F5BCF; }
.audio-grid-container .audio-grid .audio-card .audio-card-content .audio-buttons button.audio-btn.play-pause svg { width: 100%; height: 100%; }
.audio-card-content .audio-buttons button.backward path, .audio-card-content .audio-buttons button.forward path { fill: #ffffff4d; }
.audio-grid-container .audio-grid .audio-card.is-playing { border-color: #2f5bcf; }


#content .faqs_wrapper .tabs_wrapper .e-n-tabs-heading { justify-content: flex-start; gap: 20px; }
#content .faqs_wrapper .tabs_wrapper .e-n-tabs-heading button {padding: 0;background: transparent;padding-bottom: 10px;border-bottom: 2px solid #ffffff33;}
#content .faqs_wrapper .tabs_wrapper .e-n-tabs-heading button[aria-selected="true"] {border-color: var(--e-global-color-primary);}
#content .faqs_wrapper .tabs_wrapper .e-n-tabs-content .e-n-accordion .e-n-accordion-item {border: 1px solid #ffffff4d;border-radius: 12px;padding: 15px;margin-bottom: 24px;}
#content .faqs_wrapper .tabs_wrapper .e-n-tabs-content .e-child { padding: 0; }
#content .faqs_wrapper .tabs_wrapper .e-n-tabs-content .e-n-accordion .e-n-accordion-item .e-n-accordion-item-title { padding-inline: 0; }
#content .faqs_wrapper .tabs_wrapper .e-n-tabs-content .e-n-accordion .e-n-accordion-item  p { margin: 0; }
#content .faqs_wrapper .tabs_wrapper .e-n-tabs-content .e-n-accordion .e-n-accordion-item .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-icon { transform: rotate(45deg); transition: ease 500ms; }
#content .faqs_wrapper .tabs_wrapper .e-n-tabs-content .e-n-accordion .e-n-accordion-item .e-n-accordion-item-title .e-n-accordion-item-title-icon { transition: ease 500ms; }
#content .faqs_wrapper .tabs_wrapper .e-n-tabs-content .e-n-accordion .e-n-accordion-item>.e-child { padding-top: 15px; }

#content .terms_wrapper .elementor-widget-text-editor h3 { font-size: 32px; font-weight: 600; line-height: 1.2; margin-top: 50px; margin-bottom: 20px; }
#content .terms_wrapper .elementor-widget-text-editor p { font-size: 20px; font-weight: 400; margin-bottom: 10px; }
#content .terms_wrapper .elementor-widget-text-editor p a { color: inherit; }
#content .terms_wrapper .elementor-widget-text-editor ul { margin-bottom: 10px; }
#content .terms_wrapper .elementor-widget-text-editor h4 { font-size: 20px; font-weight: 600; margin-top: 25px; margin-bottom: 10px; padding-left: 20px; }
#content .terms_wrapper .elementor-widget-text-editor h4~p { padding-left: 20px; }

.waiting_list .elementor-form .elementor-field-type-radio .elementor-field-subgroup { display: flex; flex-direction: row; flex-wrap: nowrap; }
.waiting_list .elementor-form .elementor-field-type-radio .elementor-field-subgroup .elementor-field-option { display: flex; align-items: center; gap: 10px; }
.waiting_list .elementor-form .elementor-field-type-radio .elementor-field-subgroup .elementor-field-option input { width: 15px; height: 15px; }
.waiting_list .elementor-form .elementor-field-type-checkbox .elementor-field-option { display: flex; align-items: center; gap: 10px; }
.waiting_list .elementor-form .elementor-field-type-checkbox .elementor-field-option input { width: 17px; height: 17px; }
.waiting_list .elementor-form input:not(input[tyep=checkbox], input[tyep=radio]) { height: 50px; }
.waiting_list .elementor-form textarea { height: 150px; }

#content .how_beme_work_key_benifits .title_list { margin-bottom: 30px; }
#content .how_beme_work_key_benifits .title_list .elementor-inline-items { gap: 20px; }
#content .how_beme_work_key_benifits .title_list .elementor-inline-items>.elementor-icon-list-item { margin: 0; padding-inline: 6em; border-bottom: 2px solid; padding-bottom: 5px; color: rgb(255 255 255 / 20%); transition: ease 300ms; }
#content .how_beme_work_key_benifits .title_list .elementor-inline-items>.elementor-icon-list-item .elementor-icon-list-text { color: inherit; }
#content .how_beme_work_key_benifits .title_list .elementor-inline-items>.elementor-icon-list-item.active { color: white; transition: ease 300ms; }
#content .how_beme_work_key_benifits .benifits_main_wrapper { position: relative; height: 550px; overflow: hidden; }
#content .how_beme_work_key_benifits .panel { position: absolute; inset: 0; opacity: 0; transform: translateX(100%); transition: ease 500ms; }
#content .how_beme_work_key_benifits .panel_01 { opacity: 1; transform: translateX(0); position: relative; }
#content .how_beme_work_key_benifits .panel.is-active { opacity: 1; transform: translateX(0); transition: ease 500ms; }

.Side-Hustlers-sec1 .e-grid .e-child .elementor-widget-text-editor strong { color: var(--e-global-color-primary); }
.Side-Hustlers-sec2 .e-grid .e-child { transition: ease 500ms; background: transparent; }
.Side-Hustlers-sec2 .e-grid .e-child:hover { background: var(--e-global-color-primary); transition: ease 500ms; }
.Side-Hustlers-sec2 .e-grid .e-child .elementor-widget-text-editor ul { padding-left: 30px; }
.Side-Hustlers-sec2 .e-grid .e-child .elementor-widget-image { margin-bottom: 15px; }

body.light-mode .Side-Hustlers-sec1 .e-grid>.e-child { border-color: black; }
body.light-mode .Side-Hustlers-sec2 .e-grid>.e-child { border-color: black; }
body.light-mode .Side-Hustlers-sec2 .e-grid>.e-child .elementor-widget-text-editor>ul>li { color: black; }
body.light-mode .Side-Hustlers-sec2 .e-grid>.e-child:hover .elementor-widget-heading .elementor-heading-title { color: white !important; }
body.light-mode .Side-Hustlers-sec2 .e-grid>.e-child:hover .elementor-widget-text-editor>ul>li { color: white; }
body.light-mode .side_hustler_sec3 .elementor-widget-text-editor li { color: black; }

.core_functionality_slider .elementor-slides-wrapper .swiper-slide .swiper-slide-inner { padding: 0; padding-left:10px; }
.core_functionality_slider .elementor-slides-wrapper .elementor-swiper-button { width: 50px; height: 50px; background: #0F172A; border-radius: 50%; display: flex; align-items: center; justify-content: center; padding: 12px; bottom: 0; top: auto; right: 0; left: auto; }
.core_functionality_slider .elementor-slides-wrapper .elementor-swiper-button svg { width: 100%; height: 100%; }
.core_functionality_slider .elementor-slides-wrapper .elementor-swiper-button:hover { background: var(--e-global-color-primary); }
.core_functionality_slider .elementor-slides-wrapper .elementor-swiper-button.elementor-swiper-button-prev { right: 2.5em; }
.core_functionality_slider .elementor-slides-wrapper .swiper-pagination-horizontal { position: absolute; bottom: 0 !important; top: auto; display: flex; align-items: center; gap: 5px; transform: translateY(-46px); }
.core_functionality_slider .elementor-slides-wrapper .swiper-pagination-horizontal .swiper-pagination-bullet { margin: 0; width: 8px; height: 8px; opacity: 0.3 !important; }
.core_functionality_slider .elementor-slides-wrapper .swiper-pagination-horizontal .swiper-pagination-bullet.swiper-pagination-bullet-active { opacity: 1 !important; }
#content .how_beme_work_key_benifits.the_app_scroll_sec .title_list .elementor-inline-items>.elementor-icon-list-item { padding-inline: 5em; }
#content .how_beme_work_key_benifits.the_app_scroll_sec .panel .elementor-widget-heading .elementor-heading-title { font-size: var(--e-global-typography-947a1f8-font-size); }

#content .pricing_tabs .elementor-widget-premium-carousel-widget .pricing_plan_card { max-width: 95%; }
#content .pricing_tabs .elementor-widget-premium-carousel-widget .pricing_plan_card .price_support .elementor-widget-text-editor { font-size: 13px; }
#content .pricing_tabs .elementor-widget-premium-carousel-widget .pricing_plan_card .price_card_discription { min-height: 200px; }
body.light-mode .core_functionality_slider>.e-con-inner>.e-child { border-color: black; }
body.light-mode .core_functionality_slider .elementor-slides-wrapper .swiper-slide .swiper-slide-inner .elementor-slide-heading { color: black; }
body.light-mode .core_functionality_slider .elementor-slides-wrapper .swiper-slide .swiper-slide-inner .elementor-slide-description { color: black; }
body.light-mode .core_functionality_slider .elementor-slides-wrapper .elementor-swiper-button { background: #ccc; }
body.light-mode .core_functionality_slider .elementor-slides-wrapper .elementor-swiper-button path { fill: black; }
body.light-mode .core_functionality_slider .elementor-slides-wrapper .elementor-swiper-button:hover { background: var(--e-global-color-primary); }
body.light-mode .core_functionality_slider .elementor-slides-wrapper .elementor-swiper-button:hover path{ fill: white; }
body.light-mode .core_functionality_slider .elementor-slides-wrapper .swiper-pagination-horizontal .swiper-pagination-bullet { background: var(--e-global-color-primary); }
body.light-mode .how_beme_work_key_benifits.the_app_scroll_sec .title_list .elementor-inline-items>.elementor-icon-list-item { border-bottom: 2px solid #ccc !important; }
body.light-mode .how_beme_work_key_benifits.the_app_scroll_sec .title_list .elementor-inline-items>.elementor-icon-list-item.active {border-color: var(--e-global-color-primary) !important;}
body.light-mode #content .how_beme_work_key_benifits .benifits_main_wrapper .panel .elementor-widget-image { border: 1px solid #ccc; }
body.light-mode .slick-dots li i { color: #2d78f8; }


@media(max-width:1440px){
    .e-con.e-flex>.e-con-inner {padding-inline: 2em;}
}