table{border-collapse:collapse}table,td,th{border:1px solid #e3e3e3;text-align:left;padding:8px}tr:nth-child(2n){background-color:#ddd}.accordion-container{width:100%;max-width:800px;margin:auto}.accordion-item{border-bottom:1px solid #ddd}.accordion-header{background-color:#f7f7f7;padding:15px 20px;cursor:pointer;font-size:18px;font-weight:700;display:flex;justify-content:space-between;align-items:center;transition:background .3s}.accordion-header:hover{background-color:#e2e2e2}.accordion-icon{font-size:20px;transition:transform .2s}.accordion-content{display:none;padding:15px 20px;background-color:#fff;font-size:16px;line-height:1.6}.accordion-item.active .accordion-content{display:block}.rail-line-animate-fade-in{animation:1s ease-out forwards rail-line-fadeIn;opacity:0}@keyframes rail-line-fadeIn{to{opacity:1}}.rail-line-animate-pulse-strong{animation:2s infinite rail-line-pulse-strong}@keyframes rail-line-pulse-strong{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.7}}.parinam-suchi-apple{font-size:24px;font-weight:700;height:15px}.hidden-lsc{display:none}.message-error-lsc{background-color:#fee2e2;color:#b91c1c}.message-info-lsc{background-color:#dbeafe;color:#1d4ed8}
.mobile-bottom-nav{
  position:fixed;
  bottom:0;
  left:0;
  width:100%;
  background:#ffffff;
  box-shadow:0 -2px 10px rgba(0,0,0,.08);
  display:flex;
  justify-content:space-between;
  border-top:3px solid #e0e0e0;
  z-index:9999;
  padding:6px 0;
}

.mobile-bottom-nav .nav-item{
  flex:1;
  text-align:center;
  font-size:12px;
  color:#666;
  text-decoration:none;
  transition:transform .18s ease-in-out;
}

.mobile-bottom-nav .nav-icon{
  display:block;
  font-size:20px;
  line-height:22px;
}

.mobile-bottom-nav .active .nav-icon,
.mobile-bottom-nav .active .nav-text{
  color:#7f41f8;
}
@media (min-width:769px){
  .mobile-bottom-nav{
    display:none;
  }
}
@media (max-width:768px){

  body{
    padding-bottom:55px;
  }

  .mobile-bottom-nav{
    padding-bottom:env(safe-area-inset-bottom);
  }
}

#mbstp {
  position: fixed;
  bottom: 40px;
  right: 24px;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: #7300e6;
  border: none;
  cursor: pointer;
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

#mbstp svg {
  position: absolute;
  transform: rotate(-90deg);
}

#mbstp circle {
  fill: none;
  stroke: #ffffff;
  stroke-width: 4;
  stroke-dasharray: 150;
  stroke-dashoffset: 150;
  transition: stroke-dashoffset 0.15s linear;
}

#mbstp .sctp {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  position: relative;
  z-index: 1;
  user-select: none;
}
@media (max-width: 480px) {
  #mbstp {
    width: 48px;
    height: 48px;
  }
  #mbstp .sctp {
    font-size: 12px;
  }
}


#mbstp.show {
  display: flex;
}

#mbstp:hover {
  background: #239023;
}

@media (max-width: 768px) {
  #mbstp {
    bottom: 80px; 
    right: 16px;
  }
}


.mb-button-group {
  display: flex;
  flex-wrap: wrap;          
  gap: 10px;               
  justify-content: flex-start;
}

.mb-btn {
    display: inline-block;
    background: #000;
    color: #fff;
    padding: 10px 14px;
    border-radius: 6px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.8s ease;
}

.mb-btn:hover {
    background: #ffffff;
    color: red;
    box-shadow: 0 4px 12px rgba(0,0,0,0.25);
    transform: translateY(-2px);
}
@media (max-width: 480px) {
  .mb-btn {
    padding: 8px 8px;
    font-size: 14px;
		border-radius: 50px;
  }
}
@media (min-width: 921px) {


  .mb-menu-placeholder {
    height: 70px; 
    display: none;
  }

  body.mb-menu-stuck .mb-menu-placeholder {
    display: block;
  }

  
  .main-header-bar {
    position: relative;
   
		background: #ffffff;
    transition: box-shadow 0.25s ease;
  }

  
  .main-header-bar .ast-container {
    background: transparent !important;
  }

  .main-header-bar .main-header-container {
    padding: 18px 0;
    transition: padding 0.25s ease;
  }

  body.mb-menu-stuck .main-header-bar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
  } 
 
  body.mb-menu-stuck .main-header-bar .main-header-container {
    padding: 10px 0; 
  }
}



/* GRID LAYOUT */
.ipo-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}

/* CARD DESIGN */
.ipo-card {
  background: #ffffff;
  border-radius: 8px;
  padding: 0px;
  box-shadow: 0 8px 22px rgba(0,0,0,0.06);
}

/* TITLE */
.ipo-title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 12px;
}


.ipo-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 15px;

}
.ipo-table a {
  color: #000;
  text-decoration: none;
}
.ipo-table a:hover {
  color: #ac00e6;
  text-decoration: underline;
}
.ipo-table th {
  text-align: left;
  padding: 10px;
  border-bottom: 1px solid #ddd;
  font-weight: 600;
}

.ipo-table td {
  padding: 0px 0px;
  border-bottom: 1px solid #eee;
}

.right {
  text-align: right;
  white-space: nowrap;
}


.ipo-footer {
  margin-top: 14px;
  text-align: center;
}

.ipo-footer a {
  color: #1a5fd0;
  text-decoration: none;
  font-weight: 500;
}
.ipo-footer a:hover {
  color: #ac00e6;
  text-decoration: underline;
}

@media (max-width: 768px) {
  .ipo-grid {
    grid-template-columns: 1fr;
  }
}


.card-wrapper {
  display: flex;
  gap: 16px;
}


@media (min-width: 768px) {
  .nse-bse-card {
    flex: 1;
  }
}


@media (max-width: 767px) {
  .card-wrapper {
    flex-direction: column;
  }
}

.nse-bse-card {
  border: 1px solid #ddd;
  padding: 16px;
  border-radius: 8px;
  background: #fff;
}

.apexcharts-menu-item.exportCSV {
    display: none !important;
}


@keyframes placeHolderShimmer {
    0% { background-position: -468px 0; }
    100% { background-position: 468px 0; }
}

span.sme-ipo-data.loading {
    display: inline-block;
    min-width: 60px; 
    height: 14px;     
    background: #f6f7f8;
    background-image: linear-gradient(to right, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);
    background-repeat: no-repeat;
    background-size: 800px 104px;
    animation: placeHolderShimmer 1.2s forwards infinite linear;
    border-radius: 4px;
    vertical-align: middle;
    margin: 0 2px;
}