/* Portfolio Page CSS Start */
.portfolio_banner {
    margin: 0;
    width: 100%;
    padding: 85px 0 0;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: left top;
}

.portfolio_banner .portfolio_banner_wrap {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.portfolio_banner .portfolio_banner_wrap .caption {
    margin: 0;
    padding: 50px 0 0;
    width: calc(100% - 550px);
}

.portfolio_banner .portfolio_banner_wrap .caption h1 {
    padding: 0;
    color: #333333;
    font-size: 80px;
    margin: 0 0 12px;
    line-height: 0.9;
    font-weight: 400;
    text-transform: uppercase;
    font-family: 'AlltheWaytotheSun';
}

.portfolio_banner .portfolio_banner_wrap .caption p {
    color: #818183;
    font-size: 18px;
    line-height: 1.2;
    text-transform: capitalize;
    font-family: 'Montserrat';
}

.portfolio_banner .image {
    margin: 0;
    padding: 0;
    width: 510px;
}
.portfolio_banner .image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    mix-blend-mode: darken;
}

.genres {
    margin: 0;
    z-index: 4;
    width: 100%;
    text-align: center;
    position: relative;
    padding: 0 0 80px;
}

.genres .title_super_text {
    font-weight: 900;
    margin: 0 0 0 calc((100% - 50%)/1.4);
}

.genres .title_super_text+.description {
    margin: -70px 0 0;
}
.genres .title_super_text+.description p {
    color: #666666;
    margin: 25px 0 0;
    font-weight: 500;
    text-transform: capitalize;
    font-family: 'Montserrat';
}

.genres .round_circle:after {
    content: "";
    background-color: #cecccc;
    box-shadow: -8px 2px 0 rgb(214 214 214 / 90%);
}

.genres .genres_wrap {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    margin: 35px 0 0;
    justify-content: space-between;
}

.genres .genres_wrap .block {
    width: 32%;
    margin: 0 0 35px;
    position: relative;
    padding: 60px 40px;
    transition: .5s all;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: left top;
}


.genres .genres_wrap .block figure {
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    width: 60px;
    height: 60px;
    position: absolute;
}

.genres .genres_wrap .block figure img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.genres .genres_wrap .block:hover {
    transform: scale(1.05);
}