/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 24 2026 | 17:06:59 */
/********** Main Content **********/

.bothmargins-40 img {
vertical-align: bottom;
}

.topmargin-10 span {
color: #444444;
font-weight: bold;
}

/********** Page Banner **********/

#bg-container {
position: relative;
width: 100%;
overflow: hidden;
}

.canvas-bg-shell {
position: relative;
display: flex;
align-items: center;
width: 100%;
height: 100%;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}

.bg-shell-sla {
background-image: url(/wp-content/uploads/sla-banner.jpg);
background-position: center center;
}

.bg-shell-ia {
background-image: url(/wp-content/uploads/ia-banner.jpg);
background-position: center top;
}

.bg-shell-iqa {
background-image: url(/wp-content/uploads/iqa-banner-2.jpg);
background-position: center center;
}

.bg-shell-pr {
background-image: url(/wp-content/uploads/pre-banner.jpg);
background-position: center top;
}

.bg-shell-sp {
background-image: url(/wp-content/uploads/sp-banner-2.jpg);
background-position: center center;
}

.bg-shell-as {
background-image: url(/wp-content/uploads/as-banner-7.jpg);
background-position: center top;
}

/********** Main Section **********/

.main-section {
width: 100%;
padding: 40px 0;
font-size: 18px;
line-height: 26px;
}

#page-heading {
display: flex;
justify-content: left;
width: 100%;
}

#heading-bullet-sla, #heading-bullet-opa, #heading-bullet-iqa, #heading-bullet-pre, #heading-bullet-sp, #heading-bullet-as, #heading-bullet-qms {
box-sizing: border-box;
width: 30px;
line-height: 34px;
padding: 13px 0 7px 0;
margin-right: 5px;
font-size: 30px;
color: var(--burgundy1);
}

#heading-sla, #heading-opa, #heading-iqa, #heading-pre, #heading-sp, #heading-as, #heading-qms {
box-sizing: border-box;
padding: 12px 0 8px 0;
}

.intro-wrapper {
width: 100%;
margin: 30px 0 0 0;
color: #666666;
}

.intro-wrapper a:link,
.intro-wrapper a:visited {
color: var(--brandBlue);
text-decoration: none;
outline: none;
}

.intro-wrapper a:hover {
color: var(--burgundy1);
text-decoration: underline;
outline: none;
}

.double-arrow {
display: inline-block;
position: relative;
top: 1px;
font-size: 28px;
font-weight: normal !important;
}

#services-graphic {
width: 100%;
margin: 40px 0;
overflow: hidden;
}

/********** List Panel - Flip Header **********/

#section-main .open-icon {
width: 20px;
height: 20px;
transition: transform 0.4s ease;
}

#section-main .open-icon img {
width: 20px;
height: 20px;
}

#section-main .header {
position: relative;
display: flex;
align-items: center;
flex-wrap: nowrap;
box-sizing: border-box;
width: 100%;
height: 100%;
padding: 22px 20px 18px 20px;
font-weight: bold;
background-color: var(--blueGray);
border-radius: 8px 8px 0 0;
transition: background-color 0.1s ease;
}

#section-main .header-label {
width: calc(100% - 20px);
line-height: 70px;
font-family: Arial;
font-size: 22px;
color: var(--gray3);
text-align: left;
}

#section-main .open-button {
position: absolute;
/*top: 25px;*/
right: 20px;
width: 20px;
height: 20px;
z-index: 10;
}

.header-canvas-separator {
position: relative;
width: 100%;
height: 10px;
background-color: var(--burgundy1);
}

#section-main .header-cover {
position: absolute;
top: 0;
box-sizing: border-box;
width: 100%;
height: 100%;
border-radius: 8px 8px 0 0;
opacity: 1;
transition: opacity 0.1s ease;
}

#section-main .header-wrapper {
position: relative;
width: 100%;
height: 70px;
/*margin-bottom: 10px;*/
perspective: 75vw;
}

/********** List Panel - Descriptions **********/

.list-bullet {
position: relative;
margin-left: 14px;
font-size: 24px;  
color: var(--burgundy1);
}

.list-header {
box-sizing: border-box;
width: 100%;
line-height: 28px;
padding: 15px;
background-color: rgb(30, 80, 120);
border-radius: 4px;
box-shadow: 0 0 16px 0 var(--blackTranslucent);
color: rgb(255, 255, 255);
font-size: 24px;
text-align: center;
text-shadow: 2px 2px 4px #000000;
}

.list-intro {
padding: 15px 10px;
font-size: 17px;
line-height: 24px;
font-weight: bold;
border-bottom: 1px solid var(--gray1);
}

.list-item {
display: flex;
flex-wrap: nowrap;
box-sizing: border-box;
line-height: 24px;
padding: 15px 10px;
color: rgb(45, 45, 45);
font-size: 17px;
border-bottom: 1px solid var(--gray1);
}

.list-item-content {
width: auto;
margin-left: 10px;
}

.list-bottom {
box-sizing: border-box;
height: 30px;
margin-top: 10px;
background-color: var(--brandBlue);
}

.list-item-bg {
display: flex;
flex-wrap: nowrap;
box-sizing: border-box;
line-height: 24px;
padding: 15px 10px;
border-bottom: 1px solid var(--gray1);
background-color: rgb(214, 220, 229);
color: rgb(45, 45, 45);
font-size: 17px;
}

.list-item.last {
display: flex;
flex-wrap: nowrap;
box-sizing: border-box;
line-height: 24px;
padding: 15px 10px;
color: rgb(45, 45, 45);
font-size: 17px;
border-bottom: 0;
}

.list-item-bg.last {
border-bottom: 0;
}

.os-list {
position: relative;
background-color: rgb(242, 242, 242);
border-left: 1px solid var(--gray1);
border-right: 1px solid var(--gray1);
overflow: hidden;
}

.os-list a:link, .os-list a:visited,
.os-list-alt a:link, .os-list-alt a:visited {
color: var(--brandBlue);
text-decoration: none;
outline: none;
transition: none;
}

.os-list a:hover,
.os-list-alt a:hover {
transition: none;
color: rgb(150, 0, 0);
text-decoration: underline;
}

.os-list-wrapper {
position: relative;
height: 0;
overflow: hidden;
transition: height 0.8s ease;
}

.header-icon-block {
width: 100%;
height: 70px;
margin: 25px 0 20px 0;
text-align: center;
}

.header-icon-block img {
height: 70px;
}

.canvas-bg-block {
position: absolute;
top: 30px;
left: 30px;
display: flex;
align-items: top;
box-sizing: border-box;
width: calc(100% - 60px);
height: 450px;
background-color: var(--brandBlue);
border: 1px solid white;
box-shadow: 0 0 10px 5px rgba(0, 0, 0, .4);
border-radius: 6px;
overflow: hidden;
}

.canvas-bg-shell {
position: absolute;
top: 0;
left: 0;
box-sizing: border-box;
width: 100%;
height: 450px;
/*background-image: none;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
background-color: transparent;*/
}

.canvas-content-container {
box-sizing: border-box;
width: 100%;
padding: 0 80px;
}

.canvas-icon {
position: relative;
height: 60px;
margin-bottom: 10px;
text-align: center;
}

.canvas-icon img {
position: relative;
height: 60px;
}

.canvas-dark {
width: 30%;
height: 255px;
background-color: rgb(31, 78, 121);
}

.canvas-light {
width: 70%;
height: 255px;
background-color: rgba(31, 78, 121, .3);
}

.canvas-title {
position: relative;
top: 20px;
line-height: 50px;
color: white;
font-size: 40px;
text-align: center;
text-shadow: 1.5px 1.5px 0 black;
}

.canvas-wrapper {
position: relative;
display: flex;
flex-wrap: wrap;
box-sizing: border-box;
width: 100%;
height: 510px;
border-radius: 0 0 6px 6px;
overflow: hidden;
z-index: 10;
}

/********** Back-to-Menu Blocks **********/

.back-to-menu-block {
position: relative;
box-sizing: border-box;
display: flex;
width: 100%;
margin: 15px 0 0 0;
}

#btmb-last {
margin-top: 0px;
}

.slider-wrapper {
position: relative;
display: flex;
justify-content: center;
width: calc(100% - 170px);
height: 40px;
border-radius: 4px;
overflow: hidden;
}

.slider {
position: absolute;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 40px;
left: 100%;
font-size: 16px;
font-weight: bold;
line-height: 40px;
color: var(--brandBlue);
background-color: var(--blueGray);
border-radius: 4px;
transition: left 0.6s ease;
}

.back-to-menu-button {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: nowrap;
box-sizing: border-box;
width: 160px;
height: 40px;
line-height: 40px;
margin-left: 10px;
font-size: 16px;
color: var(--white);
background-color: var(--brandBlue);
transition: background-color 0.2s ease;
border-radius: 4px;
}

.button-cover {
box-sizing: border-box;
position: absolute;
top: 0;
right: 0;
height: 40px;
width: 160px;
border-radius: 4px;
box-shadow: 0px 0px 16px 0px var(--blackTranslucent);
opacity: 0;
transition: opacity 0.2s ease;
}

.back-to-menu-block .vantage-icon-arrow-up::before {
content: "\e603";
}

.back-to-menu-block .vantage-icon-arrow-up  {
position: relative;
box-sizing: border-box;
width: 14px;
height: 20px;
line-height: 20px;
padding-top: 1px;
margin-right: 5px;
font-family: "vantage-icons";
font-size: 14px;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
}

/********** Request a Pricing Estimate Section **********/

#request-pricing-estimate-section {
width: 100%;
padding: 0px 0px 40px 0px;
font-size: 18px;
line-height: 26px;
}

#more-information-section {
width: 100%;
font-size: 18px;
line-height: 26px;
}

.cu-wrapper {
box-sizing: border-box;
width: 100%;
margin: 25px 0 40px 0;
padding: 15px;
border: 1px solid var(--gray1);
border-radius: 4px;
background-color: var(--lightBlue);
}

.phone-container, .email-container, .message-container {
box-sizing: border-box;
display: flex;
justify-content: left;
flex-wrap: wrap;
}

.email-container, .message-container {
margin-top: 25px;
}

.cu-bullet {
font-size: 19px;
color: #444444;
}

.cu-text-1 {
width: 300px;
font-weight: bold;
}

#rfp-link a:link,
#rfp-link a:visited,
#phone-block a:link,
#phone-block a:visited,
#email-block a:link,
#email-block a:visited,
#message-block a:link,
#message-block a:visited {
color: rgb(38, 78, 121);
text-decoration: none;
transition: none;
}

#rfp-link a:hover,
#phone-block a:hover,
#email-block a:hover,
#message-block a:hover {
transition: none;
color: rgb(150, 0, 0);
text-decoration: underline;
}

/********** Consulting and Advisory Services Heading **********/

#cas-heading {
position: relative;
line-height: 30px;
font-size: 28px;
font-weight: bold;
text-align: center;
}

/********** End of Consulting and Advisory Services Heading **********/

/********** Our Services Flip-Card Section **********/

#card-section {
margin: 40px 0 30px 0;
}

.card-wrapper {
position: relative;
flex-basis: 28%;
height: 250px;
perspective: 120vw;
}

.back-card {
position: absolute;
top: 0;
display: flex;
align-items: center;
box-sizing: border-box;
width: 100%;
height: 100%;
padding: 25px;
margin: 0;
background-color: var(--brandBlue);
transform: rotateY(-180deg);
border: 2px solid var(--white);
border-radius: 4px;
backface-visibility: hidden;
}

.card {
position: relative;
box-sizing: border-box;
width: 100%;
height: 100%;
border: 6px solid var(--burgundy1);
border-radius: 10px;
transform-style: preserve-3d;
transform-origin: right center;
transition: transform 0.8s ease;
}

.card-bg-shell {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url("/wp-content/uploads/panel-background-33.jpg");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
background-color: transparent;
}

.card-cover {
position: absolute;
top: 0;
left: 0;
width: 100%;
}

.card-cover a {
display: block;
text-decoration: none;
}

.card-cover a:hover {
text-decoration: none;
}

.card-desc {
position: relative;
width: 100%;
line-height: 22px;
color: var(--white);
font-size: 18px;
text-align: center;
text-shadow: 2px 2px 4px var(--black);
opacity: 0;
transition: opacity 0.5s ease 0.5s;
}

#card-holder {
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
row-gap: 40px;
}

.card-icon {
height: 80px;
margin-bottom: 30px;
}

.card-icon img {
height: 80px;
}

.card-label {
line-height: 22px;
color: var(--gray4);
font-size: 20px;
}

.content-container {
width: 100%;
}

.front-card {
position: absolute;
display: flex;
align-items: center;
box-sizing: border-box;
width: 100%;
height: 100%;
padding: 20px;
margin: 0;
text-align: center;
background-color: var(--lightBlue);
border: 2px solid var(--white);
border-radius: 4px;
}

/********** Responsive Styling **********/

@media (min-width: 2500.01px) {
.canvas-dark,
.canvas-light { height: 400px; }
.canvas-wrapper { height: 800px; }
.canvas-bg-block,
.canvas-bg-shell { height: 740px; }
.card-wrapper { flex-basis: 13%; height: 330px; margin: 0; }
.vbes-card-wrapper { display: none; }
.card-label { font-size: 22px; line-height: 24px; }
.card-desc { font-size: 22px; line-height: 24px; }
.card-icon { height: 120px; }
.card-icon img { height: 120px; }
}

@media (min-width: 1900.01px) and (max-width: 2500px) {
.canvas-dark,
.canvas-light { height: 350px; }
.canvas-wrapper { height: 700px; }
.canvas-bg-block,
.canvas-bg-shell { height: 640px; }
.card-wrapper { height: 330px; }
.vbes-card-wrapper { height: 330px; }
.vbes-card-heading, .vbes-card-label { font-size: 26px; line-height: 30px; }
.vbes-card-icon { height: 100px; }
.vbes-card-icon img { height: 100px; }
.card-label,
.card-desc { font-size: 24px; line-height: 28px; }
.card-icon { height: 120px; }
.card-icon img { height: 120px; }
}

@media (min-width: 1500px) and (max-width: 1900px) {
.card-wrapper { height: 330px; }
.vbes-card-wrapper { height: 330px; }
.vbes-card-heading, .vbes-card-label { font-size: 26px; line-height: 30px; }
.vbes-card-icon { height: 100px; }
.vbes-card-icon img { height: 100px; }
.card-label,
.card-desc { font-size: 24px; line-height: 28px; }
.card-icon img { height: 120px; }
.card-icon { height: 120px; }
}

@media (min-width: 1070.01px) and (max-width: 1180px) {
.card-label { font-size: 18px; line-height: 20px; }
}

@media (min-width: 680.01px) and (max-width: 1070px) {
.card-wrapper { flex-basis: 48%; }
.vbes-card-wrapper{ flex-basis: 48%; }
}

@media (max-width: 680px) {
.card-wrapper { flex-basis: 100%; }
.vbes-card-wrapper { display: none; }
}

@media (min-width: 1000.01px) {
#section-main { display: block; }
#section-alt { display: none; }
#contents-menu-block { display: block; }
}

@media (max-width: 1000px) {
#section-main { display: none; }
#section-alt { display: block; margin-top: 40px; }
#contents-menu-block { display: none; }
.back-to-menu-block { display: none; }
}

@media (max-width: 680px) {
#iso-container { font-size: 30px; line-height: 34px; }
}

@media (min-width: 360.01px) and (max-width: 1080px) {
.qms-panel { height: 140px; }
}

@media (min-width: 360.01px) and (max-width: 810px) {
.qms-panel { flex-basis: 48%; }
.qms-panel-label { font-size: 18px; }
}

@media (max-width: 360px) {
.qms-panel { flex-basis: 100%; }
}

@media (min-width: 900.01px) and (max-width: 1080px) {
#heading-bullet-sla, #heading-bullet-opa, #heading-bullet-iqa, #heading-bullet-pre, #heading-bullet-sp, #heading-bullet-as, #heading-bullet-qms { font-size: 26px; line-height: 30px; }
}

@media (min-width: 620.01px) and (max-width: 900px) {
#heading-bullet-sla { font-size: 24px; line-height: 28px; }
}

@media (max-width: 620px) {
#heading-bullet-sla { display: none; }
#heading-sla { flex-basis: 100%; height: auto; padding: 0; text-align: center; }
}

@media (min-width: 560.01px) and (max-width: 900px) {
#heading-bullet-opa { font-size: 24px; line-height: 28px; }
}

@media (max-width: 560px) {
#heading-bullet-opa { display: none; }
#heading-opa { flex-basis: 100%; height: auto; padding: 0; text-align: center; }
}

@media (min-width: 540.01px) and (max-width: 900px) {
#heading-bullet-as { font-size: 24px; line-height: 28px; }
}

@media (max-width: 540px) {
#heading-bullet-as { display: none; }
#heading-as { flex-basis: 100%; height: auto; padding: 0; text-align: center; }
}

@media (min-width: 520.01px) and (max-width: 900px) {
#heading-bullet-iqa { font-size: 24px; line-height: 28px; }
}

@media (max-width: 520px) {
#heading-bullet-iqa { display: none; }
#heading-iqa { flex-basis: 100%; height: auto; padding: 0; text-align: center; }
}

@media (min-width: 470.01px) and (max-width: 900px) {
#heading-bullet-sp { font-size: 24px; line-height: 28px; }
}

@media (max-width: 470px) {
#heading-bullet-sp { display: none; }
#heading-sp { flex-basis: 100%; height: auto; padding: 0; text-align: center; }
}

@media (min-width: 440.01px) and (max-width: 900px) {
#heading-bullet-pre { font-size: 24px; line-height: 28px; }
}

@media (max-width: 440px) {
#heading-bullet-pre { display: none; }
#heading-pre { flex-basis: 100%; height: auto; padding: 0; text-align: center; }
}

@media (min-width: 360.01px) and (max-width: 900px) {
#heading-bullet-qms { font-size: 24px; line-height: 28px; }
}

@media (max-width: 360px) {
#heading-bullet-qms { display: none; }
#heading-qms { flex-basis: 100%; height: auto; padding: 0; text-align: center; }
}

@media (max-width: 551px) {
.cu-text-2 { flex-basis: 100%; }
}

@media (max-width: 500px) {
#services-graphic { display: none; }
}