section.works__section {
    min-height: calc(100vh - 72px);
    display: flex;
    align-items: center;

    padding: 0 12px;
}

.works__section .container {
    position: relative;
    z-index: 1;
}

.works__section .container::before {
    content: '';
    background: rgb(6, 141, 157, 0.45);
    filter: blur(108.5px);
    width: 186px;
    height: 186px;
    position: absolute;
    top: 208px;
    left: 7%;
    z-index: -1;
    /* -webkit-animation: hero_before_rotate 15s infinite linear;
    -moz-animation: hero_before_rotate 15s infinite linear;
    animation: hero_before_rotate 15s infinite linear; */
}

.works__section .container::after {
    content: '';
    background: rgba(13, 34, 52, 0.35);
    filter: blur(108.5px);
    width: 186px;
    height: 186px;
    position: absolute;
    top: 70px;
    right: 0px;
    z-index: -1;
    /* -webkit-animation: hero_after_rotate 15s infinite linear;
    -moz-animation: hero_after_rotate 15s infinite linear;
    animation: hero_after_rotate 15s infinite linear; */
}

div.jump_to_next {
    position: relative;
    display: flex;
    justify-content: center;

    margin-top: 4rem;
}

.our-work__section {
    padding: 0 12px 0px 12px;
}

.our-work-title {
    margin-bottom: 0rem;
}

.our-work__case-study__header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;

    align-items: center;
    margin: 2rem 0 1.5rem 0;
}

.our-work__case-study__header a {
    color: #1e1e1e;
    text-decoration: none;
}

.our-work__case-study__header a:hover {
    color: #068D9D;
    text-decoration: none;
}


.our-work__case-study__header h4 {
    margin-bottom: 0;
}

.our-work__case-study-services {
    display: flex;
    flex-direction: row;

    gap: 10px;
}

.our-work__case-study-service a img {
    margin-left: 0.7rem;
}

.our-work__case-study {
    opacity: 1;
    transform: translate(0px, 0px);
}

.our-work__content {
    opacity: 1;
    transition: .3s ease;
}

.our-work__case-study img {
    width: 100%;
}

div.our-work__case-study__content__wrapper__left {
    margin-top: 3rem;
}

div.our-work__case-study__content__wrapper__right {
    /* padding-left: 0rem !important; */
    margin-top: 3rem;
}

.view-project__button__wrapper {
    width: max-content;
    margin-top: 2rem;
}


.contact-button__wrapper {
    margin-top: 3rem;
    width: max-content;
}

.contact-button__wrapper a {
    background: #1e1e1e;
    color: white;
    padding: 15px 25px;
    text-decoration: none;


}

span.works__span {
    color: #068D9D;
}

.tooltip-custom {
    position: relative;
    display: inline-block;
    /* border-bottom: 1px dotted black; */
}

.tooltip-custom .tooltiptext-custom {
    display: none;
}

.tooltip-custom:hover .tooltiptext-custom {
    visibility: visible;
}


/* section.works__section .section-content h1 {
    margin-top: 12px;
} */


@media only screen and (min-width: 768px) {

    section.works__section {
        min-height: calc(100vh - 88px);
        display: flex;
        align-items: center;
    
        padding: 0px;
    }
    
    .our-work__case-study__content__wrapper__right {
        padding-left: 2.5rem !important;
        margin-top: 10rem !important;
    }

    .our-work__case-study__content__wrapper__left {
        padding-right: 2.5rem !important;
        margin-top: 0 !important;
    }

    .our-work__section {
        padding: 0 0px 0px 0px;
    }

    div.jump_to_next {
        position: relative;
        display: flex;
        justify-content: end;

        margin-top: 0;
    }

    .works__section .container::before {
        content: '';
        background: rgb(6, 141, 157, 0.45);
        filter: blur(108.5px);
        width: 186px;
        height: 186px;
        position: absolute;
        top: -208px;
        left: 7%;
        z-index: -1;
        -webkit-animation: hero_before_rotate 15s infinite linear;
        -moz-animation: hero_before_rotate 15s infinite linear;
        animation: hero_before_rotate 15s infinite linear;
    }

    .works__section .container::after {
        content: '';
        background: rgba(13, 34, 52, 0.35);
        filter: blur(108.5px);
        width: 186px;
        height: 186px;
        position: absolute;
        top: 70px;
        right: -50px;
        z-index: -1;
        -webkit-animation: hero_after_rotate 15s infinite linear;
        -moz-animation: hero_after_rotate 15s infinite linear;
        animation: hero_after_rotate 15s infinite linear;
    }

    .tooltip-custom .tooltiptext-custom {
        visibility: hidden;
        width: max-content;
        background-color: black;
        color: #fff;
        text-align: center;
        /* border-radius: 6px; */
        padding: 5px 30px;
        position: absolute;
        z-index: 1;
        bottom: 0;
        left: 50%;
        transform: translate(-50%, calc(100% + 10px));
        display: initial;
    }

    .our-work-title {
        margin-bottom: 3rem;
    }
}