/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 23 2026 | 06:37:42 */
@media (max-width: 767px) {

    .elementor-widget-image, .elementor-widget-nav-menu {
        margin: 0 !important;
        padding: 10px 0 !important;
    }

    html, body {
        overflow-x: hidden !important;
    }
}

@media (max-width: 767px) {
    .elementor-996 .elementor-element.elementor-element-13bf73f {
        --e-transform-translateY: 0px;
    }

	.elementor-icon {
    	vertical-align: middle;
	}
}



/* LIGTAS NA PARAAN: Gitna pa rin pero walang Flex conflict */
@media (max-width: 767px) {
    .custom-mobile-menu .sub-menu li a, 
    .custom-mobile-menu .sub-menu a,
    .custom-mobile-menu .elementor-nav-menu--dropdown a,
    .custom-mobile-menu ul li a {
        display: block !important;       /* Ligtas sa Elementor JS at Safari */
        text-align: left !important;     /* Ito lang sapat na para mag-left ang text */
        width: 100% !important;
    }
}

    /* 2. STYLE PARA SA TABS MO (Scope only sa tabs mo na walang background) */
    .custom-tabs-header {
        --n-tabs-title-background-color: transparent !important;
        --n-tabs-title-background-color-hover: transparent !important;
        --n-tabs-title-background-color-active: transparent !important;
    }

    /* Remove background + border sa tab title */
    .custom-tabs-header .elementor-tab-title {
        background: transparent !important;
        border: none !important;
        color: #333 !important; /* default text color */
        padding: 10px 20px !important; /* adjust if needed */
    }

    /* Hover at Active = green text lang */
    .custom-tabs-header .elementor-tab-title:hover,
    .custom-tabs-header .elementor-tab-title.elementor-active {
        background: transparent !important;
        color: #00A859 !important;
    }

    /* Remove possible pseudo element lines o borders */
    .custom-tabs-header .elementor-tab-title::after {
        display: none !important;
    }
}