.elementor-2082 .elementor-element.elementor-element-2d05c12{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2082 .elementor-element.elementor-element-2d05c12:not(.elementor-motion-effects-element-type-background), .elementor-2082 .elementor-element.elementor-element-2d05c12 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-2082 .elementor-element.elementor-element-2d05c12{--padding-top:70px;--padding-bottom:70px;--padding-left:20px;--padding-right:20px;}}@media(max-width:767px){.elementor-2082 .elementor-element.elementor-element-2d05c12{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for container, class: .elementor-element-2d05c12 *//* =========================================================
   COA PAGE — MAKE IT MATCH "ABOUT" LOOK (MORE VISIBLE)
   ========================================================= */

/* Page wash behind everything */
body .ndp-coa-page{
  background:
    radial-gradient(900px 520px at 18% 6%, rgba(255,196,0,.16), rgba(255,255,255,0) 62%),
    radial-gradient(1000px 620px at 88% 10%, rgba(13,103,181,.12), rgba(255,255,255,0) 60%),
    linear-gradient(180deg, rgba(13,103,181,.05), rgba(255,255,255,0) 52%) !important;
  padding: 18px 0 38px !important;
}

/* Cards: slightly tinted + softer border like About page */
body .ndp-coa-page .ndp-coa-hero-left,
body .ndp-coa-page .ndp-list-card,
body .ndp-coa-page .ndp-doc-card,
body .ndp-coa-page .ndp-legal-card{
  background: rgba(255,255,255,.92) !important;
  border: 1px solid rgba(15,23,42,.08) !important;
  box-shadow: 0 16px 52px rgba(2,6,23,.10) !important;
  backdrop-filter: blur(6px);
}

/* Right controls panel: give it the same “card” presence */
body .ndp-coa-page .ndp-coa-controls-vertical .ndp-field{
  background: rgba(255,255,255,.92) !important;
  border: 1px solid rgba(15,23,42,.08) !important;
  border-radius: 18px !important;
  padding: 12px !important;
  box-shadow: 0 14px 40px rgba(2,6,23,.08) !important;
}

/* Inputs: match softer “About” input feel */
body .ndp-coa-page .ndp-input,
body .ndp-coa-page .ndp-select{
  background: rgba(255,255,255,.96) !important;
  border-color: rgba(15,23,42,.10) !important;
}

/* Buttons: slightly richer blue + hover */
body .ndp-coa-page .ndp-btn.primary{
  background: linear-gradient(135deg, rgba(13,103,181,1), rgba(13,103,181,.86)) !important;
  border-color: rgba(13,103,181,.28) !important;
}
body .ndp-coa-page .ndp-btn.primary:hover{
  filter: brightness(1.03);
}

/* Pills: a bit warmer and more “badge-like” */
body .ndp-coa-page .ndp-beta{
  background: rgba(255,196,0,.34) !important;
  border-color: rgba(255,196,0,.62) !important;
  color: rgba(2,6,23,.88) !important;
}/* End custom CSS */