.bg-0 {
    background-color: var(--ast-global-color-0);
}

.bg-1 {
    background-color: var(--ast-global-color-1);
}

.bg-2 {
    background-color: var(--ast-global-color-2);
}

.bg-3 {
    background-color: var(--ast-global-color-3);
}

.bg-4 {
    background-color: var(--ast-global-color-4);
}

.bg-5 {
    background-color: var(--ast-global-color-5);
}

.bg-6 {
    background-color: var(--ast-global-color-6);
}

.bg-7 {
    background-color: var(--ast-global-color-7);
}

.bg-8 {
    background-color: var(--ast-global-color-8);
}

.single-netk_services #content,
.single-netk_casestudy #content {
    background: var(--ast-global-color-4);
}

.single-netk_services #primary,
.single-netk_casestudy #primary,
.single-netk_industries #primary {
    margin-top: 0;
    margin-bottom: 0;
}

#simple-template-entry-container{
    margin-top: 3em;
    margin-bottom: 3em;
}

#simple-template-entry-container p:last-child {
    margin-bottom: 0;
}

#simple-template-entry-container .uagb-heading-text {
    border-bottom: 2px solid var(--ast-global-color-1);
}

.full-width {
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    max-width: 100vw;
}

#netk-hero {
    width: 100vw;
    min-height: 750px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    background-attachment: fixed;
    background-clip: padding-box;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

#netk-hero::before{
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: var(--ast-global-color-6);
    opacity: 0.75;
    z-index: 0;
}

.netk-page-header {
    width: 100vw;
    min-height: 500px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    background-attachment: fixed;
    background-clip: padding-box;
    display: flex;
    align-items: center;
    position: relative
}

.netk-page-header .left-column__wrap {
    width: calc(var(--wp--custom--ast-content-width-size) / 2);
    margin-left: auto;
    padding-right: 40px;;
}

.netk-page-header .right-column {
    width: 100%;
    height: 500px;
    position: relative;
}

.netk-page-header .right-column::before{
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, var(--ast-global-color-6) 25%, transparent);
    opacity: 0.75;
    z-index: 0;
}

#netk-hero h1 {
    color: var(--ast-global-color-1);
    font-weight: 500;
}

#entry-container {
    background-color: var(--ast-global-color-6);
    color: #fff;
}

#key-components{
    position: relative;
}

.top-left-curve::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 400px;
    height: 400px;
    background: url('../images/curve_bg-6.svg');
    transform: rotate(270deg);
}

.bottom-right-curve::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 400px;
    height: 400px;
    background: url('../images/curve_bg-6.svg');
    transform: rotate(90deg);
 }

 #business-benefits {
    position: relative;
 }

.bg-pattern {
    background-image: url('../images/bg-pattern.png');
    background-repeat: repeat;
}

.single-netk_casestudy #netk-hero h1 {
    color: var(--ast-global-color-5);
}

.full-width > .content-width {
    flex: 1;
    max-width: var(--wp--custom--ast-content-width-size);
    margin: 0 auto;
}

.netk-hero-inner-wrap {
    z-index: 1;
}

.btn-cpt {
    margin-right: auto;
    display: inline-block;
}

.btn-secondary .ast-custom-button {
    background-color: var(--ast-global-color-3);
    border-color: var(--ast-global-color-3);
}

.btn-secondary:hover .ast-custom-button {
    color: var(--ast-global-color-3);
    background-color: #fff;
}

.why-netk-grid,
.sub-services,
.result-grid,
.what-we-build-grid {
    column-gap: 20px;
    row-gap: 20px;
}

.why-netk-tile,
.why-netk-intro,
.result-grid-item,
.what-we-build-grid-item {
    border: 1px solid var(--ast-global-color-1);
    border-radius: 4px;
}

.key-component-tile {
    transition: background-color 300ms;
}

.key-component-tile:hover a {
    transition: color 0ms;
}

.key-component-tile:hover {
    background-color: var(--ast-global-color-7);
}

.key-component-tile:hover,
.key-component-tile:hover a,
.key-component-tile:hover h6 {
    color: #fff;
}

.key-component-tile img {
    transition: transform 300ms;
    border-radius: 4px;
    width: 50px;
    height: 50px;
    background-color: #fff;
}

.key-component-tile:hover img {
    transform: scale(1.1);
}

.key-component-tile_inner-wrap {
    height: 100%;
}

.key-component-tile a.learn-more {
    display: inline-block;
    margin-top: auto;
    text-decoration: underline;
}

#business-benefits .img-wrap img {
    object-fit: contain;
}

.result-grid-item,
.what-we-build-grid-item {
    border-top-width: 4px;
}

#cpt-cta {
    padding-top: 100px;
    padding-bottom: 100px;
}

#cpt-cta .btn-cpt,
#why-netkinetix .btn-cpt {
    margin: 0 auto;
}

.our-process-item {
    flex: 1;
}

.our-process-item .process-step {
    background-color: var(--ast-global-color-1);
    width: 75px;
    height: 75px;
    border-radius: 50%;
    margin: 0 auto 1em auto;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--ast-global-color-5);
    font-size: 20px;
    font-weight: 700;
}

.single-netk_industries .testimonial-container {
    border-left: 3px solid var(--ast-global-color-1);
}

@media screen and (max-width: 999px) {
    .d-grid.three-col {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .our-process-wrap {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width:767px) {
    .d-grid.three-col,
    .d-grid.two-col {
        grid-template-columns: 1fr;
    }

    .red-bullet-list {
        margin-left: 10px;
    }

    .our-process-wrap {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }
}