.cardAlt008 {
    padding:50px 0
}
.cardAlt008.centerAlign {text-align:center}
.cardAlt008 .cardFlexCon {
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
}
.cardAlt008 .cardItem {
    margin-bottom:15px;
    width:100%;
}
.cardAlt008 .cardItem .ciBox {
    position:relative;
    height:100%;
    display:flex;
    flex-direction:column;
}
.cardAlt008 .cardItem .ciBox a:link,
.cardAlt008 .cardItem .ciBox a:visited {
    display:flex;
    flex-grow:1;
    align-items:flex-end;
    text-decoration:underline
}
.cardAlt008 .rptrNumLbl {
    position:absolute;top:10px;left:10px;display:flex;align-items:center;justify-content:center;
    height:30px;width:30px;font-size:14px;font-weight:700;line-height:13px;color:#fff;
    background:#000;border-radius:50%;z-index:99;box-shadow:inset 0 0 10px rgba(255, 255, 255, 0.5);
}
.cardAlt008 .cardItem img {width:100%}
.cardAlt008 .cardItem .title {
    text-align:left;margin:10px 0;
    font-size:20px;line-height:26px;font-weight:600
}
.cardAlt008.centerAlign .cardItem .title {text-align:center}
.cardAlt008 .cardItem .description,
.cardAlt008 .cardItem .link {
    margin:0 0 50px 0
}
.cardAlt008 .cardItem .link {display: block}
.cardAlt008 .ctaBtnCon {margin-top:0}
.cardAlt008 .cardItem .ciBox a.primary-theme-btn {
    display: block;
    margin: unset;
    text-decoration: none;
}
@media (min-width:576px) {
    .cardAlt008 .headerTitle {margin-top:20px}
    .cardAlt008 .cardItem {width:50%}
    .cardAlt008 .cardItem:nth-child(odd) {padding-right:20px}
    .cardAlt008 .cardItem:nth-child(even) {padding-left:20px}
    html[lang="ar"] .cardAlt008 .cardItem:nth-child(odd) {padding-left:20px;padding-right:unset}
    html[lang="ar"] .cardAlt008 .cardItem:nth-child(even) {padding-right:20px;padding-left:unset}
}

@media (min-width:768px) {
    .cardAlt008 .ctaBtnCon {margin-top:20px}
}

@media (min-width: 992px) {
    .cardAlt008 .cardItem:nth-child(odd) {padding-right:30px}
    .cardAlt008 .cardItem:nth-child(even) {padding-left:30px}
    html[lang="ar"] .cardAlt008 .cardItem:nth-child(odd) {padding-left:30px;padding-right:unset}
    html[lang="ar"] .cardAlt008 .cardItem:nth-child(even) {padding-right:30px;padding-left:unset}
    .cardAlt008 .cardItem .title {font-size:22px;line-height:30px}
}

@media (min-width: 1279px) {
    .cardAlt008 .headerTitle {
        max-width:85%;margin-top:40px;
        font-size:38px;line-height:49px;letter-spacing:-0.5px;
    }
    .cardAlt008 .cardItem:nth-child(odd) {padding-right:40px}
    .cardAlt008 .cardItem:nth-child(even) {padding-left:40px}
    html[lang="ar"] .cardAlt008 .cardItem:nth-child(odd) {padding-left:40px;padding-right:unset}
    html[lang="ar"] .cardAlt008 .cardItem:nth-child(even) {padding-right:40px;padding-left:unset}
    .cardAlt008 .cardItem .title {font-size:24px;line-height:32px;margin-top:15px}
}