h1,h2,h3,h4,h5,h6 {
    margin-bottom:0px;
}

a {
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 170%;
}

.svg-icon svg * {
    stroke: var(--color) !important;
}

.contact-btn {
    width: 140px;
    height: 61px;
    background-color: #202C3B;
    border-radius: 100px;
}

.form-group select:focus, .form-group input:focus, .form-group textarea:focus {
    outline: none;
}

.veva-search {
    margin-top: 1em;
}

.flex-center {
    display: flex;
    align-items: center;
}

    .flex-center i {
        margin-right: 0.5em;
    }


.contact-info {
    gap: 1em !important;
}


.collapse-panel-heading::before {
    left: 20px !important;
}

.no-padding .card {
    padding-top: 0px;
    padding-bottom: 0px;
}

.no-padding .card .card-content {
    padding: 0;
}

.force-center {
    justify-content: center !important;
}

p {
    margin: 0;
}



.custom-list-dark ul {
    list-style-type: none;
    padding-left: 0;
}

.custom-list-dark ul li {
    padding-left: 24px; /* Adjust based on your image size */
    background: url("/icons/checkmark-blue.svg") no-repeat left center;
    background-size: 1rem 1rem; /* Adjust based on your image size */
    margin-bottom: 10px; /* Optional: To give some spacing between items */
}

.custom-list-light ul {
    list-style-type: none;
    padding-left: 0;
}

.custom-list-light ul li {
    padding-left: 24px; /* Adjust based on your image size */
    background: url("/icons/checkmark-black.svg") no-repeat left center;
    background-size: 1rem 1rem; /* Adjust based on your image size */
    margin-bottom: 10px; /* Optional: To give some spacing between items */
}

.contact-form .form-group .input-container input {
    background-color: none;
    border: 1.5px solid #C7CBD1;
    color: #5A6472;
}

.contact-form .form-group .input-container textarea {
    background-color: none;
    border: 1.5px solid #C7CBD1;
    color: #5A6472;
}

.contact-checkbox .radio-checkbox-list .input-container {
    display: flex;
    gap: 1em;
    margin-bottom: 97px;
}

.contact-checkbox .radio-checkbox-list .input-container .form-check {
    border: 1.5px solid #A9B1BB;
    border-radius: 200px;
    padding: 5px;
    gap: 0.5em;
}

.inquiry-buttons .form-check:not(.toggle) input[type=checkbox]:focus {
    outline: none;
}

.contact-checkbox .radio-checkbox-list .input-container .form-check input {
    --checkbox-height: 0;
    border: 4px solid #A9B1BB;
    border-radius: 200px;
}

.contact-checkbox .radio-checkbox-list .input-container .form-check input:checked {
    --checkbox-height: 0;
    border: 4px solid #81BBF8;
    border-radius: 200px;
}

.contact-checkbox .radio-checkbox-list .input-container .form-check input:checked {
    --checkbox-height: 0;
    border: 4px solid #81BBF8;
    border-radius: 200px;
}

.inquiry-buttons .form-check {
    width: 262px;
    height: 113px;
    border: 1.5px solid #CDD7E4FF;
    border-left-width: 6px;
    border-radius: 0px 6px 6px 0px;
    justify-content: center;
    gap: 0em;
    display: flex;
    align-items: center;
}

.inquiry-buttons .form-check label {
    color: #A9B1BB;
    font-weight: bold !important;
    margin-top: 30px;
}

.inquiry-buttons .service-inquiry .form-check::after {
    content: url(/icons/services_gray.svg);
    display: block;
    margin-right: 10px; /* Adjust as needed */
    width: 24px;
    height: 24px;
    position: relative;
    top: -25%;
    left: -25%;
}

.inquiry-buttons .product-inquiry .form-check::after {
    content: url(/icons/products_gray.svg);
    display: block;
    margin-right: 10px; /* Adjust as needed */
    width: 24px;
    height: 24px;
    position: relative;
    top: -25%;
    left: -28%;
}

.inquiry-buttons .general-inquiry .form-check::after {
    content: url(/icons/contact_gray.svg);
    display: block;
    margin-right: 10px; /* Adjust as needed */
    width: 24px;
    height: 24px;
    position: relative;
    top: -15%;
    left: -25%;
}

.inquiry-buttons .general-inquiry .form-check:has(input[type=checkbox]:checked)::after {
    content: url(/icons/contact_blue.svg);
    display: block;
    margin-right: 10px; /* Adjust as needed */
    width: 24px;
    height: 24px;
    position: relative;
    top: -15%;
    left: -25%;
}

.inquiry-buttons .product-inquiry .form-check:has(input[type=checkbox]:checked)::after {
    content: url(/icons/products_blue.svg);
    display: block;
    margin-right: 10px; /* Adjust as needed */
    width: 24px;
    height: 24px;
    position: relative;
    top: -25%;
    left: -28%;
}

.inquiry-buttons .service-inquiry .form-check:has(input[type=checkbox]:checked)::after {
    content: url(/icons/services_blue.svg);
    display: block;
    margin-right: 10px; /* Adjust as needed */
    width: 24px;
    height: 24px;
    position: relative;
    top: -25%;
    left: -25%;
}

.inquiry-buttons .form-check input {
    --checkbox-height: 0 rem !important;
    border: 0px !important;
    margin-left: 20px !important;
}


.inquiry-buttons .form-check:has(input[type=checkbox]:checked) {
    border: 1.5px solid #81BBF8;
    border-left-width: 6px;
    border-radius: 0px 6px 6px 0px;
}

.inquiry-buttons .form-check:has(input[type=checkbox]:checked) label {
    color: #81BBF8;
}


.contact-form .form-group label {
    display: none;
}

.contact-form .form-group .input-container input::placeholder {
    color: #5A6472;
}

.contact-form .form-group .input-container textarea::placeholder {
    color: #5A6472;
}

.contact-info .svg-icon {
    background: #202C3B;
    border-radius: 100px;
    padding: 1rem;
    opacity: 0.65;
}

.navbar-desktop-actions .svg-icon {
    background: #202C3B;
    border-radius: 100px;
    padding: 1rem;
    opacity: 0.65;
}


.dark-blue {
    color: #06376B;
}


*[id] {
    scroll-margin-top: 2rem;
}

.veva-tabs-tabs {
    display: flex;
    justify-content: center;
    background-color: transparent !important;
}

.veva-tabs-tab {
    border-radius: 100px !important;
/*    padding: 18px 2rem;*/
    border: 2px solid #C7CBD1;
}

.veva-tabs-tab-list {
    gap: 1rem;
}


.veva-tabs-tab a {
    color: #8D98A5;
}


.veva-tabs-tab--active {
    border: 2px solid #202C3B;
}

.veva-tabs-tab--active a {
    color: #A8D0FA !important;
    color: #A8D0FA !important;
}

.filter-tabs {
    padding: 10px 21px;
    border-radius: 100px;
    color: #A9B1BB;
    font-weight: 700;
    font-size: 14px;
    line-height: 23.8px;
    border: 1.5px solid #717D8E;
}

.filter-tabs:hover {
    background-color: transparent;
    border: 1.5px solid #C7CBD1;
    color: #444B56;
}

.filter-tabs.active {
    background-color: #08509B;
    color: #FFFFFF;
}

.no-break {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.quick-action-card {
    border-radius: 6px !important;
    border: 2px solid #444B56 !important;
}

.contact-us > div {
    gap: 2rem !important;
}

@media only screen and (max-width: 1080px) {
    .contact-us > div {
        gap: 8px !important;
        flex-direction: column !important;
    }
}

body:after {
    content: "Just a moment..." !important;
}

.project-services__icon {
    position: relative;
}

.project-services__icon p::before {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    background-image: url('/library/icons/check-icon.svg ');
    background-size: cover;
}

.project-services__icon p {
    display: flex;
    gap: 8px;
    align-items: center;
}

.project-services__icon svg {
    width: 24px;
    height: 24px;
}


.tag-buttons .btn {
    background: white;
    border: 1.5px solid #C7CBD1;
    border-radius: 200px;
}

.tag-buttons .btn:hover {
    background-color: #08509B;
    color: #FFFFFF;
}

.tag-buttons .btn:active {
    background-color: #08509B;
    color: #FFFFFF;
}

/*                       Primary Button                 */
.micro-button-primary,
.micro-button-primary__icon-right,
.micro-button-primary__icon-left,
.micro-button-primary-dark,
.micro-button-primary-dark__icon-left,
.micro-button-primary-dark__icon-right {
    display: flex;
    padding: 18px 2rem;
    align-items: center;
    gap: 12px;
    transition: background 0.3s ease, border-color 0.3s ease;
    width: fit-content;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.micro-button-primary, .micro-button-primary__icon-right, .micro-button-primary__icon-left {
    border-radius: 100px;
    border: 2px solid var(--grayscales-20, #C7CBD1);
    background: var(--grayscales-0, #FFF);
}

.micro-button-primary:hover, .micro-button-primary__icon-right:hover, .micro-button-primary__icon-left:hover {
        border: 2px solid var(--primary-main, #202C3B);
        background: var(--primary-main, #202C3B);
        color: var(--secondary-light, #A8D0FA);
    }

    .micro-button-primary__icon-right:after,
    .micro-button-primary__icon-left:before,
    .micro-button-primary-dark__icon-right:after,
    .micro-button-primary-dark__icon-left:before,
    .micro-button-secondary__icon-right:after,
    .micro-button-secondary__icon_left:before,
    .micro-button-secondary-dark__icon-right:after,
.micro-button-secondary-dark__icon-left:before {
        content: '';
        display: block;
        width: 24px;
        height: 24px;
        background-size: cover;
    }


.micro-button-primary__icon-right:after {
    background-image: url(' /library/svg-icons/arrow-primary-dark.svg ');
}

.micro-button-primary__icon-right:hover:after {
    background-image: url(' /library/svg-icons/arrow-light-blue.svg ');
}

.micro-button-primary__icon-left:before {
    background-image: url('/library/svg-icons/icon-up-left.svg');
}

.micro-button-primary__icon-left:hover:before {
    background-image: url(' /library/svg-icons/arrow-light-blue.svg ');
    transform: scaleX(-1);
}

.micro-button-primary-dark, .micro-button-primary-dark__icon-right, .micro-button-primary-dark__icon-left {
    border-radius: 100px;
    border: 2px solid var(--contrast-light, #CDD7E4);
    background: var(--primary-main, #202C3B);
}

.micro-button-primary-dark:hover, .micro-button-primary-dark__icon-right:hover, .micro-button-primary-dark__icon-left:hover {
    border: 2px solid var(--contrast-normal, #81BBF8);
    background: var(--contrast-normal, #81BBF8);
    color: var(--primary-dark, #1B2532);
}

.micro-button-primary-dark__icon-right:after {
    background-image: url(' /library/svg-icons/arrow-light-blue.svg ');
}

.micro-button-primary-dark__icon-right:hover:after {
    background-image: url(' /library/svg-icons/arrow-primary-dark.svg ');
}

.micro-button-primary-dark__icon-left:before {
    background-image: url('/library/svg-icons/icon-up-left.svg');
}

.micro-button-primary-dark__icon-left:hover:before {
    background-image: url(' /library/svg-icons/arrow-light-blue.svg ');
    transform: scaleX(-1);
}

/*                    Secondary Button                      */
.micro-button-secondary,
.micro-button-secondary__icon-right,
.micro-button-secondary__icon_left,
.micro-button-secondary-dark,
.micro-button-secondary-dark__icon_left,
.micro-button-secondary-dark__icon-right {
    display: flex;
    padding-bottom: 0.25em;
    align-items: center;
    gap: 12px;
    transition: background 0.3s ease, border-color 0.3s ease;
    width: fit-content;
    /*white-space: nowrap;*/
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.micro-button-secondary, .micro-button-secondary__icon-right, .micro-button-secondary__icon_left {
    border-bottom: 2px solid #FFFFFF80;
}

.micro-button-secondary:hover, .micro-button-secondary__icon-right:hover, .micro-button-secondary__icon_left:hover {
    color: #1B2532;
    border-bottom: 2px solid #3F5674;
}

.micro-button-secondary__icon-right:after {
    background-image: url(' /library/svg-icons/arrow-primary-light.svg');
}

.micro-button-secondary__icon_right:hover:after {
    background-image: url('  /library/svg-icons/arrow-primary-dark.svg');
}

.micro-button-secondary__icon_left:before {
    background-image: url('/library/svg-icons/icon-up-left.svg');
}

.micro-button-secondaryy__icon_left:hover:before {
    background-image: url(' /library/svg-icons/arrow-primary-dark.svg ');
    transform: scaleX(-1);
}
.micro-button-secondary-dark {
    border-bottom: 2px solid #FFFFFF80;
    color: var(--grayscales-2, #F8FAFB);
}

.micro-button-secondary-dark:hover {
    border-bottom: 2px solid #81BBF8;
}

.micro-button-secondary-dark__icon-right:after {
    background-image: url(' /library/svg-icons/arrorw-light.svg ');
}

.micro-button-secondary-dark__icon-right:hover:after {
    background-image: url(' /library/svg-icons/arrow-light-blue.svg ');
}

.micro-button-secondary-dark__icon-left:before {
    background-image: url(' /library/svg-icons/arrow-light-blue.svg ');
}

.micro-button-secondaryy-dark__icon-left:hover:before {
    background-image: url(' /library/svg-icons/arrow-light-blue.svg ');
    transform: scaleX(-1);
}

.eyebrow-large {
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Inter;
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: 170%;
    letter-spacing: 1.28px;
    text-transform: uppercase;
}

.eyebrow-medium {
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Inter;
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: 170%;
    letter-spacing: 1.28px;
    text-transform: uppercase;
    color: var(--Contrast-Normal, #81BBF8);
    margin-bottom:20px;
}

.font-color__secondary-normal {
    color: var(--secondary-normal, #08509B);
}

.font-color__secondary-light {
    color: var(--secondary-light, #A8D0FA);
}


.flex-container {
    display: flex;
    gap: 2rem;
    align-items: center;
    justify-content: center;
    flex-direction: row;
}

@media only screen and (max-width: 1080px) {
    .flex-container {
        display: flex;
        gap: 2rem;
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }
}

.olympic {
    display: flex;
    list-style-type: none;
    padding-left: 0px;
    width: 100%;
    justify-content: center;
}

@media only screen and (max-width: 1080px) {
    .olympic {
        flex-direction: column;
        padding-top: 50px;
        padding-bottom: 50px;
        align-items: center;

    }

    .olympic li {
        margin: -22px 0px !important;
        width:100% !important; 
        max-width:400px;
    }
}

.olympic li {
    display: flex;
    width: 350px;
    margin: 0px -22px;
    border: 1px solid #D5D8DD;
    border-radius: 100%;
    flex-direction: column;
    justify-content: center;
    transition: all 0.3s ease;
    aspect-ratio: 1/1;
}

.olympic li p:first-of-type {
    color: #08509B;
    font-size: 48px;
    font-weight: 500;
}

.olympic li p {
    align-self: center;
    color: #3F5674;
}

.olympic:hover li {
    margin: 0px -14px;

}

.test a::before {
    background: red;
}

.contact-card {
    width: 100%;
    border-radius: 6px;
    border: 1px solid var(--contrast-light, #CDD7E4);
    background: var(--grayscales-0, #FFF);
    padding: 40px 2rem;
    transition: all 0.3s ease;
}

.contact-card:hover {
    border: 1.5px solid var(--contrast-light, #06376B);
}

.contact-card p:after {
    transition: all 0.3s ease;
}

.contact-card:hover p:after {
    content: '';
    display: block;
    width: 21px;
    height: 21px;
    background-image: url('/library/svg-icons/arrow-primary-light.svg');
    background-size: cover;
}

.contact-card__paragraph p {
    display: flex;
    justify-content: center;
    gap: 0.75rem;
    align-items: center;
}
.offset-container > div {

    padding-left: 1.5rem !important;
  
}

.btn-navbar-action {
    padding-right: 1rem !important;
}


@media only screen and (min-width: 1079px) {
    .offset-container > div {
        padding: 0 56px !important;
    }

}
.micro-navbar ul li {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.micro-navbar ul li:before {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    background-color: #81BBF8;
    opacity: 0;
    border-radius: 50%;
    transition: all 0.3s ease;
}

.micro-navbar ul li:hover:before {
    opacity: 1; 
}

.micro-navbar ul li a {
    color: #EFF3F6 !important;
}

.micro-navbar ul li:hover a {
    color: #FFFFFF !important;
}

.dd-menu-root-items {
    gap: 1rem !important;
}

.indexed-content-list {
    padding: 0px !important;
}

.btn {
    margin: 0px;
}

.recent-project__card {
    border-radius: 6px;
    border: 2px solid var(--Grayscales-70, #444B56);
    background: var(--Primary-Dark, #1B2532);
    padding: 1.125rem 1.75rem;
    transition: all 0.3s ease;
}

.recent-project__card:hover {
    border: 2px solid var(--Contrast-Normal, #81BBF8);
}

.recent-project__card p {
    color: var(--Grayscales-0, #FFF) !important;
}

.our-company {
    display:flex;
    gap:19px;
}

    .our-company:before {
        content: "";
        display: block;
        height: 8px;
        width: 8px;
        background: white;
        border-radius: 100%;
        margin-top:0px;
    }

.our-company__heading {
    color: var(--Contrast-Accent, #F5FAFE);
    font-size: 40px;
    font-weight: 700;
    line-height: 120%; 
}
.our-company__subheading {
    color: var(--Grayscales-5, #EFF3F6);
    font-size: 21px;

    font-weight: 400;
    line-height: 150%;
}
.our-company__title {
    color: var(--Contrast-Normal, #81BBF8);
    font-size: 16px;
    font-weight: 700;
    line-height: 170%;
    letter-spacing: 1.92px;
    text-transform: uppercase;


}


/* Only 1080px / Medium device and above*/
@media only screen and (min-width: 1080px) {
    .cards {
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }



}

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

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

}

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

    .recent-project__card {
        grid-column: span 4;
    }

}

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

    .recent-project__card {
        grid-column: span 4;
    }

}

/* Only 1080px / Medium device and above*/
@media only screen and (min-width: 1080px) {

    .recent-project__cards {
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }
}


.contact-us__heading {
    color: var(--Grayscales-0, #FFF);
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; 
}

.contact-us__submit {
    border-radius: 100px;
    border: 2px solid var(--Grayscales-20, #C7CBD1);
    background: var(--Grayscales-0, #FFF);
    padding: 18px 32px;
}

.contact-us__submit:hover {
    border: 2px solid var(--primary-main, #202C3B);
    background: var(--primary-main, #202C3B);
    color: var(--secondary-light, #A8D0FA);
    transition: ease 0.3s all;
}

.contactus-ratio .form-check label {
    border-radius: 0px 4px 4px 0px;
    border: 1.5px solid var(--Grayscales-30, #A9B1BB);
    border-left: 4px solid var(--Grayscales-30, #A9B1BB);
    background: var(--Primary-Main, #202C3B);
    color: var(--Grayscales-30, #A9B1BB);
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 24px;
    gap: 10px;
    width: 100%;
}
.contactus-ratio {
    width:100%;
}

.contactus-active {
    color: var(--Contrast-Normal, #81BBF8) !important;
    border: 1.5px solid var(--Contrast-Normal, #81BBF8) !important;
    border-left: 4px solid var(--Contrast-Normal, #81BBF8) !important;
}


.contactus-ratio .form-check label:before {
    content: '';
    display: block;
    width: 24px;
    height: 24px;

    background-size: cover;
}

.contactus-ratio .form-check:nth-child(1) label:before {
    background-image: url(' /library/icons/iconarrow.svg  ');
}

.contactus-ratio .form-check:nth-child(2) label:before {
    background-image: url(' /library/icons/iconproduct.svg  ');
    width: 18px;
}
.contactus-ratio .form-check:nth-child(3) label:before {
    background-image: url(' /library/icons/iconservice.svg  ');
}

.form-check input{
    display:none;
}

.input-container {
    display: flex;
    flex-direction: column;
    width: 100%;

}
.contactus-ratio label {
    display:none;
}

.form-check {
    max-width:500px;
    width:100%;
}

@media only screen and (max-width: 1079px) {
    .input-container {

        align-items: center;
    }

}

.contactus-ratio .form-check label:hover {
    border: 1.5px solid var(--Contrast-Normal, #81BBF8);
    border-left: 4px solid var(--Contrast-Normal, #81BBF8);
    color: #fff;
}

.card-photo {
    background-color: #FFFFFF;
}


.custom-footer {
    background: #1B2532;
}

@media only screen and (min-width: 1079px) {
    .custom-footer {
        background: linear-gradient(to right, #1B2532 50%, #202C3B 50%);
    }
}