.elementor-109470 .elementor-element.elementor-element-4b47153f{border-style:solid;border-width:10px 10px 10px 10px;border-color:#177BB8;}.elementor-109470 .elementor-element.elementor-element-496ac515{--spacer-size:22px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-109470 .elementor-element.elementor-element-5cb8f682 .elementor-heading-title{color:#007BB8;}.elementor-109470 .elementor-element.elementor-element-2aa6c69d .elementor-heading-title{color:#007BB8;}.elementor-109470 .elementor-element.elementor-element-3c2bde2a > .elementor-widget-container{padding:55px 0px 500px 0px;}:root{--page-title-display:none;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(max-width:1024px){.elementor-widget-image .widget-image-caption{letter-spacing:var( --e-global-typography-text-letter-spacing );}}@media(max-width:767px){.elementor-widget-image .widget-image-caption{letter-spacing:var( --e-global-typography-text-letter-spacing );}}/* Start custom CSS for shortcode, class: .elementor-element-3c2bde2a */<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap" rel="stylesheet">

<style>
/* ── UNIVERSAL BRANDING ── */
#pp-sidebar, #pp-sidebar *, #pp-sidebar *::before, #pp-sidebar *::after,
#pp-topbar, #pp-topbar *, #pp-topbar *::before, #pp-topbar *::after,
#watupro_quiz, #watupro_quiz *, #timeNag, #timeNag * {
  box-sizing: border-box !important;
  font-family: 'Poppins', sans-serif !important;
  -webkit-font-smoothing: antialiased !important;
}

/* ── TOP BAR ── */
#pp-topbar {
  background: #F76217 !important;
  padding: 0 28px 0 288px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  height: 52px !important;
  width: 100% !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  z-index: 10000 !important;
}
#pp-topbar .pp-tb-title { font-size: 13px !important; font-weight: 700 !important; color: #ffffff !important; }

/* ── SIDEBAR NAV ── */
#pp-sidebar {
  background: #ffffff !important;
  border-right: 1px solid #ede8e2 !important;
  width: 260px !important;
  height: calc(100vh - 52px) !important;
  position: fixed !important;
  top: 52px !important;
  left: 0 !important;
  z-index: 9999 !important;
  overflow-y: auto !important;
  box-shadow: 2px 0 12px rgba(0,0,0,0.05) !important;
}

/* ── START ASSESSMENT BOX (Fix for image_557d75.png) ── */
#timeNag {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    padding: 40px 20px !important;
    background: #fdfaf7 !important;
    border: 1px solid #ede8e2 !important;
    border-radius: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 30px 0 !important;
    float: none !important;
    clear: both !important;
    text-align: center !important;
}

/* Start Button */
#timeNag a {
    order: 1 !important;
    background: #F76217 !important;
    color: #ffffff !important;
    padding: 14px 30px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 6px !important;
    text-decoration: none !important;
    display: inline-block !important;
    float: none !important;
    transition: background 0.2s ease !important;
}
#timeNag a:hover { background: #d45212 !important; text-decoration: none !important; }

/* Timer Text (Small & Stuck Underneath) */
#timeNagText {
    order: 2 !important;
    display: block !important;
    font-size: 11px !important;
    color: #8c8580 !important;
    font-weight: 500 !important;
    margin: 0 !important;
    text-transform: none !important;
}

/* ── WATUPRO EXAM INTERFACE ── */

/* Progress Bar */
.watupro-progress-container {
    height: 6px !important;
    background: #f0ece6 !important;
    border-radius: 10px !important;
    margin: 25px 0 !important;
    border: none !important;
}
.watupro-progress-bar {
    background-color: #F76217 !important;
    border-radius: 10px !important;
}

/* Question Numbers (Paginator) */
.watupro-paginator li {
    background: #ffffff !important;
    border: 1px solid #ede8e2 !important;
    color: #4a4540 !important;
    font-weight: 600 !important;
    border-radius: 4px !important;
    margin: 2px !important;
}
.watupro-paginator li.active {
    background: #F76217 !important;
    color: #ffffff !important;
    border-color: #F76217 !important;
}

/* Exam Buttons */
.watupro_buttons input[type="button"], 
.watupro-submit-button {
    background: #F76217 !important;
    color: #ffffff !important;
    border: none !important;
    padding: 12px 25px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 4px !important;
    cursor: pointer !important;
}

/* Previous Button */
#prev-question input[type="button"] {
    background: #8c8580 !important;
}

/* Warnings */
.watupro-warning {
    background: #fff3ec !important;
    border-left: 4px solid #F76217 !important;
    color: #1a1714 !important;
    padding: 15px !important;
    font-size: 13px !important;
    margin-bottom: 20px !important;
}
</style>/* End custom CSS */