/* right panel css */
        .card{
            border: none;
        }
        .ipo-detail-row{
            --bs-gutter-x: 16px;
            --bs-gutter-y: 16px;
        }
        .subscription-btn{
            height: auto !important;
            padding: 0px !important;
        }
        .mt-16{
            margin-top: 16px;
        }
        .day-lab-righ{
            padding: 4px 8px 4px 8px;
            background-color: #165964;
            color: #FFF;
            font-size: 12px;
            border-radius: 4px;
        }
        .right-main-card{
            padding: 14px 18px 14px 18px;
        }
        .right-p-date{
            font-size: 12px;
            font-weight: 400;
            color: #6E6E6E;
            letter-spacing: 0.16px;
        }
        .right-p-x{
            font-size: 14px;
            font-weight: 700;
            color: #282828;
            letter-spacing: 0.16px;
        }
        .offcanvas-body .row{
            --bs-gutter-x: 0rem;
        }
        hr {
        margin: 10px 0;
        color: inherit;
        background-color: currentColor;
        border: 0;
        opacity: 0.25;
        }
        .sub-title-2{
            font-size: 12px;
            font-weight: 400;
            color: #282828;
        }
        /* end right panel css */
        body{
            font-family: lato !important;
            background-color: #F9F9F9;
            letter-spacing: 0.32px !important;
        }
        .breadcrumb {
            font-family: Lato;
            font-size: 12px;
            font-weight: 400;
        }
        .bread-crumb-div{
           margin-left: 7%;
        }
        .left-panel-dash .card{
            width: 100%;
            padding: 16px;
            height: fit-content;
        }

        .title-1 {
            font-family: Lato;
            font-size: 20px;
            font-weight: 700;

        }
        .cotent-center {
            display: flex;
            justify-content: center;
            align-items: center;
        }
         .title-right {
            font-family: Lato;
            font-size: 18px;
            font-weight: 700;
            color: #282828;
        }
        .sub-title-right{
            font-size: 10px;
            color: #282828;
            background-color: #F1F4F7;
            padding: 2px 4px 2px 4px;
            border-radius: 4px;
        }

        /*.right-sec-title {
            font-size: 14px;
            font-weight: 700;
            color: #282828;
        }
       */
        .apply-btn{
            color: #FFF !important;
            background-color: #97144D;
            border-radius: 8px;
            text-decoration: none;
            font-size: 14px;
            /*font-weight: 700;*/
            width: 100%;
            padding: 8px 16px 8px 16px;
            border: none;
        }
        .breadcrumb a{
            color: #97144D;
            font-size: 12px;
            text-decoration: none;
        }
        .hide-mob{
            display: flex;
        }
        .hide-web{
            display: none !important;
        }
        .p-color{
            color: #278829;
            font-weight: 700;
        }
        .l-color{
            color: #EB0000;
            font-weight: 600;
        }
        .announce-color{
            color: #D84008;
        }
        /*.logo-right-panel{
            width: 40px;
            margin-top: 4px !important;
        }*/
        ul.timeline {
            list-style-type: none;
            position: relative;
        }
        ul.timeline:before {
            /*content: ' ';
            display: inline-block;
            position: absolute;
            left: 16px;
            width: 2px;
            height: 95%;
            z-index: 400;
            border: 1px dotted #E2E2E2;*/
            content: "";
            position: absolute;
            top: 0;
            left: 16px;
            width: 2px; /* Thickness of the dotted line */
            height: 95%; /* Full height of the container */
            /*transform: translateX(-50%);*/
            background-image: linear-gradient(to bottom, gray 4px, transparent 1px); /* Vertical dotted line */
            background-size: 3px 10px; /* Adjust dot size and spacing */
            z-index: 0; /* Line stays behind the content */
        }
        ul.timeline > li {
            margin: 20px 0;
            padding-left: 16px;
        }
        ul.timeline > li:before {
            content: '1';
            background: #fff;
            display: flex;
            justify-content: center;
            align-items: center;
            position: absolute;
            border-radius: 50%;
            border: 0;
            left: 5px;
            width: 24px;
            height: 24px;
            z-index: 400;
            text-align: center;
            line-height: 50px;
            color: #d4d9df;
            font-size: 14px;
            border: 2px solid #d4d9df;
        }
        ul.timeline > li.allot:before {
            content:attr(data-before-content);
            background: #ED1164;
            background: url('../images/play-icon.png');
            background-repeat: no-repeat;
            z-index: 400;
           background-position:center;
           background-color: #fff !important;
        }
        ul.timeline > li.active:before {
            content: '';
            /*background: #28a745;*/
            background-color: #FFF;
            display: flex;
            justify-content: center;
            align-items: center;
            position: absolute;
            border-radius: 50%;
            border: 0;
            left: 5px;
            width: 24px;
            height: 24px;
            z-index: 400;
            color: #fff;
            font-size: 14px;
            background-image: url('/app/images/iponew/succses.png');
            background-size: 100%;
        }
        ul.timeline > li.current:before {
            content: '';
            /*background: #28a745;*/
            background-color: #FFF;
            display: flex;
            justify-content: center;
            align-items: center;
            position: absolute;
            border-radius: 50%;
            border: 0;
            left: 5px;
            width: 24px;
            height: 24px;
            z-index: 400;
            color: #fff;
            font-size: 14px;
            background-image: url('/app/images/iponew/current.png');
            background-size: 100%;
        }
        /* end timeline */
        .title-left{
            color: #282828;
            font-size: 14px;
            font-weight: 700;
        }
        .ipo-trac-title{
            font-size: 14px;
            font-weight: 700;
            color: #282828;
        }
        .ipo-trac-sub-title{
            font-size: 12px;
            color: #6E6E6E;
        }
        ul{
            margin-bottom: 0px;
        }
        .ipo-det-card{
            background-color: #F9F9F9 !important;
            padding: 24px 16px 24px 16px;
        }
        .ipo-det-card .sub-title{
            color: #6E6E6E;
            font-size: 11px;
            margin-bottom: 2px !important;

        }
        .stranth{
            height: 280px;
            overflow: auto;
        }
        .risk{
            height: 280px;
            overflow: auto;
        }
        .ipo-det-card .title{
            color: #282828;
            font-size: 12px;

        }
        .day-lab{
            width: auto;
            background-color: #FFFFFF;
            padding: 2px 4px 2px 4px;
            text-align: center;
            font-size: 10px;
        }
        .ipo-det-card a{
            color: #ED1164 !important;
            font-size: 12px;
            font-weight: 700;
            text-decoration: none;
            letter-spacing: 0.48px;
        }
        .offcanvas-header{
            justify-content: flex-start;
        }
        .ab-txt{
            font-size: 14px;
            color: #6E6E6E;
        }
        .stranth ul {
          list-style-image: url('/app/images/iponew/thumb-ok.png');
          color: #6E6E6E;
          font-size: 14px;
          margin-top: 15px;
          padding-left: 20px !important;
        }
        .stranth ul li{
          margin-bottom: 10px;
        }

         .risk ul {
          list-style-image: url('/app/images/iponew/thumb-not-ok.png');
          color: #6E6E6E;
          font-size: 14px;
          margin-top: 15px;
           padding-left: 20px !important;
        }
        .risk ul li{
          margin-bottom: 10px;
        }
        /* .chart-container {
            width: 100%;
            height: 100%;
            margin: auto;
          }
*/  
        .stranth::-webkit-scrollbar {
            width: 5px; 
        }
        .stranth::-webkit-scrollbar-thumb {
            background-color: #C1C1C1; 
            border-radius: 8px;
        }
        .risk::-webkit-scrollbar {
            width: 5px; 
        }
        .risk::-webkit-scrollbar-thumb {
            background-color: #C1C1C1; 
            border-radius: 8px;
        }
        .ipo-detail-row{
            border-top: 1px solid #F1F1F1;
        }
        .row{
            --bs-gutter-x: 0rem !important;
        }
        .over-all-card{
            height: auto !important;
            padding: 13px 16px 10px 16px;
            background-color: #F9F6EB !important;
        }
        .over-all-card .title{
            font-size: 14px;
        }
        .over-all-card .view-all{
            text-align: right;
        }
        .over-all-card a{
            font-size: 12px;
            color: #ED1164;
            text-align: right;
            font-weight: 700;
        }
        .over-all-card img{
            margin-top: -3px;
        }
        .h-w-ipo-s{
            display: none;
        }
        @media(max-width: 600px){
            .row{
                margin-bottom: 0px;
            }
            .h-w-ipo-s{
                display: flex;
                padding: 0px 8px;
            }
            .h-w-ipo-s a{
                font-size: 12px;
                color: #ED1164;
                border-bottom: 1px solid #ED1164;
                border-style: dotted;
            }
            .ipo-detail-row .row{
                
            }
            .right-main-card{
                padding:8px;
            }
            .ipo-detail-row{
                margin-top: 14px !important;
            }
            /*.logo-right-panel{
                width: 56px !important;
                margin-top: 10px;
            }*/
            .ipo-det-card{
                height: 102px;
            }
            .over-all-card{
                height: auto !important;
                padding: 10px 16px 10px 16px;
                background-color: #F9F6EB !important;
            }
            .over-all-card .view-all{
              text-align: left !important;
            }
            .over-all-card a{
              margin-top: 20px;
            }
            .stranth{
                height: auto;
            }
            .risk{
                height: auto;
            }
            .risk ul li{
                margin-bottom: 16px;
            }
            .stranth ul li{
                margin-bottom: 16px;
            }
            .left-panel-dash{
                border-radius: 16px 16px 0px 0px;
            }
            .left-panel-dash .card-status{
                padding: 16px 16px;
                border-radius: 16px;
                line-height: 26px;
            }
            .slide-panel {
              position: fixed;
              bottom: -100%;
              left: 0;
              right: 0;
              height: 90vh;
              background-color: #f8f9fa;
              box-shadow: 0 -4px 10px rgba(0, 0, 0, 0.3);
              transition: bottom 0.3s ease;
              z-index: 1050; /* Above overlay */
            }

            /* Show the slide-up panel */
            .slide-panel.active {
              bottom: 0;
            }

            /* Dark Overlay */
            .dark-overlay {
              position: fixed;
              top: 0;
              left: 0;
              right: 0;
              bottom: 0;
              background: rgba(0, 0, 0, 0.5);
              display: none;
              z-index: 1040; /* Below panel */
            }
            /* Show the overlay */
            .dark-overlay.active {
              display: block;
            }

            .modal-content{
                border-radius: 16px;
            }










            .apply-btn{
                padding: 16px;
            }
            .hide-mob{
                display: none;
            }
            .hide-web{
                display: block;
            }
            .row{
                --bs-gutter-x: 0.5rem;
            }
            .txt-end-m{
                text-align: right;
            }
            .card{
                border: none;
            }
            .mar-b-m{
                margin-bottom: 40px;
            }
            .fix-bottom{
                position: fixed;
                bottom: 0;
                left: 0;
                right: 0;
                width: 100%;
                z-index: 1;
                margin: auto;
                padding: 16px !important;
                background-color: #FFFFFF;
            }
            .apply-btn{
                font-size: 16px !important;
            }
        }