.elementor-27 .elementor-element.elementor-element-ae91d49{--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;}.elementor-27 .elementor-element.elementor-element-b25b8bb{--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;}.elementor-27 .elementor-element.elementor-element-9853c4f{--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;}.elementor-27 .elementor-element.elementor-element-f554232{--display:flex;}.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-27 .elementor-element.elementor-element-8aba4b2{--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;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-27 .elementor-element.elementor-element-45e3db7{width:100%;max-width:100%;padding:0px 0px 0px 0px;}}.elementor-27 .elementor-element.elementor-element-27db980 {  }.consult-btn{
  margin-top:20px;
  width:100%;
  min-height:72px;
  background:linear-gradient(135deg,#0061A4,#0086D4);
  color:#fff;
  border-radius:20px;
  padding:14px 18px;
  display:flex !important;
  align-items:center;
  gap:14px;
  text-decoration:none;
  overflow:hidden;
}

.consult-btn span{
  width:42px;
  height:42px;
  border-radius:12px;
  background:rgba(255,255,255,.18);
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
}

.consult-btn strong{
  font-size:18px;
  font-weight:900;
  white-space:nowrap;
}

.consult-btn small{
  font-size:13px;
  color:rgba(255,255,255,.85);
  display:block;
  line-height:1.3;
}

.consult-btn b{
  margin-left:auto;
  font-size:28px;
  flex-shrink:0;
}

@media(max-width:1024px){
  .najm-app{
    max-width:460px;
  }

  .consult-btn{
    padding:14px;
  }

  .consult-btn strong{
    font-size:16px;
  }

  .consult-btn small{
    font-size:12px;
  }
}

@media(max-width:480px){
  .consult-top{
    flex-direction:column;
  }

  .consult-btn{
    align-items:center;
  }

  .trust-row{
    justify-content:center;
    text-align:center;
  }
}
.elementor-27 .elementor-element.elementor-element-45e3db7 {  }/* FIX CONSULTATION CARD SIZE */

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

/* main card */
.consult-card,
.start-consultation,
.consult-box{
width:100% !important;
max-width:420px !important;
margin:0 auto 18px !important;
padding:22px !important;
border-radius:28px !important;
box-sizing:border-box !important;
}

/* title */
.consult-card h2,
.start-consultation h2,
.consult-box h2{
font-size:38px !important;
line-height:1.05 !important;
margin-bottom:12px !important;
}

/* description */
.consult-card p,
.start-consultation p,
.consult-box p{
font-size:15px !important;
line-height:1.6 !important;
}

/* start button */
.consult-card .start-btn,
.start-consultation .start-btn,
.consult-box .start-btn{
width:100% !important;
min-height:74px !important;
border-radius:24px !important;
padding:14px 18px !important;
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
gap:12px !important;
}

/* prevent text breaking */
.consult-card *,
.start-consultation *,
.consult-box *{
word-break:normal !important;
overflow-wrap:break-word !important;
}

/* MOBILE */
@media(max-width:767px){

.consult-card,
.start-consultation,
.consult-box{
max-width:100% !important;
padding:18px !important;
border-radius:24px !important;
}

.consult-card h2,
.start-consultation h2,
.consult-box h2{
font-size:28px !important;
}

.consult-card p,
.start-consultation p,
.consult-box p{
font-size:14px !important;
}

.consult-card .start-btn,
.start-consultation .start-btn,
.consult-box .start-btn{
min-height:66px !important;
padding:12px 14px !important;
}

}

/* FIX HUGE EMPTY SPACE */
.elementor-widget-container{
margin-bottom:0 !important;
padding-bottom:0 !important;
}

.elementor-section{
margin-bottom:0 !important;
padding-bottom:0 !important;
}
.elementor-spacer{
display:none !important;
height:0 !important;
}

.elementor-widget-container{
margin-bottom:0 !important;
padding-bottom:0 !important;
}

.elementor-container{
gap:0 !important;
}

.elementor-section{
margin:0 !important;
padding:0 !important;
min-height:auto !important;
}
.najm-app{
width:100% !important;
max-width:100% !important;
margin:0 !important;
padding:0 !important;
}

.najm-consult-card{
width:100% !important;
max-width:100% !important;
margin:0 auto !important;
border-radius:28px !important;
}

@media(max-width:767px){

.najm-app{
padding:0 !important;
}

.najm-consult-card{
width:100% !important;
max-width:100% !important;
border-radius:24px !important;
}

.consult-btn{
width:100% !important;
}

.consult-content h2{
font-size:44px !important;
line-height:1.1 !important;
}

.consult-content p{
font-size:20px !important;
line-height:1.5 !important;
}

.trust-row{
display:flex !important;
justify-content:space-between !important;
gap:10px !important;
font-size:14px !important;
flex-wrap:wrap !important;
}
}
/* FIX CONSULT CARD MOBILE */
.najm-app{
width:100% !important;
max-width:100% !important;
margin:0 auto !important;
padding:0 14px !important;
box-sizing:border-box !important;
}

.najm-consult-card{
width:100% !important;
max-width:100% !important;
margin:0 auto !important;
border-radius:26px !important;
overflow:hidden !important;
box-sizing:border-box !important;
}

/* MOBILE */
@media(max-width:767px){

/* remove huge white gaps */
.elementor-widget-html,
.elementor-widget-container{
margin:0 !important;
padding:0 !important;
width:100% !important;
max-width:100% !important;
}

/* app wrapper */
.najm-app{
padding:0 10px 0 !important;
}

/* card */
.najm-consult-card{
padding:20px !important;
border-radius:24px !important;
}

/* top section */
.consult-top{
display:flex !important;
align-items:flex-start !important;
gap:14px !important;
}

/* icon */
.consult-icon{
width:68px !important;
height:68px !important;
min-width:68px !important;
font-size:28px !important;
border-radius:18px !important;
}

/* title */
.consult-content h2{
font-size:20px !important;
line-height:1.15 !important;
margin:10px 0 8px !important;
}

/* paragraph */
.consult-content p{
font-size:15px !important;
line-height:1.5 !important;
margin:0 !important;
}

/* badge */
.consult-badge{
font-size:11px !important;
padding:8px 12px !important;
border-radius:999px !important;
display:inline-block !important;
}

/* button */
.consult-btn{
width:100% !important;
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
padding:16px !important;
margin-top:18px !important;
border-radius:22px !important;
gap:10px !important;
}

/* button text */
.consult-btn strong{
font-size:16px !important;
line-height:1.1 !important;
}

.consult-btn small{
font-size:12px !important;
line-height:1.3 !important;
display:block !important;
}

/* trust row */
.trust-row{
display:grid !important;
grid-template-columns:1fr 1fr !important;
gap:10px !important;
margin-top:18px !important;
text-align:center !important;
}

.trust-row span{
font-size:12px !important;
line-height:1.3 !important;
}

/* prevent horizontal scroll */
html,body{
overflow-x:hidden !important;
}

}
/* ================================================
   NAJM NEW COLOR SYSTEM
================================================ */

.np2-wrap {
    --bg:    #F3F4F6;
    --s1:    #ffffff;
    --s2:    #ffffff;
    --s3:    #f8fafc;
    --s4:    #eef4ff;

    --bd:    rgba(7,24,46,0.10);
    --bd2:   rgba(7,24,46,0.16);

    --blue:  #18489B;
    --bluel: #18489B;
    --cyan:  #0A5A6E;
    --teal:  #0A5A6E;
    --green: #0A5A6E;
    --gold:  #F2C94C;
    --red:   #d9534f;
    --purp:  #18489B;

    --text:  #07182E;
    --t2:    #64748b;
    --t3:    #64748b;
}

/* ================================================
   MAIN BACKGROUND
================================================ */

.np2-wrap{
    background: var(--bg) !important;
    color: var(--text) !important;
}

/* ================================================
   HERO
================================================ */

.np2-hero{
    background: linear-gradient(
        135deg,
        #07182E 0%,
        #18489B 55%,
        #0A5A6E 100%
    ) !important;

    border: 1px solid rgba(255,255,255,.08) !important;
}

.np2-hero h1{
    color:#ffffff !important;
}

.np2-hero h1 span{
    color:#F2C94C !important;
}

.np2-hero p{
    color:#dbe7ff !important;
}

.np2-hs-val{
    color:#F2C94C !important;
}

.np2-hs-lbl{
    color:#cbd5e1 !important;
}

/* ================================================
   LOGO
================================================ */

.np2-logo{
    background: linear-gradient(
        135deg,
        #18489B,
        #0A5A6E
    ) !important;

    box-shadow: 0 0 26px rgba(24,72,155,.35) !important;
}

/* ================================================
   BADGE
================================================ */

.np2-badge{
    background: rgba(242,201,76,.12) !important;
    border:1px solid rgba(242,201,76,.25) !important;
    color:#F2C94C !important;
}

.np2-badge-dot{
    background:#F2C94C !important;
}

/* ================================================
   CARDS
================================================ */

.np2-card{
    background:#ffffff !important;
    border:1px solid rgba(7,24,46,.08) !important;
    box-shadow:0 10px 25px rgba(7,24,46,.04);
}

.np2-card:focus-within{
    border-color:#18489B !important;
}

/* ================================================
   SECTION TITLES
================================================ */

.np2-sec-txt{
    color:#18489B !important;
}

.np2-sec-line{
    background:rgba(7,24,46,.08) !important;
}

/* ================================================
   LABELS
================================================ */

.np2-lbl{
    color:#64748b !important;
}

/* ================================================
   INPUTS
================================================ */

.np2-wrap input[type="text"],
.np2-wrap input[type="date"],
.np2-wrap input[type="time"],
.np2-wrap input[type="tel"],
.np2-wrap textarea,
.np2-wrap select{

    background:#F3F4F6 !important;
    border:1px solid rgba(7,24,46,.12) !important;
    color:#07182E !important;
}

.np2-wrap input::placeholder,
.np2-wrap textarea::placeholder{
    color:#94a3b8 !important;
}

.np2-wrap input:focus,
.np2-wrap textarea:focus,
.np2-wrap select:focus{
    border-color:#18489B !important;
    background:#ffffff !important;
    box-shadow:0 0 0 4px rgba(24,72,155,.12) !important;
}

/* ================================================
   PRIORITY
================================================ */

.np2-prio{
    background:#F3F4F6 !important;
    border:1px solid rgba(7,24,46,.08) !important;
    color:#64748b !important;
}

.np2-p-low.active{
    background:rgba(10,90,110,.12) !important;
    border-color:#0A5A6E !important;
    color:#0A5A6E !important;
}

.np2-p-mid.active{
    background:rgba(242,201,76,.14) !important;
    border-color:#F2C94C !important;
    color:#9a6b00 !important;
}

.np2-p-high.active{
    background:rgba(217,83,79,.12) !important;
    border-color:#d9534f !important;
    color:#d9534f !important;
}

/* ================================================
   PILLS
================================================ */

.np2-pill{
    background:#F3F4F6 !important;
    border:1px solid rgba(7,24,46,.08) !important;
    color:#64748b !important;
}

.np2-pill:hover,
.np2-pill.on{
    background:rgba(24,72,155,.08) !important;
    border-color:#18489B !important;
    color:#18489B !important;
}

/* ================================================
   FILE UPLOAD
================================================ */

.np2-file-label{
    background:#F8FAFC !important;
    border:1px dashed rgba(24,72,155,.28) !important;
    color:#18489B !important;
}

.np2-file-label:hover{
    background:#EEF4FF !important;
}

/* ================================================
   BUTTON
================================================ */

.np2-btn{
    background:linear-gradient(
        135deg,
        #18489B,
        #07182E
    ) !important;

    color:#ffffff !important;

    box-shadow:0 10px 28px rgba(24,72,155,.24) !important;
}

.np2-btn:hover{
    box-shadow:0 18px 40px rgba(24,72,155,.34) !important;
}

/* ================================================
   TOAST
================================================ */

.np2-toast{
    background:#ffffff !important;
    border:1px solid rgba(24,72,155,.12) !important;
}

.np2-toast-title{
    color:#07182E !important;
}

.np2-toast-sub{
    color:#64748b !important;
}

.np2-toast-ico{
    background:rgba(24,72,155,.08) !important;
    border:1px solid rgba(24,72,155,.12) !important;
}

.np2-toast-ico svg{
    stroke:#18489B !important;
}

/* ================================================
   ERROR
================================================ */

.np2-err{
    background:rgba(217,83,79,.08) !important;
    border:1px solid rgba(217,83,79,.2) !important;
    color:#d9534f !important;
}

/* ================================================
   PATIENT DASHBOARD
================================================ */

.npp-pt{
    background:#F3F4F6 !important;
    color:#07182E !important;
}

.npp-pt-hero{
    background:linear-gradient(
        135deg,
        #07182E,
        #18489B,
        #0A5A6E
    ) !important;
}

.npp-pt-hero h1{
    color:#ffffff !important;
}

.npp-pt-hero p{
    color:#dbe7ff !important;
}

.npp-rec{
    background:#ffffff !important;
    border:1px solid rgba(7,24,46,.08) !important;
}

.npp-rec-type{
    color:#07182E !important;
}

.npp-rec-val{
    color:#07182E !important;
}

.npp-rec-lbl,
.npp-rec-date,
.npp-pt-sec{
    color:#64748b !important;
}

.npp-rec-notes{
    background:#F8FAFC !important;
    color:#475569 !important;
}

.npp-file-item{
    background:#ffffff !important;
    border:1px solid rgba(7,24,46,.08) !important;
    color:#18489B !important;
}

.npp-file-item:hover{
    border-color:#18489B !important;
    background:#EEF4FF !important;
}

.npp-empty{
    color:#64748b !important;
}
/* NAJM FULL RESPONSIVE FIX */
html, body{
  width:100% !important;
  max-width:100% !important;
  overflow-x:hidden !important;
  background:#f4f7fb !important;
}

/* Elementor width fix */
.elementor,
.elementor-section,
.elementor-container,
.e-con,
.e-parent,
.e-child{
  width:100% !important;
  max-width:100% !important;
  overflow-x:hidden !important;
}
/* FIX CONSULTATION CARD SIZE */

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

/* main card */
.consult-card,
.start-consultation,
.consult-box{
width:100% !important;
max-width:420px !important;
margin:0 auto 18px !important;
padding:22px !important;
border-radius:28px !important;
box-sizing:border-box !important;
}

/* title */
.consult-card h2,
.start-consultation h2,
.consult-box h2{
font-size:38px !important;
line-height:1.05 !important;
margin-bottom:12px !important;
}

/* description */
.consult-card p,
.start-consultation p,
.consult-box p{
font-size:15px !important;
line-height:1.6 !important;
}

/* start button */
.consult-card .start-btn,
.start-consultation .start-btn,
.consult-box .start-btn{
width:100% !important;
min-height:74px !important;
border-radius:24px !important;
padding:14px 18px !important;
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
gap:12px !important;
}

/* prevent text breaking */
.consult-card *,
.start-consultation *,
.consult-box *{
word-break:normal !important;
overflow-wrap:break-word !important;
}

/* MOBILE */
@media(max-width:767px){

.consult-card,
.start-consultation,
.consult-box{
max-width:100% !important;
padding:18px !important;
border-radius:24px !important;
}

.consult-card h2,
.start-consultation h2,
.consult-box h2{
font-size:28px !important;
}

.consult-card p,
.start-consultation p,
.consult-box p{
font-size:14px !important;
}

.consult-card .start-btn,
.start-consultation .start-btn,
.consult-box .start-btn{
min-height:66px !important;
padding:12px 14px !important;
}

}

/* FIX HUGE EMPTY SPACE */
.elementor-widget-container{
margin-bottom:0 !important;
padding-bottom:0 !important;
}

.elementor-section{
margin-bottom:0 !important;
padding-bottom:0 !important;
}

/* Patient records / provider blocks */
.npp-pt,
.np2-wrap,
.npp-patient,
.npp-wrap{
  width:100% !important;
  max-width:820px !important;
  margin:0 auto !important;
  padding:18px 14px 120px !important;
  background:#f4f7fb !important;
  color:#07182e !important;
}

/* Cards size equal */
.npp-pt-hero,
.npp-rec,
.np2-hero,
.np2-card,
.npp-record,
.npp-card{
  width:100% !important;
  max-width:100% !important;
  border-radius:24px !important;
  overflow:hidden !important;
}

/* Patient Records header */
.npp-pt-hero{
  background:linear-gradient(135deg,#18489B,#0A5A6E) !important;
  padding:26px 22px !important;
  margin-bottom:18px !important;
}

.npp-pt-hero h1{
  font-size:28px !important;
  line-height:1.15 !important;
  color:#F2C94C !important;
}

/* Record cards */
.npp-rec{
  background:#ffffff !important;
  color:#07182E !important;
  border:1px solid #e5edf7 !important;
  box-shadow:0 10px 24px rgba(7,24,46,.08) !important;
}

.npp-rec-val,
.npp-rec-type{
  color:#07182E !important;
}

.npp-rec-notes{
  background:#f3f6fb !important;
  color:#64748b !important;
}

/* Bottom nav fix */
.bottom-nav,
.najm-bottom-nav,
.nj-bottom-nav{
  position:fixed !important;
  left:50% !important;
  right:auto !important;
  bottom:14px !important;
  transform:translateX(-50%) !important;
  width:calc(100% - 28px) !important;
  max-width:420px !important;
  min-width:0 !important;
  height:auto !important;
  padding:8px 8px !important;
  border-radius:24px !important;
  background:#07182E !important;
  z-index:99999 !important;
  overflow:hidden !important;
}

/* nav items */
.bottom-nav a,
.najm-bottom-nav a,
.nj-bottom-nav a{
  flex:1 1 0 !important;
  min-width:0 !important;
  padding:8px 4px !important;
  font-size:11px !important;
  text-align:center !important;
}

/* Mobile */
@media(max-width:767px){
  .npp-pt,
  .np2-wrap,
  .npp-patient,
  .npp-wrap{
    max-width:100% !important;
    padding:14px 12px 115px !important;
  }

  .npp-pt-hero,
  .np2-hero{
    padding:22px 18px !important;
    border-radius:22px !important;
  }

  .npp-pt-hero h1,
  .np2-hero h1{
    font-size:25px !important;
  }

  .npp-rec,
  .np2-card,
  .npp-card{
    padding:16px !important;
    border-radius:20px !important;
  }

  .npp-rec-row,
  .np2-row,
  .npp-grid{
    grid-template-columns:1fr !important;
  }

  .bottom-nav,
  .najm-bottom-nav,
  .nj-bottom-nav{
    width:calc(100% - 20px) !important;
    max-width:390px !important;
    bottom:10px !important;
  }
}

/* Tablet */
@media(min-width:768px) and (max-width:1024px){
  .npp-pt,
  .np2-wrap,
  .npp-patient,
  .npp-wrap{
    max-width:760px !important;
  }

  .bottom-nav,
  .najm-bottom-nav,
  .nj-bottom-nav{
    max-width:520px !important;
  }
}
/* FIX CONSULTATION CARD SIZE */

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

/* main card */
.consult-card,
.start-consultation,
.consult-box{
width:100% !important;
max-width:420px !important;
margin:0 auto 18px !important;
padding:22px !important;
border-radius:28px !important;
box-sizing:border-box !important;
}

/* title */
.consult-card h2,
.start-consultation h2,
.consult-box h2{
font-size:38px !important;
line-height:1.05 !important;
margin-bottom:12px !important;
}

/* description */
.consult-card p,
.start-consultation p,
.consult-box p{
font-size:15px !important;
line-height:1.6 !important;
}

/* start button */
.consult-card .start-btn,
.start-consultation .start-btn,
.consult-box .start-btn{
width:100% !important;
min-height:74px !important;
border-radius:24px !important;
padding:14px 18px !important;
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
gap:12px !important;
}

/* prevent text breaking */
.consult-card *,
.start-consultation *,
.consult-box *{
word-break:normal !important;
overflow-wrap:break-word !important;
}

/* MOBILE */
@media(max-width:767px){

.consult-card,
.start-consultation,
.consult-box{
max-width:100% !important;
padding:18px !important;
border-radius:24px !important;
}

.consult-card h2,
.start-consultation h2,
.consult-box h2{
font-size:28px !important;
}

.consult-card p,
.start-consultation p,
.consult-box p{
font-size:14px !important;
}

.consult-card .start-btn,
.start-consultation .start-btn,
.consult-box .start-btn{
min-height:66px !important;
padding:12px 14px !important;
}

}

/* FIX HUGE EMPTY SPACE */
.elementor-widget-container{
margin-bottom:0 !important;
padding-bottom:0 !important;
}

.elementor-section{
margin-bottom:0 !important;
padding-bottom:0 !important;
}