:root{
    --primary-color: #a877c5;
    --primary-dark: #9458B7;
    --primary-light: #ECE2F3;
    --primary-lighter: #ECE2F3;
}

img {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
}

/* scrollbar */
::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-track {
    background: var(--primary-lighter);
}
::-webkit-scrollbar-thumb {
    background: var(--primary-color);
}

/* body */
.body{
    padding-top: 90px;
    min-height: 90vh;
}

.display-md{
    display: none;
}

.display-lg{
    display: none;
}

.display-sm{
    display: none;
}

.background-primary{
    background-color: var(--primary-color);
    color: aliceblue;
}

.background-primary-dark{
    background-color: var(--primary-dark);
    color: aliceblue;
}

.background-primary-light{
    background-color: var(--primary-light);
}

.color-black{
    color: #1f2532;
}

.display-flex{
    display: flex;
    flex-direction: column;
}

.img-square{
    max-width: 100vh;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

.larger{
    font-size: larger;
}

.color-primary{
    color: var(--primary-color);
}

.larger{
    font-size: larger;
}

.cta{
    font-size: 2rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    border-radius: 0.5rem;
    text-decoration: none;
}

.f-1{
    flex: 1;
}

.f-2{
    flex: 2;
}

.f-3{
    flex: 3;
}

.f-4{
    flex: 4;
}

.f-5{
    flex: 5;
}

.f-6{
    flex: 6;
}

.no-bullet{
    list-style-type: none;
}

@media (min-width: 992px){
    .row-lg{
        flex-direction: row;
    }

    .display-lg{
        display: flex;
    }
}

@media (min-width: 768px){
    .display-md{
        display: flex;
    }

    .row-md{
        flex-direction: row;
    }
}

@media (min-width: 576px){
    .row-sm{
        flex-direction: row;
    }

    .display-sm{
        display: flex;
    }
}