html{
font-size: 62.5%;
scroll-behavior: smooth;
scroll-padding-top: 7rem;
}
#transsol_logo2{
width: 300px;
height: 135px;
}
#accurate{
width: 48px;
height: 48px;
margin-right: 3rem;
margin-left: 3rem;
}
#beware{
width: 48px;
height: 56px;
margin-right: 3rem;
margin-left: 3rem;
}
#bottomUp{
width: 531px;
height: 585px;
}
.btn-blue{
background-color: #99ccff;
color: white;
font-family: "robotocondensed";
font-style: normal;
font-weight: 200;
font-size: calc(1.5rem + 1vw);
text-decoration: none;
text-align: center;
padding: 0.1rem
}
.btn-grey{
background-color: lightgrey;
color: white;
font-family: "robotocondensed";
font-style: normal;
font-weight: 200;
font-size: calc(1.5rem + 1vw);
text-decoration: none;
text-align: center;
padding: 0.1rem;
}
#costBenefit{
width: 429px;
height: 370px;
}
#database{
width: 48px;
height: 49px;
margin-right: 3rem;
margin-left: 3rem;
}
#document{
width: 48px;
height: 56px;
margin-right: 3rem;
margin-left: 3rem;
}
#document2{
width: 48px;
height: 56px;
margin-right: 3rem;
margin-left: 3rem;
}
#head{
width: 48px;
height: 64px;
margin-right: 3rem;
margin-left: 3rem;
}
#head2{
width: 48px;
height: 64px;
margin-right: 3rem;
margin-left: 3rem;
}
#head3{
width: 48px;
height: 64px;
margin-right: 3rem;
margin-left: 3rem;
}
.home{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
#home{
padding: 1rem 0 1rem 0;
justify-content: center;
width: 90%;
margin: 1rem auto;
margin-top: 10rem;
}
.ISO{
float: left;
}
#isoCert{
width: 332px;
height: 469px;
}
#jar{
width: 48px;
height: 42px;
margin-right: 3rem;
margin-left: 3rem;
}
#logo{
margin: auto;
align-items: center;
width: 113px;
height: 50px;
}
.logo2{
display: flex;
justify-content: center;
align-items: center;
}
.mission{
text-align: center;
font-size: calc(3rem + 1vw);
text-decoration-line: none;
width: 90%;
margin: 1.5rem auto;
}
nav{
display: flex;
padding: 2rem 0 0 2rem;
width: 100%;
margin: 0 0 0 2rem;
text-decoration: none;
padding: 1rem;
}
.navLogo{
display: flex;
justify-content: center;
}
.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(1.4rem + 1vw);
text-decoration: none;
color: #99ccff;
}
.navigation-grey{
font-family: "robotocondensed" sans-serif;
font-style: normal;
font-weight: 200;
font-size: calc(1.4rem + 1vw);
text-decoration: none;
color: darkgrey;
}
.navBurger{
display: none;
}
#noCalc{
width: 48px;
height: 49px;
margin-right: 3rem;
margin-left: 3rem;
}
#notaLot{
width: 393px;
height: 230px;
margin-right: 5rem;
margin-left: 5rem;
}
.racom{
display: flex;
justify-content: center;
flex-direction: column;
margin-top: 1rem;
font-family: "robotocondensed";
margin-bottom: 1rem;
height: auto;
}
#racomlogo{
width: 420px;
height: 137px;
}
#reviewGroup{
width: 366px;
height: 221px;
}
#reviewGroup2{
width: 366px;
height: 358px;
}
#RDTprocess{
width: 520px;
height: 308px;
}
#RCMvideo{
width: 600px;
height: 304px;
outline: none;
border: none;
}
#RDTvideo{
width: 600px;
height: 304px;
outline: none;
border: none;
}
.sectionHead{
font-family: "monterat", sans-serif;
font-size: 6rem;
font-style: normal;
font-weight: bold;
text-align: center;
align-items: center;
padding: 1rem;
color: #74a5f5;
}
.sectionText{
font-family: "robotocondensed", sans-serif;
font-size: calc(2rem + 1vw);
font-weight: bold;
margin-top: 1rem;
margin-left: 2rem;
}
#sixstep{
width: 532px;
height: 277px;
}
.strapline{
font-family: "robotocondensed", sans-serif;
font-size: 3rem;
font-weight: bold;
margin-top: 1rem;
margin-left: 2rem;
text-align: center;
}
.submit_button {
width: 20%;
margin: 1rem auto 1rem auto;
font-family: "robotocondensed";
font-style: bold;
font-weight: 200;
font-size: 1.5rem;
height: 3rem;
}
#technologies{
width: 90%;
display: flex;
flex-direction: column;
margin: auto;
background-image: url(images/RAMSTech.png);
background-position: center center;
background-size: cover;
margin-top: 5rem;
}
.text{
font-family: "robotocondensed", sans-serif;
font-size: calc(1rem + 1vw);
margin-left: 2rem;
padding-right: 1rem;
}
.textBullets3{
margin: 0rem 0rem 0rem 4rem;
font-family: "robotocondensed", sans-serif;
font-size:calc(1rem + 1vw);
}
.textBullets{
margin: 0rem 0rem 0rem 6rem;
font-family: "robotocondensed", sans-serif;
font-size: calc(1.5rem + 0.5vw);
margin-bottom: 1rem;
}
.textIndent1{
margin: 0rem 0rem 0rem 6rem;
font-family: "robotocondensed", sans-serif;
font-size: calc(1.5rem + 1vw);
margin-top: 1rem;
}
.textIndent2{
margin: 0rem 0rem 0rem 10rem;
font-family: "robotocondensed", sans-serif;
font-size: calc(1.5rem + 1vw);
margin-top: 1rem;
}
.textIndent3{
margin: 0rem 0rem 0rem 14rem;
font-family: "robotocondensed", sans-serif;
font-size: calc(1.5rem + 1vw);
margin-top: 1rem;
}
.textBulletsQMS{
margin-left: 35rem;
font-family: "robotocondensed", sans-serif;
font-size: calc(1.5rem + 1vw);
margin-bottom: 2rem;
}
#valueAdd{
width: 393px;
height: 230px;
margin-right: 5rem;
margin-left: 5rem;
}
#verified{
width: 48px;
height: 52px;
margin-right: 3rem;
margin-left: 3rem;
}
/* Below are the accordian styles */
.accordion {
background-color: #eee;
color: #444;
cursor: pointer;
padding: 1rem;
border: none;
text-align: left;
outline: none;
font-family: "robotocondensed";
font-size: 2rem;
transition: 0.4s;
}
.active, .accordion:hover {
background-color: #ccc;
}
.accordion:after {
content: '\002B';
font-size: 2rem;
color: #777;
font-weight: bold;
float: right;
margin-left: 2.5rem;
}
.active:after {
content: "\2212";
}
.accordianHeader{
font-family: "robotocondensed";
font-size: 2rem;
font-weight: bold;
}
.accordianText{
font-family: "robotocondensed";
font-size: 1.5rem;
}
.accordianText2{
font-family: "robotocondensed";
font-size: calc(0.8rem + 1vw);
margin-left: 2rem;
}
.accordianUL{
font-family: "robotocondensed";
font-size: 1.5rem;
margin-left: 5rem;
}
.panel {
padding: 0 5px;
display: none;
background-color: white;
overflow: hidden;
}
.accordianText3{
font-family: "robotocondensed";
font-size: calc(0.8rem + 1vw);
}
.accordianText4{
font-family: "robotocondensed";
font-size: calc(0.8rem + 1vw);
font-weight: bold;
color: skyblue;
}
.accordianText5{
font-family: "robotocondensed";
font-size: calc(1.5rem + 1vw);
font-weight: bold;
color: black;
}
.accordianText6{
font-family: "robotocondensed";
font-size: calc(1.8rem + 1vw);
font-weight: bold;
color: black;
}
.accordianBullets1{
font-family: "robotocondensed";
font-size: calc(0.8rem + 1vw);
margin-left: 3rem;
}
.accordianBullets2{
font-family: "robotocondensed";
font-size: calc(0.8rem + 1vw);
margin-left: 2rem;
}
.accordianBullets3{
font-family: "robotocondensed";
font-size: calc(0.5rem + 1vw);
margin-left: 2rem;
}
.accordianBullets4{
font-family: "robotocondensed";
font-size: calc(0.8rem + 1vw);
font-weight: bold;
color: skyblue;
margin-left: 2rem;
}
.accordianBullets5{
font-family: "robotocondensed";
font-size: calc(0.8rem + 1vw);
font-weight: bold;
color: skyblue;
margin-left: 1rem;
}
/* Nested accordion CSS */
.nestedaccordion{
width: 90%;
margin: auto;
display: flex;
flex-direction: column;
}
.accordion2{
background-color: #eee;
color: #444;
cursor: pointer;
padding: 1rem;
border: none;
text-align: left;
outline: none;
font-family: "robotocondensed";
font-size: 1.8rem;
transition: 0.4s;
width: 100%
}
.active, .accordion2:hover {
background-color: #ccc;
}
.accordion2:after {
content: '\002B';
font-size: 2rem;
color: #777;
font-weight: bold;
float: right;
margin-left: 2.5rem;
}
.active:after {
content: "\2212";
}
.panel2 {
padding: 0 5px;
display: none;
background-color: white;
overflow: hidden;
}