.loyalty-block{

    display: flex;

    justify-content: space-between;

    gap: 77px;

}

.join-loyalty{

    display: flex;

    color: #fff;

    border-radius: 164.5px 10px 10px 164.5px;

    background: #2E96FF;

    width: 50%;

    height: 259px;

    flex-shrink: 0;

    color: #FFF;

    text-align: right;

    /* font-family: "Bahij TheSansArabic"; */

    font-size: 35px;

    font-style: normal;

    font-weight: 500;

    line-height: 16.8px; /* 48% */

    align-items: center;

    justify-content: center;

}

.loyalty-how-to p > span,

.join-loyalty span{

    border-radius: 7px;

    background: #F3DD0E;

    color: #252961;

    padding: 6px;

}

.loyalty-descriuption{

    display: flex;

    color: #252961;

    text-align: right;

    /* font-family: "Bahij TheSansArabic"; */

    font-size: 25px;

    font-style: normal;

    font-weight: 500;

}

.loyalty-descriuption p{

    place-self: center;

}



.loyalty-view .views-row:first-child{

    display: grid;

    grid-template-columns: 1fr 1fr;

    justify-content: space-between;

}





.loyalty-view .views-row:first-child p > strong{

    color: #252961;

    font-size: 22px;

}



.loyalty-view .views-row:first-child ul {

    list-style-type: none;

}



.loyalty-view .views-row:first-child li > span{

    display: flex;

    color: #252961;

    font-size: 22px;

}

.loyalty-view .views-row:first-child li > span::before{

    content: "";

    display: inline-block;

    border-radius: 4.5px;

    background: #2E96FF;

    width: 39px;

    height: 9px;

    margin-left: 17px;

    margin-top: 8px;

}

.loyalty-view .views-row:first-child ul li:last-child > span::before{

    content: "1";

    color: #F3DD0E;

    font-size: 19px;

    text-align: center;

    border-radius: 50%;

    width: 36px;

    height: 36px;

    padding-top: 2px;

    flex-shrink: 0;

}

.loyalty-view .views-row:first-child .views-field.views-field-field-image > div{

    display: flex;

    justify-content: end;

}

.loyalty-view .views-row:nth-child(2){

    display: grid;

    grid-template-columns: 1fr 1fr;

    grid-template-areas:

        "item1 item2";

    margin-bottom: 86px;

}

.loyalty-view .views-row:nth-child(2) .views-field-field-image{

    grid-area: item1;

}

.loyalty-view .views-row:nth-child(2) span{

    display: flex;

    color: #252961;

    font-size: 22px;

}

.loyalty-view .views-row:nth-child(2) span::before{

    content: "2";

    display: block;

    color: #F3DD0E;

    background: #2E96FF;

    font-size: 19px;

    text-align: center;

    border-radius: 50%;

    width: 36px;

    height: 36px;

    padding-top: 2px;

    margin-left: 17px;

    flex-shrink: 0;

}

.loyalty-view .views-row:nth-child(3){

    color: #252961;

    font-size: 19px;

    line-height: 192.66%;

    margin-right: 60px;

}

.loyalty-how-to{

    background: #2E96FF;

    display: flex;

    padding: 60px;

    gap: 41px;

}

.loyalty-how-to > div > p{

    color: #FFF;

    font-size: 25px;

    line-height: 36.605px; /* 146.422% */

}

.loyalty-how-to ul{

    color: #FFF;

    text-align: right;

    /* font-size: 19px; */

    line-height: 36.605px;

    margin-bottom: 26px; 

}

.loyalty-how-to a{

    color: #FFF;

    text-align: center;

    font-size: 15.705px;

    line-height: 18.846px; /* 120% */

    border: 1.413px solid #FFF;

    border-radius: 141.346px;

    padding: 10px 40px;

}

.how-work-image{

    display: grid;

    align-items: center;

}

.how-work-image img{

    min-width: 543px;

    min-height: 352px;

}



#block-views-block-loyalty-points-faq-block-1 h2{

    color: #252961;

    font-size: 25px;

    line-height: 36.605px; /* 146.422% */

    margin-right: 60px;

}