.trybebox-custom-container 
{
        display: flex;
        color: #2F2F2F;
}

.trybebox-reg-img-sidebar 
{
      width: 448px; 
      position: fixed;
      height: 100vh;
      overflow: hidden;
      margin: 0;
}


.trybebox-reg-main 
{
      overflow-y: auto;
      background-color: #fff;
      width: 100%;
      /* width: 100%;
      flex: 1; */
}
.trybebox-reg-main-container
{
    display: flex;
    flex-direction: column;
}
    
.trybebox-reg-header
{
display: flex; 
justify-content: space-between; 
padding: 24px 40px;  
}
.trybebox-reg-header-logo
{
    display: flex;
font-style: normal;
font-weight: 700;
font-size: 24px;
line-height: 32px;
text-align: center;
color: #000;
}

.trybebox-gray-button
{
align-items: center;
padding: 8px 20px;
background: #ECEEF3 !important;
border-radius: 20px !important;
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 16px;
color: #1E1E1E;
}

.trybebox-reg-a
{
      color: #1E1E1E;
      text-decoration: none;
}
.trybebox-reg-header-button
{
      justify-content: end;
}

.trybebox-reg-middle
{ 
      display: flex;
      flex-direction: column;
      margin-left: auto;
      margin-right: auto;
      width: 100% !important;

}

.trybebox-reg-middle-headtxt
{
font-weight: 700;
font-size: 24px;
line-height: 32px;
text-align: center;
color: #1E1E1E;
}

.trybebox-reg-middle-headtxt2
{
font-weight: 400;
font-size: 16px;
line-height: 24px;
text-align: center;
color: #2F2F2F;
margin-bottom: 24px;
}

.trybebox-reg-middle-input-container
{
      display: flex;
      gap: 24px;
      margin-top: 24px;
}

.trybebox-reg-middle-input-label
{
font-style: normal;
font-weight: 500 !important;
font-size: 14px !important;
line-height: 20px !important;
color: #1F1F1F !important;
}

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


.trybebox-reg-middle-button {
      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: 16px;
  }

.trybebox-reg-middle-button:hover
{
      background-color: var(--wd-primary-color) !important;
}
  
.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-button2:hover
{
      background-color: var(--wd-primary-color) !important;
}

.trybebox-reg-middle-button3
{
align-items: center !important; 
width: 100%;
margin-bottom: 24px;
}

.trybebox-reg-middle-button4
{
align-items: center !important; 
margin-bottom: 24px;
}


.trybebox-reg-middle-txt2
{
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 20px;
text-align: center;
color: #646970;
}

.trybebox-reg-middle-txt2 a
{
color: #646970 !important;
text-decoration: underline !important;
}

.trybebox-reg-progressbg
{
width: 280px;
height: 4px;
left: calc(50% - 280px/2);
background: #DCDCDE;
border-radius: 8px;
margin-left: auto;
margin-right: auto;
margin-bottom: 24px;
}
.trybebox-reg-progressitem
{
width: 33%;
height: 4px;
background: #FDCD12;
border-radius: 8px 0px 0px 8px;
}
.trybebox-reg-progressitem2
{
width: 66%;
height: 4px;
background: #FDCD12;
border-radius: 8px 0px 0px 8px;
}
.trybebox-reg-progressitem3
{
width: 100%;
height: 4px;
background: #FDCD12;
border-radius: 8px;
}

.trybebox-reg-file
{
      display: none !important;
}

.trybebox-reg-file-upload
{ 
padding: 8px 16px !important;
height: 32px !important;
border: 1px solid #EBEDEF !important;
background-color: #fff !important;
border-radius: 8px !important;
font-weight: 600 !important;
font-size: 14px !important;
line-height: 16px !important;
text-align: center !important;
color: #2F2F2F !important;
margin-top: 12px !important;
}

.trybebox-reg-image-preview
{
width: 96px;
height: 96px;
border-radius: 80px;
margin-left: auto;
margin-right: auto;
}

.trybebox-reg-file-container
{
      margin-left: auto;
      margin-right: auto;
      margin-top: 24px;
      margin-bottom: 24px;
}

.trybebox-reg-store-link-container
{
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 12px 12px 12px 16px;
      height: 50px;
      background: #F7F8F8;
      border: 1px solid #F0F0F1;
      border-radius: 8px;
      margin-bottom: 24px;
}

.trybebox-reg-store-link-container-linktxt
{
      color: #1A6DAF;
}

.trybebox-reg-banner-container
{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 16px;
background: #F7F8F8;
border: 1px dashed #EBEDEF;
border-radius: 8px;
font-style: normal;
font-weight: 700;
font-size: 14px;
line-height: 20px;
color: #193441;
}

.trybebox-reg-banner-container2
{
/* Auto layout */
display: flex;
justify-content: space-between;
align-items: center;
padding: 16px;
gap: 8px;
background: #F7F8F8;
border-radius: 8px;
font-weight: 400;
font-size: 12px;
line-height: 16px;
color: #646970;
border: 1px dashed #EBEDEF;
}


.trybebox-reg-banner-container3
{
/* Auto layout */
display: flex;
justify-content: center;
align-items: center;
padding: 16px;
gap: 8px;
background: #F7F8F8;
border-radius: 8px;
font-weight: 400;
font-size: 12px;
line-height: 16px;
color: #646970;
border: 1px dashed #EBEDEF;
margin-bottom: 16px;
}


.trybebox-reg-banner-container2-txt
{
font-weight: 400;
font-size: 15px;
line-height: 20px;
color: #1E1E1E;
}


.trybebox-reg-banner-preview
{
      width: 100%;
      height: 200px;
      margin-bottom: 12px;
}
.trybebox-reg-banner-footer
{
      display: flex;
      justify-content: space-between;
      margin-top: 2px;
      margin-bottom: 24px;
}

.trybebox-reg-button-space
{
      margin-bottom: 64px;
}

.trybebox-reg-middle-textarea
{
width: 100% !important;
/* background: #F7F8F8 !important;
border-radius: 8px !important;
border-color: #F7F8F8 !important; */
margin-bottom: 24px;
}

.trybebox-reg-success-container
{
width: 361px;
font-weight: 500;
font-size: 16px;
line-height: 24px;
text-align: center;
color: #3C434A;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin-left: auto;
margin-right: auto;
margin-top: 16px;
margin-bottom: 24px;
}

.trybebox-reg-success-button-container
{
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 0px;
gap: 20px; 

}
.trybebox-reg-success-button
{
display: flex !important;
flex-direction: row !important;
justify-content: center !important;
align-items: center !important;
gap: 6px !important; 
margin-bottom: 20px;
}

.trybebox-cyan
{
      color: #25ABBE !important;
}

.trybebox-pink
{
      color: #F45EAC !important;
}

.trybebox-red
{
      color: #FF3B30;
}

.digages-trybebox-amountrecv-container
{
      background-color: #EDFAEF;
      border-radius: 8px;
      padding: 12px 20px;
      margin-top: 24px;
      margin-bottom: 24px;
}

.digages-trybebox-amountrecv-container2
{ 
      margin-top: -16px; 
}

.digages-trybebox-amountrecv-container3
{
      margin-top: -16px;
      display: flex;
      gap: 8px;
}

.digages-trybebox-amountrecv-container4
{
display: flex;
flex-direction: row;
align-items: center;
padding: 12px 20px; 
background: #EDFAEF;
border-radius: 8px;
margin-top: 24px;
margin-bottom: 24px;
}

.trybebox-reg-middle-top
{
      margin-top: 24px;
}

.trybebox-add-product-progress-container
{
      display: flex;
      gap: 12px;
      margin-bottom: 16px; 
      justify-content:center;
}

.trybebox-add-product-progress1
{
      width: 29%;
      height: 4px; 
      border-radius: 8px;
      background: #FDCD12; 
}

.trybebox-add-product-progress2
{
      width: 29%;
      height: 4px;
      background: #DCDCDE;
      border-radius: 8px; 
}

.trybebox-add-product-banner-txt1
{
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 20px;
color: #1F1F1F;
}

.trybebox-add-product-banner-txt2
{
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 16px;
color: #F45EAC;
text-decoration: underline;
}

.trybebox-add-product-banner-txt3
{
      margin-top: 8px;
      margin-bottom: 16px;
}
.trybebox-add-product-banner-mockuptxt
{
      display: flex;
      justify-content: space-between; 
}

.trybebox-add-product-banner-mockuptxtn
{
      display: flex;
      justify-content: left;
      width: 50%; 
      font-weight: 500;
      font-size: 16px;
      line-height: 20px;
      color: #3C434A;
      margin-bottom: 12px; 
}

.trybebox-add-product-banner-mockuptxtnw
{
      display: flex;
      justify-content: space-between; 
      font-weight: 500;
      font-size: 16px;
      line-height: 20px;
      color: #3C434A;
      margin-bottom: 12px; 
      margin-right: auto;
      margin-left: auto;
}



.trybebox-image-upload-progress
{
      margin-bottom: 24px;
}


/*  */

.woocommerce ul.products li.product {
      list-style: none !important;
  }

  .trybebox-button-flex
  {
      display: flex;
      justify-content: center;
  }

  .trybebox-total-flex
 {
      display: flex;
      justify-content: space-between;
      font-weight: 500;
      font-size: 14px;
      line-height: 20px;
      color: #1F1F1F;
      border-bottom: 1px solid #DCDCDE;
      margin-bottom: 21px; 
 }

 
 /* Loader Styles */
.trybebox-loader {
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(255, 255, 255, 0.8);
      z-index: 9999;
      justify-content: center;
      align-items: center;
  }
  
  .trybebox-loader-spinner {
      border: 4px solid #f3f3f3;
      border-top: 4px solid var(--btn-accented-bgcolor) !important;
      border-radius: 50%;
      width: 40px;
      height: 40px;
      margin-left: auto;
      margin-right: auto;
      margin-top: 20%;
      animation: spin 1s linear infinite;
  }
  
@media (max-width: 767px) 
{
      .trybebox-loader-spinner {
            margin-top: 60%;
      }
}    
  
  @keyframes spin {
      0% { transform: rotate(0deg); }
      100% { transform: rotate(360deg); }
  }
  
  /* Ensure form container is positioned relatively for loader overlay */
  .trybebox-reg-main {
      position: relative;
  }

.trybebox-success-box-link
{
display: flex;
justify-content: space-between;
align-items: center;
padding: 12px 16px;
gap: 8px;
background: #FEF5FA;
border-radius: 8px;
font-weight: 400;
font-size: 14px;
line-height: 20px;
align-items: center;
text-align: center;
color: #1E1E1E;
margin-bottom: 24px;
}

.trybebox-review-container
{
      display: flex;
      flex-direction: column;
      font-weight: 400;
      font-size: 15px;
      line-height: 24px;
      text-align: center;
      color: #2F2F2F; 
}
.trybebox-review-container-txt
{
font-weight: 700;
font-size: 20px;
line-height: 24px;
text-align: center;
color: #1E1E1E;
margin-bottom: 8px;
}

.trybebox-review-new-cont
{
display: flex;
flex-direction: column;
align-items: start;
text-align: left;
padding: 16px;
gap: 16px;
background: #FFFBEB;
border-radius: 8px;
}

.trybebox-review-new-cont2
{
display: flex;
align-items: start;
padding: 16px;
gap: 16px;
background: #FCF0F1;
border-radius: 8px;
}

.trybebox-review-title
{
font-weight: 400;
font-size: 14px;
line-height: 16px;
color: #787C82;
}

.trybebox-review-img-bg
{
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding: 20px 0px;
gap: 16px;
border-width: 2px 0px;
border-style: solid;
border-color: #F0F0F1;
margin-top: 24px;
}


.trybebox-review-data-bg
{
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding-bottom: 20px;
gap: 16px; 
border-bottom: 2px solid #F0F0F1;
margin-top: 20px;
}
.trybebox-review-data-bg-item
{
      display: flex;
      flex-direction: column;
      text-align: left;
      gap: 4px;
      width: 100%;
}

.trybebox-review-img-caur-bg
{
      /* display: flex;
      gap: 12px;
    width: 100% !important;
    max-width: 100% !important;
    height: 72px;
    flex-wrap: wrap; */  
      display: flex;
      white-space: nowrap; 
      gap: 12px; /* Optional spacing between divs */ 
}

.trybebox-review-img-caur-bg:hover
{
      overflow-x: visible;
}
 .trybebox-review-img-caur-bg > .trybebox-review-img-caur-bgitem {
    width: 200% !important;
    /* max-width: 100% !important; */
      height: 72px;
      flex: 0 0 auto; /* Prevent shrinking */
      display: flex;
      justify-content: center;
      align-items: center;
    }

 .trybebox-review-img-caur-bg > .trybebox-review-img-caur-bgitem2 {
    width: 92px !important;
    /* max-width: 100% !important; */
      height: 92px;
      flex: 0 0 auto; /* Prevent shrinking */
      display: flex;
      justify-content: center;
      align-items: center;
    }

.trybebox-review-img-caur
{
  position: relative;
  width: 100%;         /* or set a specific width like 640px */
  padding-top: 56.25%; /* 16:9 ratio = 9/16 = 0.5625 = 56.25% */
  overflow: hidden;
}

.trybebox-review-img-caur img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 8px !important;
  object-fit: cover; /* Use 'contain' instead if you want full image visible */
}


.trybebox-review-img-caur2
{
  position: relative;
  width: 100%;         /* or set a specific width like 640px */
  padding-top: 100%; /* 16:9 ratio = 9/16 = 0.5625 = 56.25% */
  overflow: hidden;
}

.trybebox-review-img-caur2 img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 8px !important;
  object-fit: cover; /* Use 'contain' instead if you want full image visible */
}

.trybebox-review-item-cont-bg
{ 
      display: grid;
     grid-template-columns: repeat(2, 1fr); /* Default: 2 columns */
      gap: 16px;
}

  /* Mobile: 2 columns on smaller screens */
  @media (max-width: 767px) 
{
.trybebox-review-item-cont-bg
{
grid-template-columns: repeat(1, 1fr) !important;
}
 }

.trybebox-review-item-cont
{
display: flex; 
align-items: center;
padding: 12px 16px;
gap: 16px;
background: #F6F7F7;
border: 1px dashed #F0F0F1;
border-radius: 8px;
font-weight: 400;
font-size: 15px;
line-height: 20px;
color: #3C434A;
}

.trybebox-review-item-cont-txtbg
{
display: flex;
flex-direction: column;
align-items: flex-start;
text-align: left;
gap: 8px;
}

.trybebox-review-item-cont-amnt
{
font-weight: 600;
font-size: 16px;
line-height: 20px;
color: #1E1E1E;
}

.trybebox-review-item-cont-size
{
font-weight: 400;
font-size: 12px;
line-height: 16px;
color: #8C8F94;
}

.trybebox-review-item-cont img
{
      width: 48px;
      height: 48px;
      border-radius: 4px;
}

.trybebox-review-item-cont video
{
      width: 48px !important;
      height: 48px !important;
      border-radius: 4px !important;
}

.trybebox-review-item-cont2 video
{
      width: 48px !important;
      height: 48px !important;
      border-radius: 4px !important;
}

.trybebox-review-item-cont2
{
display: flex; 
align-items: center;
padding: 12px 0px;
gap: 16px;
font-weight: 400;
font-size: 15px;
line-height: 20px;
color: #3C434A;
}