/* _content/BlazorApp1/Components/Layout/MainLayout.razor.rz.scp.css */
footer[b-nz1yiwl0um] {
    background-color: #333;
    color: #fff;
    padding: 20px 0; /* adjusted padding */
}

.container[b-nz1yiwl0um] {
    display: flex;
    justify-content: space-around;
}

.address[b-nz1yiwl0um] {
    line-height: 1.5; /* to add space between lines */
}

.column[b-nz1yiwl0um] {
    margin-left: 30px; /* added margin between columns */
}

.links a[b-nz1yiwl0um] {
    color: var(--color-ivory);
    text-decoration: none;
    display: block;
    margin-bottom: 10px; /* added margin between links */
}

.links a:hover[b-nz1yiwl0um] {
    text-decoration: underline;
}

.copyright[b-nz1yiwl0um] {
    text-align: center;
    margin-top: 20px; /* added margin from footer content */
}

.contact[b-nz1yiwl0um] {
    margin-bottom: 40px;
}

@media (max-width: 768px) {
    .container[b-nz1yiwl0um] {
        flex-direction: column;
        justify-content: space-between;
        gap: 30px;
        align-items: center;
    }
}
/* _content/BlazorApp1/Components/Layout/NavMenu.razor.rz.scp.css */
nav[b-zjo6z1fhij] {
    display: flex;                      /* Displays the navigation items in a flex container */
    align-items: center;                /* Aligns items along the cross axis (vertically) */
    justify-content: space-between;     /* Adds space between items to evenly distribute them along the main axis (horizontally) */
    padding: 10px 8%;
}

.logo-container[b-zjo6z1fhij] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.logo[b-zjo6z1fhij]{
    font-size: 35px;
    letter-spacing: 1px;
    cursor: pointer;
}

.logo a[b-zjo6z1fhij]{
    text-decoration: none;
    cursor: pointer;
    color: var(--color-anthracite);
}

img[b-zjo6z1fhij] {
    max-width: 60px; /* Adjust the size of the image */
    height: auto;
}

 ul li[b-zjo6z1fhij] {
    list-style-type: none;              /* Removes default list item bullets */
    display: inline-block;              /* Displays list items as inline-block elements */
    padding: 10px 25px;                 /* Adds padding to create spacing around each list item */
}

 ul li a[b-zjo6z1fhij] {
    text-decoration: none;
    font-weight: bold;
    text-transform: capitalize;
    color: var(--color-anthracite);
}

 ul li a:hover[b-zjo6z1fhij] {
    color: #d29e2e;
    transition: .2s;
}

/* Dropdown content (hidden by default) */
.dropdown-content[b-zjo6z1fhij] {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown:hover .dropdown-content[b-zjo6z1fhij] {
    display: block;
}

.dropdown-content a[b-zjo6z1fhij] {
    float: none;
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.mobile[b-zjo6z1fhij]{
    display: none;
}

.responsive[b-zjo6z1fhij]{
    display: none;
}

i[b-zjo6z1fhij]{
    color: black;
}

@media screen and (max-width: 1000px) {
    .mobile[b-zjo6z1fhij]{
        display: block;
    }

    .desktop[b-zjo6z1fhij]{
        display: none;
    }

    ul li[b-zjo6z1fhij] {
        display: block;              /* Displays list items as inline-block elements */
    }

    .logo[b-zjo6z1fhij]{
        font-size: 17.5px;
    }

    img[b-zjo6z1fhij] {
        max-width: 30px; /* Adjust the size of the image */
    }
}
/* _content/BlazorApp1/Components/Pages/Career.razor.rz.scp.css */

.hero[b-6xqupkp7v1] {
    height: 40vh;                      /* Sets the height to 100% of the viewport height */
    width: 100%;                        /* Sets the width to 100% of its container */
    background-image: url(img/career/hero-background.jpeg);  /* Sets the background image */
    background-size: cover;             /* Ensures the background image covers the entire element */
    background-position: center;        /* Centers the background image horizontally and vertically */
    overflow: hidden;
    position: relative;
}

h4[b-6xqupkp7v1]{
    color: white;
    font-size: 75px;
}

.content[b-6xqupkp7v1] {
    position: absolute;                 /* Positions the element absolutely */
    top: 50%;                          /* Aligns the top edge of the element to 50% of its containing block */
    left: 50%;                          /* Aligns the left edge of the element to 8% of its containing block */
    transform: translate(-50%, -50%);       /* Moves the element vertically upwards by 50% of its own height */
    text-align: center;
}

section[b-6xqupkp7v1]{
    margin: 20px 40px;
}

.position[b-6xqupkp7v1]{
    background-color: var(--color-anthracite);
    margin: 20px 100px;
    padding: 20px;
}

h5[b-6xqupkp7v1], h3[b-6xqupkp7v1]{
    color: var(--color-ivory);
}

.button[b-6xqupkp7v1]{
    background-color: #d29e2e;       /* Sets the background color */
    color: white;                    /* Sets the text color */
    text-decoration: none;           /* Removes underlines from anchor elements used as buttons */
    border: 2px solid transparent;  /* Sets the border to be transparent */
    font-weight: bold;               /* Makes the font bold */
    padding: 9px 22px;             /* Adds padding to the top and bottom of the button, and padding to the left and right */
    border-radius: 30px;            /* Rounds the corners of the button */
    transition: .2s;                /* Adds a smooth transition effect for button hover states */
}

.button:hover[b-6xqupkp7v1]{
    background-color: transparent;  /* Changes the background color on hover */
    border: 2px solid #d29e2e;     /* Changes the border color on hover */
    cursor: pointer;               /* Changes cursor to pointer on hover */
}

p[b-6xqupkp7v1]{
    color: var(--color-ivory);
    font-size: 16px;
    line-height: 27px;
    margin-bottom: 25px;
}
/* _content/BlazorApp1/Components/Pages/Contact.razor.rz.scp.css */
.hero[b-ah2v455c6d] {
    height: 40vh;                      /* Sets the height to 100% of the viewport height */
    width: 100%;                        /* Sets the width to 100% of its container */
    background-image: url(img/contact/hero-background.jpg);  /* Sets the background image */
    background-size: cover;             /* Ensures the background image covers the entire element */
    background-position: center;        /* Centers the background image horizontally and vertically */
    overflow: hidden;
    position: relative;
}

h4[b-ah2v455c6d]{
    color: white;
    font-size: 75px;
}

.content[b-ah2v455c6d] {
    position: absolute;                 /* Positions the element absolutely */
    top: 50%;                          /* Aligns the top edge of the element to 50% of its containing block */
    left: 50%;                          /* Aligns the left edge of the element to 8% of its containing block */
    transform: translate(-50%, -50%);       /* Moves the element vertically upwards by 50% of its own height */
    text-align: center;
}

section[b-ah2v455c6d]{
    margin: 20px 40px;
}

.contact[b-ah2v455c6d]{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    gap: 5rem;
}

.contact-text h2[b-ah2v455c6d]{
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 25px;
}

.person[b-ah2v455c6d]{
    margin-top: 20px;
}

.role[b-ah2v455c6d]{
    font-size: 70%;
}

.message-sent[b-ah2v455c6d]{
    display: flex; 
    justify-content: center;
    align-items: center
}

@media (max-width: 768px) {
    .contact[b-ah2v455c6d] {
        grid-template-columns: 1fr; /* Display in one column for mobile devices */
    }

    h4[b-ah2v455c6d]{
        font-size: 40px;
    }
}

[b-ah2v455c6d] .contact-form form{
    position: relative;
}

[b-ah2v455c6d] .contact-form form input, [b-ah2v455c6d] form textarea{
    width: 100%;
    border: none;
    outline: none;
    padding: 18px;
    background: var(--color-anthracite);
    color: var(--color-ivory);
    font-size: 1.1rem;
    margin-bottom: 0.8rem;
    border-radius: 12px;
}

[b-ah2v455c6d] .contact-btn{
    cursor: pointer;
}
/* _content/BlazorApp1/Components/Pages/Home.razor.rz.scp.css */
.hero[b-qq7g8le84l] {
    height: 70vh;                      /* Sets the height to 100% of the viewport height */
    width: 100%;                        /* Sets the width to 100% of its container */
    background-image: url(img/hero-background.jpg);  /* Sets the background image */
    background-size: cover;             /* Ensures the background image covers the entire element */
    background-position: center;        /* Centers the background image horizontally and vertically */
}

.content[b-qq7g8le84l] {
    position: absolute;                 /* Positions the element absolutely */
    top: 50%;                          /* Aligns the top edge of the element to 50% of its containing block */
    left: 8%;                          /* Aligns the left edge of the element to 8% of its containing block */
    transform: translateY(-50%);       /* Moves the element vertically upwards by 50% of its own height */
}

h4[b-qq7g8le84l]{
    color: white;
    font-size: 75px;
}

.about[b-qq7g8le84l]{
    width: 100%;
    padding: 100px 0;
    background-color: var(--color-anthracite);
}

.about img[b-qq7g8le84l]{
    height: auto;
    width: 500px;
}

.about-text[b-qq7g8le84l]{
    width: 550px;
}

.main[b-qq7g8le84l] {
    width: 1130px;           /* Sets the width of the container to 1130 pixels */
    max-width: 95%;          /* Limits the maximum width of the container to 95% of its containing block */
    margin: 0 auto;          /* Centers the container horizontally by setting the left and right margins to 'auto' */
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.about-text p[b-qq7g8le84l] {
    color: var(--color-ivory);
    letter-spacing: 1px;
    line-height: 28px;
    font-size: 18px;
    margin-bottom: 45px;
}

button[b-qq7g8le84l] {
    background-color: #d29e2e;       /* Sets the background color */
    color: white;                    /* Sets the text color */
    text-decoration: none;           /* Removes underlines from anchor elements used as buttons */
    border: 2px solid transparent;  /* Sets the border to be transparent */
    font-weight: bold;               /* Makes the font bold */
    padding: 9px 22px;             /* Adds padding to the top and bottom of the button, and padding to the left and right */
    border-radius: 30px;            /* Rounds the corners of the button */
    transition: .2s;                /* Adds a smooth transition effect for button hover states */
}

button:hover[b-qq7g8le84l] {
    background-color: transparent;  /* Changes the background color on hover */
    border: 2px solid #d29e2e;     /* Changes the border color on hover */
    cursor: pointer;               /* Changes cursor to pointer on hover */
}

.service[b-qq7g8le84l]{
    background: #101010;
    padding: 100px 0px;
}

.title[b-qq7g8le84l]{
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
}

.title h2[b-qq7g8le84l] {
    color: white;                 /* Sets the text color */
    font-size: 75px;              /* Sets the font size */
}

.row[b-qq7g8le84l] {
    display: flex;
    justify-content: space-around;
    flex-flow: wrap;
}

.heading[b-qq7g8le84l] {
    text-align: center;
    font-size: 30px;
    margin-bottom: 50px;
    color: white;

}

.card[b-qq7g8le84l] {
    width: 22%;
    background: #191919;
    margin-bottom: 50px;
    transition: 0.3s;
    color: #fff;
    border-radius: 20px;           /* Rounds the corners of the card */
}

.card-header[b-qq7g8le84l] {
    text-align: center;
    padding: 10px;
}

.card-body[b-qq7g8le84l] {
    padding: 30px 20px;
    text-align: center;
    font-size: 18px;
}

.card-body .btn[b-qq7g8le84l] {
    display: block;
    text-align: center;
    margin-top: 30px;
    transition: 0.3s;
    background-color: #d29e2e;       /* Sets the background color */
    color: white;                    /* Sets the text color */
    text-decoration: none;           /* Removes underlines from anchor elements used as buttons */
    border: 2px solid transparent;  /* Sets the border to be transparent */
    font-weight: bold;               /* Makes the font bold */
    padding: 9px 22px;             /* Adds padding to the top and bottom of the button, and padding to the left and right */
    border-radius: 30px;            /* Rounds the corners of the button */
}

.card-body .btn:hover[b-qq7g8le84l] {
    transform: scale(1.1);
    background-color: transparent;  /* Changes the background color on hover */
    border: 2px solid #d29e2e;     /* Changes the border color on hover */
    cursor: pointer;               /* Changes cursor to pointer on hover */
}


.card:hover[b-qq7g8le84l] {
    transform: scale(1.1);
    box-shadow: 0 0 40px -10px rgba(0, 0, 0, 0.25);
}

.card i[b-qq7g8le84l] {
    font-size: 50px;
    display: block;
    text-align: center;
    margin: 25px 0px;
    color: #d29e2e;
}

h5[b-qq7g8le84l]{
    color: white;
    font-size: 23px;
    margin-bottom: 15px;
}

.pra p[b-qq7g8le84l]{
    color: var(--color-ivory);
    font-size: 16px;
    line-height: 27px;
    margin-bottom: 25px;
}

 .button[b-qq7g8le84l]{
    background-color: #d29e2e;       /* Sets the background color */
    color: white;                    /* Sets the text color */
    text-decoration: none;           /* Removes underlines from anchor elements used as buttons */
    border: 2px solid transparent;  /* Sets the border to be transparent */
    font-weight: bold;               /* Makes the font bold */
    padding: 9px 22px;             /* Adds padding to the top and bottom of the button, and padding to the left and right */
    border-radius: 30px;            /* Rounds the corners of the button */
    transition: .2s;                /* Adds a smooth transition effect for button hover states */
}

 .button:hover[b-qq7g8le84l]{
    background-color: transparent;  /* Changes the background color on hover */
    border: 2px solid #d29e2e;     /* Changes the border color on hover */
    cursor: pointer;               /* Changes cursor to pointer on hover */
}

/* Start */
.container[b-qq7g8le84l] {
    width: 90%;
    margin: 50px auto;
}

/* End */


@media screen and (max-width: 1000px) {
    h4[b-qq7g8le84l]{
        font-size: 38px;
    }
    
    .main img[b-qq7g8le84l]{
        display: none;
    }

    .card[b-qq7g8le84l] {
        width: 40%;
    }
}

@media screen and (max-width: 620px) {
    .card[b-qq7g8le84l] {
        width: 80%;
    }
}
/* _content/BlazorApp1/Components/Pages/Service.razor.rz.scp.css */
.hero[b-7022l8o45v] {
    height: 40vh;                      /* Sets the height to 100% of the viewport height */
    width: 100%;                        /* Sets the width to 100% of its container */
    background-image: url(img/services/excavation-work/1.jpeg);  /* Sets the background image */
    background-size: cover;             /* Ensures the background image covers the entire element */
    background-position: center;        /* Centers the background image horizontally and vertically */
    overflow: hidden;
    position: relative;
}

h4[b-7022l8o45v]{
    color: white;
    font-size: 75px;
}

.content[b-7022l8o45v] {
    position: absolute;                 /* Positions the element absolutely */
    top: 50%;                          /* Aligns the top edge of the element to 50% of its containing block */
    left: 50%;                          /* Aligns the left edge of the element to 8% of its containing block */
    transform: translate(-50%, -50%);       /* Moves the element vertically upwards by 50% of its own height */
    text-align: center;
}


p[b-7022l8o45v]{
    margin: 20px 40px;
    letter-spacing: 1px;
    line-height: 28px;
    font-size: 18px;
}

.gallery[b-7022l8o45v]{
    display: flex;
    flex-wrap: wrap;
}

.gallery img[b-7022l8o45v] {
    height: auto;
    width: 50%;
    padding: 40px;
    box-sizing: border-box;
}

@media (max-width: 768px) {
    .gallery img[b-7022l8o45v] {
        width: 100%;
    }
    
    h4[b-7022l8o45v]{
        font-size: 40px;
    }
}