/* Our Work Section Start */

.portfolio-single-page {
    padding-top: 5rem;
}

.portfolio__section {
    text-align: center;
}

.portfolio__main__grid {
    display: grid;
    gap: 4rem;
}

.portfolio__card {
    border-radius: 1rem;
    overflow: hidden;
    text-align: start;
    padding-bottom: 2rem;
    /* background-color: #0a0a0a; */
    background-color: #000c17;
    border: 2px solid var(--clr-black);
    /* box-shadow: 0px 0px 25px #ffffff25; */

    transition: all 0.3s;
}

.portfolio__card:hover {
    background-color: #000c17;
    border: 2px solid var(--clr-blue);
    box-shadow: 0px 0px 25px #ffffff25;
}

.portfolio__card__text {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    gap: 1rem;
    padding-top: 1.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
}

.portfolio__card__heading {
    font-size: var(--size-2xl);
    color: var(--clr-green);
    font-weight: 500;
}

.portfolio__card__description {
    font-size: var(--size-sm);
    color: var(--clr-white);
    font-weight: 300;
    text-align: justify;

    padding-bottom: 0.5rem;
}



/* xs */
/* @media (min-width: 475px) {} */

/* sm */
/* @media (min-width: 640px) {} */

/* md */
@media (min-width: 768px) {

    .portfolio-single-page {
        padding-top: 5.5rem;
    }

    .portfolio__main__grid {
        grid-template-columns: 1fr 1fr 1fr;
        gap: 4rem 1rem;
    }
    
    
    .portfolio__card__description {
        font-size: var(--size-xs);
    }

}

/* lg */
@media (min-width: 1024px) {

    .portfolio-single-page {
        padding-top: 8rem;
    }
    
    .portfolio__main__grid {
        display: grid;
        gap: 4rem 2rem;
    }
    
    .portfolio__card__description {
        font-size: var(--size-sm);
    }
}

/* xl */
/* @media (min-width: 1280px) {} */

/* 2xl */
/* @media (min-width: 1536px) {} */