.slideshow-container {
/* Rectangle 4187 */


width: 1512px;
height: 844px;
left: 0px;
top: 111px;
}
.book{
    width: 1512px;
height: 844px;
left: 0px;
top: 111px;
}
.book-img{
    /* WhatsApp Image 2025-03-02 at 14.51.49_d081966a */

position: absolute;
width: 444px;
height: 589px;
left: 113px;
top: 238px;
margin-top: 0px;
margin-left: 0px;
}
p{
    color: #FFFFFF;
}

.book-title{
    /* “حقيقة المهدي” */

position: absolute;
width: 296px;
height: 63px;
left: 1123px;
top: 265px;

font-weight: 600;
font-size: 42px;
line-height: 63px;

}
.book-title2{
    /* في الشرئع الثلاث */

position: absolute;
width: 400px;
height: 42px;
left: 1000px;
top: 323px;

font-weight: 600;
font-size: 28px;
line-height: 42px;

justify-content: flex-end;

}
.book-description{
    /* كتابُ "حقيقةُ المهديِّ في الشّرائعِ الثّلاثِ" للدكتورةِ شيرين لبيب خورشيد يتناولُ مفهومَ المهديِّ المنتظرِ في الشّرائعِ السّماويّةِ الثّلاثِ: اليهوديّةُ، المسيحيّةُ، والإسلامُ. يستعرضُ الكتابُ الأصولَ العقائديّةِ لفكرةِ المهديِّ في كلِّ شريعةٍ، معَ التّركيزِ على النّصوصِ الدّينيّةِ والتّفسيراتِ المتعلّقةِ بها. كما يقارنُ بينَ الرّؤى المختلفةِ حولَ شخصيّةِ المهديِّ ودورِه المتوقّعِ في تحقيقِ العدالةِ والخلاصِ في نهايةِ الزّمانِ. يهدفُ الكتابُ إلى تقديمِ فهمٍ متكاملٍ حولَ كيفيّةِ تعاملِ كلِّ شريعةٍ مع مفهومِ المهديِّ المنتظرِ. */

position: absolute;
width: 801px;
height: 231px;
left: 620px;
top: 391px;

font-weight: 400;
font-size: 22px;
line-height: 33px;

}
#bolit-point1{
    /* Ellipse 123 */

position: absolute;
width: 31px;
height: 31px;
left: 1335px;
top: 661px;
}
#bolit-point2{
    /* Ellipse 124 */

position: absolute;
width: 31px;
height: 31px;
left: 1095px;
top: 661px;
}
#bolit-point3{
    /* Ellipse 125 */

position: absolute;
width: 31px;
height: 31px;
left: 855px;
top: 661px;
}
#page-count-label{
    /* عدد الصفحات: */

position: absolute;
width: 107px;
height: 22px;
left: 1202px;
top: 658px;

font-weight: 400;
font-size: 18px;
line-height: 22px;
/* identical to box height */

color: #FFFFFF;


}
#reading-time-label{
    /* وقت القراءة: */

position: absolute;
width: 90px;
height: 22px;
left: 979px;
top: 658px;

font-weight: 400;
font-size: 18px;
line-height: 22px;
/* identical to box height */

color: #FFFFFF;


}
#ratings-label{
    /* التقييمات: */

position: absolute;
width: 60px;
height: 17px;
left: 769px;
top: 660px;
font-weight: 400;
font-size: 14px;
line-height: 17px;
/* identical to box height */

color: #FFFFFF;


}
#page-count-value{
    /* صفحات 376 */

position: absolute;
width: 80px;
height: 17px;
left: 1232px;
top: 680px;


font-weight: 400;
font-size: 14px;
line-height: 17px;
/* identical to box height */

color: #B4B4B4;


}
#reading-time-value{
    /* 10 ساعات */

position: absolute;
width: 60px;
height: 17px;
left: 1012px;
top: 680px;

font-weight: 400;
font-size: 14px;
line-height: 17px;
/* identical to box height */

color: #B4B4B4;

}
#ratings-value{
    /* 4.5/5(1500 تقييم) */

position: absolute;
width: 113px;
height: 21px;
left: 713px;
top: 680px;

font-weight: 400;
font-size: 14px;
line-height: 21px;
/* identical to box height */

color: #B4B4B4;


}
#book-link-btn{
    /* Rounded rectangle */

position: absolute;
width: 116px;
height: 37px;
left: 602px;
top: 748px;

background: #F3C989;
border-radius: 90px;

}
#book-link-btn-label{
    /* قراءة الكتاب */
    /* اقرء المزيد */

position: absolute;
width: 97px;
height: 35px;
left: -5px;
top: 5px;

font-weight: 600;
font-size: 18px;
line-height: 27px;

color: #FFFFFF;

}
.slideshow-dots {
/* Rectangle 4254 */
/* Rectangle 4279 */

position: absolute;
width: auto;
height: 24px;
left: 695px;
top: 859px;

background: #F3C989;
border-radius: 90px;


}

.dot {
  height: 15px;
  width: 15px;
  margin-top: 5px;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 5px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  cursor: pointer;
}

.dot.active {
  background-color: #333;
}
.prev{
    position: absolute;
    left: 5px;
    top: 500px;
    width: 40px;
    height: 40px;
    font-size: 40px;
    transform: translateY(-50%);
    color:#FFFFFF;
}
.next{
    position: absolute;
    right: 5px;
    top: 500px;
    width: 40px;
    height: 40px;
    font-size: 40px;
    color: #FFFFFF;
    transform: translateY(-50%);
}