.elementor-7539 .elementor-element.elementor-element-684e566{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-7539 .elementor-element.elementor-element-fb3cd69{--display:flex;--min-height:48px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#ECEDEF;--border-color:#ECEDEF;--padding-top:12px;--padding-bottom:12px;--padding-left:20px;--padding-right:20px;--z-index:0;}.elementor-7539 .elementor-element.elementor-element-fb3cd69:not(.elementor-motion-effects-element-type-background), .elementor-7539 .elementor-element.elementor-element-fb3cd69 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FEFEFE;}.elementor-7539 .elementor-element.elementor-element-1f99c7a{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:6px;--padding-bottom:6px;--padding-left:0px;--padding-right:0px;--z-index:0;}.elementor-7539 .elementor-element.elementor-element-ebcf317{z-index:0;}.elementor-7539 .elementor-element.elementor-element-ebcf317 img{width:100%;}.elementor-7539 .elementor-element.elementor-element-d8c423f{width:var( --container-widget-width, 84.29% );max-width:84.29%;--container-widget-width:84.29%;--container-widget-flex-grow:0;z-index:1;text-align:center;}.elementor-7539 .elementor-element.elementor-element-d8c423f .elementor-heading-title{font-family:"Noto Sans", Sans-serif;font-size:14px;font-weight:700;text-transform:none;font-style:normal;text-decoration:none;line-height:1.43em;letter-spacing:0em;color:#1F1F1F;}.elementor-7539 .elementor-element.elementor-element-28ad632{--display:flex;}.elementor-7539 .elementor-element.elementor-element-9452b59.elementor-element{--align-self:flex-start;}.elementor-7539 .elementor-element.elementor-element-9452b59 .elementor-heading-title{font-weight:700;-webkit-text-stroke-color:#000;stroke:#000;}@media(max-width:1024px){.elementor-7539 .elementor-element.elementor-element-fb3cd69{--padding-top:9px;--padding-bottom:9px;--padding-left:20px;--padding-right:20px;}.elementor-7539 .elementor-element.elementor-element-1f99c7a{--padding-top:6px;--padding-bottom:6px;--padding-left:0px;--padding-right:0px;}.elementor-7539 .elementor-element.elementor-element-ebcf317 img{width:6px;max-width:max-content;}.elementor-7539 .elementor-element.elementor-element-d8c423f{--container-widget-width:236px;--container-widget-flex-grow:0;width:var( --container-widget-width, 236px );max-width:236px;}.elementor-7539 .elementor-element.elementor-element-d8c423f .elementor-heading-title{font-size:12px;line-height:1.43em;}}@media(min-width:768px){.elementor-7539 .elementor-element.elementor-element-fb3cd69{--width:100%;}.elementor-7539 .elementor-element.elementor-element-1f99c7a{--width:8.57%;}}@media(max-width:1024px) and (min-width:768px){.elementor-7539 .elementor-element.elementor-element-fb3cd69{--width:100%;}.elementor-7539 .elementor-element.elementor-element-1f99c7a{--width:24px;}}@media(max-width:767px){.elementor-7539 .elementor-element.elementor-element-fb3cd69{--width:100%;--padding-top:10px;--padding-bottom:10px;--padding-left:20px;--padding-right:20px;}.elementor-7539 .elementor-element.elementor-element-1f99c7a{--width:24px;--padding-top:6px;--padding-bottom:6px;--padding-left:0px;--padding-right:0px;}.elementor-7539 .elementor-element.elementor-element-d8c423f .elementor-heading-title{font-size:14px;line-height:1.29em;}.elementor-7539 .elementor-element.elementor-element-9452b59{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 05px;}.elementor-7539 .elementor-element.elementor-element-9452b59 .elementor-heading-title{font-size:14px;}}
/* Start custom CSS for container, class: .elementor-element-1f99c7a */.elementor-7539 .elementor-element.elementor-element-1f99c7a {
    cursor: pointer;
}/* End custom CSS */
.elementor-7539 .elementor-element.elementor-element-1f99c7a {

}

/* Start custom CSS for container, class: .elementor-element-fb3cd69 *//* Target the parent containers for the Header and the Card */
.elementor-element-28ad632, 
.elementor-element-fb3cd69 {
    max-width: 500px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
}

/* Ensure the background of the card fills its narrow container */
.settings-card {
    width: 100% !important;
    max-width: 100% !important; /* It will now follow the parent's 500px limit */
    box-sizing: border-box;
}

/* Optional: Center the "Notifications" text if it looks off-center on desktop */
.elementor-element-d8c423f, .elementor-element-9452b59 {
    text-align: center !important;
}/* End custom CSS */
.elementor-7539 .elementor-element.elementor-element-fb3cd69 {
  min-width: 240px;
}


/* Start custom CSS for container, class: .elementor-element-28ad632 *//* 1. Force the entire card to be phone-sized and centered */
.settings-card {
    width: 100% !important;
    max-width: 450px !important; /* Standard mobile width on desktop */
    margin: 40px auto !important; /* Centers the card horizontally */
    background-color: #f2f4f7; 
    border-radius: 22px;
    padding: 10px 22px;
    box-sizing: border-box;
    font-family: 'Inter', -apple-system, sans-serif;
}

/* 2. Ensure the rows stay aligned and clean */
.custom-settings-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 0;
}

/* 3. Style the icons and labels */
.item-label {
    display: flex;
    align-items: center;
    gap: 14px;
    font-weight: 600;
    color: #333;
    font-size: 17px;
}

.item-label img { 
    width: 22px; 
    height: 22px; 
}

/* 4. The Toggle Switch Styling */
.tg-switch {
    position: relative;
    display: inline-block;
    width: 52px;
    height: 28px;
}

.tg-switch input { opacity: 0; width: 0; height: 0; }

.tg-slider {
    position: absolute;
    cursor: pointer;
    top: 0; left: 0; right: 0; bottom: 0;
    background-color: #cbcfd3; 
    transition: .3s;
    border-radius: 30px;
}

.tg-slider:before {
    position: absolute;
    content: "";
    height: 22px; 
    width: 22px;
    left: 3px; 
    bottom: 3px;
    background-color: white;
    transition: .3s;
    border-radius: 50%;
}

/* 5. ON State: Fiery Orange Gradient */
input:checked + .tg-slider {
    background: linear-gradient(to right, #f64d00, #ff8100); 
}

input:checked + .tg-slider:before {
    transform: translateX(24px);
}

/* 6. Fix for Divider lines */
.custom-settings-row:not(:last-child) {
    border-bottom: 1px solid #e2e5e9; 
}/* End custom CSS */

/* Start custom CSS for container, class: .elementor-element-684e566 */.elementor-7539 .elementor-element.elementor-element-684e566 {
    max-width: 500px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}/* End custom CSS */