.bg-purple{
    background-color: #7466cc;
}
.txt-purple{
    color: #7466cc;
}

.bg-dark{
    background-color:#363a4f;
}
.txt-dark{
    color:#363a4f;
}

.txt-white{
    color:#f4f4f4
}

.txt-lg{
    font-size: 25px;
}
.txt-md{
    font-size: 20px;
}
.txt-sm{
    font-size: 18px;

}

.btn{
    display: inline-block;
    margin: 0.5em 0;
    padding: 0.5em 1.5em;
    font-weight: 500;
    text-transform: uppercase;

}

.btn-anchor{
    background-color: #7466cc;
    /* color: #f4f4f4; */
    font-size: 1rem;
    border-radius: 1em;
    border: 1.8px solid #7466cc;
}
.btn-anchor:hover{
    background-color: #7466cc;
    /* color: #f4f4f4; */
    font-size: 1rem;
    border-radius: 1em;
    border: 2px solid #7466cc;
}
.btn-primary{
    background-color: #f4f4f4;
    font-size: 1rem;
    color:#7466cc;
    border-radius: 1em;
    border: 1.8px solid #7466cc;
    text-transform: uppercase;
}
.btn-secondary{
    background-color: #f4f4f4;
    color:#7466cc;
    border-radius: 1em;
    border: 1.8px solid #7466cc;
}

.btn-primary:hover{
    background-color: #7466cc;
    border-radius: 1.5em;
    color: #f4f4f4;
    font-weight: 700;
    cursor: pointer;
    
}
.btn-secondary:hover{
    background-color: #7466cc;
    border-radius: 1.5em;
    color: #f4f4f4;
    /* font-size: 1.6rem; */
    font-weight: 700;
    cursor: pointer;
    
}

.modernWay {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
            line-clamp: 2; 
    -webkit-box-orient: vertical;
 }