/* About page CSS */
.aboutContent{
    width: 100%;
    color: #ffffffff;
    font-weight: bolder;
}

.aboutContent h1{
    font-size: max(40pt, 7vw);
    text-align: center;
    margin: 0px;
    padding: 2vw;
    /*text-shadow: 2px 5px #74c48c99;*/
}
.aboutContent p{
    margin-left: auto;
    margin-right: auto;
    width: 95%;
    text-align: left;
    padding: 1vw;
    font-size:  max(20pt, 2vw);
    font-weight: bolder;
}


/* END About Page CSS*/

/* Legacy CSS for service page that no longer exists
#Services{
    width: 99%;
    margin: auto;
    margin-bottom: 10px;
    border-radius: 7px;
    padding:0px 4px 20px 4px;
    color: #ffffffff;
    display:flow-root;
    
}
#Services img{
    width: 30%;
    box-shadow: 0px 0px 3px 3px hsla(0, 0%, 0%, 0.6);
}
#Services p{
    width: 69%;
    color: black;
}
#Services h1{
    font-weight: bolder;
    width: 100%;
    float:inline-start;
    text-shadow: 0px 0px 3px hsla(0, 0%, 0%, 0.6); 
}
#Services div{
    width: 100%;
}

#Services .serviceContainer{
    border: ridge 3px hsla(0, 0%, 100%, 0.6);
    border-radius: inherit;
    position: relative;
    left: -4%;
    padding: 4%;
    margin: 0px;
    background: hsla(0, 0%, 100%, 0.6);
    box-shadow: 0px 0px 3px 3px hsla(0, 0%, 100%, 0.6);
    display: inherit;
    width: 100%;
}

#csdContent {
    width: 100%;
    display: inherit;
}
#csdContent img{
    float: left;
}
#csdContent p{
    float: right;
}

#softwareIntegration{
    top: 10px;
}
#swiContent{
    display: inherit;
    width:100%;
}
#swiContent img{
    float: right;
}
#swiContent p{
    float: left;

}
#technologyEfficiencyEvaluation{
    top: 20px;
}
#teeContent{
    display: inherit;
    width: 100%;

}
#teeContent img{
    float: left;
}
#teeContent p{
    float:right;
}
#ourProcess{
    top: 30px;
}

*/
/* CSS for the each services page items */
.contactButton{
    width: 80%;
    margin: auto;
    padding: 0px;
    text-align: center;
    border-radius: 100vw;
    border: 3px solid transparent;
    background:
        linear-gradient(#e5e5e5) padding-box,
        conic-gradient(#7914b0ff,#7e2790) border-box;
    
}
.serviceContent{
    /*
    background:
    linear-gradient(#7914b0b3,#74c48c99);
    height: 100vh;
    */
    width: 100vw;
    color:#ffffffff;
    
}
.serviceContent img{
    width: 100%;
    box-shadow: 0px 0px 3px 3px hsla(0, 0%, 0%, 0.6);
}
.contactButton .contactButtonLink{
    width: 100%;
    text-decoration: none;
    color: #7914b0ff;
    font-weight: bolder;
    display: block;
    font-size: max(20pt, 7vh);
}

.contactButton:hover .contactButtonLink{
    color: #ffffffff;
}
.contactButton:hover{
    background:
        linear-gradient(#2f2731) padding-box,
        conic-gradient(#7e2790,#7914b0ff) border-box;
}
.descriptionContainer {
    width: 100%;
    padding: 3%;
}
.descriptionContainer .fLeft{
    display: inline-block;
    width: 60%;
    padding: .25vw;
}
.descriptionContainer .fRight{
    display: inline-block;
    width: 34%;
    padding: .25vw;
}
.descriptionContainer h1{
    font-size: max(40pt, 7vw);
    margin: 0px;
    padding: 0px;
    text-shadow: 2px 5px #74c48c99;
}
.descriptionContainer ul {
    padding-bottom:
}
.descriptionContainer li {
    padding: 1vh;
}
.descriptionContainer h2{
    margin: 0px;
    padding: 0px;
}
.descriptionContainer ul p{
    font-size:  max(12pt, 1vw);
    padding: 0px;
    margin: 0px;
    font-weight: bolder;
}
.descriptionContainer .desText p{
    font-size:  max(14pt, 1vw);
    font-weight: bolder;
    /*text-shadow: 2px 2px #000;*/
}
.processLinkContainer{
    border-radius: 100vw;
    float: right;
    width: 30%;
    text-align: center;
    border: 3px solid transparent;
    background:
        linear-gradient(#e5e5e5) padding-box,
        conic-gradient(#7914b0ff,#7e2790) border-box;
}
.processLinkContainer .processLink{
    text-decoration: none;
    color: #7914b0ff;
    font-weight: bolder;
    display: block;
    font-size: max(14pt,1.5vw);
}
.processLinkContainer:hover .processLink{
    color: #ffffffff;
}
.processLinkContainer:hover{
    background:
        linear-gradient(#2f2731) padding-box,
        conic-gradient(#7e2790,#7914b0ff) border-box;
}

/* END SERVICE PAGES CSS */