html{
font-size: 62.5%;
scroll-behavior: smooth;
scroll-padding-top: 6rem;
}
.accordianBullets4{
font-family: "robotocondensed";
font-size: calc(1rem + 1vw);
font-weight: bold;
color: skyblue;
margin-left: 1rem;
}
.accordianBullets5{
font-family: "robotocondensed";
font-size: calc(1rem +1vw);
font-weight: bold;
color: skyblue;
margin-left: 1rem;
}
.accordianText5{
font-family: "robotocondensed";
font-size: calc(1rem + 1vw);
font-weight: bold;
color: black;
}
.accordianText6{
font-family: "robotocondensed";
font-size: calc(1.2rem + 1vw);
font-weight: bold;
color: black;
}
#transsol_logo2{
width: 180px;
height: 81px;
}
#accurate{
width: 32px;
height: 32px;
margin-right: 3rem;
margin-left: 3rem;
}
#beware{
width: 32px;
height: 38px;
margin-right: 3rem;
margin-left: 3rem;
}
#bottomUp{
width: 265px;
height: 292px;
}
#costBenefit{
width: 215px;
height: 185px;
}
#database{
width: 32px;
height: 32.5px;
margin-right: 3rem;
margin-left: 3rem;
}
#document{
width: 32px;
height: 38px;
margin-right: 3rem;
margin-left: 3rem;
}
#document2{
width: 32px;
height: 38px;
margin-right: 3rem;
margin-left: 3rem;
}
#head{
width: 32px;
height: 43px;
margin-right: 3rem;
margin-left: 3rem;
}
#head2{
width: 32px;
height: 43px;
margin-right: 3rem;
margin-left: 3rem;
}
#head3{
width: 32px;
height: 43px;
margin-right: 3rem;
margin-left: 3rem;
}
.home{
display: flex;
flex-direction: column;
justify-content: center;
margin-top: 6rem;
}
#home{
display: flex;
flex-direction: row;
align-items: center;
margin-top: 0.5rem;
justify-content: center;
width: 90%;
}
.ISO{
float: left;
}
#isoCert{
width: 166px;
height: 235px;
}
#jar{
width: 32px;
height: 28px;
margin-right: 3rem;
margin-left: 3rem;
}
#logo{
margin: auto;
float: left;
width: 105px;
height: 45px;
}
.logo2{
display: flex;
justify-content: center;
align-items: center center;
}
.mission{
text-align: center;
font-size: calc(1.8rem + 1vw);
text-decoration-line: none;
margin: 1rem auto;
}
nav{
display: none;
margin: 0 0 0 2rem
}
.navLogo{
display: flex;
justify-content: center;
}
.nav-titles{
display: flex;
}
.nav-ul{
display: flex;
flex: 1 1 20rem;
list-style: none;
justify-content: space-around;
align-items: center;
font-family: "robotocondensed", sans-serif;
width: 100%;
text-decoration: none;
margin: auto;
padding-top: 1rem;
padding-right: 5%;
}
nav ul li{
justify-content: space-around;
}
.navigation{
font-family: "robotocondensed" sans-serif;
font-style: normal;
font-weight: 200;
font-size: calc(1rem + 1vw);
text-decoration: none;
color: #99ccff;
}
.navigation-grey{
font-family: "robotocondensed" sans-serif;
font-style: normal;
font-weight: 200;
font-size: calc(1rem + 1vw);
text-decoration: none;
color: darkgrey;
}
#noCalc{
width: 32px;
height: 32.5px;
margin-right: 3rem;
margin-left: 3rem;
}
#notaLot{
width: 295px;
height: 173px;
margin-right: 5rem;
margin-left: 5rem;
}
#racomlogo{
width: 315px;
height: 104px;
}
#RCMvideo{
width: 500px;
height: 253px;
outline: none;
border: none;
}
#RDTvideo{
width: 500px;
height: 253px;
outline: none;
border: none;
}
#reviewGroup{
width: 215px;
height: 130px;
}
#reviewGroup2{
width: 215px;
height: 210px;
}
#RDTprocess{
width: 260px;
height: 154px;
}
.sectionHead{
font-family: "monterat", sans-serif;
font-size: 4rem;
font-style: normal;
font-weight: bold;
text-align: center;
align-items: center;
padding: 1rem;
color: #74a5f5;
}
.sectionText{
font-family: "robotocondensed", sans-serif;
font-size: 2rem;
font-weight: bold;
margin-top: 1rem;
margin-left: 2rem;
}
#sixstep{
width: 266px;
height: 138px;
}
.strapline{
font-family: "robotocondensed", sans-serif;
font-size: 2rem;
font-weight: bold;
margin-top: 1rem;
text-align: center;
}
.submit_button {
width: 20%;
margin: 1rem auto 1rem auto;
font-family: "robotocondensed";
font-style: bold;
font-weight: 200;
font-size: 1rem;
height: 3rem;
}
.textBullets{
margin: 0rem 0rem 0rem 4rem;
font-family: "robotocondensed", sans-serif;
font-size: 1.5rem;
margin-bottom: 1rem;
}
.textIndent1{
margin: 0rem 0rem 0rem 4rem;
font-family: "robotocondensed", sans-serif;
font-size: calc(1rem + 1vw);
margin-top: 0.5rem;
}
.textIndent2{
margin: 0rem 0rem 0rem 5rem;
font-family: "robotocondensed", sans-serif;
font-size: calc(1rem + 1vw);
margin-top: 0.2rem;
}
.textIndent3{
margin: 0rem 0rem 0rem 6rem;
font-family: "robotocondensed", sans-serif;
font-size: calc(1rem + 1vw);
margin-top: 0.2rem;
}
.textBulletsQMS{
margin-left: 17rem;
font-family: "robotocondensed", sans-serif;
font-size: calc(1rem + 1vw);
margin-bottom: 2rem;
}
.text{
font-family: "robotocondensed", sans-serif;
font-size: calc(0.8rem + 1vw);
margin-left: 1rem;
padding-right: 1rem;
}
.textBullets3{
margin: 0rem 0rem 0rem 3rem;
font-family: "robotocondensed", sans-serif;
font-size: calc(0.8rem + 1vw);
}
.navigationBurger{
list-style: none;
font-family: "robotocondensed";
text-decoration: none;
font-style: normal;
font-weight: 200;
font-size: calc(1rem + 1vw);
color: #99ccff;
justify-content: space-around;
}
.navigation-greyBurger{
list-style: none;
font-family: "robotocondensed";
text-decoration: none;
font-style: normal;
font-weight: 200;
font-size: calc(1rem + 1vw);
color: darkgray;
justify-content: space-around
}
.navBurger{
display: flex;
padding: 1rem 0 1rem 1rem;
flex: 1 1 2rem;
width: 100%;
margin: 0 0 0 0;
text-decoration: none;
justify-content: space-around;
}
.burgerIcon{
display: block;
justify-content: space-between;
align-items: center;justify-content: space-around;
gap: 10px;
}
.bar{
display: block;
width: 25px;
height: 3px;
margin: 5px auto;
background-color: #99ccff;
}
.navBurgerList{
position: fixed;
left: -100%;
width: 100%;
text-align: center;
transition: 0.5s;
background-color: white;
}
.navBurgerList.active{
left: 0%;
}
.nav-ul-burger{
display: flex;
flex-direction: column;
list-style: none;
justify-content: space-around;
align-items: left;
font-family: "robotocondensed", sans-serif;
font-size: 1.5rem;
width: 100%;
text-decoration: none;
margin: 0 auto 0 2rem;
padding-top: 0.5rem;
}
.hamburger{
display: block;
cursor: pointer;
}
.hamburger.active .bar:nth-child(2){
opacity: 0;
}
.hamburger.active .bar:nth-child(1){
transform: translateY(8px) rotate(45deg);
}
.hamburger.active .bar:nth-child(3){
transform: translateY(-8px) rotate(-45deg);
}
#valueAdd{
width: 295px;
height: 173px;
margin-right: 5rem;
margin-left: 5rem;
}
#verified{
width: 32px;
height: 35px;
margin-right: 3rem;
margin-left: 3rem;
}