<style>
            .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload), .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * {
                background-image: none !important;
            }

            @media screen and (max-height: 1024px) {
                .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload), .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * {
                    background-image: none !important;
                }
            }

            @media screen and (max-height: 640px) {
                .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload), .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * {
                    background-image: none !important;
                }
            }
        </style>
        <style class="wp-fonts-local">
            @font-face {
                font-family: Inter;
                font-style: normal;
                font-weight: 300 900;
                font-display: fallback;
                src: url('https://parkwayconstruction.com/wp-content/plugins/woocommerce/assets/fonts/Inter-VariableFont_slnt,wght.woff2') format('woff2');
                font-stretch: normal;
            }

            @font-face {
                font-family: Cardo;
                font-style: normal;
                font-weight: 400;
                font-display: fallback;
                src: url('https://parkwayconstruction.com/wp-content/plugins/woocommerce/assets/fonts/cardo_normal_400.woff2') format('woff2');
            }

            .owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next {
    color: #233c77 !important;
    border: none !important;
    padding: 10px 15px !important;
    font-size: 28px !important;
    border-radius: 50% !important;
    transition: background-color 0.3s ease !important;
}

.owl-carousel .owl-nav button.owl-prev:hover,
.owl-carousel .owl-nav button.owl-next:hover {
    background-color: transparent !important;
}


        </style>

<style id="akismet-widget-style-inline-css">



          .a-stats {
                --akismet-color-mid-green: #357b49;
                --akismet-color-white: #fff;
                --akismet-color-light-grey: #f6f7f7;
                max-width: 350px;
                width: auto;
            }

            .a-stats * {
                all: unset;
                box-sizing: border-box;
            }

            .a-stats strong {
                font-weight: 600;
            }

            .a-stats a.a-stats__link, .a-stats a.a-stats__link:visited, .a-stats a.a-stats__link:active {
                background: var(--akismet-color-mid-green);
                border: none;
                box-shadow: none;
                border-radius: 8px;
                color: var(--akismet-color-white);
                cursor: pointer;
                display: block;
                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen-Sans', 'Ubuntu', 'Cantarell', 'Helvetica Neue', sans-serif;
                font-weight: 500;
                padding: 12px;
                text-align: center;
                text-decoration: none;
                transition: all 0.2s ease;
            }

            /* Extra specificity to deal with TwentyTwentyOne focus style */
            .widget .a-stats a.a-stats__link:focus {
                background: var(--akismet-color-mid-green);
                color: var(--akismet-color-white);
                text-decoration: none;
            }

            .a-stats a.a-stats__link:hover {
                filter: brightness(110%);
                box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06), 0 0 2px rgba(0, 0, 0, 0.16);
            }

            .a-stats .count {
                color: var(--akismet-color-white);
                display: block;
                font-size: 1.5em;
                line-height: 1.4;
                padding: 0 13px;
                white-space: nowrap;
            }
        </style>
         <style type="text/css">
            @font-face {
                font-family: 'Atlassian Sans';
                font-style: normal;
                font-weight: 400 653;
                font-display: swap;
                src: local('AtlassianSans'), local('Atlassian Sans Text'), url(https://ds-cdn.prod-east.frontend.public.atl-paas.net/assets/fonts/atlassian-sans/v1/AtlassianSans-latin.woff2) format('woff2');
                unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
            }
        </style>
        <style>
            /* Additional custom styles to refine layout */


            .dashboard {
                width: 100%;
                height: 500px;
                border: none;
            }

            .section {
                margin: 20px;
                padding: 10px;
                border: 1px solid #ddd;
                border-radius: 5px;
            }

            .project {
                cursor: pointer;
                background: #f4f4f4;
                padding: 10px 15px;
                border: 1px solid #ddd;
                margin-bottom: 5px;
                color: #FF852D;
                border-radius: 4px;
            }

            .project h4 {
                margin: 0;
                font-size: 1.2em;
            }

            /* Hidden by default; toggled via JS */
            .project-details {
                background: #ffffff;
                padding: 15px;
                border: 1px solid #ddd;
                margin-top: -1px;
                /* so it lines up flush with the .project border */
            }

            .project-summary p {
                margin: 0 0 5px;
            }

            .project-header {
                display: flex;
                justify-content: space-between;
                align-items: center;
                border-radius: 4px;
                /* You can add padding, background, border, etc. here if needed */
            }

            /* Let each section occupy some horizontal space.
				   Tweak the flex values if you want different relative widths. */
            .header-left, .header-center, .header-right {
                flex: 1;
            }

            /* Keep project name and start date together on the left. */
            .header-left {
                display: flex;
                align-items: center;
                gap: 1rem;
                /* space between name and date */
            }
            .elementor-kit-194 h3 {
                /*  color: #233C77 !important; */
                font-family: "Poppins", Sans-serif !important;
                font-size: 26px !important;
/*                 font-weight: 800 !important; */
                text-transform: uppercase !important;
                font-style: normal !important;
                text-decoration: none !important;
                line-height: 1.1em !important;
            }
            .header-left h4 {
                margin: 0 !important;
                color: #FF852D !important;
            }

            .header-left .start-date {
                font-size: 0.9em;
            }

            .header-center {
                text-align: center;
                color: #666;
            }

            .header-right {
                text-align: right;
                color: #666;
            }

            /* Basic heat-bar style placeholders */
            .heat-bar {
                height: 8px;
                width: 100px;
                background: linear-gradient(to right, green 0%, yellow 50%, red 100%);
                margin: 5px 0;
            }

            .heat-bar-green-green {
                height: 8px;
                width: 100px;
                background: linear-gradient(to right, green 0%, green 50%, yellow 100%);
                margin: 5px 0;
            }

            .heat-bar-green {
                height: 8px;
                width: 100px;
                background: linear-gradient(to right, green 0%, yellow 50%, yellow 100%);
                margin: 5px 0;
            }

            .heat-bar-yellow {
                height: 8px;
                width: 100px;
                background: linear-gradient(to right, yellow 0%, yellow 50%, orange 100%);
                margin: 5px 0;
            }

            .heat-bar-orange {
                height: 8px;
                width: 100px;
                background: linear-gradient(to right, yellow 0%, orange 50%, red 100%);
                margin: 5px 0;
            }

            .heat-bar-red {
                height: 8px;
                width: 100px;
                background: linear-gradient(to right, orange 0%, orange 50%, red 100%);
                margin: 5px 0;
            }

            .heat-bar-red-red {
                height: 8px;
                width: 100px;
                background: linear-gradient(to right, orange 0%, red 50%, red 100%);
                margin: 5px 0;
            }

            /* Simple metric layout */
            .metrics-row {
                display: flex;
                flex-wrap: wrap;
                gap: 20px;
            }

            .metric-column {
                flex: 1 1 200px;
                min-width: 200px;
            }

            .metric-column h5 {
                margin: 0 0 5px;
            }

            .photos-section {
                margin-top: 20px;
            }

            .photos-grid {
                display: flex;
                gap: 10px;
                flex-wrap: wrap;
            }

            .pop-out {
                height: 15px;
                width: 15px;
            }

            .pop-out img {
                height: 20px;
                width: 20px;
                position: absolute;
                right: 12px;
                z-index: 2;
                filter: brightness(0) invert(1);

            }

            .elementor img {
                max-width: 10%;
            }

            /* image overlay style */
            .image-placeholder {
                position: relative;
                display: inline-block;
                /* or block, depending on your layout */
            }

            .image-placeholder img {
                display: block;
            }
.page-id-10065 .entry-title {
 display: none;
}


       .overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        background-color: transparent !important;
        align-items: center;
        justify-content: center;
    }

    .overlay-text {
        transform: rotate(-45deg);
        color: #fff;
        font-size: 57px;
        text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
        text-align: center;
        line-height: 72px;
    z-index: 1;
    }

    .report-section {
        position: relative;
        background: url('https://parkwayconstruction.com/wp-content/uploads/2024/08/1A.jpg') no-repeat center center;
        background-size: cover;
        padding: 23px 0;
        text-align: center;
        height: 700px;
    }

    .overlay img {
        max-width: 100%;
        height: auto;
    }

    .page-header .entry-title, .site-footer .footer-inner, .site-footer:not(.dynamic-footer), .site-header .header-inner, .site-header:not(.dynamic-header), body:not([class*=elementor-page-]) .site-main {

    max-width: 100% !important;
}
.dashboardprocore{
    position: relative;
}
.dashboardprocore:after{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
     background: rgba(128, 128, 128, 0.5);
    display: flex
;
    align-items: center;
    justify-content: center;
}

.image-wrapper {
  position: relative;
  width:1140px; height:auto;
  margin: auto ;
      box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
}

.image-wrapper::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /*  background: rgba(0, 0, 0, 0.4); your overlay color */
  z-index: 1;
  transition: opacity 0.3s ease;
  pointer-events: none; /* so clicks go through */
}


.single-company h1.entry-title
{
    display: none;
}
body.single-company .page-content p:first-of-type {
  display: none;
}
.zoom-image {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    width: 100px;
    height: 100px;
}

.zoom-image:hover {
    transform: scale(1.1);
    cursor: pointer;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}


.viewgallery:hover{
    color:#0B1B2E !important;
    font-family: "Poppins", Sans-serif !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
    text-transform: capitalize !important;
    text-decoration: none;
    line-height: 1em;
    background-color: transparent !important;
}

/* .elementor-kit-194 a:hover{
    text-transform: capitalize !important;
} */
.custom-section{
width:1140px; margin:0 auto;
}
.tital-text{
    width: 60%;
}
@media (max-width: 460px) {
    .elementor-kit-194 h4 {
        font-size: 15px !important;
    }
}
/* media max  */
@media (max-width: 1300px) {

    .custom-container{
        width: 95% !important;
    }

    .custom-section{
        width: 100%;
    }
  }



  @media (max-width : 559px) {
    .metrics-row{
        display: block !important;
    }
    .tital-text{
    width:100%;
}
  }
  @media (max-width: 609px) {

    .project-header {
         display: block !important;
         flex-wrap: wrap !important;
    }
    .header-center {
        text-align: start;
    }
}

        </style>



        .metrics-row {
            margin-top: 20px;
        }
        .pop-out span {
            position: absolute;
            right: 5px;
            background-color: #FD5D14;
            padding: 8px 38px 8px 16px;
            color: #ffffff;
            border-radius: 5px;
            margin-top: -5px;
            font-size: 15px !important;
            font-weight: 400 !important;
            font-family: 'Poppins';
            line-height: 1;
        }
            .pop-out span:hover {
            font-size: inherit;
        }
        .pop-out span:hover {
            font-size: 15px !important;
            font-weight: 400 !important;
            font-family: 'Poppins';
            line-height: 1;
        }