body {



    overflow-x: hidden; /* Disable horizontal scrolling */

}



.saw-blade-top {
    background-image: url('/images/sawfullimage.png');
    background-repeat: no-repeat;
    background-size: 100% auto; /* Maintain full width */
    background-position: top center;

    aspect-ratio: 1 / 1; /* Keep it square */
    overflow: hidden;

  
}


body, a {
    color: white;
    font: normal normal medium 18px/18px DM Sans;
    font-size: 18px;
    font-family: DM Sans;
    text-transform: initial;

}
h3 {
    font-family: "DM Sans", sans-serif;
    color: var(--unnamed-color-ffffff);
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-size: 30px;
}
.dash-line {
    letter-spacing: -3px;
    padding-top: 8px;
    white-space: nowrap;
    overflow: hidden;
   
}
.tickbox {
    display: flex;
    align-items: center;
    gap: 8px;
    
}
.test {
    position: relative; /* Make the container a positioning context */
    min-height: 100%; /* Ensure the container stretches to fit content */
    height: auto; /* Allow height to adjust to the content */
    overflow: visible; /* Allow any overflow to be visible outside the container */
}
h2 {


    transition: background-color 0.3s, color 0.3s;
}
.triangleonimage {
    position: relative;
    overflow: hidden;
}
.image-container {
    width: 100%; /* Adjust to show half of the blade */
    max-height: 390px; /* Same height as the image */
    overflow: hidden; /* Hide the rest of the image */
    position: relative;
}

.saw-blade {
    width: 100%; /* Ensure the image fits within the container */
    position: relative;
}
.blackbackground {
    background-color: #2F3035;
}

    /* Main image should be on top */
    .triangleonimage img {
       
        z-index: 2; /* Higher than background */
        width: 100%;
        height: auto;
        display: block; /* Remove any default spacing */
    }

.triangle-bg-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1; /* Behind main image */
}

.triangle-bg-top,
.triangle-bg-bottom {
    position: absolute;
    width: 100%;
    height: 50%;
    background-size: cover;
    background-position: center;
    opacity: 0.3; /* 30% transparency */
}

.triangle-bg-top {
    top: 0;
    background-image: url('/images/Mask Group 8.png');
}

.triangle-bg-bottom {
    bottom: 0;
    background-image: url('/images/Mask Group 9.png');
}
/* Class for the container with tinted background */
.tinted-background {
    position: relative;
    isolation: isolate; /* Creates a new stacking context */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative; /* Needed for z-index to work */
}


    .tinted-background::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.8); /* Black with 50% opacity */
        z-index: -1; /* Places the overlay behind the content */
    }

/* Ensures the background image is properly positioned */
.bordergray {
  
}
.casestudytext {
position: absolute;  z-index: 100;
}
.bordergray {
    border-bottom: solid;
    border-color: darkgray;
    border-width: 1px;
}
.number {
    background-color: transparent;
    border: solid;
    border-color: gray;
    border-width: 0.1px;
    color: white;
    font-size: 14px;
    height: 44px;


}
.numberpadding {
    padding: 15px;
}
.casestudybackground {
    background-color: black;
    border-bottom: solid;
    border-colour: gray;
    border-width: 0.1px;
}
.quotetext {
    font-size: 20px !important;
    padding-bottom: 10px;
}
.logoheaderpadding {
    padding-left: 30px;
}
.arrow {
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-bottom: 20px solid black;
    border-right: 20px solid transparent;
}
h2.active {
    background-color: #007BFF;
    color: white;
}
.product-carousel-wrapper {
    position: relative;
    padding: 0 60px; /* Increased space for larger square buttons */
}

.product-carousel {
    overflow: hidden;
    width: 100%;
}

.carousel-track {
    display: flex;
    transition: transform 0.5s ease;
}

.carousel-slide {
    min-width: 100%;
    position: relative;
}

    .carousel-slide img {
        width: 100%;
        display: block;
    }

.stock-number {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    text-align: center;
    background: rgba(0,0,0,0.7);
    color: white;
    padding: 8px;
    font-size: 16px;
}

.carousel-btn {
    background: black;
    border: solid;
    border-color: white;
    border-width: 1px;
    width: 50px; /* Increased size for better visibility */
    height: 50px; /* Square dimensions */
    border-radius: 4px; /* Subtle rounding instead of circles */
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
    z-index: 10;
    top: 50%;
    transform: translateY(-50%);
    box-shadow: 0 2px 10px rgba(0,0,0,0.2);
}

    .carousel-btn:hover {
        background: #333;
        transform: translateY(-50%) scale(1.05);
    }

.material-symbols-outlined {
    font-size: 28px; /* Slightly larger arrows */

    font-weight: bold; /* Bolder arrows */
}
.sectorimage {
overflow: hidden;
}
.carousel-control-prev,
.carousel-control-next {
    width: 40px;
    height: 40px;
    background-color: white;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
    opacity: 1;
}

.carousel-control-prev {
    left: 15px;
}

.carousel-control-next {
    right: 15px;
}
@media (max-width: 767.98px) {
    .product-carousel-wrapper {
        padding: 0; /* Remove any padding that might push buttons outside */
    }

    .carousel-btn {
        width: 30px; /* Slightly smaller for mobile */
        height: 30px;
    }
    .carousel-control-prev {
        left: 5px;
    }

    .carousel-control-next {
        right: 5px;
    }

}
    .tickboxpadding {
        padding: 6px;
        border: solid;
        border-color: white;
        5 font-size: 50px;
        border-width: 1px;
    }

    .number {
        padding: 15px 15px; /* Adjust these values as needed */
    }

    .teammembertinypadding {
        padding-top: 30px;
        padding-bottom: 40px;
    }

    .findoutmorerow {
        padding-bottom: 20px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .abouttriangle {
        background-image: url('/images/grey-about-1440pxlarge.webp');
        background-position: bottom right; /* Position the images */
        background-repeat: no-repeat; /* Prevent images from repeating */
        background-size: contain; /* Control the size of each image */
    }

.backgroundtriangles {
    background-image: url('/images/Mask Group 8.png'), url('/images/Mask Group 9.png'); /* Specify both images */
    background-position: top center, bottom center; /* Position the images */
    background-repeat: no-repeat, no-repeat; /* Prevent images from repeating */
    background-size: contain, contain; /* Control the size of each image */
    background-color: #141316;
    border-bottom: solid;
    border-top: solid;
    border-width: 0.1px;
    border-color: #2F3035;
}
.backgroundtrianglesnobottomright {
    background-image: url('/images/Mask Group 8.png'), url(''); /* Specify both images */
    background-position: top center, bottom center; /* Position the images */
    background-repeat: no-repeat, no-repeat; /* Prevent images from repeating */
    background-size: contain, contain; /* Control the size of each image */
    background-color: #141316;
    border-bottom: solid;
    border-top: solid;
    border-width: 0.1px;
    border-color: #2F3035;
}

.backgroundtrianglesbase {
    background-image: url('/images/grey-top-1410px.webp'), url('/images/grey-bottom-1410px.webp'); /* Specify both images */
    background-position: top center, bottom center; /* Position the images */
    background-repeat: no-repeat, no-repeat; /* Prevent images from repeating */
    background-size: contain, contain; /* Control the size of each image */
    background-color: #141316;
    border-bottom: solid;
    border-top: solid;
    border-width: 0.1px;
    border-color: #2F3035;
}

    .backgroundtrianglesabout {
        background-image: url('/images/grey-top-1410px.webp'), url('/images/grey-about-1440pxlarge.webp'); /* Specify both images */
        background-position: top center, bottom center; /* Position the images */
        background-repeat: no-repeat, no-repeat; /* Prevent images from repeating */
        background-size: contain, contain; /* Control the size of each image */
        background-color: #141316;
        border-bottom: solid;
        border-top: solid;
        border-width: 0.1px;
    }
@media (max-width: 1000px) {

    .image-container {
        width: 100%; /* Adjust to show half of the blade */
        max-height: 260px; /* Same height as the image */
        overflow: hidden; /* Hide the rest of the image */
        position: relative;
    }

    .sawimage {
        bottom: 0;
        max-width: 200%;
        height: 100%;
        position: relative;
        top: 0px !important;
    }
}
@media (min-width: 1610px) {
    h1 {
        font-family: "DM Sans", sans-serif;
        color: var(--unnamed-color-ffffff);
        text-align: left;
        letter-spacing: 0px;
        color: #FFFFFF;
        opacity: 1;
        font-size: 60px !important;
        line-height: 90px;
    }

    h2 {
        font-family: "DM Sans", sans-serif;
        color: var(--unnamed-color-ffffff);
        text-align: left;
        letter-spacing: 0px;
        color: #FFFFFF;
        opacity: 1;
        font-size: 40px !important;
    }

    h3 {
        font-family: "DM Sans", sans-serif;
        color: var(--unnamed-color-ffffff);
        text-align: left;
        letter-spacing: 0px;
        color: #FFFFFF;
        opacity: 1;
        font-size: 30px !important;
    }
}
    .backgroundtrianglesheader {
        background-image: url('/images/grey-top-1410px.webp'), url('/images/grey-bottom-1410px.webp'); /* Specify both images */
        background-position: top center, bottom center; /* Position the images */
        background-repeat: no-repeat, no-repeat; /* Prevent images from repeating */
        background-size: contain, contain; /* Control the size of each image */
        background-color: rgba(0, 0, 0, 0.3); /* Black with 50% opacity */
        border-bottom: solid;
        border-color: #2F3035;
        border-top: solid;
        border-width: 0.1px;
    }

    .backgroundtrianglessector {
        background-image: url('/images/grey-top-1410px.webp'), url('/images/grey-bottom-1410px.webp'); /* Specify both images */
        background-position: top left, bottom right; /* Position the images */
        background-repeat: no-repeat, no-repeat; /* Prevent images from repeating */
        background-size: contain, contain; /* Control the size of each image */
        background-color: #141316;
        border-bottom: solid;
        border-top: solid;
        border-width: 0.1px;
    }

    .makeanenquiryfootercontact:hover {
        background-color: #FF8200;
        /* Optional: add smooth transition */
        transition: background-color 0.3s ease;
        color: black;
    }
    /* Hide "Find Out More" by default */
    .sectorbox a {
        display: none;
        color: orange !important; /* Orange color */
    }

    /* On hover, white background, black text, show link */
    .sectorbox:hover {
        background: white !important;
        color: black !important;
        transition: all 0.3s ease; /* Smooth transition */
    }

    .sawimage {
        bottom: 0;
        max-width: 200%;
        height: 100%;
        position: absolute;
        top: -70px;
    }
    /* Force black text for child elements */
    .sectorbox:hover h2,
    .sectorbox:hover h3,
    .sectorbox:hover p {
        color: black !important;
    }

    /* Show "Find Out More" only on hover */
    .sectorbox:hover a {
        display: inline-block; /* or "block" if you want full width */
    }

    .makeanenquiryheader {
        background-color: black; /* Default background */

        transition: all 0.3s ease; /* Smooth transition */
        /* Your existing inline styles are preserved */
        display: inline-flex;
        align-items: center;
    }

        .makeanenquiryheader:hover {
            background-color: white; /* Background on hover */
            color: black; /* Text color on hover */
        }

            /* Style for the arrow icon */
            .makeanenquiryheader:hover .material-symbols-outlined {
                color: black; /* Icon color on hover */
            }

    .number2 {
        background-color: black; /* Default background */
        color: white; /* Default text color */
        transition: all 0.3s ease; /* Smooth transition for hover effect */
        /* Add any other existing styles you have for the button */
    }

        .number2:hover {
            background-color: white; /* Background on hover */
            color: black; /* Text color on hover */
        }

            /* If the icon also needs to change color on hover */
            .number2:hover .material-symbols-outlined {
                color: black;
            }

    .borderlogo {
        border: solid;
        border-width: 0.1px;
        border-color: white;
        padding: 5px;
    }

    .calltoaction {
        background-color: #2f3035;
        background-image: url('/images/cta-banner-1410px.jpg');
        background-repeat: no-repeat; /* Prevent the image from repeating */
        background-size: cover; /* Scale the image to cover the entire element */
        background-position: center; /* Center the image within the element */
    }

    .whiteborder {
        border: solid;
        border-color: #2f3035;
        border-width: 0.1px;
        padding: 0px;
    }

    .makeanenquiryfooter {
        background-color: transparent;
        width: fit-content;
        height: 40px;
        color: white;
        border: solid;
        border-color: #ff8200;
        border-width: 0.1px;
    }

    .normal-padding {
        position: absolute;
        top: -110px;
    }

    .normal-padding2 {
        position: absolute;
        top: -330px;
    }

    .makeanenquiryfootercontact {
        background-color: transparent;
        width: fit-content;
        padding: 2px;
        padding-left: 10px;
        color: white;
        border: solid;
        margin-bottom: 40px;
        font-size: 16px;
        border-color: #ff8200;
        border-width: 0.1px;
        text-align: left !important;
    }

    .sectorimagesize {
        width: 100%;
    }

    .quotebox {
        background-color: #2F3035;
    }

    body {
        background-color: black;
    }

    .newssection {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .textaligncenter {
        text-align: center; /* Centers text or inline elements */
    }

    .serviceimagepadding {
        padding: 20px; /* Example padding; adjust as needed */
    }

    .sectorboximage {
        display: flex;
        justify-content: center; /* Horizontally centers the image container */
        align-items: center; /* Vertically centers the image container */
        height: 100%; /* Ensures the div has enough height to center vertically */
        max-width: 100%; /* Prevents the container from overflowing */
    }

    .serviceimagepadding {
        display: flex;
        justify-content: center; /* Horizontally centers the sectorboximage */
        align-items: center; /* Vertically centers the sectorboximage */
        padding: 20px; /* Example padding; adjust as needed */
    }

    .sectorboximage {
        max-width: 100%; /* Prevents overflow, ensures the container fits */
    }

    .sectorimagewidth {
        max-width: 100%; /* Ensures the image fits within the container */
        height: auto; /* Maintains aspect ratio of the image */
    }

    .sectorimagewidth {
    }

    .sectorbox {
        padding-bottom: 20px !important;
    }

    .bannerpadding {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .calltoactioonpadding {
        padding-top: 115px;
        padding-bottom: 115px;
    }

    .boxpadding {
        padding: 5px;
    }

    .sticky-text {
        width: 100%; /* Adjust width as needed */
        position: sticky;
        top: 20px; /* Distance from the top of the viewport */
        padding-left: 20px;
        height: 100%; /* Optional to match the viewport height */
    }

    .scrolling-images {
        overflow-y: auto;
    }

        .scrolling-images img {
            display: block;
            width: 100%;
            margin-bottom: 20px;
        }

    .bannerpaddingservice {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .serviceimagepadding {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    a:hover, a:focus, a:active {
        color: #ffb81c;
        text-decoration: none;
    }

    .logoheader {
        width: 100%;
        max-width: 150px;
    }

    .aboutTopPadding {
        padding-top: 40px;
    }

    .mt-40 {
        margin-top: 40px;
    }

    .mb-40 {
        margin-bottom: 40px;
    }

    header {
        border-bottom: 1px solid rgba(255, 255, 255, 0.6);
        padding: 12px 0 20px;
    }

    .siteHeader {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
    }

    .headingpadding {
        padding-top: 182px;
        padding-bottom: 281px;
        max-height: 1080px;
    }

    @media (min-width: 1101px) {
        .headingpadding {
            padding-top: 182px;
            ;
            padding-bottom: 281px;
            max-height: 1080px;
        }

        .mainheaderpadding {
            margin-bottom: 40px;
        }
    }

    .navbar {
        font-size: 20px;
        width: 100%;
        color: #f7f5ed;
        padding: 10px;
    }

    .navbar-nav {
        width: 100%;
        align-items: center;
        display: flex;
        justify-content: end;
    }

    .nav-link {
        padding: 15px;
    }

    button.navbar-toggler.collapsed .navbar-toggler-icon {
        position: relative;
    }

    button.navbar-toggler[aria-expanded="false"] .navbar-toggler-icon:before {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f0c9";
        position: absolute;
        top: 50%;
        right: 50%;
        transform: translate(50%, -50%);
    }

    .sectorimagewidth {
        width: 30px;
        height: 30px;
    }

    button.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f00d";
        position: absolute;
        top: 50%;
        right: 50%;
        transform: translate(50%, -50%);
    }

    button.navbar-toggler.collapsed {
        content: "";
    }

    #navbarNav.show {
    }

    .navbar-toggler {
        position: absolute;
        top: 35px;
        right: 0px;
        transform: translate(0, -50%);
        background-color: none;
        color: white;
        font-size: 40px;
        font-weight: lighter;
    }

    .nav-link {
        font-size: 16px;
        font-family: DM Sans;
        text-transform: initial;
    }

    .navbar li {
        padding: 0 1.5%;
    }

    .logo {
        width: 250px;
    }

    footer {
        padding: 40px 0;
        background: #3a3c42;
        color: #f7f5ed;
        margin-top: 40px;
    }

        footer i {
            padding-right: 5px;
        }

        footer h4 {
            border-bottom: 2px solid #ffb81c;
            padding-bottom: 5px;
            display: inline-block;
            margin-bottom: 10px;
        }

        footer a {
            color: #f7f5ed;
        }

            footer a:hover, footer a:focus, footer a:active {
                color: #ffb81c;
                text-decoration: none;
            }

        footer p, footer li {
            margin-bottom: 5px;
        }

        footer ul {
            padding-left: 0;
            list-style: none;
        }

    .carousel {
        background: #fff;
    }

    .servicecontainerservices {
        margin-top: 210px;
        margin-bottom: 120px;
    }

    .slide {
        position: relative;
    }

    .banner {
        background-size: cover;
        background-position: center;
        width: 100%;
        height: 250px;
        background: #fff;
    }

    .bannerContent {
        height: 100%;
        display: flex;
        align-items: center;
        background: rgba(255, 255, 255, 0.6);
    }

    hr.new1 {
        border-top: 1px solid red;
    }

    .articlepannel {
        padding-top: 20px;
    }

    .divider {
        border-bottom: solid;
        border-width: 0.1px;
        border-color: gray;
    }

    .caststudiescontainer {
        padding-top: 120px;
        padding-bottom: 120px;
    }

    h1, h2 {
        font-weight: bold;
    }

    .datebox {
        color: white;
        border: solid;
        border-width: 0.1px;
        border-color: white;
        text-align: center;
        font-size: 12px;
        max-width: fit-content;
        padding-top: 7px;
        padding-bottom: 7px;
        padding-left: 11px;
        padding-right: 11px;
    }

    .newstitlepadding {
        padding-top: 19px;
    }

    .bannerImage {
        background-size: cover;
        background-position: center;
        width: 100%;
        height: 250px;
    }

    .sectorbox {
        background-color: #141415;
    }

    .Block {
        padding: 40px 0;
    }

    .ImageTextBlock img {
        width: 100%;
        height: auto;
        border-radius: 0px;
    }

    .TeamMemberBlock .TeamMemberCard {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 20px;
        margin-bottom: 40px;
    }

        .TeamMemberBlock .TeamMemberCard .TeamMemberCardInner {
            border: 1px #dee2e6 solid;
            border-radius: 25px;
            height: 100%;
            overflow: hidden;
        }

        .TeamMemberBlock .TeamMemberCard .content {
            padding: 30px;
        }

            .TeamMemberBlock .TeamMemberCard .content .aboutTeam p {
                margin-bottom: 0;
            }

        .TeamMemberBlock .TeamMemberCard .image {
            width: 100%;
        }

            .TeamMemberBlock .TeamMemberCard .image img {
                width: 100%;
            }

    .TeamMemberBlock .teamMembers {
        margin: 40px -15px 0;
    }

    .AccreditationsBlock h2 {
        margin-bottom: 40px;
    }

    .AccreditationsBlock .AccreditationCard img {
        border-radius: 10px;
    }

    .AccreditationsBlock .bgRemoved img {
        filter: contrast(2) grayscale(1) brightness(1) invert(0);
    }

    .GoogleMapBlock h2 {
        margin-bottom: 40px;
    }

    .GoogleMapBlock .map {
        border-radius: 20px;
        overflow: hidden;
    }

        .GoogleMapBlock .map iframe {
            width: 100%;
        }

    .services, .articles {
        margin: 40px -15px 0;
    }

    .ServiceCard {
        margin-bottom: 40px;
    }

        .ServiceCard .ServiceCardInner {
            border: 1px #dee2e6 solid;
            border-radius: 25px;
            height: 100%;
        }

        .ServiceCard .image {
            margin: auto;
            text-align: center;
            padding: 40px;
        }

            .ServiceCard .image img {
                width: 100%;
                max-width: 300px;
            }

    .NewsCard {
        margin-bottom: 40px;
    }

        .NewsCard .NewsCardInner {
            border: 1px #dee2e6 solid;
            border-radius: 25px;
            height: 100%;
        }

            .NewsCard .NewsCardInner .introText {
                width: 100%;
                margin-bottom: 20px;
            }

        .NewsCard .image {
            margin: auto;
            text-align: center;
        }

            .NewsCard .image img {
                width: 100%;
                max-width: 480px;
                border-radius: 15px;
                margin-bottom: 20px;
            }

    .FullWidthImageBlock img {
        width: 100%;
        border-radius: 20px;
    }

    .btn {
        display: inline-block;
        margin-bottom: 10px;
        text-transform: uppercase;
        font-weight: bold;
        padding: 8px 16px;
        border-radius: 10px;
    }

    .btn-submit {
        background: #3a3c42;
        color: #f7f5ed;
    }

    .btn-more {
        background: #fff;
        border: solid 2px #ffb81c;
    }

    .btn .fa-chevron-right {
        padding-left: 5px;
    }

    .btn-more-rev {
        background: #ffb81c;
        border: solid 2px #ffb81c;
    }

    .btn-more:hover, .btn-more:focus, .btn-more:active {
        background: #ffb81c;
    }

    .btn-more-rev:hover, .btn-more-rev:focus, .btn-more-rev:active {
        background: #fff;
    }

    .btn-submit:hover, .btn-submit:focus, .btn-submit:active {
        color: #ffb81c;
    }

    .pagination {
        margin-bottom: 0;
    }

    .page-item.active .page-link {
        z-index: 1;
        color: #fff;
        background-color: #3a3c42;
        border-color: #3a3c42;
    }

    .arrowstyles {
        color: white;
        font-size: 30px;
    }

    .page-link {
        position: relative;
        display: block;
        padding: 0.5rem 0.75rem;
        margin-left: -1px;
        line-height: 1.25;
        color: #3a3c42;
        background-color: #fff;
        border: 1px solid #dee2e6;
    }

        .page-link:hover {
            z-index: 2;
            color: #3a3c42;
            text-decoration: none;
            background-color: #e9ecef;
            border-color: #dee2e6;
        }

    .contactForm {
        margin-top: 40px;
    }

        .contactForm form {
            padding: 40px;
            background: #eeefec;
            border-radius: 20px;
        }

    .contact-heading {
        font-weight: bold;
        display: block;
        font-size: 1.25rem;
    }

    h1 {
        font-family: "DM Sans", sans-serif;
        color: var(--unnamed-color-ffffff);
        text-align: left;
        font: normal normal bold 24px/36px DM Sans;
        letter-spacing: 0px;
        color: #FFFFFF;
        opacity: 1;
    }

    h2 {
        font-family: "DM Sans", sans-serif;
        color: var(--unnamed-color-ffffff);
        text-align: left;
        font: normal normal bold 24px/36px DM Sans;
        letter-spacing: 0px;
        color: #FFFFFF;
        opacity: 1;
    }

    .makeanenquiry {
        background: var(--unnamed-color-ff8200) 0% 0% no-repeat padding-box;
        background: #FF8200 0% 0% no-repeat padding-box;
        opacity: 1;
        width: 150px;
        height: 32px;
    }

    .number2 {
        display: flex;
        align-items: center;
        gap: 4px;
        cursor: pointer;
    }

    .material-symbols-outlined {
        font-size: 20px; /* Adjust icon size if needed */
    }

    .servicepadding {
        margin-left: 115px;
    }

    .footertext {
        font-size: 16px;
    }

    .makeanenquiryheader {
        background: var(--unnamed-color-ff8200) 0% 0% no-repeat padding-box;
        background: #FF8200 0% 0% no-repeat padding-box;
        opacity: 1;
        width: auto;
        height: 44px;
        font-size: 13px;
        font-weight: 600;
        padding-left: 10px;
        padding-right: 10px;
    }

    .makeanenquirsubmit {
        border: solid;
        border-width: 1px;
        border-color: #FF8200;
        background: white 0% 0% no-repeat padding-box;
        opacity: 1;
        width: 100%;
        height: 40px;
        transition: background 0.3s, border-color 0.3s; /* Add smooth transition */
    }

        .makeanenquirsubmit:hover {
            background-color: #FF8200; /* Change background to orange */
            border-color: #FF8200; /* Change border color to orange */
        }


    .hover-white {
        position: relative;
        transition: all 0.3s ease;
    }

        /* Text color change on hover */
        .hover-white:hover {
            color: black;
            background-color: white; /* Change the background color to white on hover */
        }

    /* Find Out More link - initially hidden to the left */
    .findoutmorerow a {
        display: flex;
        align-items: center;
        transform: translateX(-10%);
        opacity: 0;
        transition: all 0.3s ease 0.1s; /* slight delay */
    }

    /* Date box - initial position (same as Find Out More) */
    .findoutmorerow .datebox {
        position: absolute;
        left: 0;
        transition: all 0.3s ease;
    }

    /* Hover states */
    .hover-white:hover .findoutmorerow a {
        transform: translateX(0);
        opacity: 1;
    }

    .hover-white:hover .turntoblack {
        color: black;
    }

    .hover-white:hover .turntoorange {
        color: #FF8200;
    }
.turntoorange:hover {
    color: #FF8200;
}
.turntoblack:hover {
    color: #FF8200;
}

    .hover-white:hover .turntoblack .text-decoration-none {
        color: #FF8200;
    }

    .hover-white:hover .turntoblack {
        border-color: black;
    }

    .hover-white:hover .findoutmorerow .datebox {
        left: auto; /* or specific pixel value if needed */
        position: relative;
        transform: translateX(0);
    }

    h2 {
        font: normal normal normal 16px/24px DM Sans;
        letter-spacing: 0px;
        color: #FFFFFF;
    }

    .smallprint {
        font-size: 12px;
    }

    .forms {
        background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
        border: 1px solid var(--unnamed-color-2f3035);
        background: #FFFFFF 0% 0% no-repeat padding-box;
        border: 1px solid #2F3035;
        opacity: 1;
    }

    .whitebackground {
        background-color: white;
    }

    .address p {
        margin-bottom: 5px;
    }

    .form-group {
        border-radius: 0px !important;
    }

    .titlepadding {
        padding-top: 60px;
        padding-bottom: 30px
    }

    .formtext {
        margin-bottom: 10px;
    }

    .contactformpadding {
        padding-top: 30px;
        padding-bottom: 90px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .blackcolortext {
        color: black;
    }

    .imagecontainer {
        position: absolute; /* Position relative to the document */
        top: 0; /* Start at the top of the document */
        left: 0; /* Align with the left edge */
        width: 100%; /* Full width */
        height: 100vh; /* Full height of the viewport */
        background-image: url('your-image-url'); /* Set the background image */
        background-size: cover; /* Make the image cover the container */
        background-position: center; /* Center the image */
        background-repeat: no-repeat; /* Prevent tiling */
        z-index: -1; /* Place behind other content */
    }

    .viewwidth {
        width: 100%; /* Full width */
        height: calc(100vh - 79px); /* Full height minus the header height */
    }

    .servicecontainer {
        padding-top: 20px;
        padding-bottom: 40px;
    }

    .servicecardpadding {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .servicecardiamge {
        width: 290px;
        height: 290px;
    }

    .sectorboximage {
        width: 40px;
        height: 40px;
        border: solid;
        border-width: 0.1px;
        border-color: #FF8200;
    }

    .teammemberimage {
        width: 100%
    }

    .servicetextpadding {
        padding-top: 40px;
        padding-bottom: 20px
    }

    .orangetext {
        color: #ff8200;
    }

    .sectorimage {
        text-align: center;
        border: solid;
        border-color: orange;
        border-width: 0.1px;
    
    }

    .arrow {
        width: 24px;
        height: 18px;
        /* UI Properties */
        background: #E8EAED 0% 0% no-repeat padding-box;
        opacity: 1;
    }

    @media(min-width:1280px) {
        .banner {
            height: 200px;
        }

        .bannerImage {
            height: 550px;
        }

        .navbar {
            height: 100%;
        }

        .footer h4 {
            margin-bottom: 20px;
        }
    }


    @media(min-width:576px) {
        .contact-details, .contact-form {
            margin-bottom: 40px;
        }

        .viewwidth {
            width: 100%; /* Full width */
            height: calc(100vh - 100px); /* Full height minus the header height */
        }

        .servicecaropaddingcontainer {
            padding-top: 120px;
            padding-bottom: 30px;
        }
    }



@media (max-width: 1200px) {
    .servicepadding {
        margin-left: 79px !important;
    }
  
    .servicecontainerservices {
        margin-top: 120px;
        margin-bottom: 120px;
    }
}

.changedshow {
    display: none; /* Ensures it overrides any other styles */
}

    @media (max-width: 1000px) {
        .hide {
            display: none !important; /* Ensures it overrides any other styles */
        }

        .show {
            display: block !important; /* Ensures it overrides any other styles */
        }
        .changedhide {
            display: none !important; /* Ensures it overrides any other styles */
        }

        .changedshow {
            display: block !important; /* Ensures it overrides any other styles */
        }
        .tickbox {
        padding-bottom: 20px;
        }
        .logopadding {
            padding-bottom: 20px;
        }
    }

    @media(max-width:991px) {
        .contact-details, .contact-form {
            margin-bottom: 40px;
        }


        .Block {
            padding: 20px 0;
        }

        .footerBlock {
            margin-bottom: 40px;
        }

            .footerBlock ul {
                margin-bottom: 0;
            }
    }

    @media(max-width:767px) {
        .footerBlock {
            margin-bottom: 20px;
        }
    }


@media(min-width:1200px) {
    .navbar-toggler {
        display: none;
    }

    header {
        padding-bottom: 20px;
    }

    .navbar {
        width: calc(100% - 250px);
    }
}

    @media(max-width:450px) {
        .logo {
            width: 200px;
        }
           .triangleheader {
            background-image: url('/images/Mask Group 11.png'), url('/images/Mask Group 14.png');
            background-size: cover, cover; /* Stretch each background image */
            background-repeat: no-repeat, no-repeat;
            background-position: top, bottom;
            width: 100vw; /* Use viewport width to ensure full width */
        }

        .navbar-toggler {
            top: 30px;
        }
    }

    .textaligncenter {
        text-align: center;
    }

    .aboutsection {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .case_studies_home .owl-controls, .case_studies_about .owl-controls {
        /*position:absolute;
		height:0px;
		bottom:55%;
		width:70%;
		left:15%;*/
        position: absolute;
        top: -42px;
        left: 250px;
    }

        .case_studies_home .owl-controls .owl-prev, .case_studies_home .owl-controls .owl-next, .case_studies_about .owl-controls .owl-prev, .case_studies_about .owl-controls .owl-next {
            display: block;
            width: 22px;
            height: 22px;
            background-image: url("/images/icon_nav_left.png");
            background-position: center center;
            background-repeat: no-repeat;
            color: transparent;
        }

        .case_studies_home .owl-controls .owl-prev, .case_studies_about .owl-controls .owl-prev {
            float: left;
        }

        .case_studies_home .owl-controls .owl-next, .case_studies_about .owl-controls .owl-next {
            float: left;
            margin-left: 7px;
            transform: RotateZ(180deg);
        }

    .case_studies_home .summary, .case_studies_about .summary {
        margin-bottom: 0;
    }

    .case_studies_about .owl-controls {
        right: 0;
        left: auto;
    }


    .case_studies_home {
        margin-top: 10px;
    }

    .date {
        font: normal normal normal 12px/24px DM Sans;
    }

    p {
        font: normal normal normal 12px/18px DM Sans;
        color: white;
    }

    .bold {
        font: normal normal bold 14px/18px DM Sans;
    }

    .contactpadding {
        padding-top: 40px;
        padding-bottom: 20px;
        background-image: url('/images/Mask Group 7 - Copy.png'), url('/images/Mask Group 9 - Copy.png');
        background-size: 100%, 100%;
        background-repeat: no-repeat, no-repeat;
        background-position: top, bottom;
        background-color: #141316;
    }

    .case_studies_home .owl-controls {
        top: -47px;
    }

    .sectorimage {
        width: 100%;
        max-width: 145px;
        max-height: 145px;
    }

    .sectorimagecrop {
        width: 100%;
        padding: 5%;
    }
.servicetitleimagecrop {
    width: 100%;
    padding: 5%;
}

    hr {
        border-bottom: 1px solid #ffffff;
    }

    .homeimage {
    }

    .case_studies_home .button {
        margin-top: 10px;
    }

.triangleheader {
    background-image: url('/images/Mask Group 7.png'), url('/images/Mask Group 9.png');
    background-size: 100%, 100%;
    background-repeat: no-repeat, no-repeat;
    background-position: top, bottom;
    border-bottom: solid;
    border-width: 0.1px;
    border-color: gray;
    background-blend-mode: lighten;
}

    .sectorbox {
        border: solid;
        border-color: #FFFFFF80;
        border-width: 0.01px;
        min-height: 230px;
    }

    .sectortextpadding {
        padding-top: 40px;
    }
.imagepadding {
    padding-top: 10px;
}

    .newsimage {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .rowpadding {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .captionpadding {
        padding-top: 0px;
    }

    .quotebox {
        padding: 40px;
    }

    .calltoaction {
        background-color: #2f3035;
        background-image: url('/images/cta-banner-320px.jpg');
        background-repeat: no-repeat; /* Prevent the image from repeating */
        background-size: cover; /* Scale the image to cover the entire element */
        background-position: center; /* Center the image within the element */
    }

    .articlepadding {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .hide552 {
        display: none;
    }
}

.caption {
    text-align: center;
}
.sectorcontainer {
    padding-top: 40px;
    padding-bottom: 40px;
}
.servicecontainer {
    padding-top: 40px;
    padding-bottom: 40px;
}
.google-style-arrow {
    background-color: transparent;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12);
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    color: white;
    padding: 0;
    transition: all 0.2s;
}


/* Remove any default carousel arrow styling */
.carousel-control-prev,
.carousel-control-next {
    position: static;
    width: auto;
    height: auto;
    opacity: 1;
}
.trianglebackground {
    background-color: #141316;
}
.textpadding768 {
    padding-bottom: 0px;
}
.padding120 {
    padding-top: 80px;
    padding-bottom: 80px;
}
.seniorteampadding {
 
padding-top: 120px;
padding-bottom: 120px;
}

@media (max-width: 1109px) {
    .sawimage {
        bottom: 0;
        max-width: 200%;
        height: 100%;
        position: relative;
        top: -70px;
    }

    .contactformpadding {
        padding-top: 30px;
        padding-bottom: 30px;
        padding-left: 0px;
        padding-right: 0px;
    }

 

    .normal-padding {
        position: relative;
        top: 0px;
    }

    .supplierpadding {
        padding-top: 40px;
        padding-bottom: 30px;
    }

    .footerpadding {
        padding-top: 60px;
    }

    .servicecaropadding {
        padding-top 120px;
        padding-bottom: 60px;
    }

    .casestudytext {
        position: relative;
        z-index: 100;
    }

    .removeabsolute {
        position: relative;
        z-index: 100;
    }

    .caststudiescontainer {
        padding-top: 80px;
        padding-bottom: 80px;
    }



    .mainheaderpadding {
        margin-bottom: 30px;
    }

    .center768px {
        text-align: center;
    }

    .aboutTopPadding {
        padding-top: 80px;
    }

    .clientpadding {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .aboutpadding768px {
    }

    .normal-padding2 {
        position: absolute;
        top: -120px;
    }

    .paddingheader768 {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    /* Add this to your stylesheet */
    .quote768 {
        margin-bottom: 80px;
    }

    .logoheader {
        padding-top: 25px;
    }

    .navbar-nav {
        align-items: flex-start !important;
        color: white;
        font: normal normal medium 18px/18px DM Sans;
        font-size: 18px;
        font-family: DM Sans;
        text-transform: initial;
    }

    .nav-link {
        color: white;
        font-size: 30px;
        font-family: DM Sans;
        text-transform: initial;
        font-weight: bold;
    }

    .navbar li {
        padding-left: 10%;
    }

    .mobile-buttons {
        display: flex;
        align-items: center;
        gap: 8px; /* Adjust spacing between buttons */
    }

        .mobile-buttons .number,
        .mobile-buttons .makeanenquiryheader {
            white-space: nowrap;
            padding: 8px 12px;
            font-size: 14px;
        }
}
@media (max-width: 1000px) {
    .headingpadding {
        padding-top: 80px;
        padding-bottom: 454px;
        max-height: 1024px;
    }
    .textpadding768 {
        padding-bottom: 30px;
    }
}
.show576 {
    display: none !important; /* Hide the mobile version by default */
}

.hide576 {
   
}
.sectorimagepadding {
    padding: 0%;
}
.show1109 {
    display: none !important; /* Show the mobile version */
}
@media (max-width: 1109px) {
    .team-member {
    padding-bottom: 30px;
    }
    .servicetextpadding {
        padding-top: 40px;
        padding-bottom: 20px;
    
       
    }
    .carousel-btn {
        background: rgba(255, 255, 255, 0.2);
        border-radius: 0px;
        border: none;
    }
    .show1109 {
        display: block !important; /* Show the mobile version */
    }

}
.show752 {
    display: none !important; /* Show the mobile version */
}
.hide752 {
    display: block !important; /* Show the mobile version */
}
@media (max-width: 752px) {
    .show752 {
        display: block !important; /* Show the mobile version */
    }
    .hide752 {
        display: none !important; /* Show the mobile version */
    }

}
.aligner {
    text-align: right;
}
@media (max-width: 576px) {
    .aligner {
        text-align: center;
    }
    .show576 {
        display: block !important; /* Show the mobile version */
    }

    .team-member {
        padding-bottom: 20px;
    }

    .smallprint {
        text-align: center;
    }

    .paddingnone {
        padding-left: 0px;
        padding-right: 0px;
    }

    .quote768 {
        margin-bottom: 0px;
    }




    .material-symbols-outlined {
        color: white;
    }

    .turntoblack:hover {
        color: #FF8200 !important;
    }

    .logoheader {
        padding-top: 15px;
    }

    .quotessize {
        max-height: 40px;
        max-width: 40px;
    }

    .hide576 {
        display: none !important; /* Hide the desktop version */
    }

    .normal-padding2 {
        position: absolute;
        top: -120px;
    }

    a {
        font-size: 14px;
    }

    .imagefix320 {
        max-height: 100%;
        max-width: 50%;
    }

    .logopadding {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 20px;
    }

    .servicecaropadding {
        padding-bottom: 20px;
    }

    .h1override {
        font-size: 12px;
    }

    .normal-padding2 {
        position: relative;
        top: 0px;
    }

    .teammembertinypadding {
        padding-left: 0px;
        padding-right: 0px;
    }

    .headingpadding {
        padding-top: 60px;
        padding-bottom: 200px;
        max-height: 576px;
    }

    .servicecaropaddingcontainer {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .textpadding768 {
        padding-bottom: 20px;
    }

    .aboutTopPadding {
        padding-top: 40px;
    }

    .seniorteampadding {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .normal-padding {
        position: relative;
        top: 0px;
    }

    .servicecontainerservices {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .removepadding576 {
        padding-bottom: 0px;
        padding-bottom: 0px;
    }

    .textpadding768 {
        padding-top: 20px;
    }

    .turntoblack:hover {
        color: #FF8200;
    }

    .paddingheader768 {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .sectorimagepadding {
        padding: 0%;
    }

    h2 {
        color: var(--unnamed-color-ffffff);
        text-align: left;
        letter-spacing: 1px;
        color: #FFFFFF;
        opacity: 1;
        font-size: 24px;
        font-weight: bold;
    }

    .sectorimagecrop {
        max-width: 145px !important;
        max-height: 145px !important;
    }
    .servicetitleimagecrop {
       
    }

    h3 {
        font-family: "DM Sans", sans-serif;
        color: var(--unnamed-color-ffffff);
        text-align: left;
        letter-spacing: 0px;
        color: #FFFFFF;
        opacity: 1;
        font-size: 14px;
    }

    .sectorimagecrop {
        padding: 5%;
    }
    .servicetitleimagecrop {
        padding: 5%;
    }

    h4 {
        color: var(--unnamed-color-ffffff);
        text-align: left;
        letter-spacing: 1px;
        color: #FFFFFF;
        opacity: 1;
        font-size: 14px;
    }

    .nav-link {
        color: white;
        font-size: 24px;
        font-family: DM Sans;
        text-transform: initial;
        font-weight: bold;
    }

    .navbar li {
        padding-left: 0%;
    }

    .mobile-buttons-container {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .mobile-buttons {
        flex-direction: column;
        gap: 12px;
    }

    .quotetext {
        font-size: 14px !important;
        padding-bottom: 0px;
    }

    .quotebox {
        padding: 20px;
        padding-bottom: 30px;
    }

    .mobile-buttons .number,
    .mobile-buttons .makeanenquiryheader {
        width: 100%;
        justify-content: center;
    }
}

    @media (min-width: 576px) {
        .extra-padding {
            padding-top: 100px; /* Padding for every second item */
        }

        .calltoactioonpadding {
            padding-top: 139px;
            padding-bottom: 139px;
        }

        .sectorimagecrop {
            width: 100%;
        }
        .servicetitleimagecrop {
            width: 100%;
        }

        .backgroundtriangles {
            background-image: url('/images/Mask Group 11.png'), url('/images/Mask Group 10.png'); /* Specify both images */
            background-position: top center, bottom center; /* Position the images */
            background-repeat: no-repeat, no-repeat; /* Prevent images from repeating */
            background-size: contain, contain; /* Control the size of each image */
            background-color: #141316;
        }
        .backgroundtrianglesnobottomright {
            background-image: url('/images/Mask Group 11.png'), url('g'); /* Specify both images */
            background-position: top center, bottom center; /* Position the images */
            background-repeat: no-repeat, no-repeat; /* Prevent images from repeating */
            background-size: contain, contain; /* Control the size of each image */
            background-color: #141316;
        }

        .calltoaction {
            background-color: #2f3035;
            background-image: url('/images/cta-banner-768px.png');
            background-repeat: no-repeat; /* Prevent the image from repeating */
            background-size: cover; /* Scale the image to cover the entire element */
            background-position: center; /* Center the image within the element */
        }

        .newsimage {
            padding-top: 60px;
            padding-bottom: 60px;
        }

        .rowpadding {
            padding-top: 30px;
            padding-bottom: 30px;
        }

        .hide552 {
            display: block;
        }

        .captionpadding {
            padding-top: 130px;
        }

        .caption {
            text-align: right;
        }

        .sectorimage {
            width: 100%;
            max-width: 450px;
            max-height: 450px;
        }

        h1 {
            font-family: "DM Sans", sans-serif;
            color: var(--unnamed-color-ffffff);
            text-align: left;
            letter-spacing: 2px;
            color: #FFFFFF;
            opacity: 1;
            font-size: 40px;
        }

        h2 {
            font-family: "DM Sans", sans-serif;
            color: var(--unnamed-color-ffffff);
            text-align: left;
            letter-spacing: 0px;
            color: #FFFFFF;
            opacity: 1;
            font-size: 30px;
            line-height: 45px;
            font-weight: bold;
        }

        h3 {
            font-family: "DM Sans", sans-serif;
            color: var(--unnamed-color-ffffff);
            text-align: left;
            letter-spacing: 0px;
            color: #FFFFFF;
            opacity: 1;
            font-size: 20px;
        }

        p {
            font-family: "DM Sans", sans-serif;
            color: var(--unnamed-color-ffffff);
            text-align: left;
            letter-spacing: 0px;
            color: #FFFFFF;
            opacity: 1;
            font: normal normal normal 16px/24px DM Sans;
        }

        .sectorboximage {
            width: 64px;
            height: 64px;
            border: solid;
            border-width: 0.1px;
            border-color: #FF8200;
        }

        .articlepadding {
            padding-top: 72px;
            padding-bottom: 72px;
        }

        .teammemberimage {
            width: 100%
        }

        .triangleheader {
            background-image: url('/images/Mask Group 11.png'), url('/images/Mask Group .png');
            background-size: cover, cover; /* Stretch each background image */
            background-repeat: no-repeat, no-repeat;
            background-position: top, bottom;
            width: 100vw; /* Use viewport width to ensure full width */
        }

        .sectorbox {
            border: solid;
            border-color: #FFFFFF80;
            border-width: 0.01px;
            min-height: 351px;
        }

        .serviceimagepadding {
            padding-top: 60px;
            padding-bottom: 60px;
        }

        .boxpadding {
            padding: 15px;
        }

        .quotebox {
            padding: 40px;
        }

        .sectorimagecrop {
            width: 100%;
        }
        .servicetitleimagecrop {
            width: 100%;
        }

        .servicecontainer {
            padding-top: 80px;
            padding-bottom: 40px;
        }

        .sectorcontainer {
            padding-top: 80px;
        }

        .servicecontainer {
            padding-top: 80px;
        }
    }

    .sectorimagecrop {
        width: 100%;
        max-width: 450px;
        max-height: 450px;
    }

    @media (min-width: 768px) {
        .sectorimagecrop {
            width: 100%;
        }

        .captionpadding {
            padding-top: 180px;
        }

        .quotebox {
            padding: 60px;
        }


        .sectortextpadding {
            padding-top: 80px;
            padding-bottom: 80px;
        }


        .sectorimage {
            width: 100%;
        }
    }

    .clientcontainer {
        background-color: #2f3035;
        border-top: solid;
        border-bottom: solid;
        border-color: darkgray;
        border-width: 1px;
    }

    @media (min-width: 1354px) {
        .extra-padding {
            padding-top: 120px; /* Padding for every second item */
        }

        .maxheightsaw {
            height: 268px;
        }

        .sectortextpadding {
            padding-top: 120px;
            padding-bottom: 170px;
        }

        .clientpadding {
            padding-top: 84px;
            padding-bottom: 84px;
        }

        .supplierpadding {
            padding-top: 84px;
            padding-bottom: 84px;
        }

        .sectorimagecrop {
            width: 100%;
        }

        .imageText-text {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
        }

        .umb-block-list .ImageTextBlock:nth-of-type(even) .imageText-text {
            order: 1;
        }

            .umb-block-list .ImageTextBlock:nth-of-type(even) .imageText-text .content {
                padding-right: 45px;
                padding-left: 0;
            }

        .imageText-text .content {
            padding-right: 155px;
        }

        .imageText-text-left .content {
            padding-left: 155px;
        }

        .extra-padding-news {
            padding-top: 80px; /* Padding for every second item */
        }

        .captionpadding {
            padding-top: 265px;
        }

        .bannerpaddingservice {
            padding-top: 175px;
            padding-bottom: 175px;
        }

        .servicecontainer {
            padding-top: 120px;
            padding-bottom: 40px;
        }

        .contacttextpadding {
            padding-top: 40px;
        }

        .calltoactioonpadding {
            padding-top: 89px;
            padding-bottom: 89px;
        }



        h1 {
            font-family: "DM Sans", sans-serif;
            color: var(--unnamed-color-ffffff);
            text-align: left;
            letter-spacing: 0px;
            color: #FFFFFF;
            opacity: 1;
            font-size: 40px;
        }

        h2 {
            font-family: "DM Sans", sans-serif;
            color: var(--unnamed-color-ffffff);
            text-align: left;
            letter-spacing: 0px;
            color: #FFFFFF;
            opacity: 1;
            font-size: 40px;
            font-weight: bold;
        }

        .quotebox {
            padding: 60px;
        }

        .hide992px {
            display: none;
        }



        .sectorboximage {
            width: 64px;
            height: 64px;
            border: solid;
            border-width: 0.1px;
            border-color: #FF8200;
        }

        .teammemberimage {
            width: 100%
        }

        .sectorbox {
            border: solid;
            border-color: #FFFFFF80;
            border-width: 0.01px;
            min-height: 351px;
        }

        .aboutpadding {
            padding-left: 80px;
        }

        p {
            font-family: "DM Sans", sans-serif;
            color: var(--unnamed-color-ffffff);
            text-align: left;
            letter-spacing: 0px;
            color: #FFFFFF;
            opacity: 1;
            font: normal normal normal 16px/24px DM Sans;
        }

        .serviceimagepadding {
            padding-top: 60px;
            padding-bottom: 60px;
        }

        .articlepadding {
            padding-top: 80px;
            padding-bottom: 80px;
        }

        .sectorcontainer {
            padding-top: 120px;
            padding-bottom: 120px;
        }

        .servicecontainer {
            padding-top: 80px;
        }

        .contactpadding {
            padding-top: 40px;
            padding-bottom: 20px;
            background-image: url('/images/Mask Group 13.png'), url('/images/Mask Group 14.png');
            background-size: 100%, 100%;
            background-repeat: no-repeat, no-repeat;
            background-position: top, bottom;
            background-color: #141316;
        }
    }

    @media (min-width: 1355px) {
        .hide992px {
            display: block;
        }

        .calltoaction {
            background-color: #2f3035;
            background-image: url('/images/cta-banner-1110px.png');
            background-repeat: no-repeat; /* Prevent the image from repeating */
            background-size: cover; /* Scale the image to cover the entire element */
            background-position: center; /* Center the image within the element */
        }
    }
@media (min-width: 1200px) {
    .extra-padding {
        padding-top: 300px; /* Padding for every second item */
    }
}
    @media (min-width: 1000px) {
        .contacttextpadding {
            padding-top: 30px;
        }

        .aboutpadding {
            padding-left: 80px;
        }

        .maxheightsaw {
            height: 322px;
        }

        .footerpadding {
            padding-top: 80px;
        }

        .calltoaction {
            background-color: #2f3035;
            background-image: url('/images/cta-banner-1410px.jpg');
            background-repeat: no-repeat; /* Prevent the image from repeating */
            background-size: cover; /* Scale the image to cover the entire element */
            background-position: center; /* Center the image within the element */
        }

        .clientcontainer {
            background-color: #2f3035;
        }

        .clientpadding {
            padding-top: 84px;
            padding-bottom: 84px;
        }

        .logopadding {
            padding-left: 32px;
            padding-right: 32px;
        }

        .supplierpadding {
            padding-top: 84px;
            padding-bottom: 84px;
        }

        .background {
        }

        h1 {
            font-family: "DM Sans", sans-serif;
            color: var(--unnamed-color-ffffff);
            text-align: left;
            letter-spacing: 0px;
            color: #FFFFFF;
            opacity: 1;
            font-size: 40px;
            line-height: 70px;
        }

        .quotebox {
            padding: 80px;
            margin-bottom: 120px;
        }

        .quotebox2 {
            padding: 80px;
            margin-bottom: 0px;
        }

        .captionpadding {
            padding-top: 330px;
        }

        .hide992px {
            display: block;
        }

        .newsimage {
            padding-top: 60px;
            padding-bottom: 60px;
        }

        .rowpadding {
            padding-top: 30px;
            padding-bottom: 30px;
        }

        .articlepadding {
            padding-top: 120px;
            padding-bottom: 120px;
        }

        .sectorimagecrop {
            width: 100%;
        }

        .calltoactioonpadding {
            padding-top: 126px;
            padding-bottom: 126px;
        }



        .first-item-padding {
            padding-top: 150px; /* Padding for every second item */
        }

        .second-item-padding {
            top: -20px;
        }

        .extra-padding-news {
            padding-top: 40px; /* Padding for every second item */
        }

        .triangleheader {
            background-image: url('/images/Mask Group 17.png');
            background-size: cover, cover; /* Stretch each background image */
            background-repeat: no-repeat, no-repeat;
            background-position: top, bottom;
            width: 100vw; /* Use viewport width to ensure full width */
        }

        .team-member {
            padding-top: 20px;
            padding-bottom: 20px;
            .teammemberimage {
            width: 100%
        }

        .sectorimage {
            text-align: center;
            padding-top: 0px;
            width: 100%;
            max-width: 450px;
            max-height: 450px;
        }
        .serviceimage {
            text-align: center;
            padding-top: 0px;
            width: 100%;
            max-width: 690px;
            max- .sectorcontainer {
            padding-top: 120px;
        }


        .bannerpaddingservice {
            padding-top: 170px;
            padding-bottom: 170px;
        }

   
        .servicecontainer {
            padding-top: 100px;
            padding-bottom: 40px;
        }

   
        .umb-block-list .ImageTextBlock:nth-of-type(even) .imageText-text .content {
            padding-right: 65px;
            padding-left: 0;
        }
        .umb-block-list .ImageTextBlock:nth-of-type(even) .imageText-text-left .content {
            padding-right: 0px;
            padding-left: 0;
        }

        .boxtitlepadding {
            padding-bottom: 20px;
        }

        h2 {
            font-family: "DM Sans", sans-serif;
            color: var(--unnamed-color-ffffff);
            text-align: left;
            letter-spacing: 0px;
            color: #FFFFFF;
            opacity: 1;
            font-size: 30px;
        }

        p {
            font-family: "DM Sans", sans-serif;
            color: var(--unnamed-color-ffffff);
            text-align: left;
            letter-spacing: 0px;
            color: #FFFFFF;
            opacity: 1;
            font: normal normal normal 16px/24px DM Sans;
        }

.sectorimagecrop {
    width: 100%;
    max-width: 650px;
    max-height: 650px;
}
.servicetitleimagecrop {
    width: 100%;
    max-width: 650px;
    max-height: 650px;
}

.sectorboximage {
    width: 90px;
    height: 90px;
    border: solid;
    border-width: 0.1px;
    border-color: #FF8200;
}

.sectorbox {
    border: solid;
    border-color: #FFFFFF80;
    border-width: 0.01px;
    min-height: 351px;
}


.trianglebackground {
    background-color: #141316;
}

        .sectorbox {
            border: solid;
            border-color: #FFFFFF80;
            border-width: 0.01px;
            min-height: 407px;
            background-color: black;
            
        }
    }

    @media (min-width: 1400px) {
       
    }
@media (min-width: 1610px) {
    h1 {
        font-family: "DM Sans", sans-serif;
        color: var(--unnamed-color-ffffff);
        text-align: left;
        letter-spacing: 0px;
        color: #FFFFFF;
        opacity: 1;
        font-size: 60px;
        line-height: 90px;
    }

    h2 {
        font-family: "DM Sans", sans-serif;
        color: var(--unnamed-color-ffffff);
        text-align: left;
        letter-spacing: 0px;
        color: #FFFFFF;
        opacity: 1;
        font-size: 40px;
    }

    h3 {
        font-family: "DM Sans", sans-serif;
        color: var(--unnamed-color-ffffff);
        text-align: left;
        letter-spacing: 0px;
        color: #FFFFFF;
        opacity: 1;
        font-size: 30px;
    }
}

    /* Default visibility for larger screens */

    .hide {
        display: block; /* Show the desktop version by default */
    }

    .changedhide {
        display: block; /* Show the desktop version by default */
    }

    /* Override for screens under 768px */
    @media (max-width: 768px) {
        .show {
            display: block; /* Show the mobile version */
        }

       

        .changedshow {
            display: block; /* Show the mobile version */
        }

  

        .hide {
            display: none; /* Hide the desktop version */
        }

        .changedhide {
            display: none; /* Hide the desktop version */
        }
    }


    @media (min-width: 768px) {
        h1 {
            font-family: "DM Sans", sans-serif;
            color: var(--unnamed-color-ffffff);
            text-align: left;
            letter-spacing: 0px;
            color: #FFFFFF;
            opacity: 1;
            font-size: 40px;
            line-height: 90px;
        }

        h2 {
            font-family: "DM Sans", sans-serif;
            color: var(--unnamed-color-ffffff);
            text-align: left;
            letter-spacing: 0px;
            color: #FFFFFF;
            opacity: 1;
            font-size: 30px;
        }

        h3 {
            font-family: "DM Sans", sans-serif;
            color: var(--unnamed-color-ffffff);
            text-align: left;
            letter-spacing: 0px;
            color: #FFFFFF;
            opacity: 1;
            font-size: 20px;
        }

        .teammembertinypadding {
            padding-top: 10px;
            padding-right: 0px;
            padding-left: 0px;
            padding-bottom: 40px;
        }
    }

    @media (max-width: 780px) {
        .contactpadding {
            padding-top: 80px;
            padding-bottom: 80px;
        }

        @media (max-width: 586px) {
            .contactpadding {
                padding-top: 40px;
                padding-bottom: 40px;
            }
        }
        /* Mobile (≤768px) - Always image on top, text below */
        @media (max-width: 768px) {
            .imageText-image,
            .imageText-text,
            .imageText-text-left {
                order: 0 !important;
            }

            .imageText-image {
                margin-bottom: 2rem;
            }
        }

        /* Desktop (>768px) */
        .imageText-text-left {
            text-align: left;
            padding-right: 2rem;
        }

        .imageText-text {
            text-align: left;
            padding-left: 2rem;
        }

        @media (min-width: 1610px) {
            h1 {
                font-family: "DM Sans", sans-serif;
                color: var(--unnamed-color-ffffff);
                text-align: left;
                letter-spacing: 0px;
                color: #FFFFFF;
                opacity: 1;
                font-size: 60px;
                line-height: 90px;
            }

            h2 {
                font-family: "DM Sans", sans-serif;
                color: var(--unnamed-color-ffffff);
                text-align: left;
                letter-spacing: 0px;
                color: #FFFFFF;
                opacity: 1;
                font-size: 40px;
            }

            h3 {
                font-family: "DM Sans", sans-serif;
                color: var(--unnamed-color-ffffff);
                text-align: left;
                letter-spacing: 0px;
                color: #FFFFFF;
                opacity: 1;
                font-size: 30px;
            }
        }
        /* Hide .servicecontainer below 1100px */