.elementor-7185 .elementor-element.elementor-element-1da18298{--display:flex;--min-height:600px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:0px 0px 0px 0px;}.elementor-7185 .elementor-element.elementor-element-1da18298:not(.elementor-motion-effects-element-type-background), .elementor-7185 .elementor-element.elementor-element-1da18298 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://learnbyalps.com/wp-content/uploads/2026/05/Earned-a-Badge-Pop-Up-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-7185 .elementor-element.elementor-element-a6534c{--display:flex;--position:absolute;--min-height:30px;--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:85%;--z-index:111;}body:not(.rtl) .elementor-7185 .elementor-element.elementor-element-a6534c{left:25%;}body.rtl .elementor-7185 .elementor-element.elementor-element-a6534c{right:25%;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-7185 .elementor-element.elementor-element-a6f3613 .elementor-button{background-color:transparent;font-family:"DM Sans", Sans-serif;font-size:18px;font-weight:700;background-image:linear-gradient(150deg, #2B5FBA 0%, #0E327C 100%);border-style:none;border-radius:10px 10px 10px 10px;}.elementor-7185 .elementor-element.elementor-element-a6f3613{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-7185 .elementor-element.elementor-element-a6f3613.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}#elementor-popup-modal-7185 .dialog-message{width:850px;height:auto;}#elementor-popup-modal-7185{justify-content:center;align-items:center;}#elementor-popup-modal-7185 .dialog-close-button{display:flex;}#elementor-popup-modal-7185 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}@media(min-width:768px){.elementor-7185 .elementor-element.elementor-element-a6534c{--width:50%;}}/* Start custom CSS for button, class: .elementor-element-a6f3613 */.elementor-7185 .elementor-element.elementor-element-a6f3613 .elementor-button {
    background: linear-gradient(180deg, #28C76F 0%, #15A84D 100%) !important;
    box-shadow: inset 0 -5px 0 0 #0F803A, 0 5px 1px 0 rgba(0, 0, 0, 0.05) !important;
    
    /* 3. Text & Icon Alignment */
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding-bottom: 18px !important;
    padding-left: 50px !important;
    padding-right: 50px !important;
    
    transition: all 0.3s ease;
}


.elementor-7185 .elementor-element.elementor-element-a6f3613 .elementor-button-text, 
.elementor-7185 .elementor-element.elementor-element-a6f3613 .elementor-align-icon-left, 
.elementor-7185 .elementor-element.elementor-element-a6f3613 .elementor-align-icon-right {
    line-height: 1 !important;
    display: inline-block !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a6534c *//* 1. THE NEXT BUTTON (Yellow/Orange Gradient) */
.elementor-element-2356bfe5 .elementor-button {
    background: linear-gradient(180deg, #FFD84C 0%, #F7941D 100%) !important;
    border-radius: 10px !important;
    color: #FFFFFF !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    border: none !important;
    /* Eto yung 3D shadow sa ilalim */
    box-shadow: 0 5px 0 #C16E0C !important; 
    transition: all 0.2s ease !important;
    width: 130px;
    height: 37px;
}

/* 2. THE SKIP BUTTON (White/Grey Gradient) */
.elementor-element-6f43dce3 .elementor-button {
    background: linear-gradient(180deg, #EBEEF3 0%, #E2E2E2 100%) !important;
    border-radius: 10px !important;
    color: #0E327C !important; /* ALPS Blue */
    font-weight: 800 !important;
    text-transform: uppercase !important;
    border: none !important;
    box-shadow: 0 5px 0 #BDBDBD !important;
    transition: all 0.2s ease !important;
    width: 130px;
    height: 37px;
}

/* 3. CLICK EFFECT (Para lumubog yung button pag pinindot) */
.elementor-element-2356bfe5 .elementor-button:active,
.elementor-element-6f43dce3 .elementor-button:active {
    transform: translateY(3px) !important;
    box-shadow: 0 2px 0 rgba(0,0,0,0.2) !important;
}

/* Hover Effect para hindi masyadong flat */
.elementor-element-2356bfe5 .elementor-button:hover,
.elementor-element-6f43dce3 .elementor-button:hover {
    filter: brightness(1.05);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1da18298 */#elementor-popup-modal-5351 .dialog-message {
    width: 900px;
}

.elementor-7185 .elementor-element.elementor-element-1da18298 {
    margin-top: -2.5px !important;
    padding-top: 2.5px !important;
}

.elementor-popup-modal .dialog-close-button svg {
    fill: #ffffff !important;
    margin-right: 10px;
    margin-top: 5px;
}

.dialog-type-lightbox.elementor-popup-modal .dialog-widget-content {
    border-radius: 50px !important;
    overflow: hidden !important;
}

.dialog-close-button.dialog-lightbox-close-button {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    text-decoration: none !important;
}

.dialog-close-button:focus, 
.dialog-close-button:active,
.dialog-close-button:hover {
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
}

.dialog-close-button svg {
    border: none !important;
    outline: none !important;
}/* End custom CSS */