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

    padding: 0 12px;
}

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

.services__section .container::before {
    content: '';
    background: rgb(6, 141, 157, 0.45);
    filter: blur(108.5px);
    width: 186px;
    height: 186px;
    position: absolute;
    top: 170px;
    left: 30%;
    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; */
}

.services__section .container::after {
    content: '';
    background: rgba(13, 34, 52, 0.35);
    filter: blur(108.5px);
    width: 186px;
    height: 186px;
    position: absolute;
    top: 100px;
    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; */
}


span.services__span,
span.our-services__span {
    color: #068D9D;
}

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

    margin-top: 3rem;
}



.our-services__section {
    padding: 50px 12px 100px 12px;
}

.our-services__lists__container {
    background-color: #1e1e1e;
}


.our-services__lists__wrapper {
    display: flex;
    flex-direction: row;
    flex: 1 1 auto;

    margin: 0px 0;

    color: white;
}

.our-services__lists__wrapper__uxui-design {
    display: flex;
    flex-direction: row;
    flex: 1 1 auto;

    padding: 0 0 0px 0;

    color: white;
}

.our-services__lists__wrapper__left {
    margin: 0;

    display: none;
}

.our-services__lists__wrapper__left ul li {
    margin-bottom: 2rem;
    font-weight: 300;
    font-size: 1.2rem;
}


.our-services__lists__left__wrapper a {
    color: rgb(161, 161, 161);
    text-decoration: none;
    cursor: pointer;
}

.our-services__lists__left__wrapper a#custom-software-development-list li{
    padding-top: 40px;
}

.our-services__lists__left__wrapper a:hover {
    color: white;
}

.our-services__lists__wrapper__right {
    display: flex;
    flex-direction: column;

    flex-direction: 0 1 auto;

    margin-top: 5.5rem;

    /* padding: 0 24px; */
}


ul.our-services__lists__left__wrapper {
    margin: 11rem 0px 25rem;
    flex-direction: column;

    height: auto;
    width: 100%;

    /* height: 16rem; */
    overflow: hidden;
    width: 18.75rem;
    top: 12rem;
    box-shadow: none;

    top: 3.75rem;

    list-style: none;

    position: sticky;

    display: none;

    margin: 0px;
    padding: 0px;

    overflow-x: auto;

    display: flex;

    /* position: sticky;
    height: auto;
    list-style: none;
    margin: 0px;
    padding: 0px;
    top: 3.75rem;
    display: flex;
    width: 100%;
    overflow-x: auto;
    background-color: rgb(0, 0, 0);
    z-index: 50;
    box-shadow: rgb(102, 112, 112) 0em -2px inset; */

}

h4.our-services__lists__section__title.thinker-h4 {
    font-size: 2em;
}

.our-services__list__content__wrapper__right p {
    color: white;
    font-weight: 200;

    margin-top: 3rem;
}

.our-services__list__content__wrapper__right p.text-one,
.our-services__list__content__wrapper__right p.text-two {
    margin-top: 0.5rem;
}

.our-services__list__subtitle__one__wrapper__right,
.our-services__list__subtitle__two__wrapper__right {
    margin-top: 3rem;
}

.our-services__list__images__wraper img {
    width: 100%;
    float: right;

}

.our-services__list__content__wrapper__right {
    width: 100%;
    float: right;

    padding: 0 12px;
}

.our-services__list__icons__wrapper__right {
    display: flex;
    flex-direction: column;

    width: 100%;

    align-self: center;

    padding: 0 12px;
}

.our-services__list__icons__content__wrapper__right {
    align-self: start;
    margin-top: 3rem;
    padding: 0 18px;

    width: 100%;
}

#devops-cloud-consulting.our-services__lists__section {
    padding: 0 12px 150px 12px;
}

.our-services__list__icons__content__wrapper__right ul {
    padding-left: 0 !important;
}

.our-services__list__icons__content__wrapper__right ul li {
    font-size: 20px;
    font-weight: 300;

    float: initial;

    padding: 1rem 0rem 0 0rem;

    border-bottom: 2px solid transparent;
    border-image: linear-gradient(0.25turn, rgb(6, 141, 157, 100%), rgba(73, 123, 129, 50%), rgba(76, 169, 180, 10%));
    border-image-slice: 1;
    width: 80%;
}

.our-tech-stack__section {
    padding: 100px 12px 0 12px;
}

.our-tech-stack__wrapper {
    display: flex;
    flex-direction: row;
    flex: 1 1 auto;
}

.our-services__lists__fully__wrapper {
    display: flex;
    flex-direction: row;
    flex-direction: 1 1 auto;
}

.our-tech-stack__title__wrapper span {
    color: #068D9D;
}


.our-tech-stack__title__wrapper h2 {
    margin: 0.5rem 0 2rem 0;
}

.our-tech-stack__icons__tech__wrapper__one,
.our-tech-stack__icons__tech__wrapper__two,
.our-tech-stack__icons__tech__wrapper__three,
.our-tech-stack__icons__tech__wrapper__four,
.our-tech-stack__icons__tech__wrapper__five {
    display: flex;
    flex-direction: row;
    flex-direction: 0 1 auto;

    align-items: center;

    column-gap: 3rem;
    margin-bottom: 2rem;

    float: right;
}


.our-tech-stack__icons__tech__icon img {
    width: 100%;
    max-width: 80px;
    filter: gray;
    -webkit-filter: grayscale(1);
    -webkit-transition: all .8s ease-in-out;
}

.our-tech-stack__icons__tech__icon img:hover {
    filter: none;
    -webkit-filter: grayscale(0);
    -webkit-transform: scale(1.01);
}

div.our-tech-stack__icons__wrapper {
    margin-top: 2rem;
}

.active {
    color: white !important;
    font-weight: 700 !important;
}


@media only screen and (min-width: 768px) {
    section.services__section {
        min-height: calc(100vh - 88px);
        display: flex;
        align-items: center;
    
        padding: 0px;
    }

    ul.our-services__lists__left__wrapper {
        display: initial;
    }
    
    .services__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;
    }
    
    .services__section .container::after {
        content: '';
        background: rgba(13, 34, 52, 0.35);
        filter: blur(108.5px);
        width: 186px;
        height: 186px;
        position: absolute;
        top: 100px;
        right: -60px;
        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;
    }

    .our-services__lists__wrapper {
        display: flex;
        flex-direction: row;
        flex: 1 1 auto;
    
        margin: 150px 0px;

    }
    .our-services__lists__wrapper__right {
        flex-direction: row;

        padding: 0;
    }

    .our-services__section {
        padding: 100px 0 200px 0;
    }

    .our-services__lists__wrapper__uxui-design {
        display: flex;
        flex-direction: row;
        flex: 1 1 auto;
    
        padding: 0 0 150px 0;
    
        color: white;
    }


    .our-services__list__content__wrapper__right {
        width: 75%;
        float: left;

        padding: 0;
    }

    .our-services__list__icons__content__wrapper__right ul li {
        float: right;
        width: 100%;

        padding: 1rem 4rem 0 0rem;
    }

    .our-services__list__icons__content__wrapper__right {
        align-self: center;
        width: 100%;

        padding: 0;
    }

    .our-services__lists__wrapper__left {
        margin: 20rem 0;
        display: initial;
    }

    #devops-cloud-consulting.our-services__lists__section {
        padding: 0 0 0px 0;
    }

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

        margin-top: 0rem;
    }
    .our-tech-stack__section {
        padding: 200px 0 0 0;
    }

    div.our-tech-stack__icons__wrapper {
        margin-top: 0rem;
    }

    .our-services__list__icons__wrapper__right {
        padding: 0px;
    }
    h4.our-services__lists__section__title.thinker-h4 {
        font-size: 1.5em;
    }
    
}