
:root{
  --mb-blue:#0b74f0;
  --mb-blue-dark:#073e83;
  --mb-navy:#061f3f;
  --mb-soft:#eef8ff;
  --mb-soft-2:#f7fbff;
  --mb-text:#52637a;
  --mb-heading:#073763;
  --mb-white:#ffffff;
  --mb-radius:28px;
  --mb-shadow:0 22px 60px rgba(11,74,142,.13);
}
body.mediora-blue-canvas{
  margin:0;
  font-family:Inter,Arial,sans-serif;
  color:var(--mb-text);
  background:#fff;
}
body.elementor-editor-active .mb-reveal{opacity:1!important;transform:none!important}
.mb-reveal{opacity:0;transform:translateY(24px);transition:.8s ease}
.mb-reveal.mb-visible{opacity:1;transform:none}
.mb-section{padding:90px 0}
.mb-soft-section{background:linear-gradient(135deg,#f6fbff,#eaf7ff)}
.mb-topbar{background:#061f3f;color:#fff;padding:12px 0;font-size:14px}
.mb-header{background:#fff;box-shadow:0 14px 45px rgba(8,53,103,.08);padding:18px 0;position:relative;z-index:10}
.mb-logo .elementor-heading-title{color:#0b74f0!important;font-weight:800!important}
.mb-nav .elementor-button{background:transparent!important;color:#0b74f0!important;padding:8px 10px!important;font-weight:700!important}
.mb-header-cta .elementor-button,.mb-primary-btn .elementor-button{
  background:linear-gradient(135deg,#0b74f0,#083e83)!important;
  color:#fff!important;
  border-radius:999px!important;
  padding:15px 24px!important;
  box-shadow:0 15px 36px rgba(11,116,240,.25)!important;
  font-weight:800!important;
}
.mb-secondary-btn .elementor-button{
  background:#fff!important;color:#0b74f0!important;border-radius:999px!important;padding:14px 22px!important;
  box-shadow:0 10px 30px rgba(11,116,240,.12)!important;font-weight:800!important;
}
.mb-label .elementor-heading-title{font-size:13px!important;text-transform:uppercase;letter-spacing:.14em!important;color:#0b74f0!important;font-weight:900!important}
.mb-title .elementor-heading-title{color:#073763!important;font-weight:900!important;line-height:1.06!important}
.mb-hero{background:radial-gradient(circle at right,#d9f2ff 0,#eef8ff 32%,#fff 72%);padding:105px 0}
.mb-hero-title .elementor-heading-title{font-size:64px!important;color:#073763!important}
.mb-hero-text{font-size:18px;color:#52637a;line-height:1.55}
.mb-image img{
  border-radius:40px!important;
  box-shadow:0 28px 70px rgba(7,49,95,.18)!important;
  min-height:360px;
  object-fit:cover;
}
.mb-card{
  background:#fff;border-radius:28px;padding:34px!important;box-shadow:var(--mb-shadow);height:100%;
  border:1px solid rgba(11,116,240,.08);
}
.mb-dark-card{
  background:linear-gradient(135deg,#0b74f0,#072c5a);border-radius:28px;padding:34px!important;color:#fff;box-shadow:var(--mb-shadow);height:100%
}
.mb-card .elementor-heading-title,.mb-dark-card .elementor-heading-title{color:#073763!important}
.mb-dark-card .elementor-heading-title,.mb-dark-card .elementor-widget-text-editor{color:#fff!important}
.mb-stat .elementor-counter-number-wrapper{font-size:44px!important;font-weight:900;color:#0b74f0}
.mb-stat .elementor-counter-title{color:#52637a;font-weight:700}
.mb-blue-panel{background:linear-gradient(135deg,#0b74f0,#061f3f);border-radius:40px;padding:48px!important;color:#fff}
.mb-blue-panel .elementor-heading-title,.mb-blue-panel .elementor-widget-text-editor{color:#fff!important}
.mb-footer{background:#061f3f;color:#fff;padding:70px 0 30px}
.mb-footer .elementor-heading-title,.mb-footer .elementor-widget-text-editor{color:#fff!important}
.mb-footer a{color:#fff!important}
.mb-small-text{font-size:14px;line-height:1.6}
.mb-accordion .elementor-accordion-item{border:1px solid rgba(11,116,240,.12)!important;border-radius:18px!important;margin-bottom:14px;overflow:hidden;background:#fff}
.mb-accordion .elementor-tab-title{font-weight:800!important;color:#073763!important}
.mb-accordion .elementor-tab-content{color:#52637a!important}
@media(max-width:1024px){
 .mb-hero-title .elementor-heading-title{font-size:46px!important}
 .mb-section{padding:70px 0}
}
@media(max-width:767px){
 .mb-topbar .elementor-column{width:100%!important}
 .mb-header .elementor-column{width:100%!important}
 .mb-nav .elementor-widget-button{display:inline-block!important;width:auto!important}
 .mb-hero-title .elementor-heading-title{font-size:38px!important}
 .mb-section,.mb-hero{padding:56px 0}
 .mb-card{padding:26px!important}
}
