@import '_content/WMBlazorSlickCarousel/WMBlazorSlickCarousel.bundle.scp.css';

/* /Layout/MainLayout.razor.rz.scp.css */
.page[b-xtx5ac77s3] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-xtx5ac77s3] {
    flex: 1;
}


@media (min-width: 641px) {
    .page[b-xtx5ac77s3] {
        flex-direction: row;
    }
}

#text:hover[b-xtx5ac77s3] {
    color: #F2AB20
}
/* /Pages/Home.razor.rz.scp.css */
@media screen and (min-width: 1200px) {
    .main-container[b-v67fxisblw] {
        background-image: url('./backgroud_logo.png');
        background-position: center;
        width: 100vw;
        height: 100vh;
        display: grid;
        grid-template-columns: 2fr 4fr 2fr;
        grid-template-rows: 4fr 0.5fr;
        position: relative;
    }

    .fully-insured-div[b-v67fxisblw] {
        width: 100%;
        height: 13%;
        grid-column: 1;
        grid-row: 1;
        margin-top: 30%;
        font-size: 100%;
        text-align: center;
        font-family: Anton;
        font-weight: bold;
        vertical-align: middle;
        color: #034277;
    }

    .fully-insured-div2[b-v67fxisblw] {
        width: 100%;
        height: 100%;
        align-content: center;
        background-color: #F2AB20;
        border-top-right-radius: 20px;
        border-bottom-right-radius: 20px;
    }

    .fully-insured-text[b-v67fxisblw] {
        font-size: 3vw;
        text-align: center;
        font-family: Anton;
        font-weight: bold;
        color: #034277;
    }


    .text-home-area[b-v67fxisblw] {
        z-index: 0;
        width: 100%;
        height: 100%;
        position: relative;
        grid-column: 2;
        grid-row: 2;
        background-color: #1A2B52;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        text-align: center;
        vertical-align: middle;
        font-family: Lumina;
        color: #fff;
    }

    .text-home-area-check[b-v67fxisblw] {
        z-index: 1;
        position: relative;
        object-fit: none;
        grid-column: 2;
        grid-row: 2;
        align-self: center;
        margin-left: 2%
    }

    .rating-div[b-v67fxisblw] {
        grid-column: 3;
        grid-row: 1;
        align-self: end;
        text-align: center;
        font-family: Lumina;
        color: #034277
    }

    .scanme-div[b-v67fxisblw] {
        grid-column: 3;
        grid-row: 1;
        width: 35%;
        height: 35%;
        align-self: start;
        justify-self: center;
        text-align: center;
        font-family: Anton;
        color: #034277;
    }

    .scanme-div2[b-v67fxisblw] {
        width: 100%;
        height: 100%;
        background-color: #F2AB20;
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
    }

    .center-image[b-v67fxisblw] {
        z-index: 0;
        position: relative;
        object-fit: contain;
        justify-self: center;
        align-self: center;
    }

    .vid-container[b-v67fxisblw] {
        background-color: #034277;
        width: 100vw;
        height: 100vh;
    }

    .welcome-container[b-v67fxisblw] {
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: 4% 4% 15% 15% 10% 15% 15% 5% 8% 8% 5%;
        grid-template-columns: 1fr 6fr 1fr;
        width: 100vw;
        height: 105vh;
        background-color: #1A2B52;
        background-position-y: top;
        color: #fff;
        font-family: 'Times New Roman';
        text-align: start;
    }

    .welcome-line[b-v67fxisblw] {
        width: 100%;
        height: 100%;
        background-color: #F2AB20;
        grid-row: 1;
    }

    .welcome-line2[b-v67fxisblw] {
        width: 100%;
        height: 100%;
        background-color: #F2AB20;
        grid-row: 1;
        grid-column: 2;
    }

    .welcome-line3[b-v67fxisblw] {
        width: 100%;
        height: 100%;
        background-color: #F2AB20;
        grid-row: 1;
        grid-column: 3;
    }

    .welcome-line4[b-v67fxisblw] {
        width: 100%;
        height: 100%;
        background-color: #F2AB20;
        grid-row: 11;
    }

    .welcome-line5[b-v67fxisblw] {
        width: 100%;
        height: 100%;
        background-color: #F2AB20;
        grid-row: 11;
        grid-column: 2;
    }

    .welcome-line6[b-v67fxisblw] {
        width: 100%;
        height: 100%;
        background-color: #F2AB20;
        grid-row: 11;
        grid-column: 3;
    }

    .welcome-logo[b-v67fxisblw] {
        grid-row: 3;
        grid-column: 1;
        width: 100%;
        object-fit: contain;
        place-self: center;
    }

    .welcome-text1[b-v67fxisblw] {
        grid-row: 3;
        grid-column: 2;
        text-align: center
    }

    .welcome-text2[b-v67fxisblw] {
        grid-row: 4;
        grid-column: 2;
        text-align: center
    }

    .welcome-text3[b-v67fxisblw] {
        grid-row: 5;
        grid-column: 2;
    }

    .welcome-text4[b-v67fxisblw] {
        grid-row: 6;
        grid-column: 2;
    }

    .welcome-text5[b-v67fxisblw] {
        grid-row: 9;
        grid-column: 2;
        text-align: center
    }

    .welcome-text6[b-v67fxisblw] {
        grid-row: 7;
        grid-column: 2;
    }


    .why-unique-container[b-v67fxisblw] {
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: 0.5fr 2fr 0.1fr;
        width: 100vw;
        height: 120vh;
        background-image: url('./blury_background.png');
        background-position: center;
        color: #fff;
        font-family: 'Anton';
        text-align: center;
    }

    .why-unique-container1[b-v67fxisblw] {
        display: grid;
        grid-template-columns: 3.5fr 0.6fr;
        grid-template-rows: 1fr
    }

    .why-choose-text1[b-v67fxisblw] {
        color: #F2AB20;
        text-align: start;
        margin-top: 2%;
        grid-row: 1;
        grid-column: 2;
        font-weight: bold;
    }

    .why-choose-text2[b-v67fxisblw] {
        color: #F2AB20;
        text-align: start;
        grid-row: 1;
        grid-column: 1;
        display: grid;
        font-weight: bold;
        text-decoration: underline;
    }

    .carousel-indicators[b-v67fxisblw] {
        bottom: -50px;
    }

    .why-choose-carrousel[b-v67fxisblw] {
        grid-column: 1;
        grid-row: 2;
        align-self: center;
    }

    .welcome-logo-why[b-v67fxisblw] {
        grid-row: 1;
        grid-column: 2;
        justify-self: start;
        object-fit: scale-down;
    }

    .services-container[b-v67fxisblw] {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 0.5fr 3fr 0.07fr;
        width: 100vw;
        height: 270vh;
        background-color: #155474;
        color: #fff;
        font-family: 'Times New Roman';
        text-align: center;
    }

    .services-container1[b-v67fxisblw] {
        display: grid;
        grid-template-columns: 3.5fr 1fr;
    }

    .services-container2[b-v67fxisblw] {
        display: grid;
        width: 100%;
        height: 100%;
        justify-self: center;
        justify-items: center;
        align-items: center;
        grid-template-columns: 0.5fr 1fr 1fr 1fr 0.5fr;
    }

    .welcome-logo-services[b-v67fxisblw] {
        grid-row: 1;
        grid-column: 2;
        justify-self: start;
        object-fit: scale-down;
    }

    .services-text1[b-v67fxisblw] {
        color: white;
        text-align: start;
        margin-top: 2%;
        grid-row: 1;
        grid-column: 2;
        margin-left: 5%;
        font-weight: bold;
    }


    .services-text2[b-v67fxisblw] {
        color: white;
        text-align: start;
        grid-row: 1;
        grid-column: 2;
        margin-left: 5%;
        font-weight: bold;
    }

    .services-text3[b-v67fxisblw] {
        color: #F2AB20;
        text-align: start;
        font-size: 350%;
        font-family: "Anton";
        grid-row: 1;
        grid-column: 2;
        font-weight: bold;
        text-decoration: underline;
    }

    .images[b-v67fxisblw] {
        width: 90%;
        height: 90%;
        object-fit: contain;
    }

    .services-image-1[b-v67fxisblw] {
        width: 100%;
        grid-row: 1;
        grid-column: 2;
        object-fit: cover;
    }


    .services-image-2[b-v67fxisblw] {
        width: 100%;
        grid-column: 3;
        object-fit: cover;
    }

    .services-image-3[b-v67fxisblw] {
        width: 100%;
        grid-column: 4;
        object-fit: cover;
    }

    .services-image-4[b-v67fxisblw] {
        width: 100%;
        grid-row: 2;
        grid-column: 2;
        object-fit: cover;
    }

    .services-image-5[b-v67fxisblw] {
        width: 100%;
        grid-row: 2;
        grid-column: 3;
        object-fit: cover;
    }

    .services-image-6[b-v67fxisblw] {
        width: 100%;
        grid-row: 2;
        grid-column: 4;
        object-fit: cover;
    }

    .services-image-7[b-v67fxisblw] {
        width: 100%;
        grid-row: 3;
        grid-column: 2;
        object-fit: cover;
    }

    .services-image-8[b-v67fxisblw] {
        width: 100%;
        grid-row: 3;
        grid-column: 3;
        object-fit: cover;
    }

    .services-image-9[b-v67fxisblw] {
        width: 100%;
        grid-row: 3;
        grid-column: 4;
        object-fit: cover;
    }

    .services-line[b-v67fxisblw] {
        width: 100%;
        height: 100%;
        background-color: #F2AB20;
        grid-row: 3;
    }

    .embark-container[b-v67fxisblw] {
        display: grid;
        grid-template-columns: 0.2fr 3fr 0.2fr;
        grid-template-rows: 0.3fr 3fr 0.3fr 0.15fr;
        width: 100vw;
        height: 100vh;
        background-image: url('./blury_bakground_2.png');
        background-position: center;
        color: #fff;
        font-family: 'Times New Roman';
        text-align: start;
    }

    .embark-line[b-v67fxisblw] {
        width: 100%;
        height: 100%;
        background-color: #F2AB20;
        grid-row: 4;
    }

    .embark-line2[b-v67fxisblw] {
        width: 100%;
        height: 100%;
        background-color: #F2AB20;
        grid-row: 4;
        grid-column: 2;
    }

    .embark-line3[b-v67fxisblw] {
        width: 100%;
        height: 100%;
        background-color: #F2AB20;
        grid-row: 4;
        grid-column: 3;
    }

    .embark-text-div[b-v67fxisblw] {
        grid-column: 2;
        grid-row: 2;
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: 0.5fr 0.5fr 0.5fr 1fr 1fr;
        width: 100%;
        height: 100%;
        background-color: white;
        opacity: 0.7;
        border-radius: 50px;
        color: #034277
    }

    .embark-logo[b-v67fxisblw] {
        grid-row: 1;
        justify-self: start;
        margin-left: 1%;
        margin-top: 1%;
        object-fit: scale-down;
    }

    .embark-text1[b-v67fxisblw] {
        grid-row: 2;
        text-align: center;
        font-size: 350%;
        margin-top: 2%;
        font-weight: bold;
    }

    .embark-text2[b-v67fxisblw] {
        margin-left: 5%;
        margin-right: 5%;
        grid-row: 4;
        text-align: start;
    }

    .embark-text3[b-v67fxisblw] {
        grid-row: 5;
        text-align: center;
        font-size: 350%;
        margin-top: 2%;
        font-weight: bold;
    }

    .projects-container1[b-v67fxisblw] {
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: 1fr 6fr 2fr 0.3fr;
        width: 100vw;
        height: 250vh;
        background-color: white
    }

    .projects-container2[b-v67fxisblw] {
        display: grid;
        grid-template-columns: 2fr 2fr;
        grid-template-rows: 1fr;
        grid-row: 2;
        width: 100%;
        height: 100%;
        background-image: url('./banner.png');
        background-position: center;
        background-size: contain;
    }

    project-container3[b-v67fxisblw] {
        display: grid;
        grid-row: 3;
        width: 100%;
        height: 100%;
        color: #034277
    }


    .project-text1[b-v67fxisblw] {
        color: #034277;
        text-align: start;
        margin-top: 2%;
        font-family: 'Times New Roman';
        grid-row: 1;
        grid-column: 2;
        margin-left: 5%;
        font-weight: bold;
    }

    .project-text2[b-v67fxisblw] {
        color: #F2AB20;
        text-align: start;
        font-size: 500%;
        grid-row: 1;
        margin-left: 5%;
        grid-column: 2;
        font-family: Anton;
        text-decoration: underline;
    }

    .project-text3[b-v67fxisblw] {
        font-family: 'Times New Roman';
        text-align: center;
        font-size: 350%;
    }

    .estimate-container[b-v67fxisblw] {
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: 1fr 4fr 0.2fr;
        width: 100vw;
        height: 100vh;
        background-color: white
    }

    .estimate-container2[b-v67fxisblw] {
        display: grid;
        grid-row: 2;
        align-items: center;
        justify-items: center
    }

    .estimate-container3[b-v67fxisblw] {
        width: 80%;
        height: 80%;
        justify-self: center;
        display: grid
    }

    .contact-container[b-v67fxisblw] {
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: 2fr 2fr 4fr 0.2fr;
        width: 100vw;
        height: 140vh;
        background-color: #1A2B52
    }

    .contact-text[b-v67fxisblw] {
        display: grid;
        gap: 0.5rem;
        grid-template-columns: 0.1fr 2fr;
        grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
        width: 90%;
        height: 90%;
        align-self: center;
        justify-self: center;
        font-family: 'Times New Roman';
        color: white
    }

    .contact-text2[b-v67fxisblw] {
        text-decoration: underline;
        color: white;
        text-align: start;
        font-size: 500%;
        grid-row: 1;
        margin-left: 5%;
        grid-column: 2;
        font-family: Anton;
    }

    .contact-line[b-v67fxisblw] {
        width: 100%;
        height: 100%;
        background-color: #F2AB20;
        grid-row: 4;
    }

    .contact-text3[b-v67fxisblw] {
        color: white;
    }

        .contact-text3:hover[b-v67fxisblw] {
            color: #F2AB20;
        }

    .contact-map-container[b-v67fxisblw] {
        display: grid;
        grid-row: 3;
    }
}

@media screen and (max-width: 1199px) {
    .main-container[b-v67fxisblw] {
        background-image: url('./backgroud_logo.png');
        background-position: center;
        width: 100vw;
        height: 100vh;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 0.1fr 1fr 0.2fr 0.1fr 0.1fr;
        position: relative;
    }

    .center-image-size[b-v67fxisblw] {
        object-fit: contain;
        width: 400px;
    }

    .fully-insured-div[b-v67fxisblw] {
        width: 100%;
        height: 100%;
        grid-column: 1;
        grid-row: 1;
        text-align: center;
        font-family: Anton;
        font-weight: bold;
        vertical-align: middle;
        color: #034277;
    }

    .fully-insured-div2[b-v67fxisblw] {
        width: 100%;
        height: 100%;
        align-content: center;
        background-color: #F2AB20;
    }

    .fully-insured-text[b-v67fxisblw] {
        text-align: center;
        font-family: Anton;
        font-weight: bold;
        color: #034277;
    }


    .text-home-area[b-v67fxisblw] {
        z-index: 0;
        width: 100%;
        height: 100%;
        position: relative;
        grid-column: 1;
        grid-row: 5;
        background-color: #1A2B52;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        text-align: center;
        vertical-align: middle;
        font-size: 4vw;
        font-family: Lumina;
        color: #fff;
    }

    .text-home-area-check[b-v67fxisblw] {
        z-index: 1;
        position: relative;
        object-fit: none;
        grid-column: 1;
        grid-row: 5;
        align-self: center;
        /*        margin-left: 2%*/
    }

    .text-home-area-text-size[b-v67fxisblw] {
        font-size: 5vw;
    }

    .check-image-size[b-v67fxisblw] {
        margin-left: 2%;
        width: 50px;
    }

    .rating-div[b-v67fxisblw] {
        grid-column: 1;
        grid-row: 3;
        align-self: end;
        justify-self: end;
        margin-right: 5%;
        text-align: center;
        font-family: Lumina;
        color: #034277
    }

    .scanme-div[b-v67fxisblw] {
        grid-column: 1;
        grid-row: 4;
        width: 30%;
        height: 30%;
        margin-left: 5%;
        justify-self: start;
        text-align: center;
        font-family: Anton;
        color: #034277;
    }

    .scanme-div2[b-v67fxisblw] {
        width: 100%;
        height: 105%;
        background-color: #F2AB20;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
    }

    .center-image[b-v67fxisblw] {
        z-index: 0;
        position: relative;
        object-fit: contain;
        justify-self: center;
        align-self: center;
    }

    .vid-container[b-v67fxisblw] {
        background-color: #034277;
        width: 100vw;
        height: 100vh;
    }

    .welcome-container[b-v67fxisblw] {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 0.1fr 0.1fr 1fr;
        width: 100vw;
        height: 130vh;
        background-color: #1A2B52;
        background-position-y: top;
        color: #fff;
        font-family: 'Times New Roman';
        text-align: start;
    }


    .welcome-logo[b-v67fxisblw] {
        grid-row: 2;
        width: 100%;
        object-fit: contain;
        place-self: center;
        justify-content: center;
    }

    .welcome-paragraph[b-v67fxisblw] {
        grid-row: 3;
        grid-column: 1;
        text-align: center
    }

    .welcome-text1[b-v67fxisblw] {
        grid-row: 3;
        grid-column: 1;
        text-align: center
    }

    .welcome-text2[b-v67fxisblw] {
        grid-row: 3;
        grid-column: 1;
        text-align: center
    }

    .welcome-text3[b-v67fxisblw] {
        grid-row: 5;
        grid-column: 2;
        text-align: start;
        margin-left: 3%;
        margin-right: 3%;
    }

    .why-unique-container[b-v67fxisblw] {
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: 0.1fr 1fr;
        width: 100vw;
        height: 120vh;
        background-image: url('./blury_background.png');
        background-position: center;
        color: #fff;
        font-family: 'Anton';
        text-align: center;
    }

    .why-unique-container1[b-v67fxisblw] {
        display: grid;
        grid-template-columns: 3.5fr 0.6fr;
        grid-template-rows: 1fr
    }

    .why-choose-text1[b-v67fxisblw] {
        color: #F2AB20;
        text-align: start;
        margin-top: 2%;
        grid-row: 1;
        grid-column: 2;
        font-weight: bold;
    }

    .why-choose-text2[b-v67fxisblw] {
        color: #F2AB20;
        text-align: start;
        grid-row: 1;
        grid-column: 1;
        display: grid;
        font-weight: bold;
        text-decoration: underline;
    }

    .carousel-indicators[b-v67fxisblw] {
        bottom: -50px;
    }

    .why-choose-carrousel[b-v67fxisblw] {
        grid-column: 1;
        grid-row: 2;
        align-self: center;
    }

    .welcome-logo-why[b-v67fxisblw] {
        grid-row: 1;
        grid-column: 2;
        justify-self: start;
        object-fit: scale-down;
    }

    .services-container[b-v67fxisblw] {
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: 0.1fr 3fr;
        width: 100vw;
        height: 130vh;
        background-color: #155474;
        color: #fff;
        font-family: 'Times New Roman';
        text-align: center;
    }

    .services-container1[b-v67fxisblw] {
        display: grid;
        grid-template-columns: 3.5fr 0.8fr;
    }

    .services-container2[b-v67fxisblw] {
        display: grid;
        width: 100%;
        height: 100%;
        justify-self: center;
        justify-items: center;
        align-items: center;
        gap: 1rem;
        grid-template-columns: 0.5fr 0.5fr;
        grid-template-rows: 0.1fr 0.1fr 0.1fr 0.1fr;
    }

    .welcome-logo-services[b-v67fxisblw] {
        grid-row: 1;
        grid-column: 2;
        justify-self: start;
        object-fit: scale-down;
    }

    .services-text1[b-v67fxisblw] {
        color: white;
        text-align: start;
        margin-top: 2%;
        grid-row: 1;
        grid-column: 2;
        margin-left: 5%;
        font-weight: bold;
    }


    .services-text2[b-v67fxisblw] {
        color: white;
        text-align: start;
        grid-row: 1;
        grid-column: 2;
        margin-left: 5%;
        font-weight: bold;
    }

    .services-text3[b-v67fxisblw] {
        color: #F2AB20;
        text-align: start;
        font-size: 200%;
        font-family: "Anton";
        grid-row: 1;
        grid-column: 2;
        font-weight: bold;
        text-decoration: underline;
    }

    .services-image-container-1[b-v67fxisblw] {
        grid-row: 1;
        grid-column: 1;
        width: 100%;
        height: 100%;
    }

    .services-image-container-2[b-v67fxisblw] {
        grid-row: 1;
        grid-column: 2;
        width: 100%;
        height: 100%;
    }

    .services-image-container-3[b-v67fxisblw] {
        grid-row: 2;
        grid-column: 1;
        width: 100%;
        height: 100%;
    }

    .services-image-container-4[b-v67fxisblw] {
        grid-row: 2;
        grid-column: 2;
        width: 100%;
        height: 100%;
    }

    .services-image-container-5[b-v67fxisblw] {
        grid-row: 3;
        grid-column: 1;
        width: 100%;
        height: 100%;
    }

    .services-image-container-6[b-v67fxisblw] {
        grid-row: 3;
        grid-column: 2;
        width: 100%;
        height: 100%;
    }

    .services-image-container-7[b-v67fxisblw] {
        grid-row: 4;
        grid-column: 1;
        width: 100%;
        height: 100%;
    }

    .services-image-container-8[b-v67fxisblw] {
        grid-row: 4;
        grid-column: 2;
        width: 100%;
        height: 100%;
    }

    .services-image-1[b-v67fxisblw] {
        width: 90%;
        height: 90%;
    }

    .embark-container[b-v67fxisblw] {
        display: grid;
        grid-template-columns: 0.2fr 3fr 0.2fr;
        grid-template-rows: 0.3fr 3fr 0.3fr 0.15fr;
        width: 100vw;
        height: 100vh;
        background-image: url('./blury_bakground_2.png');
        background-position: center;
        color: #fff;
        font-family: 'Times New Roman';
        text-align: start;
    }

    .embark-line[b-v67fxisblw] {
        width: 100%;
        height: 100%;
        background-color: #F2AB20;
        grid-row: 4;
    }

    .embark-line2[b-v67fxisblw] {
        width: 100%;
        height: 100%;
        background-color: #F2AB20;
        grid-row: 4;
        grid-column: 2;
    }

    .embark-line3[b-v67fxisblw] {
        width: 100%;
        height: 100%;
        background-color: #F2AB20;
        grid-row: 4;
        grid-column: 3;
    }

    .embark-text-div[b-v67fxisblw] {
        grid-column: 2;
        grid-row: 2;
        display: grid;
        justify-self: center;
        align-self: center;
        grid-template-columns: 100%;
        grid-template-rows: 0.5fr 0.5fr 0.5fr 1fr 1fr;
        width: 100%;
        height: 70%;
        background-color: white;
        opacity: 0.7;
        border-radius: 50px;
        color: #034277
    }

    .embark-logo[b-v67fxisblw] {
        grid-row: 1;
        justify-self: start;
        margin-left: 1%;
        margin-top: 1%;
        object-fit: scale-down;
    }

    .embark-text1[b-v67fxisblw] {
        grid-row: 2;
        text-align: center;
        font-size: 200%;
        margin-top: 2%;
        font-weight: bold;
    }

    .embark-text2[b-v67fxisblw] {
        margin-left: 5%;
        margin-right: 5%;
        grid-row: 4;
        text-align: start;
    }

    .embark-text3[b-v67fxisblw] {
        grid-row: 5;
        text-align: center;
        font-size: 200%;
        margin-top: 5%;
        font-weight: bold;
    }

    .projects-container1[b-v67fxisblw] {
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: 1fr 6fr 2fr 0.3fr;
        width: 100vw;
        height: 90vh;
        background-color: white
    }

    .projects-container2[b-v67fxisblw] {
        display: grid;
        grid-template-columns: 2fr 2fr;
        grid-template-rows: 1fr;
        grid-row: 2;
        width: 100%;
        height: 100%;
        background-image: url('./banner.png');
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat
    }

    project-container3[b-v67fxisblw] {
        display: grid;
        grid-row: 3;
        width: 100%;
        height: 100%;
        color: #034277
    }


    .project-text1[b-v67fxisblw] {
        color: #034277;
        text-align: start;
        margin-top: 2%;
        font-family: 'Times New Roman';
        grid-row: 1;
        grid-column: 2;
        margin-left: 5%;
        font-weight: bold;
    }

    .project-text2[b-v67fxisblw] {
        color: #F2AB20;
        text-align: start;
        font-size: 400%;
        grid-row: 1;
        margin-left: 5%;
        grid-column: 2;
        font-family: Anton;
    }

    .project-text3[b-v67fxisblw] {
        font-family: 'Times New Roman';
        text-align: center;
        font-size: 200%;
    }

    .estimate-container[b-v67fxisblw] {
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: 0.1fr 1fr;
        width: 100vw;
        height: 70vh;
        background-color: white
    }

    .estimate-container2[b-v67fxisblw] {
        display: grid;
        grid-row: 2;
        align-items: center;
        justify-items: center
    }

    .estimate-container3[b-v67fxisblw] {
        width: 80%;
        height: 80%;
        justify-self: center;
        display: grid
    }

    .contact-container[b-v67fxisblw] {
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: 1fr 2fr 4fr 0.2fr;
        width: 100vw;
        height: 120vh;
        background-color: #1A2B52
    }

    .contact-text[b-v67fxisblw] {
        display: grid;
        gap: 0.5rem;
        grid-template-columns: 0.1fr 2fr;
        grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
        width: 90%;
        height: 90%;
        align-self: center;
        justify-self: center;
        font-family: 'Times New Roman';
        color: white
    }

    .contact-text2[b-v67fxisblw] {
        text-decoration: underline;
        color: white;
        text-align: start;
        font-size: 400%;
        grid-row: 1;
        margin-left: 5%;
        grid-column: 2;
        font-family: Anton;
    }

    .contact-line[b-v67fxisblw] {
        width: 100%;
        height: 100%;
        background-color: #F2AB20;
        grid-row: 4;
    }

    .contact-text3[b-v67fxisblw] {
        color: white;
    }

        .contact-text3:hover[b-v67fxisblw] {
            color: #F2AB20;
        }

    .contact-map-container[b-v67fxisblw] {
        display: grid;
        grid-row: 3;
    }
}

@media screen (-webkit-min-device-pixel-ratio: 1), and (min-device-width: 1000px), and (max-device-width: 1600px), and (min-resolution: 192dpi) {
    .main-container[b-v67fxisblw] {
        background-image: url('./backgroud_logo.png');
        background-position: center;
        width: 100vw;
        height: 100vh;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 0.1fr 1fr 0.2fr 0.1fr 0.1fr;
        position: relative;
    }

    .center-image-size[b-v67fxisblw] {
        object-fit: contain;
        width: 400px;
    }

    .fully-insured-div[b-v67fxisblw] {
        width: 100%;
        height: 100%;
        grid-column: 1;
        grid-row: 1;
        text-align: center;
        font-family: Anton;
        font-weight: bold;
        vertical-align: middle;
        color: #034277;
    }

    .fully-insured-div2[b-v67fxisblw] {
        width: 100%;
        height: 100%;
        align-content: center;
        background-color: #F2AB20;
    }

    .fully-insured-text[b-v67fxisblw] {
        text-align: center;
        font-family: Anton;
        font-weight: bold;
        color: #034277;
    }


    .text-home-area[b-v67fxisblw] {
        z-index: 0;
        width: 100%;
        height: 100%;
        position: relative;
        grid-column: 1;
        grid-row: 5;
        background-color: #1A2B52;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        text-align: center;
        vertical-align: middle;
        font-size: 4vw;
        font-family: Lumina;
        color: #fff;
    }

    .text-home-area-check[b-v67fxisblw] {
        z-index: 1;
        position: relative;
        object-fit: none;
        grid-column: 1;
        grid-row: 5;
        align-self: center;
        /*        margin-left: 2%*/
    }

    .text-home-area-text-size[b-v67fxisblw] {
        font-size: 5vw;
    }

    .check-image-size[b-v67fxisblw] {
        margin-left: 2%;
        width: 50px;
    }

    .rating-div[b-v67fxisblw] {
        grid-column: 1;
        grid-row: 3;
        align-self: end;
        justify-self: end;
        margin-right: 5%;
        text-align: center;
        font-family: Lumina;
        color: #034277
    }

    .scanme-div[b-v67fxisblw] {
        grid-column: 1;
        grid-row: 4;
        width: 30%;
        height: 30%;
        margin-left: 5%;
        justify-self: start;
        text-align: center;
        font-family: Anton;
        color: #034277;
    }

    .scanme-div2[b-v67fxisblw] {
        width: 100%;
        height: 105%;
        background-color: #F2AB20;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
    }

    .center-image[b-v67fxisblw] {
        z-index: 0;
        position: relative;
        object-fit: contain;
        justify-self: center;
        align-self: center;
    }

    .vid-container[b-v67fxisblw] {
        background-color: #034277;
        width: 100vw;
        height: 100vh;
    }

    .welcome-container[b-v67fxisblw] {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 0.1fr 0.1fr 1fr;
        width: 100vw;
        height: 130vh;
        background-color: #1A2B52;
        background-position-y: top;
        color: #fff;
        font-family: 'Times New Roman';
        text-align: start;
    }


    .welcome-logo[b-v67fxisblw] {
        grid-row: 2;
        width: 100%;
        object-fit: contain;
        place-self: center;
        justify-content: center;
    }

    .welcome-paragraph[b-v67fxisblw] {
        grid-row: 3;
        grid-column: 1;
        text-align: center
    }

    .welcome-text1[b-v67fxisblw] {
        grid-row: 3;
        grid-column: 1;
        text-align: center
    }

    .welcome-text2[b-v67fxisblw] {
        grid-row: 3;
        grid-column: 1;
        text-align: center
    }

    .welcome-text3[b-v67fxisblw] {
        grid-row: 5;
        grid-column: 2;
        text-align: start;
        margin-left: 3%;
        margin-right: 3%;
    }

    .why-unique-container[b-v67fxisblw] {
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: 0.1fr 1fr;
        width: 100vw;
        height: 120vh;
        background-image: url('./blury_background.png');
        background-position: center;
        color: #fff;
        font-family: 'Anton';
        text-align: center;
    }

    .why-unique-container1[b-v67fxisblw] {
        display: grid;
        grid-template-columns: 3.5fr 0.6fr;
        grid-template-rows: 1fr
    }

    .why-choose-text1[b-v67fxisblw] {
        color: #F2AB20;
        text-align: start;
        margin-top: 2%;
        grid-row: 1;
        grid-column: 2;
        font-weight: bold;
    }

    .why-choose-text2[b-v67fxisblw] {
        color: #F2AB20;
        text-align: start;
        grid-row: 1;
        grid-column: 1;
        display: grid;
        font-weight: bold;
        text-decoration: underline;
    }

    .carousel-indicators[b-v67fxisblw] {
        bottom: -50px;
    }

    .why-choose-carrousel[b-v67fxisblw] {
        grid-column: 1;
        grid-row: 2;
        align-self: center;
    }

    .welcome-logo-why[b-v67fxisblw] {
        grid-row: 1;
        grid-column: 2;
        justify-self: start;
        object-fit: scale-down;
    }

    .services-container[b-v67fxisblw] {
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: 0.1fr 3fr;
        width: 100vw;
        height: 130vh;
        background-color: #155474;
        color: #fff;
        font-family: 'Times New Roman';
        text-align: center;
    }

    .services-container1[b-v67fxisblw] {
        display: grid;
        grid-template-columns: 3.5fr 0.8fr;
    }

    .services-container2[b-v67fxisblw] {
        display: grid;
        width: 100%;
        height: 100%;
        justify-self: center;
        justify-items: center;
        align-items: center;
        gap: 1rem;
        grid-template-columns: 0.5fr 0.5fr;
        grid-template-rows: 0.1fr 0.1fr 0.1fr 0.1fr;
    }

    .welcome-logo-services[b-v67fxisblw] {
        grid-row: 1;
        grid-column: 2;
        justify-self: start;
        object-fit: scale-down;
    }

    .services-text1[b-v67fxisblw] {
        color: white;
        text-align: start;
        margin-top: 2%;
        grid-row: 1;
        grid-column: 2;
        margin-left: 5%;
        font-weight: bold;
    }


    .services-text2[b-v67fxisblw] {
        color: white;
        text-align: start;
        grid-row: 1;
        grid-column: 2;
        margin-left: 5%;
        font-weight: bold;
    }

    .services-text3[b-v67fxisblw] {
        color: #F2AB20;
        text-align: start;
        font-size: 200%;
        font-family: "Anton";
        grid-row: 1;
        grid-column: 2;
        font-weight: bold;
        text-decoration: underline;
    }

    .services-image-container-1[b-v67fxisblw] {
        grid-row: 1;
        grid-column: 1;
        width: 100%;
        height: 100%;
    }

    .services-image-container-2[b-v67fxisblw] {
        grid-row: 1;
        grid-column: 2;
        width: 100%;
        height: 100%;
    }

    .services-image-container-3[b-v67fxisblw] {
        grid-row: 2;
        grid-column: 1;
        width: 100%;
        height: 100%;
    }

    .services-image-container-4[b-v67fxisblw] {
        grid-row: 2;
        grid-column: 2;
        width: 100%;
        height: 100%;
    }

    .services-image-container-5[b-v67fxisblw] {
        grid-row: 3;
        grid-column: 1;
        width: 100%;
        height: 100%;
    }

    .services-image-container-6[b-v67fxisblw] {
        grid-row: 3;
        grid-column: 2;
        width: 100%;
        height: 100%;
    }

    .services-image-container-7[b-v67fxisblw] {
        grid-row: 4;
        grid-column: 1;
        width: 100%;
        height: 100%;
    }

    .services-image-container-8[b-v67fxisblw] {
        grid-row: 4;
        grid-column: 2;
        width: 100%;
        height: 100%;
    }

    .services-image-1[b-v67fxisblw] {
        width: 100%;
        height: 100%;
    }

    .embark-container[b-v67fxisblw] {
        display: grid;
        grid-template-columns: 0.2fr 3fr 0.2fr;
        grid-template-rows: 0.3fr 3fr 0.3fr 0.15fr;
        width: 100vw;
        height: 100vh;
        background-image: url('./blury_bakground_2.png');
        background-position: center;
        color: #fff;
        font-family: 'Times New Roman';
        text-align: start;
    }

    .embark-line[b-v67fxisblw] {
        width: 100%;
        height: 100%;
        background-color: #F2AB20;
        grid-row: 4;
    }

    .embark-line2[b-v67fxisblw] {
        width: 100%;
        height: 100%;
        background-color: #F2AB20;
        grid-row: 4;
        grid-column: 2;
    }

    .embark-line3[b-v67fxisblw] {
        width: 100%;
        height: 100%;
        background-color: #F2AB20;
        grid-row: 4;
        grid-column: 3;
    }

    .embark-text-div[b-v67fxisblw] {
        grid-column: 2;
        grid-row: 2;
        display: grid;
        justify-self: center;
        align-self: center;
        grid-template-columns: 100%;
        grid-template-rows: 0.5fr 0.5fr 0.5fr 1fr 1fr;
        width: 100%;
        height: 70%;
        background-color: white;
        opacity: 0.7;
        border-radius: 50px;
        color: #034277
    }

    .embark-logo[b-v67fxisblw] {
        grid-row: 1;
        justify-self: start;
        margin-left: 1%;
        margin-top: 1%;
        object-fit: scale-down;
    }

    .embark-text1[b-v67fxisblw] {
        grid-row: 2;
        text-align: center;
        font-size: 200%;
        margin-top: 2%;
        font-weight: bold;
    }

    .embark-text2[b-v67fxisblw] {
        margin-left: 5%;
        margin-right: 5%;
        grid-row: 4;
        text-align: start;
    }

    .embark-text3[b-v67fxisblw] {
        grid-row: 5;
        text-align: center;
        font-size: 200%;
        margin-top: 5%;
        font-weight: bold;
    }

    .projects-container1[b-v67fxisblw] {
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: 1fr 6fr 2fr 0.3fr;
        width: 100vw;
        height: 90vh;
        background-color: white
    }

    .projects-container2[b-v67fxisblw] {
        display: grid;
        grid-template-columns: 2fr 2fr;
        grid-template-rows: 1fr;
        grid-row: 2;
        width: 100%;
        height: 100%;
        background-image: url('./banner.png');
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat
    }

    project-container3[b-v67fxisblw] {
        display: grid;
        grid-row: 3;
        width: 100%;
        height: 100%;
        color: #034277
    }


    .project-text1[b-v67fxisblw] {
        color: #034277;
        text-align: start;
        margin-top: 2%;
        font-family: 'Times New Roman';
        grid-row: 1;
        grid-column: 2;
        margin-left: 5%;
        font-weight: bold;
    }

    .project-text2[b-v67fxisblw] {
        color: #F2AB20;
        text-align: start;
        font-size: 400%;
        grid-row: 1;
        margin-left: 5%;
        grid-column: 2;
        font-family: Anton;
    }

    .project-text3[b-v67fxisblw] {
        font-family: 'Times New Roman';
        text-align: center;
        font-size: 200%;
    }

    .estimate-container[b-v67fxisblw] {
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: 0.1fr 1fr;
        width: 100vw;
        height: 70vh;
        background-color: white
    }

    .estimate-container2[b-v67fxisblw] {
        display: grid;
        grid-row: 2;
        align-items: center;
        justify-items: center
    }

    .estimate-container3[b-v67fxisblw] {
        width: 80%;
        height: 80%;
        justify-self: center;
        display: grid
    }

    .contact-container[b-v67fxisblw] {
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: 1fr 2fr 4fr 0.2fr;
        width: 100vw;
        height: 120vh;
        background-color: #1A2B52
    }

    .contact-text[b-v67fxisblw] {
        display: grid;
        gap: 0.5rem;
        grid-template-columns: 0.1fr 2fr;
        grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
        width: 90%;
        height: 90%;
        align-self: center;
        justify-self: center;
        font-family: 'Times New Roman';
        color: white
    }

    .contact-text2[b-v67fxisblw] {
        text-decoration: underline;
        color: white;
        text-align: start;
        font-size: 400%;
        grid-row: 1;
        margin-left: 5%;
        grid-column: 2;
        font-family: Anton;
    }

    .contact-line[b-v67fxisblw] {
        width: 100%;
        height: 100%;
        background-color: #F2AB20;
        grid-row: 4;
    }

    .contact-text3[b-v67fxisblw] {
        color: white;
    }

        .contact-text3:hover[b-v67fxisblw] {
            color: #F2AB20;
        }

    .contact-map-container[b-v67fxisblw] {
        display: grid;
        grid-row: 3;
    }
}
/* /Pages/ServicesFishingCarpenter.razor.rz.scp.css */
@media screen and (min-width: 1200px) {
    .main-services[b-8tteye0wdf] {
        width: 100vw;
        height: 500vh;
        background-image: url('./backgroud_logo.png');
        background-position: center;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 0.1fr 0.1fr 8fr;
    }

    .images-container[b-8tteye0wdf] {
        grid-row: 3;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr;
        gap: 1rem;
        width: 100%;
        height: 100%
    }

    .service-text1[b-8tteye0wdf] {
        color: #034277;
        text-align: start;
        margin-top: 2%;
        font-family: 'Times New Roman';
        grid-row: 1;
        grid-column: 2;
        margin-left: 5%;
        font-weight: bold;
    }

    .service-text2[b-8tteye0wdf] {
        color: #F2AB20;
        text-align: start;
        font-size: 500%;
        grid-row: 1;
        margin-left: 5%;
        grid-column: 2;
        font-family: Anton;
        text-decoration: underline;
    }

    .service-container1[b-8tteye0wdf] {
        display: grid;
        grid-template-columns: 3.5fr 0.8fr;
    }

    .welcome-logo-service[b-8tteye0wdf] {
        grid-row: 1;
        grid-column: 2;
        justify-self: center;
        align-self: center;
        width: 80%;
        height: 80%;
        object-fit: contain;
    }

    .images[b-8tteye0wdf] {
        object-fit: contain;
        width: 100%
    }
}

@media screen and (max-width: 1199px) {
    .main-services[b-8tteye0wdf] {
        width: 100vw;
        height: 500vh;
        background-image: url('./backgroud_logo.png');
        background-position: center;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 0.1fr 0.1fr 8fr;
    }

    .images-container[b-8tteye0wdf] {
        grid-row: 3;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 1rem;
        width: 100%;
        height: 100%
    }

    .service-text1[b-8tteye0wdf] {
        color: #034277;
        text-align: start;
        margin-top: 2%;
        font-family: 'Times New Roman';
        grid-row: 1;
        grid-column: 2;
        margin-left: 5%;
        font-weight: bold;
    }

    .service-text2[b-8tteye0wdf] {
        color: #F2AB20;
        text-align: start;
        font-size: 200%;
        grid-row: 1;
        margin-left: 5%;
        grid-column: 2;
        font-family: Anton;
        text-decoration: underline;
    }

    .service-container1[b-8tteye0wdf] {
        display: grid;
        grid-template-columns: 3.5fr 0.8fr;
    }

    .welcome-logo-service[b-8tteye0wdf] {
        grid-row: 1;
        grid-column: 2;
        justify-self: center;
        align-self: center;
        width: 80%;
        height: 80%;
        object-fit: contain;
    }

    .images[b-8tteye0wdf] {
        object-fit: contain;
        width: 100%
    }
}
/* /Pages/ServicesFloors.razor.rz.scp.css */

@media screen and (min-width: 1200px) {

    .main-services[b-q4ia62ixnd] {
        width: 100vw;
        height: 170vh;
        background-image: url('./backgroud_logo.png');
        background-position: center;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 0.5fr 0.5fr 8fr;
    }

    .images-container[b-q4ia62ixnd] {
        grid-row: 3;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        gap: 0.5rem;
        width: 100%;
        height: 100%
    }

    .service-text1[b-q4ia62ixnd] {
        color: #034277;
        text-align: start;
        margin-top: 2%;
        font-family: 'Times New Roman';
        grid-row: 1;
        grid-column: 2;
        margin-left: 5%;
        font-weight: bold;
    }

    .service-text2[b-q4ia62ixnd] {
        color: #F2AB20;
        text-align: start;
        font-size: 500%;
        grid-row: 1;
        margin-left: 5%;
        grid-column: 2;
        font-family: Anton;
        text-decoration: underline;
    }

    .service-container1[b-q4ia62ixnd] {
        display: grid;
        grid-template-columns: 3.5fr 0.8fr;
    }

    .welcome-logo-service[b-q4ia62ixnd] {
        grid-row: 1;
        grid-column: 2;
        justify-self: center;
        align-self: center;
        width: 80%;
        height: 80%;
        object-fit: contain;
    }

    .images[b-q4ia62ixnd] {
        object-fit: contain;
        width: 100%
    }
}

@media screen and (max-width: 1199px) {
    .main-services[b-q4ia62ixnd] {
        width: 100vw;
        height: 170vh;
        background-image: url('./backgroud_logo.png');
        background-position: center;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 0.5fr 0.5fr 8fr;
    }

    .images-container[b-q4ia62ixnd] {
        grid-row: 3;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0.5rem;
        width: 100%;
        height: 100%
    }

    .service-text1[b-q4ia62ixnd] {
        color: #034277;
        text-align: start;
        margin-top: 2%;
        font-family: 'Times New Roman';
        grid-row: 1;
        grid-column: 2;
        margin-left: 5%;
        font-weight: bold;
    }

    .service-text2[b-q4ia62ixnd] {
        color: #F2AB20;
        text-align: start;
        font-size: 200%;
        grid-row: 1;
        margin-left: 5%;
        grid-column: 2;
        font-family: Anton;
        text-decoration: underline;
    }

    .service-container1[b-q4ia62ixnd] {
        display: grid;
        grid-template-columns: 3.5fr 0.8fr;
    }

    .welcome-logo-service[b-q4ia62ixnd] {
        grid-row: 1;
        grid-column: 2;
        justify-self: center;
        align-self: center;
        width: 80%;
        height: 80%;
        object-fit: contain;
    }

    .images[b-q4ia62ixnd] {
        object-fit: contain;
        width: 100%
    }
}
/* /Pages/ServicesGeneralConstructions.razor.rz.scp.css */
@media screen and (min-width: 1200px) {

    .main-services[b-c8cs3c1htn] {
        width: 100vw;
        height: 800vh;
        background-image: url('./backgroud_logo.png');
        background-position: center;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 0.1fr 0.1fr 8fr;
    }

    .images-container[b-c8cs3c1htn] {
        grid-row: 3;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
        gap: 1rem;
        width: 100%;
        height: 100%
    }

    .service-text1[b-c8cs3c1htn] {
        color: #034277;
        text-align: start;
        margin-top: 2%;
        font-family: 'Times New Roman';
        grid-row: 1;
        grid-column: 2;
        margin-left: 5%;
        font-weight: bold;
    }

    .service-text2[b-c8cs3c1htn] {
        color: #F2AB20;
        text-align: start;
        font-size: 500%;
        grid-row: 1;
        margin-left: 5%;
        grid-column: 2;
        font-family: Anton;
        text-decoration: underline;
    }

    .service-container1[b-c8cs3c1htn] {
        display: grid;
        grid-template-columns: 3.5fr 0.8fr;
    }

    .welcome-logo-service[b-c8cs3c1htn] {
        grid-row: 1;
        grid-column: 2;
        justify-self: center;
        align-self: center;
        width: 80%;
        height: 80%;
        object-fit: contain;
    }

    .images[b-c8cs3c1htn] {
        object-fit: contain;
        width: 100%
    }
}

@media screen and (max-width: 1199px) {
    .main-services[b-c8cs3c1htn] {
        width: 100vw;
        height: 800vh;
        background-image: url('./backgroud_logo.png');
        background-position: center;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 0.1fr 0.1fr 8fr;
    }

    .images-container[b-c8cs3c1htn] {
        grid-row: 3;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 1rem;
        width: 100%;
        height: 100%
    }

    .service-text1[b-c8cs3c1htn] {
        color: #034277;
        text-align: start;
        margin-top: 2%;
        font-family: 'Times New Roman';
        grid-row: 1;
        grid-column: 2;
        margin-left: 5%;
        font-weight: bold;
    }

    .service-text2[b-c8cs3c1htn] {
        color: #F2AB20;
        text-align: start;
        font-size: 200%;
        grid-row: 1;
        margin-left: 5%;
        grid-column: 2;
        font-family: Anton;
        text-decoration: underline;
    }

    .service-container1[b-c8cs3c1htn] {
        display: grid;
        grid-template-columns: 3.5fr 0.8fr;
    }

    .welcome-logo-service[b-c8cs3c1htn] {
        grid-row: 1;
        grid-column: 2;
        justify-self: center;
        align-self: center;
        width: 80%;
        height: 80%;
        object-fit: contain;
    }

    .images[b-c8cs3c1htn] {
        object-fit: contain;
        width: 100%
    }
}
/* /Pages/ServicesPainting.razor.rz.scp.css */
@media screen and (min-width: 1200px) {
    .main-services[b-4egiyh4lrb] {
        width: 100vw;
        height: 1050vh;
        background-image: url('./backgroud_logo.png');
        background-position: center;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 0.1fr 0.1fr 8fr;
    }

    .images-container[b-4egiyh4lrb] {
        grid-row: 3;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
        gap: 1rem;
        width: 100%;
        height: 100%
    }

    .service-text1[b-4egiyh4lrb] {
        color: #034277;
        text-align: start;
        margin-top: 2%;
        font-family: 'Times New Roman';
        grid-row: 1;
        grid-column: 2;
        margin-left: 5%;
        font-weight: bold;
    }

    .service-text2[b-4egiyh4lrb] {
        color: #F2AB20;
        text-align: start;
        font-size: 500%;
        grid-row: 1;
        margin-left: 5%;
        grid-column: 2;
        font-family: Anton;
        text-decoration: underline;
    }

    .service-container1[b-4egiyh4lrb] {
        display: grid;
        grid-template-columns: 3.5fr 0.8fr;
    }

    .welcome-logo-service[b-4egiyh4lrb] {
        grid-row: 1;
        grid-column: 2;
        justify-self: center;
        align-self: center;
        width: 80%;
        height: 80%;
        object-fit: contain;
    }

    .images[b-4egiyh4lrb] {
        object-fit: contain;
        width: 100%
    }
}

@media screen and (max-width: 1199px) {
    .main-services[b-4egiyh4lrb] {
        width: 100vw;
        height: 1050vh;
        background-image: url('./backgroud_logo.png');
        background-position: center;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 0.1fr 0.1fr 8fr;
    }

    .images-container[b-4egiyh4lrb] {
        grid-row: 3;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 1rem;
        width: 100%;
        height: 100%
    }

    .service-text1[b-4egiyh4lrb] {
        color: #034277;
        text-align: start;
        margin-top: 2%;
        font-family: 'Times New Roman';
        grid-row: 1;
        grid-column: 2;
        margin-left: 5%;
        font-weight: bold;
    }

    .service-text2[b-4egiyh4lrb] {
        color: #F2AB20;
        text-align: start;
        font-size: 200%;
        grid-row: 1;
        margin-left: 5%;
        grid-column: 2;
        font-family: Anton;
        text-decoration: underline;
    }

    .service-container1[b-4egiyh4lrb] {
        display: grid;
        grid-template-columns: 3.5fr 0.8fr;
    }

    .welcome-logo-service[b-4egiyh4lrb] {
        grid-row: 1;
        grid-column: 2;
        justify-self: center;
        align-self: center;
        width: 80%;
        height: 80%;
        object-fit: contain;
    }

    .images[b-4egiyh4lrb] {
        object-fit: contain;
        width: 100%
    }
}
/* /Pages/ServicesRemodeling.razor.rz.scp.css */
@media screen and (min-width: 1200px) {
    .main-services[b-is5r0gwfxg] {
        width: 100vw;
        height: 550vh;
        background-image: url('./backgroud_logo.png');
        background-position: center;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 0.5fr 0.5fr 8fr;
    }

    .images-container[b-is5r0gwfxg] {
        grid-row: 3;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
        gap: 1rem;
        width: 100%;
        height: 100%
    }

    .service-text1[b-is5r0gwfxg] {
        color: #034277;
        text-align: start;
        margin-top: 2%;
        font-family: 'Times New Roman';
        grid-row: 1;
        grid-column: 2;
        margin-left: 5%;
        font-weight: bold;
    }

    .service-text2[b-is5r0gwfxg] {
        color: #F2AB20;
        text-align: start;
        font-size: 500%;
        grid-row: 1;
        margin-left: 5%;
        grid-column: 2;
        font-family: Anton;
        text-decoration: underline;
    }

    .service-container1[b-is5r0gwfxg] {
        display: grid;
        grid-template-columns: 3.5fr 0.8fr;
    }

    .welcome-logo-service[b-is5r0gwfxg] {
        grid-row: 1;
        grid-column: 2;
        justify-self: center;
        align-self: center;
        width: 80%;
        height: 80%;
        object-fit: contain;
    }

    .images[b-is5r0gwfxg] {
        object-fit: contain;
        width: 100%
    }
}

@media screen and (max-width: 1199px) {
    .main-services[b-is5r0gwfxg] {
        width: 100vw;
        height: 320vh;
        background-image: url('./backgroud_logo.png');
        background-position: center;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 0.5fr 0.5fr 8fr;
    }

    .images-container[b-is5r0gwfxg] {
        grid-row: 2;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 1rem;
        width: 100%;
        height: 100%
    }

    .service-text1[b-is5r0gwfxg] {
        color: #034277;
        text-align: start;
        margin-top: 2%;
        font-family: 'Times New Roman';
        grid-row: 1;
        grid-column: 2;
        margin-left: 5%;
        font-weight: bold;
    }

    .service-text2[b-is5r0gwfxg] {
        color: #F2AB20;
        text-align: start;
        font-size: 200%;
        grid-row: 1;
        margin-left: 5%;
        grid-column: 2;
        font-family: Anton;
        text-decoration: underline;
    }

    .service-container1[b-is5r0gwfxg] {
        display: grid;
        grid-template-columns: 3.5fr 0.8fr;
        margin-bottom: 5%;
    }

    .welcome-logo-service[b-is5r0gwfxg] {
        grid-row: 1;
        grid-column: 2;
        justify-self: center;
        align-self: center;
        width: 80%;
        height: 80%;
        object-fit: contain;
    }

    .images[b-is5r0gwfxg] {
        object-fit: contain;
        width: 100%
    }
}
/* /Pages/ServicesTiles.razor.rz.scp.css */
@media screen and (min-width: 1200px) {
    .main-services[b-oa68lgilli] {
        width: 100vw;
        height: 600vh;
        background-image: url('./backgroud_logo.png');
        background-position: center;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 0.5fr 0.1fr 8fr;
    }

    .images-container[b-oa68lgilli] {
        grid-row: 3;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        gap: 1rem;
        width: 100%;
        height: 100%
    }

    .service-text1[b-oa68lgilli] {
        color: #034277;
        text-align: start;
        margin-top: 2%;
        font-family: 'Times New Roman';
        grid-row: 1;
        grid-column: 2;
        margin-left: 5%;
        font-weight: bold;
    }

    .service-text2[b-oa68lgilli] {
        color: #F2AB20;
        text-align: start;
        font-size: 500%;
        grid-row: 1;
        margin-left: 5%;
        grid-column: 2;
        font-family: Anton;
        text-decoration: underline;
    }

    .service-container1[b-oa68lgilli] {
        display: grid;
        grid-template-columns: 3.5fr 0.8fr;
    }

    .welcome-logo-service[b-oa68lgilli] {
        grid-row: 1;
        grid-column: 2;
        justify-self: center;
        align-self: center;
        width: 80%;
        height: 80%;
        object-fit: contain;
    }

    .images[b-oa68lgilli] {
        object-fit: contain;
        width: 100%
    }
}

@media screen and (max-width: 1199px) {
    .main-services[b-oa68lgilli] {
        width: 100vw;
        height: 370vh;
        background-image: url('./backgroud_logo.png');
        background-position: center;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 0.5fr 0.1fr 8fr;
    }

    .images-container[b-oa68lgilli] {
        grid-row: 2;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 1rem;
        width: 100%;
        height: 100%
    }

    .service-text1[b-oa68lgilli] {
        color: #034277;
        text-align: start;
        margin-top: 2%;
        font-family: 'Times New Roman';
        grid-row: 1;
        grid-column: 2;
        margin-left: 5%;
        font-weight: bold;
    }

    .service-text2[b-oa68lgilli] {
        color: #F2AB20;
        text-align: start;
        font-size: 200%;
        grid-row: 1;
        margin-left: 5%;
        grid-column: 2;
        font-family: Anton;
        text-decoration: underline;
    }

    .service-container1[b-oa68lgilli] {
        display: grid;
        grid-template-columns: 3.5fr 0.8fr;
        margin-bottom: 5%;
    }

    .welcome-logo-service[b-oa68lgilli] {
        grid-row: 1;
        grid-column: 2;
        justify-self: center;
        align-self: center;
        width: 80%;
        height: 80%;
        object-fit: contain;
    }

    .images[b-oa68lgilli] {
        object-fit: contain;
        width: 100%
    }
}