.flex {
    display: flex;
    align-items: center;
}

.start {
    display: flex;
    justify-content: start;
}

.center {
    display: flex;
    justify-content: center;
}

.end {
    display: flex;
    justify-content: end;
}

.between {
    display: flex;
    justify-content: space-between;
}

.around {
    display: flex;
    justify-content: space-around;
}

.text-justify {
    text-align: justify;
}

.pointer {
    cursor: pointer;
}

.text-shadow {
    text-shadow: 0 0 15px white;
}

.ff-bold {
    font-family: "Peyda-Bold";
}

.ff-extra-bold {
    font-family: "Peyda-ExtraBold";
}


.input {
    position: relative;
}


.absolute-button {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    border-radius: 25px 0 0 25px;
}



/* Colors */
.text-purple {
    color: #A057FE;
}

.bg-purple {
    background-color: #A057FE;
}

.border-top-purple {
    border-top: 1px solid #A057FE;
}

.border-right-purple {
    border-right: 1px solid #A057FE;
}

.border-bottom-purple {
    border-bottom: 1px solid #A057FE;
}

.border-left-purple {
    border-left: 1px solid #A057FE;
}

.text-static {
    color: #4E3737;
}

.bg-static {
    background-color: #4E3737;
}



/* Plyr */

:root {
    --plyr-color-main: #ee802b;
    border-radius: 15px;
}

.plyr {
    border-radius: 15px;
}

.plyr__control--overlaid::after {
    position: absolute;
    content: '';
    inset: -12px;
    border: 12px solid #ffffff1f;
    border-radius: 50%;
}






/* Pagination */
.pagination li a {
    color: #A057FE;
}

.pagination li.active a {
    color: #fff;
    background-color: #A057FE;
    border: 1px solid #A057FE;
}






/* Breadcrumb */
.breadcrumb{
    font-size: 14px;
}

.btn-purple {
    background-color: #A057FE;
    color: #fff;
    border: none;
}

.btn-purple:hover {
    background-color: #8C47D9;
}


.bg-purple-subtle{
    background-color: #A057FE;

}

.border-purple {
    border-color: #A057FE !important;
}