.behanceheader{
    position: relative;
    margin-top: -39vw;
}

.behanceheader img {
    width: 100%;
    object-fit: cover;
}

.bimgtext{
    position: absolute;
    top: 25%;
    left: 10%;
    color: #fff;
    width: 70%;
}

#behancetext{
    margin: 0 6.5vw;
}

#behancetext ul{
    list-style: outside;
}

.courseheading{
    width: 50%;
}

.courseItem{
    display: flex;
    gap: 2.3vw;
    flex-wrap: wrap;
    padding: 8vw 0;
}

.courseCard{
    width: 27.6vw;
    cursor: pointer;
}

.coursecardimg {
    overflow: hidden;
}

.coursecardimg img {
    width: 100%;
    transition: all .5s ease;
    scale: 1.2;
    object-fit: cover;
}

.coursecardimg:hover img {
    scale: 1.1;
}

.courseCard p {
    margin: 1.5vw 0 3vw 0;
}

.courseCard a {
    font-size: 1.14vw;
    border: 2px solid #000;
    color: #000;
    padding: 1vw 1.56vw;
    border-radius: 50px;
    transition: all 0.3s ease-out;
}

.courseCard a:hover {
    background: #000;
    color: #fff;
}

.center{
    display: flex;
    justify-content: center;
}



@media (max-width: 868px){
    .behanceheader{
        margin-top: -60vw;
    }
    .bimgtext{
        top: 18%;
        left: 10%;
    }
    .courseheading{
        width: 70%;
    }
    .courseItem{
        gap: 3vw;
        padding: 10vw 0;
    }
    .courseCard{
        width: 44vw;
        margin-top: 5vw;
    }
    .courseCard p {
        margin: 3vw 0 4vw 0;
    }
    .courseCard a {
        font-size: 2.2vw;
        padding: 1.5vw 3vw;
    }
}

@media (max-width: 670px){
    .behanceheader{
        margin-top: -70vw;
    }
    .behanceheader img {
       height: 80vw;
    }
    .bimgtext{
        top: 21%;
        left: 7%;
        width: 100%;
    }
    .courseheading{
        width: 90%;
    }
   
    .courseItem{
        flex-direction: column;
        padding: 5vw 0 20vw 0;
    }
    .courseCard{
        width: 100%;
        margin: 15vw 0 0 0;
    }
    .courseCard p {
        margin: 3.5vw 0 5vw 0;
    }
    .courseCard a {
        font-size: 3vw;
        padding: 2vw 4vw;
    }
}