body {
    overflow-x: hidden;
    background-color: #f4f2ff!important;
}

.text-block .h1 a,
.text-block .h2 a,
.text-block .h3 a {
    text-decoration: underline!important;
    text-underline-offset: 4px!important;
}

.date-card {
    position: relative;
    min-height: 204px!important;
}

.date-card.left::after {
    content: "";
    position: absolute;
    top: 80%;
    border-bottom: solid 2px var(--color-primary);
    right: -120px;
    width: 120px;
}

.date-card.right::before {
    content: "";
    position: absolute;
    top: 70%;
    height: 200px;
    border-top: solid 2px var(--color-primary);
    border-left: solid 2px var(--color-primary);
    left: -400px;
    width: 400px;
    z-index: -1;
    border-top-left-radius: 5px;
}

.references .slick-slide {
    margin: 80px 30px!important;
    transform: scale(1);
    transition: transform 0.5s ease, margin 0.5s ease
}

.references .slick-slide .container-fluid {
    width: 100%;
    display: flex;
    align-items: center;
}

.references .middle-active {
    transform: scale(1.5);
    margin: 80px 40px!important;
    position: relative;
    z-index: 50;
}

.references .slick-dots li.slick-active button {
    background-color: var(--color-secondary)!important;
}

.img-left img {
    object-position: left;
}

.band-linkedin {
    position: relative;
}

.band-linkedin .text-block,
.band-linkedin .btn-block {
    z-index: 49;
    position: relative;
}

.band-linkedin::after {
    content: "";
    display: block;
    background-color: var(--color-dark);
    opacity: 0.5;
    width: 100%;
    position: absolute;
    height: 100%;
    top: 0;
}

.engagements img {
    object-fit: contain!important;
}

tbody tr:first-child {
    background-color: var(--color-primary)!important;
}

tbody tr:first-child p,
tbody tr:first-child li,
tbody tr:first-child a,
tbody tr:first-child td {
    color: var(--color-light)!important;
}

tbody tr:first-child a {
    text-decoration: underline!important;
}

/*Responsive*/

@media (max-width: 1166px) {
    body {
        overflow-x: auto;
    }
}

@media screen and (max-width: 966px) {
    .date-card.right::before {
        top: 94%;
        height: 174px;
        left: -300px;
        width: 300px;
    }
}

@media (min-width: 768px) {
    .date-section.mobile {
        display: none!important;
    }
    .card-number>.container-fluid {
        display: grid;
        align-content: center;
    }
}

@media (max-width: 768px) {
    .date-section>.container-fluid {
        gap: 0!important;
    }
    .date-card {
        min-height: auto!important;
    }
    .date-card.left::after,
    .date-card.right::before {
        display: none;
    }
    .date-section.desktop {
        display: none!important;
    }
    .references .middle-active {
        transform: scale(1)!important;
        margin: 40px 20px !important;
    }
}