/* File Upload */
  .custom-file-upload {
      display: inline-block;
      background: #007bff;
      color: white;
      padding: 12px 20px;
      font-size: 16px;
      border-radius: 5px;
      cursor: pointer;
      transition: 0.3s ease-in-out;
  }

  .custom-file-upload:hover {
      background: #0056b3;
  }

  .custom-file-upload input {
      display: none;
  }

  #fileNameDisplay {
      margin-top: 10px;
      font-size: 14px;
      color: #555;
  }

  /* Image Preview */
  .preview {
      margin-top: 20px;
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
      gap: 10px;
  }

  .preview img {
      width: 100%;
      height: 80px;
      object-fit: cover;
      border-radius: 5px;
      transition: 0.3s;
  }

  .preview img:hover {
      transform: scale(1.1);
  }


  /*for the each section*/
  .sideBox{
    width: 100%; height: auto; border:1px solid #d1d1d1; padding-bottom: 10px;
}
.innerSideBox{
    background: #ffffff; 
    width: 100%; 
    height: 40px; 
    display: flex; 
    align-items: center; 
    padding-left: 20px; 
    border:2px solid #d1d1d1;
}
/* Basic styling */
.overall-bg{
    width: 100%; 
    height: auto; 
    border:1px solid #d1d1d1;
}
.heading-area{
  display: flex;
  justify-content: space-between;
  align-items: center;
   background: #ffffff; 
   width: 100%; 
   height: 40px;  
   padding-left: 20px;
   padding-right: 20px;
   font-size: 20px;
   padding-top: 5px;
   border:2px solid #d1d1d1; 
}
.inner-cont{
    width: 100%; height: auto; padding: 10px;
}
.inner-cont ul{
  padding: 0;
}
.inner-cont li{
    list-style: none; display: flex; margin-top: 15px;
}
.inner-cont input[type='radio']{
    width: 20px; height: 18px;
}

.inner-cont span{
padding-left: 15px; font-size: 18px;
}
.collapsible-content {
  height: auto;
  overflow: hidden;
  transition: height 0.4s ease-out; /* Animation duration and effect */
  padding: 0; /* Initial padding to 0 to prevent partial content display */
  /*background-color: #ffffff;*/
  /*margin: 10px 0;*/
  border-radius: 5px;
  padding-left: 10px;

}


.page-sticky{
  width: 100%;
  height: 80vh;
  overflow-y: auto;
  scrollbar-height:none;
  -ms-overflow-style: none;
}
.page-sticky::-webkit-scrollbar {
  display: none; /* Safari and Chrome */
}

/*for toggle button uploading*/
.mobile-toggle{
    background: #f2f2f2;
    box-shadow: 0 2px 4px rgba(0,0,0,0.6);
    padding: 15px;
    width: auto;
    height: auto;
    border-radius: 6px;
}
.mobile-toggle h5{
    text-align: center;
}