/* Import Components Single Portfolio */

@import url(../components/portfolio-header.css);
@import url(../components/portfolio-content.css);
@import url(../components/portfolio-cta.css);

/* Style Single Portfolio */

.sec-portfolio-project {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    margin: 150px auto;
}

.single-portfolio-page {
    background: #fff;
}

.single-portfolio-page #main-content-Novasa {
    margin-top: 10em;
    overflow: visible;
}

.single-portfolio-page .dark-header {
    align-items: center !important;
    height: 80px !important;
    width: 85% !important;
    background: rgb(0 0 0 / 45%) !important;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1) !important;
    backdrop-filter: blur(5px);
    border-radius: 50px;
    overflow: hidden;
    padding-inline: 15px;
}

.single-portfolio-page .dark-header::before {
    top: 3% !important;
    left: 50.3% !important;
    transform: scale(1.2) translate(-50%, -50%) !important;
}

/* All Media Queris Single Portfolio */

@media screen and (max-width: 768px) {
    .single-portfolio-page .dark-header {
        width: 95% !important;
        top: 15px !important;
    }
    .single-portfolio-page .dark-header::before {
        top: 58% !important;
        left: 6px !important;
        transform: scale(1.5) translate(-50%, -50%) !important; 
    }
    .sec-portfolio-project {
        margin: 50px auto;
    }
}

@media screen and (max-width: 575px) {
    .sec-portfolio-project .container {
        padding-inline: 0;
    }
}