/* ========================================
باقة انتشار – مالكونت الرقمية
======================================== */
.malkont-package {
direction: rtl;
width: 100%;
max-width: 330px;
height: 690px;
margin: 0 auto;
background: #ffffff;
border: 4px solid #08b889;
border-radius: 28px;
overflow: hidden;
font-family: Arial, sans-serif;
text-align: right;
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
display: flex;
flex-direction: column;
box-sizing: border-box;
}
/* ========================================
الأيقونة
======================================== */
.malkont-package-icon {
width: 78px;
height: 78px;
margin: -4px auto 8px;
background: #ffffff;
border: 5px solid #dff5f1;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
position: relative;
z-index: 2;
box-shadow: 0 3px 10px rgba(0,0,0,0.08);
flex-shrink: 0;
}
.malkont-package-icon svg {
width: 42px;
height: 42px;
}
/* ========================================
عنوان الباقة
======================================== */
.malkont-package-title {
background: #eef8fc;
margin-top: -42px;
padding: 52px 20px 16px;
text-align: center;
font-size: 30px;
font-weight: 800;
color: #172238;
flex-shrink: 0;
}
.malkont-package-title span {
color: #08b889;
}
.malkont-package-title::after {
content: “”;
display: block;
width: 45px;
height: 4px;
background: #08b889;
border-radius: 10px;
margin: 9px auto 0;
}
/* ========================================
المميزات
======================================== */
.malkont-features {
padding: 14px 18px 2px;
flex: 1;
overflow: visible;
.malkont-feature {
display: flex;
align-items: flex-start;
gap: 7px;
margin-bottom: 7px;
color: #263246;
font-size: 15px;
line-height: 1.35;
font-weight: 600;
}}
/* كل ميزة */
.malkont-feature {
display: flex;
align-items: flex-start;
gap: 7px;
margin-bottom: 7px;
color: #263246;
/*
تصغير الخط قليلًا حتى تظهر
جميع المميزات
*/
font-size: 14px;
line-height: 1.35;
font-weight: 500;
}
/* النقطة */
.malkont-feature::before {
content: “”;
width: 7px;
height: 7px;
min-width: 7px;
background: #08b889;
border-radius: 50%;
margin-top: 6px;
}
/* ========================================
صندوق السعر
======================================== */
.malkont-price-box {
margin: 8px 12px 10px;
padding: 10px 10px 10px;
background: linear-gradient(
180deg,
#eaf8fc,
#f7fcfd
);
border: 1px solid #c8eaf0;
border-radius: 25px;
text-align: center;
flex-shrink: 0;
}
/* السعر */
.malkont-price {
font-size: 27px;
font-weight: 800;
color: #172238;
}
/* المدة */
.malkont-period {
margin-top: 1px;
font-size: 14px;
color: #172238;
}
/* ========================================
الزر
======================================== */
.malkont-button {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
margin-top: 9px;
padding: 11px 12px;
background: #08b889;
color: #ffffff !important;
text-decoration: none !important;
border-radius: 23px;
font-size: 17px;
font-weight: 700;
transition: all 0.25s ease;
}
/* تأثير الماوس */
.malkont-button:hover {
transform: translateY(-2px);
box-shadow:
0 5px 15px rgba(8,184,137,0.25);
}
/* السهم */
.malkont-arrow {
font-size: 23px;
line-height: 1;
}
/* ========================================
الجوال
======================================== */
@media (max-width: 767px) {
.malkont-package {
max-width: 100%;
height: auto;
min-height: 690px;
}
.malkont-package-title {
font-size: 26px;
}
.malkont-feature {
font-size: 14px;
}
}

باقة انتشار

كل مميزات باقة ظهور.
دومين خاص بك.
موقع أكثر احترافية واتساعًا.
مدونة لنشر المقالات والمحتوى.
صفحات وأقسام مخصصة.
أدوات تحليل الزيارات.
لوحة تحكم لإدارة الموقع.
موقع احترافي متعدد الصفحات.
ربط الأدوات التسويقية المناسبة.
إحصاءات لمعرفة زيارات الموقع.
أدوات تساعد على تحسين الظهور في البحث.

89$ سنويًا
أو 10$ شهريًا


اختر باقة انتشار
←

/* ========================================
باقة نمو – مالكونت الرقمية
======================================== */
.malkont-package {
direction: rtl;
width: 100%;
max-width: 330px;
height: 690px;
margin: 0 auto;
background: #ffffff;
border: 4px solid #08b889;
border-radius: 28px;
overflow: hidden;
font-family: Arial, sans-serif;
text-align: right;
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
display: flex;
flex-direction: column;
box-sizing: border-box;
}
/* الأيقونة */
.malkont-package-icon {
width: 78px;
height: 78px;
margin: -4px auto 8px;
background: #ffffff;
border: 5px solid #dff5f1;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
position: relative;
z-index: 2;
box-shadow: 0 3px 10px rgba(0,0,0,0.08);
flex-shrink: 0;
}
.malkont-package-icon svg {
width: 42px;
height: 42px;
}
/* عنوان الباقة */
.malkont-package-title {
background: #eef8fc;
margin-top: -42px;
padding: 52px 20px 16px;
text-align: center;
font-size: 30px;
font-weight: 800;
color: #172238;
flex-shrink: 0;
}
.malkont-package-title span {
color: #08b889;
}
.malkont-package-title::after {
content: “”;
display: block;
width: 45px;
height: 4px;
background: #08b889;
border-radius: 10px;
margin: 9px auto 0;
}
/* المميزات */
.malkont-features {
padding: 14px 18px 2px;
flex: 1;
overflow: visible;
}
.malkont-feature {
display: flex;
align-items: flex-start;
gap: 7px;
margin-bottom: 7px;
color: #263246;
font-size: 15px;
line-height: 1.35;
font-weight: 600;
}
/* النقاط */
.malkont-feature::before {
content: “”;
width: 7px;
height: 7px;
min-width: 7px;
background: #08b889;
border-radius: 50%;
margin-top: 6px;
}
/* صندوق السعر */
.malkont-price-box {
margin: 8px 12px 10px;
padding: 10px;
background: linear-gradient(
180deg,
#eaf8fc,
#f7fcfd
);
border: 1px solid #c8eaf0;
border-radius: 25px;
text-align: center;
flex-shrink: 0;
}
/* السعر */
.malkont-price {
font-size: 27px;
font-weight: 800;
color: #172238;
}
/* المدة */
.malkont-period {
margin-top: 1px;
font-size: 14px;
color: #172238;
}
/* الزر */
.malkont-button {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
margin-top: 9px;
padding: 11px 12px;
background: #08b889;
color: #ffffff !important;
text-decoration: none !important;
border-radius: 23px;
font-size: 17px;
font-weight: 700;
transition: all 0.25s ease;
}
.malkont-button:hover {
transform: translateY(-2px);
box-shadow:
0 5px 15px rgba(8,184,137,0.25);
}
.malkont-arrow {
font-size: 23px;
line-height: 1;
}
/* الجوال */
@media (max-width: 767px) {
.malkont-package {
max-width: 100%;
height: auto;
min-height: 690px;
}
.malkont-package-title {
font-size: 26px;
}
.malkont-feature {
font-size: 15px;
}
}
/* الشاشات الصغيرة جدًا */
@media (max-width: 400px) {
.malkont-package {
min-height: 680px;
}
}

باقة نمو

كل مميزات باقة انتشار.
متجر إلكتروني متكامل.
إضافة المنتجات والخدمات.
استقبال الطلبات إلكترونيًا.
ربط وسائل الدفع المناسبة.
إدارة المخزون والمنتجات.
تحسين محركات البحث SEO.
أدوات التسويق وتحليل الأداء.
صفحات هبوط تسويقية.
دعم وتطوير مستمر.
إمكانية التوسع وإضافة خصائص جديدة.

149$ سنويًا
أو 15$ شهريًا


اختر باقة نمو
←

/* =========================================
MALKONT DIGITAL
قسم الدعوة لاتخاذ القرار
========================================= */
.malkont-final-cta {
direction: rtl;
position: relative;
width: 100%;
margin: 50px auto 20px;
padding: 70px 30px;
box-sizing: border-box;
background:
radial-gradient(
circle at 85% 20%,
rgba(8,184,137,0.20),
transparent 35%
),
radial-gradient(
circle at 15% 80%,
rgba(8,184,137,0.12),
transparent 30%
),
#172238;
border-radius: 32px;
overflow: hidden;
font-family: Arial, sans-serif;
text-align: center;
box-shadow:
0 20px 60px rgba(23,34,56,0.18);
animation: malkontFadeUp 0.9s ease both;
}
/* =========================================
الإضاءة الخلفية
========================================= */
.malkont-final-cta::before {
content: “”;
position: absolute;
width: 320px;
height: 320px;
top: -180px;
left: -120px;
background: rgba(8,184,137,0.16);
border-radius: 50%;
filter: blur(50px);
pointer-events: none;
}
.malkont-final-cta::after {
content: “”;
position: absolute;
width: 240px;
height: 240px;
bottom: -150px;
right: -80px;
background: rgba(8,184,137,0.12);
border-radius: 50%;
filter: blur(45px);
pointer-events: none;
}
/* =========================================
المحتوى
========================================= */
.malkont-final-content {
position: relative;
z-index: 2;
max-width: 850px;
margin: 0 auto;
}
/* =========================================
الشارة
========================================= */
.malkont-final-badge {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 8px 18px;
margin-bottom: 22px;
border: 1px solid rgba(8,184,137,0.45);
background: rgba(8,184,137,0.10);
border-radius: 50px;
color: #08b889;
font-size: 14px;
font-weight: 700;
letter-spacing: 0.2px;
box-shadow:
0 0 20px rgba(8,184,137,0.08);
}
.malkont-final-badge span {
width: 8px;
height: 8px;
background: #08b889;
border-radius: 50%;
box-shadow:
0 0 12px rgba(8,184,137,0.8);
animation: malkontPulse 1.8s infinite;
}
/* =========================================
العنوان الرئيسي
========================================= */
.malkont-final-title {
margin: 0 auto 20px;
color: #ffffff;
font-size: clamp(30px, 5vw, 52px);
line-height: 1.25;
font-weight: 900;
max-width: 800px;
}
.malkont-final-title span {
color: #08b889;
text-shadow:
0 0 25px rgba(8,184,137,0.30);
}
/* =========================================
النص
========================================= */
.malkont-final-description {
max-width: 680px;
margin: 0 auto 35px;
color: rgba(255,255,255,0.82);
font-size: 18px;
line-height: 1.9;
font-weight: 400;
}
/* =========================================
الفوائد
========================================= */
.malkont-final-benefits {
display: flex;
justify-content: center;
align-items: stretch;
gap: 15px;
margin: 0 auto 35px;
max-width: 780px;
}
.malkont-final-benefit {
flex: 1;
min-width: 0;
padding: 18px 15px;
background: rgba(255,255,255,0.055);
border: 1px solid rgba(255,255,255,0.09);
border-radius: 18px;
backdrop-filter: blur(8px);
transition: all 0.3s ease;
}
.malkont-final-benefit:hover {
transform: translateY(-5px);
border-color: rgba(8,184,137,0.45);
background: rgba(8,184,137,0.08);
box-shadow:
0 10px 30px rgba(0,0,0,0.12);
}
/* =========================================
أيقونات الفوائد
========================================= */
.malkont-final-icon {
width: 45px;
height: 45px;
margin: 0 auto 10px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 14px;
background: rgba(8,184,137,0.12);
color: #08b889;
font-size: 22px;
font-weight: 800;
}
.malkont-final-benefit-title {
color: #ffffff;
font-size: 16px;
font-weight: 800;
margin-bottom: 5px;
}
.malkont-final-benefit-text {
color: rgba(255,255,255,0.65);
font-size: 13px;
line-height: 1.6;
}
/* =========================================
الزر
========================================= */
.malkont-final-button {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 12px;
min-width: 245px;
padding: 16px 28px;
background: #08b889;
color: #ffffff !important;
text-decoration: none !important;
border-radius: 50px;
font-size: 18px;
font-weight: 800;
box-shadow:
0 10px 30px rgba(8,184,137,0.28);
transition: all 0.3s ease;
position: relative;
overflow: hidden;
}
.malkont-final-button::before {
content: “”;
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background:
linear-gradient(
90deg,
transparent,
rgba(255,255,255,0.22),
transparent
);
transition: left 0.6s ease;
}
.malkont-final-button:hover::before {
left: 100%;
}
.malkont-final-button:hover {
transform: translateY(-4px);
box-shadow:
0 15px 40px rgba(8,184,137,0.38);
}
.malkont-final-button-arrow {
font-size: 24px;
line-height: 1;
transition: transform 0.3s ease;
}
.malkont-final-button:hover
.malkont-final-button-arrow {
transform: translateX(-5px);
}
/* =========================================
النص أسفل الزر
========================================= */
.malkont-final-note {
margin-top: 16px;
color: rgba(255,255,255,0.48);
font-size: 13px;
}
/* =========================================
حركة الظهور
========================================= */
@keyframes malkontFadeUp {
from {
opacity: 0;
transform: translateY(25px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes malkontPulse {
0%,100% {
transform: scale(1);
opacity: 1;
}
50% {
transform: scale(1.35);
opacity: 0.65;
}
}
/* =========================================
الجوال
========================================= */
@media (max-width: 767px) {
.malkont-final-cta {
padding: 50px 18px;
border-radius: 24px;
margin-top: 35px;
}
.malkont-final-title {
font-size: 31px;
line-height: 1.35;
}
.malkont-final-description {
font-size: 16px;
line-height: 1.8;
margin-bottom: 28px;
}
.malkont-final-benefits {
flex-direction: column;
gap: 10px;
margin-bottom: 28px;
}
.malkont-final-benefit {
display: flex;
align-items: center;
text-align: right;
gap: 12px;
padding: 13px 15px;
}
.malkont-final-icon {
min-width: 42px;
width: 42px;
height: 42px;
margin: 0;
}
.malkont-final-benefit-title {
margin-bottom: 2px;
}
.malkont-final-button {
width: 100%;
min-width: 0;
box-sizing: border-box;
font-size: 17px;
padding: 15px 20px;
}
}