code {
    font-size: 87.5%;
    word-break: break-all;
    width: 100%;
    background: #f6f7fb;
    display: block;
    padding: 5px 20px;
}

code a {
    color: #e83e8c;
}

.dark {
    background: #f7f8fa;
}

.dark code {
    background: #fff;
}

.nav-link {
    width: max-content;
}

.parameter {
    background: #f6f7fb;
    padding: 0 5px;
    font-weight: bold;
    font-style: italic;
    font-size: 80%;
}

.dark .parameter {
    background: #fff;
}

.img-digital img {
    border-radius: 20px;
}

.case-studies .color-cards .card-contents {
    padding: 10px;
    border-radius: 20px;
}

.case-studies .color-cards .card-contents img {
    border-radius: 10px;
}

.card-details code {
    font-size: 87.5%;
    word-break: break-all;
    width: 100%;
    overflow: auto;
}



.modal-content {
    width: 100%;
}

.banner-img {
    border-radius: 15px
}

.case-studies .case-studies-card-img {
    height: 200px;
}