/* Highlighted texts */
.noblegraphics-highlight-violet {
    color: var(--e-global-color-secondary);
    background-color: var(--e-global-color-accent);
}

/* Corner Borders */
.noblegraphics-corner-border {
    width:fit-content;
    padding: 8px;
    position: relative;
    align-self:center;
    background:
            conic-gradient(from 90deg  at top    8px left  8px, transparent 90deg, var(--e-global-color-primary) 0) 0    0    / 8px 8px border-box no-repeat,
            conic-gradient(from 180deg at top    8px right 8px, transparent 90deg, var(--e-global-color-primary) 0) 100% 0    / 8px 8px border-box no-repeat,
            conic-gradient(from 0deg   at bottom 8px left  8px, transparent 90deg, var(--e-global-color-primary) 0) 0    100% / 8px 8px border-box no-repeat,
            conic-gradient(from -90deg at bottom 8px right 8px, transparent 90deg, var(--e-global-color-primary) 0) 100% 100% / 8px 8px border-box no-repeat;
}

.noblegraphics-endgame-box{
    max-width:1920px;
    padding: 8px;
    position: relative;

    background:
            conic-gradient(from 90deg  at top    8px left  8px, transparent 90deg, var(--e-global-color-secondary) 0) 0    0    / 8px 8px border-box no-repeat,
            conic-gradient(from 180deg at top    8px right 8px, transparent 90deg, var(--e-global-color-secondary) 0) 100% 0    / 8px 8px border-box no-repeat,
            conic-gradient(from 0deg   at bottom 8px left  8px, transparent 90deg, var(--e-global-color-secondary) 0) 0    100% / 8px 8px border-box no-repeat,
            conic-gradient(from -90deg at bottom 8px right 8px, transparent 90deg, var(--e-global-color-secondary) 0) 100% 100% / 8px 8px border-box no-repeat;
}


/* Home Page */
.noblegraphics-overlapping-rows{
    transform:translateY(-120px);
}
.noblegraphics-overlapping-single-row {
    transform:translateY(-74px);
}

/* Service Page */
.noblegraphics-service-main-heading .elementor-heading-title{
    display:flex;
    flex-direction: column;
}


/* Footer - overriding color because of Noble's color settings*/
.noble-copyright {
    color: var(--e-global-color-secondary) !important;
}
.noble-copyright::before{
    background: var(--e-global-color-secondary) !important;

}
@media(max-width:1024px) {
    .noblegraphics-overlapping-single-row{
        transform:translateY(-60px);
    }

}

@media(max-width:767px){

    .absolute-img{
        top:0;
    }
    .noblegraphics-overlapping-rows,
    .noblegraphics-overlapping-single-row{
        transform:translateY(-80px);
    }
}