/* تعيين خط Almarai للغة العربية */
body, 
button, 
input, 
select, 
textarea, 
p, 
span, 
div, 
h1, h2, h3, h4, h5, h6, 
a, 
strong, 
em, 
li {
    font-family: 'Almarai', sans-serif !important;
}
.content-wrapper-stories p
{
    text-align: right!important;
}
.arbic
{
	text-align:right!important;
}
.kt-tabs-icon-side-left .kb-svg-icon-wrap
{
	padding-left:5px;
}
.givewp-campaign-stats-block
{
	text-align:right!important;
}
.points-section > .kt-row-column-wrap
{
    background-color:white;
    border-radius:0px 0px 15px 15px;
   
}
.kt-info-box648_07abb2-79 .kt-blocks-info-box-link-wrap{
	position:relative !important;
	z-index:1; 
	margin-top:-180px !important;
}
/* ===============================
   BASE TABLE (REFERENCE STYLE)
   =============================== */

.caram-loyalty-table {
    margin-top: 10px;
    direction: rtl;
}

/* HEAD + ROWS */
.caram-loyalty-table .table-head,
.caram-loyalty-table .table-row {
    display: grid;
    grid-template-columns: 50px 1fr 140px; /* أيقونة | نص | نقاط/مكافأة */
    align-items: center;
    padding: 16px 20px;
    border-bottom: 1px solid #eee;
}

/* HEADER */
.caram-loyalty-table .table-head {
    background: #f8f8f8;
    font-weight: 700;
    border-radius: 10px;
}

/* ICON COLUMN */
.caram-loyalty-table .col-icon {
    text-align: center;
    font-size: 18px;
}

/* LABEL COLUMN (النشاط / عدد النقاط / النص) */
.caram-loyalty-table .col-label {
    text-align: right;
    color: #333;
    font-weight: 500;
    margin-right:10px;
}

/* POINTS / REWARD COLUMN (آخر عمود) */
.caram-loyalty-table .col-points,
.caram-loyalty-table .col-reward {
    text-align: right;
    font-weight: 600;
    color: #f9b233;
    white-space: nowrap;

    display: flex;
    align-items: center;
    gap: 6px; /* مسافة بين الرقم والأيقونة */
}

/* ملاحظة صغيرة تحت المكافأة */
.caram-loyalty-table .col-reward small {
    display: block;
    margin-top: 4px;
    font-size: 13px;
    color: #888;
    font-weight: 400;
}

.kt-info-box648_f0b7e6-b9 .kt-blocks-info-box-link-wrap{
	position:absolute;
    top: 67% !important;
    right: -32% !important;
}
.number-two-img{
	position:relative;
	z-index:1;
	max-width:25vw !important;
	left:-10vw;
}
.kt-info-box648_49fb8b-57 .kt-blocks-info-box-link-wrap{
		position:absolute;
    position: absolute;
    top: 90%
 !important;
   left: -10% !important;
}
.img-mobile
{
	width:20vw;
}
.line-img{
	margin-top:-20px !important;
}
.number-one-img{
max-width:20vw !important;	
}
.img-caram-rider{
	max-width:80% !important;	

}
/* ===============================
   MOBILE
   =============================== */
   @media (max-width: 900px) {
       .img-mobile {
    width: 30vw;
}
.kt-info-box648_07abb2-79 .kt-blocks-info-box-link-wrap
{
        margin-top: -80px !important;
}
.number-one-img
{
    position:relative;
    top: -65px;
    z-index: 9999;
}
.kt-info-box648_49fb8b-57 .kt-blocks-info-box-link-wrap {
    position: absolute;
    position: absolute;
    top: 90% !important;
    left: -30% !important;
}
   }
@media (max-width: 765px) {
    .caram-loyalty-table .table-head,
    .caram-loyalty-table .table-row {
        grid-template-columns: 40px 1fr 90px;
        padding: 12px 14px;
        font-size: 14px;
    }
    .kt-info-box648_07abb2-79 .kt-blocks-info-box-link-wrap{
	position:relative !important;
	z-index:1; 
	margin-top:50px !important;
}
.img-mobile {
    width: 34vw!important;
}
.number-one-img
{
    width: 150px !important;
    right: 70px;
    position: relative;
    bottom: 20px;
    z-index: 9999;
    top: auto;
}
.kt-info-box648_f0b7e6-b9 .kt-blocks-info-box-link-wrap {
    position: relative;
    top: 0% !important;
    right: auto !important;
    width:70%;
    margin:auto;
}
.number-two-img
{
    position: absolute;
    z-index: 1;
    max-width: 25vw !important;
    left: 5vw;
    bottom: 20px;
}
.kt-info-box648_49fb8b-57 .kt-blocks-info-box-link-wrap
{
    position: relative;
    top: 0% !important;
    left: auto!important;
    width: 80%;
}
}
@media (max-width: 500px) {
    .kt-info-box648_07abb2-79 .kt-blocks-info-box-link-wrap {
        position: relative !important;
        z-index: 1;
        margin-top: -70px !important;
    }
    .number-one-img
    {
        right: 10px;
    }
        .img-mobile {
        width: 50vw !important;
    }
    .kt-info-box648_f0b7e6-b9 .kt-blocks-info-box-link-wrap
    {
        width:100%;
    }
        .number-two-img {
        position: absolute;
        z-index: 1;
        max-width: 30vw !important;
        left: 0vw;
        bottom: 60px;
    }
    .kt-info-box648_49fb8b-57 .kt-blocks-info-box-link-wrap
    {
        position: relative;
        top: 35px !important;
        left: auto !important;
        width: 100%;
    }
    .number-one-img{
max-width:30vw !important;	
}

}
@media (max-width: 500px) {
 .number-two-img {
        left: -2vw;
        bottom: 95px;
    }   
    .number-one-img
    {
        bottom: 25px;
        right: -5px;
    }
}
@media (max-width: 360px)
{
        .img-mobile {
        width: 60vw !important;
    }
        .number-one-img {
        bottom: 35px;
    }
    h2
    {
        font-size:20px!important;
    }
    .number-two-img
    {
            bottom: 75px;
    }

}