.top .services__content .row {
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 100px;
}
.top .services__content .row .col {
    flex: 1;
}
.services__content .c-card {
    height: 100%;
}
.services__content .c-card__icon {
    top: -47px;
}
#gallery {
    gap: 13px !important;
}
@media(min-width: 768px) {
    .top .projects .gallery .col {
        width: 32% !important;
    }
}
@media(min-width: 1023px) {
    .top .projects .filter {
        margin: 0 5px !important;
    }
}
.filter-buttons button {
    color: #fff;
    cursor: pointer;
    font-family: Poppins, sans-serif;
    font-size: 13pt;
    font-weight: 600;
    line-height: 1;
    margin: 0 25px;
    padding: 5px 40px 4px;
    -webkit-transition: background-color .5s;
    transition: background-color .5s;
}
.filter-buttons button.active {
    background-color: #04c2c9;
}
.top .projects .filter.active {
    background-color: #04c2c9;
}
.top .skills__content .skillset .tag {
    padding: 0 0 0 3px;
}
.top .skills__content {
    flex-direction: column;
}
.top .skills__content .skillset, .top .skills__content .waypoint {
    max-width: 100%;
}
.top .skills__content .skillset {
    column-count: 2;
}
.top .skills__content .wrapper {
    width: auto;
    flex: 1;
    max-width: 245px;
}
.top .skills__content .desc p {
    font-size: 15px !important;
}
.top .skills__content .desc span {
    margin: 11px;
    display: block;
}
.l-footer__row {
    justify-content: space-between;
}
.l-footer__row .col:nth-child(2), .l-footer__row .col {
    width: auto;
}
.tickercontainer {
    height: unset !important;
}
.marquee {
    display: flex;
    will-change: transform;
    transform: translateZ(0);
    contain: layout style paint;
}
.marquee li {
    min-width: 360px;
    max-width: 360px;
    padding: 0 !important;
    will-change: transform;
    transform: translateZ(0);
}
.marquee li img {
    height: 100%;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
}
@media (max-width: 1023px) {
    .top .services__content .row {
        flex-direction: column;
        gap: 80px;
    }
    .top .services__content .row .col {
        width: 100%;
    } 
}
@media (max-width: 981px) {
    .marquee li {
        max-width: 325px;
        min-width: 325px;
    }
    .top .skills__content .skillset {
        margin-top: 0;
    }
    .c-heading01--sub {
        line-height: 40px;
    }
    #projects .filter-wrap .flex.row {
        flex-wrap: wrap;
        gap: 22px;
        align-items: center;
        justify-content: center;
    }
} 
@media (max-width: 767px) {
    .top .services__content .row {
        gap: 20px;
    } 
    .top .projects .gallery .col:hover .text {
            top: 18%;
    }
    .top .skills__content .skillset {
        column-count: 1;
    }
    .top .skills__content .waypoint {
        flex-wrap: wrap;
    }
    .top .skills__content .wrapper{
        width: 100%;
        flex: 100%;
        max-width: 45%;
        margin-bottom: 60px !important;
    }
}