*{
    box-sizing: border-box;
}
.wrapper{
    border: 5px red dotted;
    margin-inline: auto;
    max-inline-size: 1000px;
    /* max-inline-size: 65rem; */
 }
  .wrapper{
   /* width: 1000px;
    justify-content: center;
    margin-inline: auto;
    margin-block: auto;
    border: #eb2c2c dotted 3px;*/
} 
html{
    font-size: 62.5%;
    /* 10px / 16px = 62.5% */
}
    
img{
    /*display: inline-block;*/
    max-inline-size: 100%;
}
body{
    font-family: Arial, Helvetica, sans-serif;
    /* max-inline-size: 1000px; */
}

main{ 
  
    text-align: center;
     /* margin-inline: 20px; */
     /* background-color: rgb(178, 178, 183); */
} 
h1{
    display: flexbox;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    /*background-color: #a4b9f7; */
     /*padding-block: 8px; */
    /* margin-block-start: 25px; */
    /* margin-block-end: 145px;*/

}
h2{
    text-align: center;
    background-color: #133952;
    font-size: 4rem;
    color: black;
    margin-inline: 350px;
}


H3{
    color: black;
    font-size: 2.5rem;
    margin-block: 0;
}
.nav-bar{
   max-inline-size: 1000px;
    /* background-color: blue; */
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-block-end: 30px;
}
.nav-barTwo{
    /* max-inline-size: 1000px; */
    /* width: 1000px; */
    background-color: rgb(127, 127, 131);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    box-shadow: 7px 7px 14px black;
    /* margin-block-end: 150px; */
}
.nav-barPilot{
    /* max-inline-size: 1000px; */
    /* width: 1000px; */
    background-color: rgb(127, 127, 131);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    box-shadow: 7px 7px 14px black;
    /* margin-block-end: 150px; */
}
footer{
    display: flex;
    max-inline-size: auto;
    background-color: #a4b9f7;
    text-align: center;
    padding-block: 10px;
}
p{
    font-size: 2rem;
    font-family:'Times New Roman', Times, serif;
}
.information_div{
    display: flex;
    font-size: .75rem;
    color: pink;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    justify-content: center;
    row-gap: 45px;
    text-align: center;
    background-color: #c2c4dbdd;
    border: 2px black solid;
    padding-block: 25px;
    margin-block: 50px;

  
 }
.button{
    /* height:auto */
    font-size : 1.5rem;
    color: #86becd;
    /* border: 2px black solid; */
  
}
.button_start{
    background-color: #1b6e06;
    text-align: center;
    font-size: 1 rem;
    color: #86becd;
    border: 4px black solid;
    /* padding-block-end: 5px; */
    /* padding-block-start: 5px; */
    box-shadow: 10px 10px 15px black;

        
}
.button_quote{
    background-color: #5e6365;
    text-align: center;
    font-size: 1.5rem;
    color: #fafdfd;
    border: 4px black solid;
    padding-block-end: 10px;
    padding-block-start: 10px;
    box-shadow: 10px 10px 15px black;
}
.part-number-box{
    font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    color: #3292e7;
    font-size: 40px;
    background-color: rgb(249, 246, 244);
    border:6px #a4b9f7 solid;
    /* padding-block-end: 5px; */
    margin-block-end: 30px;
    margin-inline: 125px;
}
.button_search{
    background-color: #e357fb;
    text-align: center;
    font-size: 2rem;
    color: #fafcfd;
    border: 4px black solid;
    padding-block-end: 2.5rem;
    padding-block-start: 1.4rem;
    margin-block-end: 1.4rem;
    box-shadow: 10px 10px 15px black;

}
.button_multi{
    background-color: #f3cc31;
    text-align: center;
    line-height: 2rem;
    font-size: 2rem;
    color: #86becd;
    border: 4px black solid;
    padding-block-end: 1rem;
    padding-block-start: 10px;
    margin-block-end: 3.2rem;
    margin-block-start: 2rem;
    box-shadow: 10px 10px 15px black;

}
.button_Thrustline{
    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;

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


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

    /* margin-block-start: 200px; */
}
.button_Curbheight{
    background-color: #3e59f4;
    /* width: 300px; */
    text-align: center;
    line-height: 30px;
    font-size: 1.5rem;
    color: #040404;
    border: 6px black solid;
    box-shadow: 16 grey;
    /* padding-inline: 60px; */
    padding-block-end: 30px;
    padding-block-start: 20px;
    margin-block: 10px;
    box-shadow: 10px 10px 15px black;
    /* margin-block-start: 200px; */
}
.button_OrignalAdjuster{
    background-color: #acacae;
    text-align: center;
    line-height: 1.2rem;
    width: 8rem;
    font-size: 1.2rem;
    margin-inline: 1rem;
    color: #040404;
    box-shadow: 10px 10px 15px black;

    border: 1px black solid;
}
.button_OptionalAdjuster{
    background-color: #acacae;
    text-align: center;
    line-height: 1.2rem;
    width: 8rem;
    margin-inline: 1rem;
    font-size: 1.2rem;
    color: #040404;
    border: 1px black solid;
    box-shadow: 10px 10px 15px black;
}

.TextRap{
    font-size: 2rem;

    background-color: transparent;
    /* border: 3px black solid; */
    text-align: center;
    color: rgb(23, 20, 20);
    box-shadow: 2px 2px 2px 3px black;

}
.orderingPageimg{
    height:700px;
}
    
.svg-logo{
    height: 55px;
    background-color: #86becd;
    border-radius: 50%;
}
.diagramUpLift{
    justify-items: center;
    /* box-shadow: 10px 10px 15px black; */
    /* border: black solid 4px; */
    margin-block-start: 20px;
    /* background-color: #86becd; */
}
.diagramUpLiftSmall{
  
    box-shadow: 7px 7px 4px black;
    border: black solid 2px;
    margin-block-start: 10px;
    background-color: transparent;
}
.two_column_layout_ordering{
    /* background-color: #3292e7; */
    display: grid;
    justify-content:center;
    grid-template-columns: 2fr 1fr;
    gap: 4rem;
    text-align:center;
}
.nav-footer{
    width: 1000px;
    /* background-color: blue; */
    display: flex;
    flex-direction: row;
    justify-content:space-around;
    /* margin-block-end: 150px; */
    padding-block: 15px;
}
.partNumberDisplayBox{
    /* width: 1000px; */
  
    display: flex;
    flex-direction:row;
    align-items: center;
    justify-content: center;
    background-color: #e357fb;

}
.partNumberDisplayBox2{
    width: 1000px;
    display: block;
    grid-row: 7;
    grid-column: 8;
    justify-items:flex-start;
    align-items: start;
    background-color: #f3cc31;
}
.changeToText{
    container-type: block;
    font-size: .75rem;
    align-items: center;
     display:flex;
     flex-direction: row;
     justify-content: end;
}
.manufacture{
    text-align: left;
    font-size: .25rem;

}
.inlineButtonDiv{
    display:flex ;
    justify-content: space-evenly;
    /* background-color:rgb(175, 160, 19) ; */
    flex-direction: row;
    gap: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
}
.highLightBox{
    text-align: center;
    width: 240px;
    /* height: 500px; */
    background-color: rgb(255, 136, 0);
   
}
.selection_display{
    display: flex;
    gap: 1.3rem;
    background-color: #f0a758;
    border: rgb(250, 204, 154) solid 4px;
    flex-direction:row;
    justify-content:space-between;
    text-align: center;
    padding-bottom: 12rem;
    box-shadow: 2px 2px 5px 5px black;
}

.slection_TextSet{
    font-size: 1.6rem;
    text-align: center;
    border: 1px;
    padding-inline: 5px;
    align-items: baseline;
  

}
.selection_div{
  
    display: flex;
    text-align: center;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    row-gap: 20px;
    /* max-width: 300px; */
    /* max-height: 700px; */
   margin-top: 25px;
   padding-block-end: 1.5rem;
    background-color: rgb(255, 136, 0);
    border: black solid 6px;
    box-shadow: 10px 10px 15px black;
    
}
.select_thrust_div{
    display: flex;
    text-align: center;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    row-gap: 20px;
    /* max-width: 300px; */
    /* max-height: 700px; */
    margin-top: 25px;
    padding-block-end: 1.5rem;
    background-color: #eb2c2c;
    border: black solid 6px;
    box-shadow: 10px 10px 15px black;

       
}
.select_trans_div{
    display: flex;
    text-align: center;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    row-gap: 20px;
    /* max-width: 300px; */
    /* max-height: 700px; */
   margin-top: 25px;
   padding-block-end: 1.5rem;
    background-color: #8b34cd;
    border: black solid 6px;
    box-shadow: 10px 10px 15px black;
 
    
}
.select_curb_div{
    display: flex;
    text-align: center;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    row-gap: 20px;
    /* max-width: 300px; */
    /* max-height: 700px; */
    margin-top: 25px;
    padding-block-end: 1.5rem;
    background-color: #3e59f4;
    border: black solid 6px;
    box-shadow: 10px 10px 15px black;
}
.navBarButtons{
    font-size: .75rem;
    display:flex;
    flex-direction: row;
    justify-content:right;
    text-align: right;
    /* border: 4px black solid; */
    /* outline: 2px solid #080908; */
    column-gap: .5rem;
    margin-inline: .75rem;
   
}   
    
.form-group{
    font-size: 2.0rem;
    /*display:flex;*/
    flex-direction: row;
    justify-content:center;
    text-align: center;
    /* border: 4px black solid; */
    /* outline: 2px solid #080908; */
    column-gap: .5rem;
    max-width: 12rem;
    margin-inline: 1rem;
   
}   
.form-groupTwo{
    font-size: 1.0rem;
    display:grid;
    flex-direction: column;
    justify-content:right;
    justify-items: center;
    /* text-align: center; */
    /* border: 4px black solid; */
    /* outline: 2px solid #080908; */
    column-gap: .5rem;
    max-width: 60rem;
    margin-inline: .75rem;
   
}   

.input{
     outline-color: var(--clr-success);
}
.input{
    outline-color: var(--clr-error);
}
.shim-attributes-div{
font-size: 3rem;
    display: flex;
    /* grid-template-columns: 1fr 1fr 1fr; */
    text-align: center;
    justify-content: center;
    background-color: #afbece;
    padding-bottom: 20px;
    /*padding-top: 20px;*/
    column-gap: 40px;
   
}
.partNumber-display-div{
    font-size: .4rem;
        display: grid;
       flex-direction: row;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
        text-align: center;
        justify-items:center;
        justify-content:space-between;
        background-color: #1fa34f;
        padding-block-end: 10px;
       // column-gap: 10px; 
        max-inline-size: 1000px;
    }
.text-center{
    display:flexbox;
    flex-direction: column;
    justify-items: center;
    text-align: center;
     /*margin-inline: 14rem; */
     /*margin-block-end: 100px;*/
    /* background-color: #d67940; */
    /* font-size: 1rem; */
    margin-block-start: 1.rem;
  
}
label{
    font-size: .85rem;
}
id{
    font-size: 3rem;
}