.servicesDiv
{
    display: flex;
    justify-items: center;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    padding: 0.7em;
}

.pageTitle
{
    color: var(--title-text);
}

#tDServices
{
    background-image: url("../img/int_services.webp");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

#intServices
{
    background-image: url("../img/3d_services.webp");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

#collab
{
    background-color: var(--background-color);
    padding: 0.7em;
    height: 22vh;
    color: var(--textareas-and-inputs);
}
#collab h2
{
    text-align: center;
}

.service
{
    background-repeat: no-repeat;
    background-size: cover;
    margin: 2em;
    width: calc(33vw - 6.8em);
    height: 36.5vh;
    display: block;
}

.serviceDetail
{
    margin: 2em;
    padding: .5em;
    width: calc(50vw - 6.8em);
    height: auto;       /*40vh*/
    background-color: var(--background-color);
    backdrop-filter: blur(10px);
    color: var(--textareas-and-inputs);
    /*margin-left: -2em;*/
}

li
{
    margin-bottom: .5em;
}

.service:hover
{
    box-shadow: 0px 0px 34px -8px rgba(0,0,0,0.75);
    transition: all ease 0.3s;
}