.digages-trybebox-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100% !important;
  }
  
  .digages-trybebox-campaign {
    flex: 2;
    margin-right: 48px;
  }
  
  .digages-trybebox-title { 
    margin-bottom: 32px;
    font-weight: 700;
    font-size: 48px;
    line-height: 56px;
    color: #1E1E1E;
    padding-right: 400px;
    margin-top: 120px;

  }
  
  .digages-trybebox-media {
    position: relative;
  }
  
  .digages-trybebox-main-image {
    position: relative;
    text-align: center !important;
    background-color: #f9f9f9;
    border-radius: 8px;
  }
  
  .digages-trybebox-main-image img {
    width: 100%;
    border-radius: 8px;
    height: 423px;
    object-fit:cover;
  }
  
  
  
  .digages-trybebox-thumbnails {
    display: flex;
    gap: 10px;
    margin-top: 10px;
  }
 
  .digages-trybebox-thumbnails img {
    width: 128px;
    height: 72px;
    object-fit: cover;
    border-radius: 6px;
    cursor: pointer;
  }
   

  
  .digages-trybebox-description {
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    color: #1E1E1E;
  }
  
  .digages-trybebox-donation-box {
    border-radius: 8px;
    box-shadow: 2px 2px 32px 2px rgba(0, 0, 0, 0.1);
    max-width: 352px;
    flex: 1;
    height: auto;
    position: sticky;
    top: 194px;
    align-self: flex-start;
    max-height: calc(100vh - 40px);
    overflow-y: hidden;

  }
  
  .digages-trybebox-donation-box2 {
    display: flex;
    flex-direction: column;
  }
  
  
  
.trybebox-reg-middle-button2
{
      align-items: center !important; 
      background: var(--btn-accented-bgcolor) !important;
      border-radius: var(--btn-accented-brd-radius) !important;
      color: var(--btn-accented-color) !important;
      box-shadow: var(--btn-accented-box-shadow) !important;      
      text-transform: var(--btn-accented-transform, var(--btn-transform)) !important;
      font-weight: var(--btn-accented-font-weight, var(--btn-font-weight)) !important;
      font-family: var(--btn-accented-font-family, var(--btn-font-family)) !important;
      font-style: var(--btn-accented-font-style, var(--btn-font-style)) !important;
      width: 100%;
      margin-bottom: 24px;
}

.trybebox-reg-middle-button-pay-complete
{
display: flex !important;
justify-content: center !important;
align-items: center !important;
padding: 12px 24px !important;
gap: 10px !important;
width: 100% !important;
height: 48px !important;
background: #111111 !important;
border-radius: 24px !important;
font-style: normal !important;
font-weight: 600 !important;
font-size: 15px !important;
line-height: 16px !important;
color: #FFFFFF !important;
text-transform: none !important;
}

.trybebox-reg-middle-button-whatsapp
{
display: flex !important;
justify-content: center !important;
align-items: center !important;
padding: 12px 24px !important;
gap: 10px !important;
width: 100% !important;
height: 48px !important;
background: #06BA45 !important;
border-radius: 24px !important;
font-style: normal !important;
font-weight: 600 !important;
font-size: 15px !important;
line-height: 16px !important;
color: #FFFFFF !important;
text-transform: none !important;
margin-top: 16px !important;
}

.trybebox-reg-middle-input
{
margin-bottom: 24px;

}


.digages-trybebox-progress-container2 {
  width: 100%;
  max-width: 288px;
  overflow: hidden;
  padding: 0px;
  height: 4px;
  background: #F0F0F1;
  border-radius: 8px;
}

.digages-trybebox-progress-bar2 {
  text-align: center;
  transition: width 0.5s ease;
  height: 4px;
  background: #F45EAC;
  border-radius: 4px 0px 0px 4px;
}

.digages-trybebox-progress-container {
    width: 100%;
    max-width: 288px;
    overflow: hidden;
    padding: 0px;
    height: 8px;
    background: #F0F0F1;
    border-radius: 8px;
  }

  .digages-trybebox-progress-bar {
    text-align: center;
    transition: width 0.5s ease;
    height: 8px;
    background: #F45EAC;
    border-radius: 4px 0px 0px 4px;
  }
 
  .digages-trybebox-donors-box
  {
    display: flex;
    flex-direction: column;
    gap: 24px;
    border-bottom: 2px solid #F0F0F1; 
    padding: 32px;
  }
  .digages-trybebox-donors-box2
  {
    display: flex;
    flex-direction: column;
    gap: 24px; 
    padding: 32px;
    padding-top: 24px !important;
  }

  .digages-trybebox-donors-raised
  {
    display: flex;
    flex-direction: column;
    gap: 16px;
    color: #1E1E1E;
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 28px;
  }

  
.digages-trybebox-donors-target
{
    display: flex;
    gap: 16px;
    align-items:center;
}

.digages-trybebox-donors-target-item
{
    display: flex;
    flex-direction: column;
    gap: 6px;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;  
    color: #1E1E1E;
}

.digages-trybebox-donors-target-item-txt
{
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 20px;
color: #1E1E1E;
}

.digages-trybebox-author-container
{
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
margin-top: 32px;
margin-bottom: 24px;
background: #F6F7F7;
border-radius: 8px;
}
.digages-trybebox-author-container-inner
{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: #1E1E1E;
    padding: 20px;
    flex: 1;
}
.digages-trybebox-author-container-innerborder
{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: #1E1E1E;
    padding: 20px;
    flex: 1;
    border-right: 1px solid #DCDCDE;
}

.digages-trybebox-author-container-item
{
    display: flex;
    gap: 20px;
    align-items: center;  
}

.digages-trybebox-author-container-item-img
{
width: 56px;
height: 56px;
border-radius: 50%;
}
.digages-trybebox-author-container-itemtxtcont
{
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #646970;
}

.digages-trybebox-author-container-itemtxt
{
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 24px;
color: #1E1E1E;
}
 
.campaign-carousel
{
    display: -webkit-inline-box;
    gap: 20px;
    overflow-x: hidden; 
}

.digages-trybebox-carousel-nav
{
    display: flex;
    justify-content: space-between;
}

.carousel-prev
{  
width: 40px !important;
height: 40px !important;
background: #FFFFFF !important;
border: 1px solid #EBEDEF !important;
border-radius: 50% !important;
margin-top: -55px !important;
margin-left: 30px;
box-shadow: 1px 1px 30px 30px rgb(255 255 255 / 30%);
color: #8C8F94 !important;
}

.carousel-next
{  
width: 40px !important;
height: 40px !important;
background: #FFFFFF !important;
border: 1px solid #EBEDEF !important;
border-radius: 50% !important;
margin-top: -55px !important;
margin-right: 30px;
box-shadow: 1px 1px 30px 30px rgb(255 255 255 / 30%);
color: #8C8F94 !important;
}

.page-title
{
    display: none !important;
}

.digages-campaign-list
{
    display: flex; 
    flex-wrap: wrap; 
    gap: 21px; 
}

.digages-campaign-card-item
{
    display: flex;
    flex-direction: column;  
    width: 170px;
    max-height: 176px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #1E1E1E; 
    margin-bottom: 20px;
}

.digages-campaign-card-item img
{
width: 170px;
height: 96px;
border-radius: 8px;
object-fit: cover;
margin-bottom: 8px;
}

.digages-campaign-card-item-txt
{
font-weight: 600;
font-size: 14px;
line-height: 16px;
color: #1E1E1E;
margin-top: 6px;
margin-bottom: 6px;
}

.mobcallin
{
    display: none;
}
.digages-campaign-card
{
    margin-left: auto;
    margin-right: auto;
}


@media (max-width: 767px) 
{
  
.digages-trybebox-author-container
{
  display: none !important;
}

    .mobcallin
{
    display: block;
}

.campaign-carousel
{
    overflow-x: auto; 
}

.digages-trybebox-donors-target-item
{
    display: flex;
    flex-direction: column;
    gap: 6px;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;  
    color: #1E1E1E;
}

.digages-trybebox-donation-box
{
    display: none;
}

.digages-trybebox-title
{
    display: none;
}
.digages-trybebox-title2
{
font-weight: 700;
font-size: 28px;
line-height: 36px;
color: #1E1E1E;
margin-top: 32px;
}


.digages-trybebox-donors-box
{
  display: flex;
  flex-direction: column;
  gap: 18px;
  border: 1px solid #EBEDEF; 
  padding: 24px !important;
  border-radius: 8px;
  margin-top: 20px;
}

.digages-trybebox-donors-box2
{
padding: 0px;
}

.digages-trybebox-donors-target
{  
    gap: 12px !important;
    font-weight: 400;
    font-size: 18px;
    line-height: 20px;
    color: #1E1E1E;
}

.digages-trybebox-campaign
{
    margin-right: 0px;
}
.digages-trybebox-container
{
    padding: 16px;
}


.carousel-prev, .carousel-next
{  
    display: none;
}

.digages-trybebox-author-container
{
    margin-top: 8px !important;
}



.digages-campaign-card
{
    width: 170px !important;
}
.digages-campaign-card-item img
{
    width: 170px !important;
}
.digages-campaign-card-item
{
    width: 170px !important;
}


}

@media (min-width: 768px) 
{
.digages-campaign-card
{
    width: 170px;
}
.digages-campaign-card-item img
{
    width: 170px;
}
.digages-campaign-card-item
{
    width: 170px;
}

}



@media (max-width: 390px) 
{
    .digages-campaign-card
    {
        width: 150px !important;
    }

    .digages-campaign-card-item
{
    width: 150px !important;
}

.digages-campaign-card-item img
{
width: 150px !important;
}

}


@media (max-width: 320px) 
{
    .digages-campaign-card
    {
        width: 130px !important;
    }

    .digages-campaign-card-item
{ 
    width: 130px !important; 
}

.digages-campaign-card-item img
{
width: 130px !important;
}

}

.digages-trybebox-description-container
{
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.digages-trybebox-description-title
{
font-style: normal;
font-weight: 700;
font-size: 24px;
line-height: 32px;
color: #1E1E1E;
}

.digages-listing-camp-features {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.digages-listing-feature-item {
    flex: 1 1 100%; /* Default: full width */
    margin-bottom: 5px;
}

/* For screens wider than 768px: two columns */
@media (min-width: 768px) {
    .digages-listing-feature-item {
        flex: 1 1 45%;
    }
}

.digages-listing-green
{
  color: #22AD80;
  margin-right: 14px !important;
}