@import '_content/Veva.Core.Application.BlazorComponents/Veva.Core.Application.BlazorComponents.bundle.scp.css';
@import '_content/Veva.Modules.Assets.RazorComponents/Veva.Modules.Assets.RazorComponents.bundle.scp.css';
@import '_content/Veva.Modules.Components.SplideSlider/Veva.Modules.Components.SplideSlider.bundle.scp.css';
@import '_content/Veva.Modules.Documents.RazorComponents/Veva.Modules.Documents.RazorComponents.bundle.scp.css';
@import '_content/Veva.Modules.FormComponents/Veva.Modules.FormComponents.bundle.scp.css';
@import '_content/Veva.Modules.Pages/Veva.Modules.Pages.bundle.scp.css';
@import '_content/Veva.Modules.StandardViewComponents/Veva.Modules.StandardViewComponents.bundle.scp.css';
@import '_content/VevaDesignSystem.Theme/VevaDesignSystem.Theme.bundle.scp.css';

/* _content/Micro/Components/AnchorHeading.razor.rz.scp.css */
.anchor-heading[b-7bbz1qclqb] {

    position: relative;
    font-weight: bold;
    font-size: 14px;
    line-height: 170%;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #08509B;
}

.anchor-heading-offset[b-7bbz1qclqb] {
    position: absolute;
    top: -120px;
    height: 120px;
    width: 0px;
    pointer-events: none;
}
/* _content/Micro/Components/ContactUs.razor.rz.scp.css */





.contact-us__left[b-h1hhcfcqkn] {
    background: var(--Primary-Dark, #1B2532);
}

.contact-us__right[b-h1hhcfcqkn] {
    max-width: 2000px;
}

.contact-us__section[b-h1hhcfcqkn] {
    display: grid;
    grid-template-columns: repeat(20, 1fr);
    grid-gap: 8px;
    min-height:100vh;
}



@media only screen and (max-width: 399px) {
    .contact-us__right[b-h1hhcfcqkn] {
        padding-left: 24px;
        padding-right: 24px;
        grid-column-start: span 20;
    }

    .contact-us__left[b-h1hhcfcqkn] {
        padding-left: 24px;
        padding-right: 24px;
        grid-column-start: span 20;
        padding-bottom:1rem;
    }
    .contact-us__left[b-h1hhcfcqkn] {
        display: flex;
        flex-direction: column;
        gap: 1rem;
        align-items: center;
    }

}

@media only screen and (min-width: 400px) and (max-width: 1079px) {
    .contact-us__right[b-h1hhcfcqkn] {
        padding-left: 48px;
        padding-right: 48px;
        grid-column-start: span 20;
    }

    .contact-us__left[b-h1hhcfcqkn] {
        padding-left: 48px;
        padding-right: 48px;
        grid-column-start: span 20;
        padding-bottom:1rem;
    }
    .contact-us__left[b-h1hhcfcqkn] {
        display: flex;
        flex-direction: column;
        gap: 1rem;
        align-items: center;
    }


}

@media only screen and (min-width: 1079px) and (max-width: 1439px) {
    .contact-us__right[b-h1hhcfcqkn] {
        padding-right: 56px;
        grid-column-start: 8;
        grid-column-end: span 13;
        padding-top: 64px;
    }

    .contact-us__left[b-h1hhcfcqkn] {
        padding-left: 56px;
        grid-column-end: span 6;
        padding-right: 64px;
        display: flex;
        flex-direction: column;
        gap: 32px;
        padding-top: 64px;
    }

}

@media only screen and (min-width: 1440px) and (max-width: 1999px) {
    .contact-us__right[b-h1hhcfcqkn] {
        padding-right: 56px;
        grid-column-start: 8;
        grid-column-end: span 13;
        padding-top: 64px;
    }

    .contact-us__left[b-h1hhcfcqkn] {
        padding-left: 56px;
        grid-column-end: span 6;
        padding-right: 64px;
        display: flex;
        flex-direction: column;
        gap: 32px;
        padding-top: 64px;
    }
}

@media only screen and (min-width: 2000px) {
    .contact-us__right[b-h1hhcfcqkn] {
        padding-right: 56px;
        grid-column-start: 8;
        grid-column-end: span 13;
        padding-top: 64px;
    }
    .contact-us__left[b-h1hhcfcqkn] {
        padding-left: 56px;
        grid-column-end: span 6;
        padding-right: 64px;
        display: flex;
        flex-direction: column;
        gap: 32px;
        padding-top: 64px;
    }
}
/* _content/Micro/Components/HeroSectionMicro.razor.rz.scp.css */
/* CSS Variables */
:root[b-4ax967z8zm] {
    --primary-light: #3F5674;
    --primary-dark: #1B2532;
    --primary-accent: #EFF2F6;
    --grayscales-70: #444B56;
}



.recent-project-card[b-4ax967z8zm] {
    border: 2px solid var(--primary-light);
    background: var(--primary-dark);
    display: flex;
    align-items: center;
    gap: 0.75rem;
    color: white;
}

.hero-section[b-4ax967z8zm] {
    position: relative;
    object-fit: cover;
    background-color: #1B2532;
}

.video[b-4ax967z8zm], .video-overlay[b-4ax967z8zm], .video video[b-4ax967z8zm] {
    object-fit: cover;
    width: 100%;
    aspect-ratio: 16/9;

}

.video[b-4ax967z8zm] {
    overflow:hidden;
}

.video-overlay[b-4ax967z8zm] {
    position: absolute;
    top: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 5;
    aspect-ratio: 16/9;
}

/* Typography */
.heading1[b-4ax967z8zm], .micro-subtitle__regular[b-4ax967z8zm], .micro-paragraph-large__bold[b-4ax967z8zm], .paragraph-medium__regular[b-4ax967z8zm], .eyebrow-medium[b-4ax967z8zm] {
    font-family: Inter;
    font-style: normal;
    font-feature-settings: 'clig' off, 'liga' off;
    color: #FFF;
}

.heading1[b-4ax967z8zm] {
    font-size: 84px;
    font-weight: 600;
    line-height: 110%;
    letter-spacing: -0.84px;
    margin: 0px;
}

.micro-subtitle__regular[b-4ax967z8zm] {
    font-size: 21px;
    font-weight: 400;
    line-height: 150%;
}

.paragraph-large__bold[b-4ax967z8zm] {
    color: var(--Grayscales-0);
    font-size: 1rem;
    font-weight: 700;
    line-height: 170%;
}

.paragraph-medium__regular[b-4ax967z8zm] {
    color: var(--Grayscales-0);
    font-size: 1rem;
    font-weight: 400;
    line-height: 160%;
}

.eyebrow-medium[b-4ax967z8zm] {
    color: var(--Contrast-Normal, #81BBF8);
    font-size: 14px;
    font-weight: 700;
    line-height: 170%;
    letter-spacing: 0.75rem;
    text-transform: uppercase;
}


.hero-button[b-4ax967z8zm] {
    border-radius: 100px;
    border: 2px solid var(--Primary-Light, #3F5674);
    background: #202C3B;
    padding: 1rem 2rem;
    color: #fff;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    transition: all 0.3s ease;
}
.hero-button[b-4ax967z8zm]:after {
    content: '';
    display: block;
    width: 0px;
    height: 24px;
    background-size: contain; 
    transition: all 0.3s ease; 
    opacity:0;
}

.hero-button:hover[b-4ax967z8zm]:after {
    opacity: 1;
    width: 24px;
    background-size: cover; 
    background-image: url('/library/icons/plus-icon-lightblue.svg');

}

.hero-button:hover[b-4ax967z8zm] {
    color: var(--Contrast-Normal, #81BBF8);
    border: 2px solid var(--Contrast-Normal, #81BBF8);
}

.content[b-4ax967z8zm] {
    height: 100%;
}

@media only screen and (max-width: 399px) {

    .mobile-container[b-4ax967z8zm] {
        margin: 24px;
    }

    .heading1[b-4ax967z8zm] {
        font-size: 28px;
    }

    .micro-subtitle__regular[b-4ax967z8zm] {
        font-size: 15px;
    }

    .recent-project__card[b-4ax967z8zm] {
        grid-column: span 4;
    }

}

@media only screen and (min-width: 400px) and (max-width: 1079px) {

    .mobile-container[b-4ax967z8zm] {
        margin: 24px ;
    }

    .heading1[b-4ax967z8zm] {
        font-size: 48px;
    }

    .recent-project__card[b-4ax967z8zm] {
        grid-column: span 2;
    }

}

/* X-Small to Small Device, from 0 to 1079px*/
@media only screen and (max-width: 1079px) {

    .content__text[b-4ax967z8zm] {
        position: absolute;
        top: 0;
        z-index: 10;
        width: 100%;
    }

    .content__text_inner[b-4ax967z8zm] {
        display: flex;
        flex-direction: column;
        justify-content: center;
        aspect-ratio: 16/9;
        width: 100%;
        gap: 1rem;
    }

    .content__text_inner h1[b-4ax967z8zm], .content__text_inner p[b-4ax967z8zm] {
        padding-left: 24px;
    }

    .content-right[b-4ax967z8zm] {
        margin: 0 24px;
        padding-bottom: 1rem;
    }

    .recent-project__cards[b-4ax967z8zm] {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 1rem;
        align-content: center;
    }

    .recent-project-card__paragraph[b-4ax967z8zm] {
        display: none;
    }

    .recent-project__card[b-4ax967z8zm] {
        border-radius: 4px;
        padding: 1rem 20px;
    }
}

/* Only 1080px / Medium device and above*/
@media only screen and (min-width: 1080px) {
    .herosection-grid[b-4ax967z8zm] {
        display: grid;
        grid-template-columns: repeat(12, 1fr);
        gap: 1rem;
        align-content: center;
    }

    .herosection-container[b-4ax967z8zm] {
        margin: 0px 3.5rem;
        height: 100%;
    }

    .content[b-4ax967z8zm] {
        position: absolute;
        z-index: 20;
        top: 0;
        width: 100%;
    }

    .content-right[b-4ax967z8zm], .content-left[b-4ax967z8zm] {
        grid-column: 9 / 13;

    }

    .content-left[b-4ax967z8zm] {
        grid-column: span 6;
    }

    .hero-section[b-4ax967z8zm] {
        overflow: hidden;
        max-height: 80svh;
    }

    .heading1[b-4ax967z8zm] {
        margin-bottom: 2rem;
    }

    .hero-button[b-4ax967z8zm] {
        margin-top:3rem;
    }

}

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

    .herosection-container[b-4ax967z8zm] {
        margin-left: calc(5% + 3.5rem);
        margin-right: calc(5% + 3.5rem);
    }

}

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

    .herosection-container[b-4ax967z8zm] {
        margin-left: calc(10% + 3.5rem);
        margin-right: calc(10% + 3.5rem);
    }

}
/* _content/Micro/Components/IndexedContentContainer.razor.rz.scp.css */
@media only screen and (min-width: 1080px) {
	.indexed-content-container[b-nsf6q0zyzp] {
		padding: 0 var(--content-padding);
		display: flex;
		flex-direction: row-reverse;
		gap: 1em;
	}
}

.indexed-content-index-column[b-nsf6q0zyzp] {
	flex: 2;
	position: relative;
	background-color: white;
}

@media all and (max-width: 992px) {
	.indexed-content-index-column[b-nsf6q0zyzp] {
		display: none;
	}
}

.indexed-content-index[b-nsf6q0zyzp] {
	position: sticky;
	top: 200px;
	font-size: 16px;
}

.indexed-content-index strong[b-nsf6q0zyzp] {
	font-size:16px;
}

.indexed-content-list[b-nsf6q0zyzp] {
	margin-top: 2em;
	padding-inline-start: 20px;
	list-style-type: none;
}

.indexed-content-container-content[b-nsf6q0zyzp] {
	flex: 8;
}

.indexed-content-link[b-nsf6q0zyzp] {
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	line-height: 22px;
	color: #909090;
	cursor: pointer;
	border-left: 2px solid #444B56;
	padding: 1rem;
	margin-bottom: 38px;
	position: relative;
}

.indexed-content-link .bullet[b-nsf6q0zyzp] {
	position: absolute;
	top: 12px;
	left: 24px;
	transform: translate(-50%, -100%);
	font-size: 2em;
}



.indexed-content-link.active[b-nsf6q0zyzp] {
	color: #08509B;
	border-left: 4px solid #08509B;
}


.indexed-contet-link.active .bullet[b-nsf6q0zyzp]{
	color: #08509B;
}

/* _content/Micro/Components/MicroContactInformation.razor.rz.scp.css */
.contact-info[b-a26znej9mz] {
    display: flex;
    flex-direction: column;
    gap: 1em;

}

.contact-info.icon[b-a26znej9mz]{
    gap:0.5em;
}



.contact-info-street[b-a26znej9mz],
.contact-info-postal[b-a26znej9mz],
.contact-info-city[b-a26znej9mz],
.contact-info-opening[b-a26znej9mz] {
    display: inline-flex;
    align-items:center;
}

.contact-info-street[b-a26znej9mz],
.contact-info-postal[b-a26znej9mz],
.contact-info-city[b-a26znej9mz]  {
    gap:0em;

}


.contact-info-opening[b-a26znej9mz] {
    gap:0.5em;
}


.contact-info-opening-text[b-a26znej9mz]{
    display: inline;
    font-size: 18px;    
    line-height:100%;
    margin-block-end:0rem;
}


.contact-info-name[b-a26znej9mz] {
    font-size: 22px;
    line-height: 32px;
    font-style: normal;
    font-weight: normal;
}

.contact-info-postal[b-a26znej9mz]::before,
.contact-info-city[b-a26znej9mz]::before,
.contact-info-country[b-a26znej9mz]::before {
    content: ', ';
    display: inline;
}

.contact-info-street[b-a26znej9mz]{
    margin-left:0.5em;
}


.contact-info-phone[b-a26znej9mz], .contact-info-email[b-a26znej9mz], .contact-info-website[b-a26znej9mz], .contact-info-fax[b-a26znej9mz] {
    display: inline-flex;
    gap: 0.5em;
    align-items:center;
}


/* _content/Micro/Components/ScrollToTopButton.razor.rz.scp.css */
.scroll-to-top-button[b-rlerhapwzs] {
    border-radius: 100px;
    border: 2px solid var(--Grayscales-0, #FFF);
    opacity: 0 ;
    background-color: var(--Primary-Main, #202C3B);
    backdrop-filter: blur(5px);
    position: fixed; 

    z-index: 99; 
    outline: none; 
    color: white; 
    cursor: pointer;
    height: 62px;
    width: 62px;
    transition: all 0.3s ease;
    display:flex;
    justify-content:center;
    align-items:center;
}

@media only screen and (min-width: 1080px) {
    .scroll-to-top-button[b-rlerhapwzs] {
        bottom: 20px;
        right: 30px;
    }

}

@media only screen and (max-width: 1079px) {
    .scroll-to-top-button[b-rlerhapwzs] {
        bottom: 10px;
        right: 10px;
    }
}

.scroll-to-top-button[b-rlerhapwzs]:after {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    background-size: cover;
    background-image: url(' /library/svg-icons/arrow-up-white.svg ');
}



.tooltip-text[b-rlerhapwzs] {
    visibility: hidden;
    position: absolute;
    z-index: 1;
    width: fit-content;
    color: white;
    font-size: 12px;
    border-radius: 4px;
    opacity: 0.85;
    background: var(--Grayscales-90, #17191D);
    backdrop-filter: blur(3px);
    padding: 6px 18px;
}

.scroll-to-top-button:hover .tooltip-text[b-rlerhapwzs] {
    visibility: visible;
}


.scroll-to-top-button:hover[b-rlerhapwzs] {
    opacity:1 !important;
}
#top[b-rlerhapwzs] {
    white-space: nowrap;
    top: -39px;
    left: -75%;
}


.hover-text[b-rlerhapwzs] {
    position: relative;
    display: inline-block;
    margin: 40px;
    font-family: Arial;
    text-align: center;
}

.scroll-to-top-button .tooltip-text[b-rlerhapwzs]::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 70%;
    margin-left: -7px;
    border-width: 7px;
    border-style: solid;
    border-color: var(--Grayscales-90, #17191D) transparent transparent transparent;
}