/********** Template CSS **********/
.btn,
h1, h2, h3, h4, h5, h6, p, a, span, .form-control, label {
    font-family: 'Tajawal', sans-serif !important;
}

.fa,
.far,
.fas {
    font-family: "Font Awesome 5 Free" !important;
}

.section-title::before, .section-title::after {
    /* right: 0 !important; */
}

.section-title::after {
    position: absolute;
    content: "";
    width: 150px;
    height: 5px;
    
    bottom: 0;
    background: var(--primary);
    border-radius: 2px;
}

.section-title::before {
    position: absolute;
    content: "";
    width: 6px;
    height: 5px;
    bottom: 0px;
    background: #FFFFFF;
    right: 0;
    -webkit-animation: section-title-run 5s infinite linear;
    animation: section-title-run 5s infinite linear;
}

.section-title.text-center::before {
    -webkit-animation: section-title-run-center 5s infinite linear;
    animation: section-title-run-center 5s infinite linear;
}

.section-title.text-center::after {
    animation: none
}

.section-title.section-title-sm::before {
    -webkit-animation: section-title-run-sm 5s infinite linear;
    animation: section-title-run-sm 5s infinite linear;
}

.section-title.section-title-sm::after {
    animation: none
}