*{
    box-sizing: border-box;
}

    
.button_suspension{
    background-color: #7a77d3;
    text-align: center;
    font-size: 2rem;
    color: #070808;
    border: 4px black solid;
    /* padding-block-end: 5px; */
    /* padding-block-start: 5px; */
    box-shadow: 10px 10px 15px black;

}

.button_shimAttributes{
    background-color: #7a77d3;
    text-align: center;
    font-size: 2.5rem;
    color: #070808;
    border: 4px black solid;
    /* padding-block-end: 5px; */
    /* padding-block-start: 5px; */
    box-shadow: 10px 10px 15px black;

}
.button{
    font-size: 2rem;
    border: 4px Black solid;
    /* margin-inline: 35px; */
    /* margin-block-end: 200px; */

}

.eight-column-layout{
    text-align: center;
    color: beige;
    font-size: .75rem;
    background-color: #b173eb;
    border: 3px #ffffff solid ;

}
.global-box{
    font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    text-align: center;
    color: blue;
    font-size: 5rem;
    background-color: #f6c0ae;
    border:5px #a4b9f7 solid;
    margin-block: 3.5rem;
    max-width: 80rem;
    justify-self: center;

}
 .container{
    text-align: center;
   justify-items: center;
    /* background-color: #8caeda; */
  
    margin-block-start: 3rem;

 }

 
.text-center{
    justify-content: center;
    justify-items: center;
    /* width: 1000px; */
    /* margin-inline: 150px; */


}
.text-end{
    text-align: right;
}

.text-center-color-padding{
    font-size: 1.5rem;
    color: #ffffff;
    text-align: center;
    background-color: #6367bb;
    padding-block: 10px;
    border-block-start: 4px black solid;

}
.two-column-layout{
    display: grid;
    max-height: auto;
    justify-content: center;
    text-align: center;
    grid-template-columns: 1fr 1fr;
    padding-bottom: .5rem;
    column-gap: 3rem;
    /* background-color: #6cc6f7; */
    padding-inline-start: 2rem;
    padding-inline-end: 2rem;
}
.two-column-layout-bottom{
    display: flex;
    flex-direction: row;
    /* max-inline-size: auto; */
    /* max-height: auto; */
    justify-content: space-evenly;
    text-align: center;
    margin-inline: 20px;
   grid-template-columns: 1fr 3fr;
    /* padding-bottom: 15px; */
    column-gap: 20px;
     /* background-color: #6cc6f7;  */
    padding-inline-start: 1rem;
    padding-block-end: 1rem;
}
.two-column-layout-bottom2{
    display: flex;
    flex-direction: row;
    /* max-inline-size: auto; */
    /* max-height: auto; */
    justify-content: space-evenly;
    text-align: center;
    margin-inline: 300px;
   grid-template-columns: 1fr 3fr;
    /* padding-bottom: 15px; */
    column-gap: 20px;
     /* background-color: #6cc6f7;  */
    padding-inline-start: 1rem;
    padding-block-end: 1rem;
}

}
    .selectRecord{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-inline: 30px;
    justify-items: baseline;

 }



.firstOfBottom{
    display: flex;
    flex-direction: column;
    justify-content:space-around;
   
}
.three-column-layout{
    text-align: center;
    margin-top: 30px;
    margin-bottom: 10px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 60px
    

 }
 .three-column-layout-exploded{
    text-align: center;
    margin-top: 200px;
    margin-bottom: 10px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 30px;
    margin-inline: 20px
 }
 .three-column-layout-exploded-Pilot{
   
     text-align: center;
     margin-top: 300px;
     margin-bottom: 250px;
     display: grid;
     grid-template-columns: 1fr 1fr;

     gap: 50px;
     margin-inline: 30px
  }

 .three-column-layout2{
    padding-top: 50px;
    padding-bottom: 10px;
    background-color: #6367bb;
    border: #6cc6f7 5px dotted;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    text-align: center;
    gap: 30px;

 }
 .three-column-layout-3pilot{
   font-size: 1.5px;
   text-align: center;
    padding-top: 100px;
    margin-top: 25px; 
    margin-bottom: 10px;
    display: grid;
    grid-template-columns: 3fr 1fr 3fr;
    gap: 30px;
  }
    
    
  .text-wrapper {
    background:rgba(255,255,255,.5);
    padding: 50px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    }
  .text-landing-page-why {
    text-align: center;
    margin-top: 300px;
  }
 
 }
 .Low-opacity-bg-image {
   background-image: url("Images/shutterstock_3193459.jpg");
   background-size: cover;
   background-position: center;
   display: grid;
   place-content: center;
   text-align: center;
   min-height: 500px;
   
   position: relative;
   isolation: isolate;
 }
 .low-opacity-bg-image::aftter{
   content: '';
   position: absolute;
   z-index: -1;
   inset: o;
   background: pink;
   opacity: .5;
   
 }
 .look-up-heading{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px;
 }
 .look-up-boxes{
    background-color: aliceblue;
    color: rgb(140, 146, 153);
    border: 2px black solid;
    text-align:center;
 }
 .look-up-heading{
   text-align: end;
 }
 .look-up-headers{
    color: rgb(16, 16, 15);
    text-align: end;
    gap:10px;
}

 .tableHeader{
   max-width: 65rem;
    /* max-inline-size: 990px; */
    justify-content: space-between;
    text-align: center;
    font-size: 1.1rem;
    background-color: rgb(73, 128, 186);
 }
 .tableRow{
    max-inline-size: 65rem;
    font-size: .9rem; 
    /* background-color: rgb(184, 207, 245); */
    margin-inline: auto;
    justify-content: space-between;
    margin-block-end: 150px;
    /* background-color: #b173eb; */
 
.partNumberBlock{
    width: 970px;
    /* height: 300px; */
    background-color: #c4def3;
    
}
.bg-image {
  outline: 2px solid black;
  padding: 20em;
  background-image: url("../IMG_0666copy.png");
  background-repeat: no-repeat;

  
}
.button_oval {
   background-color: #eb2c2c;
   /* max-width: 300px; */
   text-align: center;
   line-height: 30px;
   font-size: 1.5rem;
   color: #040404;
   border: 6px black solid;
   box-shadow: 16px grey;
   /* padding-inline: 60px; */
   padding-block-end: 30px;
   padding-block-start: 20px;
   margin-block: 10px;
   box-shadow: 10px 10px 15px black;
   
 }