.breadcrumbContainer {
  background-color: #D4AF37;
  padding: 5px 0px;
  align-items: center;
  margin-bottom: 20px;
}
.breadcrumbContainer .breadcrumb {
  margin: 0; /* remove default margin */
  color: white;
  font-size: 14px !important;
}
.breadcrumbContainer .breadcrumb .breadcrumb-item:first-child a {
  color: #dadada !important;
}

.breadcrumbContainer .breadcrumb a,
.breadcrumbContainer .breadcrumb .breadcrumb-item {
  color: white !important;
  text-decoration: none;
}

.breadcrumbContainer .breadcrumb .breadcrumb-item::before {
  color: white !important; /*  ">" separator */
}
.breadcrumb {
  --bs-breadcrumb-divider: ">";
}




/* application details css  */
.appDetailsContainer {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;

  /* padding-top: 50px; */
}
.appDetailsHeader {
  display: flex;
  justify-content: space-between;
}
.appDetailsLeft > :first-child {
  color: #2e2e2e;
  font-size: 32px;
  font-weight: 500;
  margin-bottom: 10px;
}
.appDetailsLeft > :last-child {
  color: #737373;
  font-size: 16px;
  font-weight: 500;
}
.appDetailsRight > :first-child {
  color: #737373;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 10px;
}
.appDetailsRight > :last-child span{
  color: #D4AF37;
  font-size: 20px;
  font-weight: 600;
  margin-right: 5px;
}
.appDetailsRight > :last-child s{
 color: #9f9f9f;
  font-size: 14px;
  font-weight: 500;
}
/* strike{
  color: #9f9f9f;
  font-size: 14px;
  font-weight: 500;
} */
.appDetailsGrid {
  display: grid;
  grid-template-columns: repeat(2, 6fr);
  gap: 20px;
  padding: 30px 0px;
 
}
.appDetailsImg {
  width: 500px;
  height: 500px;
 
}
.appDetailsImg img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.appDetailsSubImg {
  width: 500px;
  display: flex;
  flex-wrap: nowrap;
  overflow: auto;
  gap: 10px;
  scrollbar-width: none;
}
.appDetailsSubImg img {
  width: 100px;
  height: 100px;
  object-fit: contain;
}
.appDescriptionContainer {
  background-color: white;
  border: 1px solid #dadada;
  padding: 30px;
  border-radius: 10px;
  margin-bottom: 30px;
  width: 100%;
}

.appDescriptionContainer > :first-child {
  color: #2e2e2e;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 15px;
}
.appDescriptionContainer > :nth-child(2) {
  color: #737373;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 15px;
}
.appDescGrid {
  display: grid;
  grid-template-columns: repeat(3, 4fr);
  gap: 20px;
}
.appDescContent span {
  display: block;
  gap: 10px;
}
.appDescContent > :first-child {
  color: #737373;
  font-size: 14px;
  font-weight: 500;
}
.appDescContent > :last-child {
  color: #2e2e2e;
  font-size: 18px;
  font-weight: 500;
}
.appFeatureContainer {
  background-color: white;
  border: 1px solid #dadada;
  padding: 30px;
  border-radius: 10px;
  margin-bottom: 15px;
  width: 100%;
}
.appFeatureContainer > :first-child {
  color: #2e2e2e;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 15px;
}
.keyfeaturesList {
  list-style: none;
  color: #737373;
  font-size: 16px;
  font-weight: 500;
}
.keyfeaturesList li {
  margin-bottom: 20px;
}


.btnApplyBid button{
    background-color:#D4AF37;
    font-size: 14px;
    color: white;
    padding: 5px;
    border-radius: 5px;
    width: 100%;
    border: none;
    
}
@media screen and (max-width:992px){
  .appDetailsHeader{
    display: grid;
    grid-template-columns: 12fr;
  }
  .appDetailsGrid{
     display: grid;
    grid-template-columns: 12fr;
     align-items: center;
  justify-content: center;
  justify-items: center;
  }
 
}
@media screen and (max-width: 776px) {


  .appLeft {
    display: grid;
    grid-template-columns: 12fr;
  }
  .appCard {
    display: grid;
    grid-template-columns: 12fr;
    gap: 10px;
  }
  .appRight button {
    width: 100%;
  }
 
.appDescGrid{
  display: grid;
  grid-template-columns: 12fr;
}
.appStatusGrid {
   display: grid;
  grid-template-columns: 12fr;
  gap: 10px;
}
}
@media screen and (max-width: 556px) {

  .appLeftContent > :first-child {
    font-size: 16px;
  }
  .appLeftContent > :nth-child(2) {
    font-size: 14px;
  }
  .appLeftContent > :nth-child(3) {
    font-size: 14px;
  }
  .appLeftContent > :last-child {
    font-size: 14px;
  }
  .appRightPrice > :first-child {
    font-size: 18px;
  }
  .appRight button {
    font-size: 14px;
  }
 

  .appDetailsLeft > :first-child{
    font-size: 25px;
  }
  .appDetailsRight > :last-child span {
    font-size: 18px;
  }
  .appDescriptionContainer > :first-child{
    font-size: 18px;
  }
  .appDescriptionContainer > :nth-child(2){
    font-size: 14px;
  }
   .appDescContent > :last-child{
    font-size: 16px;
  }
  .appDescriptionContainer{
    padding: 20px;
  }
  .appStatusSub{
    padding: 10px;
  }
  .appFeatureContainer{
    padding: 20px;
  }
  .appFeatureContainer > :first-child{
    font-size: 18px;
  }
   .keyfeaturesList{
    font-size: 14px;
  }
 .btnApplyBid button{
font-size: 14px;
    
}
  

 
}
@media screen and (max-width: 456px) {

  
  .appRightPrice > :first-child {
    font-size: 16px;
  }

   .appDetailsLeft > :first-child{
    font-size: 20px;
  }
  .appDetailsLeft > :last-child {
    font-size: 14px;
  }
   .appDetailsRight > :last-child span {
    font-size: 16px;
  }
  .appDetailsRight > :last-child strike{
    font-size: 12px;
  }
  .appDescriptionContainer > :first-child{
    font-size: 16px;
  }
  .appDescriptionContainer > :nth-child(2){
    font-size: 12px;
  }
  .appDescContent > :first-child {
    font-size: 12px;
  }
  .appDescContent > :last-child{
    font-size: 14px;
  }
  .appFeatureContainer > :first-child{
    font-size: 16px;
  }
  .keyfeaturesList{
    font-size: 12px;
  }
  .appStatusContenetComplete > :first-child{
    font-size: 14px;
  }
  .appStatusContenetComplete > :last-child {
    font-size: 12px;
  }
  .appStatusContenetPending > :first-child {
    font-size: 14px;
  }
  .appStatusContenetPending > :last-child{
    font-size: 12px;
  }
  .appDetailsImg{
    width: 300px;
    height: 300px;
  }
  .appDetailsSubImg {
    width: 300px;
    overflow: auto;
  }
}
.completedFeatures{
    margin-top:12px;
}

.completedFeatureItem{
    font-size:13px;
    color:#555;
    border-left:3px solid #3c2b8f;
    padding-left:10px;
    margin-bottom:6px;
}