//* ! -- Jetpack CRM Grabcontent Form (start) -- ! */
.cgrab .content {
    background: none !important;
    border: 0 !important;
    outline: 0 !important;
    text-align: start !important;
}

.cgrab .content h1 {
    color: #1D3138 !important;
    font-family: "Prata", Sans-serif;
    font-size: 44px !important;
    font-weight: 400;
    text-transform: capitalize;
    font-style: normal;
    text-decoration: none;
    line-height: 1.2em;
    letter-spacing: 0px;
}

.cgrab .content h3 {
    color: #000000 !important;
    font-family: Roboto, Arial, sans-serif;
    font-size: 16px !important;
    font-weight: 300 !important;
    text-transform: none !important;
    font-style: normal;
    text-decoration: none;
    line-height: 1.5em;
    letter-spacing: 0px;
    width: 320px;
    max-width: 320px;
}

.zbs_poweredby {
    display: none;
}

.cgrab .content .input, .cgrab .content .textarea {
    border: 1px solid #938c8c !important;
    border-radius: 4px !important;
    padding: 10px 10px !important;
    font-size: 14px;
    font-weight: 400 !important;
    color: #202124;
}

.form-wrapper.zbsFormWrap {
    margin: 0 !important;
}

.cgrab .content .form-wrapper.zbsFormWrap input.send {
    border-radius: 5px;
    padding: 20px 20px 30px 20px;
    width: 40% !important;
    margin: 0 auto !important;
    background: #1a73e8 !important;
}

.cgrab .content .form-wrapper.zbsFormWrap input.send:hover {
    background: #29539c !important;
    box-shadow: 0 1px 2px 0 rgba(60,64,67,0.3), 0 2px 6px 2px rgba(60,64,67,0.15);
}
/* ! -- Jetpack CRM Grabcontent Form (end) -- ! */

/* ! -- Jetpack Form (start) -- ! */
.page-id-36812 main{
    margin: 20px auto;
}

h1.entry-title {
    font-family: 'Prata', sans-serif;
    color: #1d3138!important;
    font-size: 44px!important;
    font-weight: 400;
    text-transform: capitalize;
    font-style: normal;
    text-decoration: none;
    line-height: 1.2em;
    letter-spacing: 0;
    text-align: center;
    margin: 20px auto;
}

@media (min-width: 461px){
    .mg-form { padding: 50px; }    
}

@media (max-width: 461px){
    .mg-form { padding: 10px; }    
}

.mg-form .contact-form label{
    font-weight: 500;
    font-size: 16px;
}

.mg-form .contact-form label.radio { font-weight: 400; }

.mg-form .contact-form label.consent.consent-implicit {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
}

.mg-form input[type="text"] { border: 1px solid #938c8c; }
.mg-form .wp-block-jetpack-button button { padding: 10px; }
.mg-form .wp-block-jetpack-contact-info { margin-top: 20px; }
.mg-form a { color: #1a73e8; }
div#contact-form-36812 h3 { font-size: 20px; }

.mg-form .wp-block-jetpack-button button:hover {
    background: #29539c!important;
    box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%), 0 2px 6px 2px rgb(60 64 67 / 15%);
}
.wp-block-jetpack-contact-form-container { filter: none !important; }
/* ! -- Jetpack Form (end) -- ! */

/* ! -- Global Changes (start) --!*/
a, a:active, a:hover{
    color: #271ae8;
    font-weight: 700;
}

/*to display down arrows*/
.fa, .fas{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

.fa, .fab, .fad, .fal, .far, .fas{
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

.fa-caret-down:before{ content: "\f0d7"; }
/* ! -- Global Changes (end) --! */

/* ! -- WatuPro Quiz (start) --! */
.form-quiz-new-design-outer { margin-top: 50px; }
.form-quiz-new-design-outer p.quiz-heading{
    background: #004ba0;
    color: rgba(255, 255, 255, 1);
    font-size: 2em;
    text-align: center;
    padding: 40px 0;
    font-weight: 600;
    margin: 0;
}

div.form-quiz-new-design-outer{
    box-shadow: 0 0 2px rgba(0,0,0,.12), 0 2px 4px rgba(0,0,0,.24);
}

div.form-quiz-new-design-inner{
    font-weight: 100;
    color: black;
    padding: 20px 30px;
    margin-top: -15px;
}

.form-quiz-new-design-outer .form-quiz-new-design-inner .quiz-form label{
    margin: 5px;
    text-transform: none;
    font-weight: 100;
}

.form-quiz-new-design-outer .form-quiz-new-design-inner div.watu-question {
    margin-top: 30px !important;
    border-top: 3px solid #004ba0 !important;
}

.form-quiz-new-design-outer .form-quiz-new-design-inner div.watu-question:first-child { border: 0; }

.form-quiz-new-design-outer .form-quiz-new-design-inner label span {
    font-size: .9em;
    color: #292929;
    font-weight: 500;
}

.question-content, .watupro-exam-description, .show-question-choices, .quiz-area.single-page-quiz, #timeNag {
    font-weight: 400;
}
.show-question-choices { font-size: 16px; }

/*Submit Button*/
input#action-button {
    padding: 10px 30px;
    font-size: 1.2em;
    border: 0;
    background-color: #004ba0;
    color: #fff;
    transition: color .20s linear, background-color .20s linear;
    margin: 10px auto 30px auto;
}
input#action-button:hover, input#action-button:active{ background-color: #040051; }
/* ! -- WatuPro Quiz (end) --! */

/* ! -- Ultimate Member (start) --! */
.um .um-form input[type=text], .um .um-form input[type=search], .um .um-form input[type=tel], .um .um-form input[type=password], .um .um-form textarea{
    color: #292929 !important;
    -webkit-text-fill-color: #292929;
    border-radius: 5px;
    background: #f5f6f7;
}
/* ! -- Ultimate Member (end) --! */

/* Global Mobile View Fixes */
@media (max-width: 768px) {
    html, body { overflow-x: hidden !important; width: 100%; }
    table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
    .row, .wp-block-columns, .elementor-row { flex-direction: column !important; display: flex !important; }
    img, iframe, video, object, embed { max-width: 100% !important; height: auto !important; }
    input[type="text"], input[type="number"], input[type="email"], select, textarea, button {
        max-width: 100% !important; width: 100% !important; box-sizing: border-box !important;
    }
}

.login a.button, #login form .button-secondary, .login a[href*="register"], .um-page-register a.button, .um-button {
    color: #ffffff !important;
}
.login a[href*="register"]:hover, a[href*="register"]:hover { color: #f0f0f0 !important; }

/* NAVBAR & DROPDOWN STRUCTURE ADJUSTMENTS */
.navbar-nav .sub-menu, .nav-menu .sub-menu, ul.dropdown-menu, .dropdown-menu {
    right: 0 !important;
    left: auto !important;
    min-width: 380px !important;
}
.navbar-nav .sub-menu a, .nav-menu .sub-menu a, .dropdown-menu a {
    white-space: normal !important;
    line-height: 1.4 !important;
    display: block !important;
}

/* ===================================================
   ULTIMATE MEMBER FORM SIZE & BLUE BUTTONS FORCE
   =================================================== */
.um-login, .um-register, .um-form {
    max-width: 500px !important;
    width: 100% !important;
    margin: 0 auto !important;
}
.um .um-form input[type="text"], .um .um-form input[type="password"], .um .um-form select, .um .um-form .um-field-area {
    width: 100% !important;
    max-width: 500px !important;
    min-width: 380px !important;
    padding: 12px 15px !important;
    box-sizing: border-box !important;
    font-size: 15px !important;
}
.um-field-type_select .um-field-area { width: 100% !important; }
.um-field {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

/* FIXED DROPDOWN SEAMLESS BRIDGE (Gap ko khatam karne ke liye) */
.dropdown-menu, .sub-menu, .um-dropdown {
    margin-top: 0 !important;
    padding-top: 10px !important; /* Ek invisible safety bridge create karta hai */
}
/* ===================================================
   MOBILE STYLING FOR USER INITIAL DROPDOWN
   =================================================== */

@media (max-width: 768px) {
    /* Container ko responsive aur safer banayein */
    .um-user-dropdown {
        position: relative !important;
        display: inline-block !important;
        /* Mobile touch target area ko safe rakhne ke liye cursor pointer */
        -webkit-tap-highlight-color: transparent; 
    }

    /* Mobile standard circular button size */
    .user-initial-avatar {
        width: 40px !important;
        height: 40px !important;
        line-height: 40px !important;
        font-size: 16px !important;
        cursor: pointer;
    }

    /* Dropdown box positioning on mobile */
    .um-user-dropdown .um-dropdown-content {
        position: absolute !important;
        top: 100% !important;
        right: 0 !important; /* Screen ke right edge se align rahega */
        left: auto !important;
        min-width: 180px !important; /* Mobile friendly standard width */
        max-width: 220px !important;
        margin-top: 10px !important;
        border-radius: 8px !important;
        box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.2) !important;
        border: 1px solid #e5e5e5 !important;
        background-color: #ffffff !important;
        z-index: 999999 !important; /* Mobile header/nav ke upar display hone ke liye */
    }

    /* Inner link spacing on touch screens */
    .um-user-dropdown .um-dropdown-content a {
        padding: 14px 18px !important; /* Touch targeting standard size (kam se kam 44px vertical touch target area) */
        font-size: 15px !important;
        border-bottom: 1px solid #f0f0f0 !important;
        display: block !important;
    }

    /* Last link (Logout) ka border bottom remove karein */
    .um-user-dropdown .um-dropdown-content a:last-child {
        border-bottom: none !important;
    }
}
/* ===================================================
   STICKY FOOTER (FORCE BOTTOM POSITION METHOD)
   =================================================== */

/* HTML aur body ko screen ki minimum full height par force karein */
html {
    height: 100% !important;
}

body {
    min-height: 100vh !important;
    min-height: 100dvh !important; /* Mobile browser safety */
    display: flex !important;
    flex-direction: column !important;
    margin: 0 !important;
}

/* Astra theme ke baki inner wrappers ko stretch hone par force karein */
#page, .site {
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
    min-height: 100vh !important;
}

/* Content area ko bachi hui saari space lene par force karein */
#content, .site-content, main, #main {
    flex-grow: 1 !important;
    display: flex !important;
    flex-direction: column !important;
}

/* Footer ko strictly bottom par drop karein */
footer, .site-footer, #colophon {
    margin-top: auto !important; /* Yeh sabse magical line hai jo footer ko bottom par push karegi */
    flex-shrink: 0 !important;
}