.elementor-21715 .elementor-element.elementor-element-a9ab770{--display:flex;}@media(max-width:767px){.elementor-21715 .elementor-element.elementor-element-a9ab770{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21715 .elementor-element.elementor-element-778d66d > .elementor-widget-container{margin:0px 0px 112px 0px;}}/* Start custom CSS for container, class: .elementor-element-a9ab770 *//* =========================
   MAB Home — Record (Academic)
   ========================= */

.mab-record{
  margin-top: 18px;
  direction: rtl;
}

.mab-record__wrap{
  border-radius: 18px;
  padding: clamp(16px, 2.6vw, 24px);
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(15,23,42,.08);
  box-shadow: 0 14px 36px rgba(2,6,23,.06);
}

.mab-record__head{
  margin-bottom: 14px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(15,23,42,.08);
}

.mab-record__title{
  margin: 0 0 6px;
  font-size: 16.5px;
  font-weight: 1000;
  color: #0f172a;
}

.mab-record__sub{
  margin: 0;
  font-size: 13.6px;
  line-height: 1.95;
  color: rgba(15,23,42,.72);
  max-width: 90ch;
}

.mab-record__grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 12px;
}

.mab-stat{
  border-radius: 16px;
  padding: 14px 14px;
  background: rgba(248,250,252,.92);
  border: 1px solid rgba(15,23,42,.08);
  display: grid;
  grid-template-columns: 88px 1fr;
  gap: 12px;
  align-items: center;
}

.mab-stat__num{
  height: 64px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  font-weight: 1100;
  font-size: 18px;
  color: #0f172a;
  background: rgba(15,23,42,.06);
  border: 1px solid rgba(15,23,42,.08);
}

.mab-stat__txt strong{
  display:block;
  font-weight: 1000;
  font-size: 13.2px;
  color: #0f172a;
  margin-bottom: 4px;
}

.mab-stat__txt span{
  display:block;
  font-size: 12.6px;
  line-height: 1.85;
  color: rgba(15,23,42,.72);
}

@media (max-width: 980px){
  .mab-record__grid{ grid-template-columns: 1fr; }
  .mab-stat{ grid-template-columns: 72px 1fr; }
  .mab-stat__num{ height: 58px; }
}/* End custom CSS */
/* Start custom CSS */<style>
/* کانتینر اصلی دارای پس‌زمینه زنده */
.adoura-live-bg {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background-color: #f8fbff;
}

/* لایه‌های متحرک پس‌زمینه */
.adoura-live-bg::before,
.adoura-live-bg::after {
    content: "";
    position: absolute;
    inset: -20%;
    z-index: -1;
    pointer-events: none;
    will-change: transform;
}

/* لایه اول */
.adoura-live-bg::before {
    background:
        radial-gradient(
            circle at 20% 25%,
            rgba(30, 120, 230, 0.14),
            transparent 30%
        ),
        radial-gradient(
            circle at 80% 20%,
            rgba(55, 180, 100, 0.13),
            transparent 28%
        ),
        radial-gradient(
            circle at 55% 80%,
            rgba(120, 50, 200, 0.10),
            transparent 32%
        );

    animation: adouraBackgroundMove 18s ease-in-out infinite alternate;
}

/* لایه دوم */
.adoura-live-bg::after {
    background:
        radial-gradient(
            circle at 75% 55%,
            rgba(0, 180, 170, 0.09),
            transparent 27%
        ),
        radial-gradient(
            circle at 25% 75%,
            rgba(255, 180, 30, 0.07),
            transparent 25%
        );

    animation: adouraBackgroundRotate 28s linear infinite;
}

/* حرکت آرام لایه اول */
@keyframes adouraBackgroundMove {
    0% {
        transform: translate3d(-2%, -1%, 0) scale(1);
    }

    50% {
        transform: translate3d(3%, 2%, 0) scale(1.08);
    }

    100% {
        transform: translate3d(-1%, 4%, 0) scale(1.04);
    }
}

/* حرکت چرخشی بسیار آرام لایه دوم */
@keyframes adouraBackgroundRotate {
    from {
        transform: rotate(0deg) scale(1.05);
    }

    to {
        transform: rotate(360deg) scale(1.12);
    }
}

/* احترام به تنظیم کاهش حرکت در دستگاه کاربر */
@media (prefers-reduced-motion: reduce) {
    .adoura-live-bg::before,
    .adoura-live-bg::after {
        animation: none;
    }
}
</style>/* End custom CSS */