.elementor-kit-12{--e-global-color-primary:#6E7990;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-22dcb20:#00468A;--e-global-color-581c955:#40B355;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-12 button,.elementor-kit-12 input[type="button"],.elementor-kit-12 input[type="submit"],.elementor-kit-12 .elementor-button{background-color:var( --e-global-color-22dcb20 );color:var( --e-global-color-astglobalcolor4 );}.elementor-kit-12 e-page-transition{background-color:#FFBC7D;}.elementor-kit-12 h2{color:var( --e-global-color-22dcb20 );font-size:40px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1400px;}.e-con{--container-max-width:1400px;--container-default-padding-top:20px;--container-default-padding-right:0px;--container-default-padding-bottom:20px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-12 h2{font-size:25px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;--container-default-padding-top:20px;--container-default-padding-right:20px;--container-default-padding-bottom:20px;--container-default-padding-left:20px;}}@media(max-width:767px){.elementor-kit-12 h2{font-size:20px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;--container-default-padding-top:10px;--container-default-padding-right:10px;--container-default-padding-bottom:10px;--container-default-padding-left:10px;}}
/* Start custom CSS *//* ==========================================================================
   Meditaj Header — custom CSS
   বসানোর জায়গা: Elementor → Site Settings → Custom CSS
   (অথবা Appearance → Customize → Additional CSS)
   এই CSS ছাড়া header কাজ করবে, কিন্তু active menu-র সবুজ ট্যাব,
   gradient বাটন আর দুই লাইনের "Book Appointment" দেখাবে না।
   ========================================================================== */

:root{
  --mdt-navy:#13376E;
  --mdt-navy-deep:#12376E;
  --mdt-blue:#1B54A5;
  --mdt-blue-dark:#164485;
  --mdt-green:#1FA05E;
  --mdt-green-light:#2FB86A;
  --mdt-muted:#6B7A8C;
  --mdt-field:#F7F9FB;
  --mdt-line:#E1E8EF;
}

/* ---------- ১. উপরের ইউটিলিটি বার ------------------------------------ */

.mdt-topbar{ border-bottom:1px solid #DCE7F2; }

/* ফোন আইকনের গোল ঘরটা একটু নরম করা */
.mdt-phone .elementor-icon{ background:var(--mdt-blue); }
.mdt-phone .elementor-icon-box-title{ margin:0; }
.mdt-phone .elementor-icon-box-description{ margin:0; }

/* সোশ্যাল আইকন — ব্র্যান্ড কালার, নরম কোণা */
.mdt-social .elementor-social-icon{
  transition:transform .18s ease;
}
.mdt-social .elementor-social-icon:hover{ transform:translateY(-2px); }

.mdt-provider-btn .elementor-button{
  background:linear-gradient(180deg,var(--mdt-blue) 0%,var(--mdt-blue-dark) 100%);
  box-shadow:0 2px 6px rgba(27,84,165,.28);
  white-space:nowrap;
}

/* ---------- ২. মাঝের বার ---------------------------------------------- */

.mdt-mainbar{ border-bottom:1px solid #EDF1F5; }

.mdt-logo-name .elementor-heading-title{ letter-spacing:-.5px; }
.mdt-logo-name a{ color:inherit; text-decoration:none; }

/* ---- মাঝের বারের তিন ভাগের প্রস্থ (এটাই আসল ফিক্স) ----
   লোগো আর ডান পাশের অ্যাকশন নিজের মাপে থাকবে, মাঝের সার্চ বাকি
   পুরো জায়গা নেবে। min-width:0 না দিলে flex আইটেম ছোট হতে পারে না —
   এখান থেকেই সার্চ চেপে যাচ্ছিল আর লগইন বাটনের উপরে উঠে যাচ্ছিল। */
/* কন্টেন্ট প্রস্থ — তিনটা রো একই মাপে, মাঝ বরাবর */
.mdt-topbar, .mdt-mainbar, .mdt-navbar{ --content-width:1300px; }
.mdt-topbar > .e-con-inner,
.mdt-mainbar > .e-con-inner,
.mdt-navbar > .e-con-inner{
  max-width:1300px;
  width:100%;
  margin-left:auto;
  margin-right:auto;
}

.mdt-mainbar > .e-con-inner,
.mdt-mainbar{ align-items:center; }

.mdt-logo{
  flex:0 0 auto !important;
  min-width:0;
  width:auto !important;
}
.mdt-actions{
  flex:0 0 auto !important;
  min-width:0;
  width:auto !important;
  gap:20px;
  align-items:center;
}
/* সার্চ — বাকি পুরো জায়গা নেবে, কিন্তু কখনো শূন্যে নামবে না */
.mdt-search-wrap{
  flex:1 1 auto !important;
  min-width:200px;
  max-width:560px;
  width:auto !important;
}

/* সার্চ ফিল্ড — আইকন বাঁ পাশে, ভেতরে */
.mdt-search,
.mdt-search .elementor-widget-container{ width:100%; }
.mdt-search .elementor-search-form,
.mdt-search .elementor-search-form__container{
  width:100%;
  background:var(--mdt-field);
  border:1px solid var(--mdt-line);
  border-radius:26px;
  overflow:hidden;
}
.mdt-search .elementor-search-form__input{
  background:transparent;
  padding-left:14px;
  width:100%;
  min-width:0;
  text-overflow:ellipsis;
}
.mdt-search .elementor-search-form__icon{
  color:var(--mdt-muted);
  padding-left:18px;
  padding-right:2px;
  opacity:1;
  flex:0 0 auto;
}

/* "Book Appointment" — দুই লাইনের বাটন */
.mdt-book-btn .elementor-button{
  background:linear-gradient(180deg,var(--mdt-blue) 0%,var(--mdt-blue-dark) 100%);
  box-shadow:0 3px 10px rgba(27,84,165,.30);
  white-space:nowrap;
}
.mdt-book-btn .elementor-button-content-wrapper{ align-items:center; }
.mdt-book-btn .elementor-button-text{
  display:flex; flex-direction:column; align-items:flex-start; line-height:1.2;
}
.mdt-book-btn .mdt-btn-sub{
  font-size:10.5px;
  font-weight:400;
  opacity:.88;
  margin-top:1px;
}
.mdt-book-btn .elementor-button-icon{ font-size:17px; }

/* লগইন ব্লক — বাটনের সাথে যেন কখনো মিশে না যায় */
.mdt-book-btn{
  flex:0 0 auto !important;
  min-width:0;
}
.mdt-book-btn .elementor-widget-container{ width:auto; }

.mdt-login{
  position:relative;
  flex:0 0 auto !important;
  padding-left:20px;
  margin-left:2px;
  white-space:nowrap;
  align-items:center;
}
/* বাঁ পাশের পাতলা ডিভাইডার */
.mdt-login::before{
  content:""; position:absolute; left:0; top:50%; transform:translateY(-50%);
  width:1px; height:34px; background:var(--mdt-line);
}
.mdt-login a{ text-decoration:none; }
/* গোল আইকনটা নিজের মাপে থাকবে, পুরো প্রস্থ নেবে না */
.mdt-login-icon,
.mdt-login-icon .elementor-widget-container{ width:auto !important; flex:0 0 auto; }
.mdt-login-icon .elementor-icon{ display:grid; place-items:center; }

/* ---------- ৩. নেভিগেশন বার ------------------------------------------ */

.mdt-navbar{ position:relative; }

.mdt-nav .elementor-nav-menu--main .elementor-nav-menu > li > a.elementor-item{
  border-radius:8px 8px 0 0;
  transition:background .18s ease;
  display:flex;
  align-items:center;
  gap:7px;
  white-space:nowrap;      /* "FIND A CAREGIVER" যেন দুই লাইনে না ভাঙে */
}
.mdt-nav .elementor-nav-menu--main{ flex-wrap:nowrap; }
.mdt-nav-wrap{ flex:1 1 auto !important; width:auto !important; min-width:0; }
.mdt-pharmacy-wrap{ flex:0 0 auto !important; width:auto !important; }

/* মেনু লেবেলে বসানো আইকন (Appearance → Menus থেকে) */
.mdt-nav .elementor-item i{
  font-size:14px;
  line-height:1;
  opacity:.95;
}

/* হোভার */
.mdt-nav .elementor-nav-menu--main .elementor-nav-menu > li > a.elementor-item:hover{
  background:rgba(255,255,255,.10);
}

/* বর্তমান পেজ — সবুজ ট্যাব (শুধু ডেস্কটপ বারে, মোবাইল ড্রয়ারে নয়) */
.mdt-nav .elementor-nav-menu--main > ul > li > a.elementor-item-active,
.mdt-nav .elementor-nav-menu--main > ul > li.current-menu-item > a.elementor-item,
.mdt-nav .elementor-nav-menu--main > ul > li.current-menu-ancestor > a.elementor-item,
.mdt-nav .elementor-nav-menu--main .elementor-nav-menu > li > a.elementor-item-active,
.mdt-nav .elementor-nav-menu--main .elementor-nav-menu > li.current-menu-item > a.elementor-item{
  background:linear-gradient(180deg,var(--mdt-green-light) 0%,var(--mdt-green) 100%);
  color:#fff;
}

/* ফার্মেসি বাটন — নেভিগেশন বারের সমান উচ্চতা, সবুজ গ্রেডিয়েন্ট */
.mdt-pharmacy-wrap{ align-self:stretch; }
.mdt-pharmacy-btn,
.mdt-pharmacy-btn .elementor-widget-container{ height:100%; }
.mdt-pharmacy-btn .elementor-button{
  height:100%;
  border-radius:8px 8px 0 0;
  background:linear-gradient(135deg,var(--mdt-green-light) 0%,var(--mdt-green) 100%);
  white-space:nowrap;
  line-height:1.25;
}
.mdt-pharmacy-btn .elementor-button:hover{
  background:linear-gradient(135deg,var(--mdt-green) 0%,var(--mdt-green-light) 100%);
}

/* ---------- ৪. ট্যাবলেট ----------------------------------------------- */

@media (max-width:1400px){
  /* মেনু ৯টা আইটেম — জায়গা কমলে ধাপে ধাপে ছোট করা */
  .mdt-nav .elementor-nav-menu--main .elementor-nav-menu > li > a.elementor-item{
    padding-left:9px; padding-right:9px; font-size:11px;
  }
}

@media (max-width:1200px){
  .mdt-search-wrap{ max-width:340px; }
  .mdt-nav .elementor-nav-menu--main .elementor-nav-menu > li > a.elementor-item{
    padding-left:7px; padding-right:7px; font-size:10.5px; gap:5px;
  }
  .mdt-nav .elementor-item i{ font-size:12.5px; }
  .mdt-pharmacy-btn .elementor-button{ padding-left:14px; padding-right:14px; font-size:10.5px; }
}

@media (max-width:1024px){
  .mdt-search-wrap{ max-width:280px; }
  .mdt-login{ display:none; }
}

/* ---------- ৫. পাশাপাশি ট্যাব (768–1024px) -----------------------------
   এই মাপে Elementor বার্গার দেখায় (dropdown = tablet), কিন্তু জায়গা এখনো আছে। */

@media (max-width:1024px){
  .mdt-navbar{ padding-top:4px; padding-bottom:4px; }
  .mdt-nav .elementor-menu-toggle{ color:#fff; margin-left:auto; }
  .mdt-pharmacy-wrap{ display:flex; }
}

/* ---------- ৬. মোবাইল (৭৬৭px ও তার নিচে) -------------------------------
   লক্ষ্য: দ্বিতীয় ডিজাইনটা — নেভি টপ বার, সাদা লোগো বার + X,
   সাদা ড্রয়ারে সবুজ আইকন, আর একদম নিচে সবুজ ফার্মেসি বাটন। */

@media (max-width:767px){

  /* --- টপ বার: নেভি ব্যাকগ্রাউন্ড, দুই লাইনে মাঝ বরাবর --- */
  .mdt-topbar{
    background-color:var(--mdt-navy) !important;
    padding:8px 16px !important;
  }
  .mdt-topbar > .e-con-inner{
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    row-gap:6px;
  }
  .mdt-topbar-left,
  .mdt-topbar-mid{
    width:100% !important;
    justify-content:center !important;
    flex:0 0 auto !important;
  }
  .mdt-topbar-right{ display:none !important; }

  /* নেভির উপরে লেখা সাদা হতে হবে */
  .mdt-trust .elementor-icon-list-item,
  .mdt-trust .elementor-icon-list-text,
  .mdt-topbar-mid .elementor-heading-title{
    color:#FFFFFF !important;
    font-size:11.5px !important;
    white-space:nowrap;
  }
  .mdt-trust .elementor-icon-list-icon i,
  .mdt-trust .elementor-icon-list-icon svg{
    color:#FFFFFF !important;
    fill:#FFFFFF !important;
    font-size:12px !important;
  }
  .mdt-trust .elementor-icon-list-items{ justify-content:center; }
  .mdt-social .elementor-social-icon{ width:24px; height:24px; font-size:11px; }

  /* --- লোগো বার: শুধু লোগো, বাকি সব লুকানো --- */
  .mdt-mainbar{ padding:10px 16px !important; }
  .mdt-mainbar > .e-con-inner{ justify-content:flex-start !important; }
  .mdt-search-wrap,
  .mdt-actions{ display:none !important; }

  .mdt-logo{ flex:1 1 auto !important; gap:10px !important; }
  .mdt-logo-mark{ flex:0 0 auto !important; width:auto !important; }
  .mdt-logo-mark img{ width:46px !important; }
  .mdt-logo-name .elementor-heading-title{ font-size:23px !important; }
  .mdt-logo-tag .elementor-heading-title{ font-size:10.5px !important; }

  /* --- বার্গার / X — লোগোর পাশে তুলে আনা --- */
  .mdt-navbar{
    background-color:transparent !important;
    background-image:none !important;
    padding:0 !important;
    margin-top:-62px;                 /* লোগো বারের ভেতরে উঠে আসবে */
    z-index:20;
    pointer-events:none;              /* ফাঁকা জায়গায় ক্লিক আটকাবে না */
  }
  .mdt-navbar > .e-con-inner{
    justify-content:flex-end !important;
    padding:0 16px !important;
    min-height:62px;
  }
  /* nav-wrap পুরো প্রস্থ নেবে — নাহলে ড্রয়ারটা শুধু X বাটনের সমান চওড়া হয় */
  .mdt-nav-wrap{
    flex:1 1 auto !important;
    width:auto !important;
    justify-content:flex-end !important;
    pointer-events:none;
  }
  .mdt-nav,
  .mdt-nav .elementor-widget-container{ width:100% !important; }
  .mdt-nav .elementor-menu-toggle,
  .mdt-nav .elementor-nav-menu--dropdown{ pointer-events:auto; }
  .mdt-nav .elementor-menu-toggle{
    color:var(--mdt-navy-deep) !important;
    background:transparent !important;
    font-size:26px;
    padding:4px;
    width:fit-content;
    flex:0 0 auto;
    margin-left:auto;
  }
  .mdt-nav .elementor-menu-toggle i,
  .mdt-nav .elementor-menu-toggle svg{ color:var(--mdt-navy-deep) !important; fill:var(--mdt-navy-deep) !important; }

  /* --- ড্রয়ার --- */
  .mdt-nav .elementor-nav-menu--dropdown{
    background-color:#FFFFFF !important;
    box-shadow:0 14px 34px rgba(18,55,110,.20);
    pointer-events:auto;
    max-height:calc(100vh - 140px);
    overflow-y:auto;
    left:-16px;                 /* কন্টেইনারের প্যাডিং পেরিয়ে পুরো প্রস্থ */
    width:calc(100% + 32px);
  }
  /* ড্রয়ারে active আইটেমের সবুজ ব্যাকগ্রাউন্ড থাকবে না — শুধু আইকনটাই সবুজ */
  .mdt-nav .elementor-nav-menu--dropdown a.elementor-item,
  .mdt-nav .elementor-nav-menu--dropdown a.elementor-item-active,
  .mdt-nav .elementor-nav-menu--dropdown li.current-menu-item > a.elementor-item{
    background:transparent !important;
    background-image:none !important;
  }
  .mdt-nav .elementor-nav-menu--dropdown a.elementor-item{
    display:flex !important;
    align-items:center;
    gap:13px;
    padding:13px 18px !important;
    border-bottom:1px solid #F0F4F8;
    color:var(--mdt-navy-deep) !important;
    font-size:11.5px !important;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.3px;
  }
  .mdt-nav .elementor-nav-menu--dropdown a.elementor-item i,
  .mdt-nav .elementor-nav-menu--dropdown a.elementor-item svg{
    color:var(--mdt-green) !important;
    fill:var(--mdt-green) !important;
    font-size:17px !important;
    width:22px;
    text-align:center;
    flex:0 0 auto;
  }
  /* ডান পাশের ছোট তীর */
  .mdt-nav .elementor-nav-menu--dropdown > ul > li > a.elementor-item::after{
    content:"›";
    margin-left:auto;
    color:#9AA8B6;
    font-size:20px;
    line-height:1;
  }
  /* সাবমেনু আছে এমন আইটেমে Elementor নিজেই তীর বসায় — ডুপ্লিকেট আটকানো */
  .mdt-nav .elementor-nav-menu--dropdown > ul > li.menu-item-has-children > a.elementor-item::after{
    content:none;
  }

  /* --- ড্রয়ারের একদম নিচে সবুজ ফার্মেসি বাটন ---
     এটা মেনুর শেষ আইটেম "Meditaj Pharmacy"; ওই আইটেমে
     CSS Classes ঘরে  mdt-pharmacy-item  লিখে দিতে হবে। */
  .mdt-nav .elementor-nav-menu--dropdown > ul > li.mdt-pharmacy-item{
    padding:14px 16px 18px;
  }
  .mdt-nav .elementor-nav-menu--dropdown > ul > li.mdt-pharmacy-item > a.elementor-item{
    background:linear-gradient(135deg,var(--mdt-green-light) 0%,var(--mdt-green) 100%) !important;
    background-image:linear-gradient(135deg,var(--mdt-green-light) 0%,var(--mdt-green) 100%) !important;
    color:#FFFFFF !important;
    border-radius:10px;
    border-bottom:0;
    justify-content:center;
    padding:15px 18px !important;
    box-shadow:0 4px 12px rgba(31,160,94,.32);
  }
  .mdt-nav .elementor-nav-menu--dropdown > ul > li.mdt-pharmacy-item > a.elementor-item i,
  .mdt-nav .elementor-nav-menu--dropdown > ul > li.mdt-pharmacy-item > a.elementor-item svg{
    color:#FFFFFF !important; fill:#FFFFFF !important;
  }
  .mdt-nav .elementor-nav-menu--dropdown > ul > li.mdt-pharmacy-item > a.elementor-item::after{ content:none; }

  /* আলাদা ফার্মেসি বাটন widget-টা মোবাইলে লাগবে না */
  .mdt-pharmacy-wrap{ display:none !important; }
}

/* ডেস্কটপে মেনুর ভেতরের Pharmacy আইটেমটা লুকানো — ওখানে আলাদা বাটন আছে */
@media (min-width:768px){
  .mdt-nav .elementor-nav-menu--main .elementor-nav-menu > li.mdt-pharmacy-item,
  .mdt-nav .elementor-nav-menu--main > ul > li.mdt-pharmacy-item{ display:none !important; }
}

/* ---------- ৬. চাইলে header sticky করতে ------------------------------
   নিচের অংশটা কমেন্ট থেকে বের করলে scroll করলে nav bar উপরে আটকে থাকবে।

.mdt-navbar{
  position:sticky;
  top:0;
  z-index:99;
  box-shadow:0 2px 10px rgba(18,55,110,.15);
}
------------------------------------------------------------------------ *//* End custom CSS */