.details{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 160px;
}
.supportingDoc{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 2vw;
    margin-top: 20px;
}
.borderSupport{
    height: 10vw;
    width: 100%;
    border: 1px solid grey;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.borderSupport:hover{
    height: 10vw;
    width: 100%;
    border: 1px solid rgb(90, 87, 87);
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transition:0.5s ease-out;
}
#fileImage{
    font-size: 40px;
    text-align: center;

}
#fileImage:hover{
    font-size: 40px;
    text-align: center;
    color: rgb(90, 87, 87);
    transition:0.5s ease-out;
}


h2{ 
    color:  rgba(15, 15, 77, 0.875); 
} 
#form { 
    text-align: center; 
    position: relative; 
    margin-top: 20px;
    background-color:transparent;
} 
  
#form fieldset { 
    background: white; 
    border: 0 none; 
    border-radius: 0.5rem; 
    box-sizing: border-box; 
    width: 100%; 
    margin: 0; 
    padding-bottom: 20px; 
    position: relative
} 
  
.finish { 
    text-align: center
} 
  
#form fieldset:not(:first-of-type) { 
    display: none
} 
  
#form .previous-step, .next-step { 
    width: 100px; 
    font-weight: bold; 
    color: white; 
    border: 0 none; 
    border-radius: 0px; 
    cursor: pointer; 
    padding: 10px 5px; 
    margin: 10px 5px 10px 0px; 
    float: right
} 
  
.form, .previous-step { 
    background: #616161; 
} 
  
.form, .next-step { 
    background:  rgba(15, 15, 77, 0.875); 
} 
  
#form .previous-step:hover, 
#form .previous-step:focus { 
    background-color: #000000
} 
  
#form .next-step:hover, 
#form .next-step:focus { 
    background-color:  rgba(15, 15, 77, 0.875)
} 
  
.text { 
    color:  rgba(15, 15, 77, 0.875); 
    font-weight: normal;
    z-index: 1;
} 
  
#progressbar { 
    margin-bottom: 60px; 
    overflow: hidden; 
    color: lightgrey;
    z-index: -100;
} 
  
#progressbar .active { 
    color: #2f5c8d
} 
  
#progressbar li { 
    list-style-type: none; 
    font-size: 15px; 
    width: 25%; 
    float: left; 
    position: relative; 
    font-weight: 400
} 
  
#progressbar #step1:before { 
    content: "1";
    width:40px;
    height: 40px;
} 
  
#progressbar #step2:before { 
    content: "2";
    width:40px;
    height: 40px;
} 
  
#progressbar #step3:before { 
    content: "3";
    width:40px;
    height: 40px;
} 
  
#progressbar #step4:before { 
    content: "4";
    width:40px;
    height: 40px;
} 
#progressbar #step5:before { 
    content: "5";
    width:40px;
    height: 40px;
}
#progressbar #step6:before { 
    content: "6";
    width:40px;
    height: 40px;
}
#progressbar #step7:before { 
    content: "7";
    width:40px;
    height: 40px;
}
.wrapStep{
    flex-wrap: wrap;
}
#adjustProgress{
    width: 100%;
}
  
#progressbar li:before { 
    width: 50px; 
    height: 50px; 
    line-height: 45px; 
    display: block; 
    font-size: 20px; 
    color: #ffffff; 
    background: lightgray; 
    border-radius: 50%; 
    margin: 0 auto 10px auto; 
    padding: 2px
} 
  
#progressbar li:after { 
    content: ''; 
    width: 100%; 
    height: 2px; 
    background: lightgray; 
    position: absolute; 
    left: 0; 
    top: 25px; 
    z-index: -1
} 
  
#progressbar li.active:before, 
#progressbar li.active:after { 
    background:  rgba(62, 62, 245, 0.875)
} 
  
.progress { 
    height: 20px;
    background-color: transparent; 
} 
  
.progress-bar { 
    background-color:  rgba(15, 15, 77, 0.875)
}

#modalC{
    background-color: white !important;
}
#textAreaR{
    width: 30vw;
    height: 200px;
   
    border-radius: 10px;
    padding: 10px;
}
#colArrange{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 20vw;
}
#sButton{
    width: 100%;
}
#exampleModalLabel1{
    width: 30%;
    position: relative;
    left: 0%;
}
.majorDiv{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
}
#imagePdf{
background-color: #3B71CA;
border-radius: 100%;
border: none;
height: 70px;
width: 70px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
#filePic{
font-size: 30px;
color: whitesmoke;
}
#annualBudgetSpendings{
   display: block;
}
#alignS{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}