body{
            font-family: lato;
            background-color: #f9f9f9;
        }
        .its-mobile-eq-orderbtn{
            padding: 0px !important;
        }
        .offcanvas{
            zoom: 0.8;
        }
        /*bottom sheet css*/
        .bottom_btn{
            position: fixed;
            bottom: 0px;
            width: 100%;
            left: 0;
            background-color: #fff;
            z-index: 1;
        }
        .bottom_sheet_mobile .bottom-sheet-container {
            position: relative;
        }

        .overlay {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.5);
            z-index: 1 !important;
        }

        .bottom_sheet_mobile .bottom-sheet {
            position: fixed;
            bottom: -100%; /* Initially hidden */
            left: 0;
            width: 100%;
            background-color: #FFFFFF;
            padding: 20px;
            box-shadow: 0px -5px 15px rgba(0, 0, 0, 0.2);
            transition: bottom 0.3s ease-in-out;
            z-index: 2;
            border-radius:24px 24px 0px 0px;
            height: 225px;
            overflow-y: auto;
        }

        .bottom_sheet_mobile #openBtn1 {
            padding: 2px;
            cursor: pointer;
        }
        .bottom_sheet_mobile #openBtn2 {
            padding: 2px;
            cursor: pointer;
        }

        .bottom_sheet_mobile #closeBtn1 {
            padding: 10px;
            cursor: pointer;
        }
        .pending-btn{
            background-color: #F9EBEF;
            padding: 2px 8px 2px 8px;
            color: #EB0000;
            font-size: 11px;
            border: none;
            border-radius: 4px;
            /*margin-top: 9px;*/
        }
        .alloted-btn{
            background-color: #EFF9EB;
            padding: 2px 8px 2px 8px;
            color: #278829;
            font-size: 11px;
            border: none;
            border-radius: 4px;
            /*margin-top: 9px;*/
        }
        .execute-btn{
            background-color: #E3F5F8;
            padding: 2px 8px 2px 8px;
            color: #165964;
            font-size: 11px;
            border: none;
            border-radius: 4px;
            /*margin-top: 9px;*/
        }
        .not-allot-btn{
            background-color: #f1f4f7;
            padding: 2px 8px 2px 8px;
            color: #282828;
            font-size: 11px;
            border: none;
            border-radius: 4px;
            /*margin-top: 9px;*/
        }
        .reject-btn{
            background-color: #F9F1EB;
            padding: 2px 8px 2px 8px;
            color: #D84008;
            font-size: 11px;
            border: none;
            border-radius: 4px;
            /*margin-top: 9px;*/
        }
        .ipo-new{
            letter-spacing: 0.24px;
            margin-bottom: 100px;
            margin-top: 40px;
        }
        .ipo-new .execute-btn{
            background-color: #E3F5F8;
            padding: 2px 8px 2px 8px;
            color: #165964;
            font-size: 11px;
            border: none;
            border-radius: 4px;
        }
        .all-ipo-list{
            height: 100vh;
            overflow: auto;
        }
        .all-ipo-list::-webkit-scrollbar {
            width: 3px;
        }
        .all-ipo-list::-webkit-scrollbar-thumb {
            background-color: #9D9D9D;
            border-radius: 10px;
        }
        .all-ipo-list .card{
            border: none;
        }
        .subscription-btn{
            background-color:#F9F6EB;
            height: 45px;
            cursor: pointer;
            padding: 8px 16px 8px 16px;
        }
        /* modal css */
        .ipo-new .modal-dialog{
            max-width: 560px !important;
        }
        .ipo-new .modal-content{
            border-radius: 16px !important;
        }
        .ipo-new .popup-title{
            font-size: 24px;
            font-weight: 700;

        }
        .ipo-new .popup-sub-title{
            font-size: 14px;
            color: #6E6E6E;
        }
        .ipo-new .popup-btn{
            padding: 12px 16px 12px 16px;
            background-color: #E2E2E2;
            color: #97144D;
            font-size: 14px;
            border: none;
            border-radius: 8px;
            width: 100%;
            font-weight: 700;
        }
        /* end modal css */
        a{
            text-decoration: none;
        }
        .ord-plc-f .add-cta:hover{
            color: #278829;
        }
        .ord-plc-f .remove-cta:hover{
            color: #EB0000;
        }
        .ord-plc-f .desable-cta:hover{
            color: #B4B4B4;
        }
        .ipo-new .breadcrumb {
            font-family: Lato;
            font-size: 12px;
            font-weight: 400;
        }

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

        }

        .ipo-new .offer-list-name{
            font-size: 14px;
        }

        .ipo-new .offer-list {
            height: 64px;
            font-family: Lato;
            font-size: 14px;
            font-weight: 400;
            color: #282828;
            border-radius: 3px;
        }
        .ipo-new .offer-list:hover {
            background-color: #F9F9F9;
            border: 1px solid #F14687;
            font-family: Lato;
            font-size: 14px;
            font-weight: 600;
            color: #282828;
        }
        .ipo-new .ipsactive {
            border: none;
            border: 1px solid #F14687;
            font-family: Lato;
            font-size: 14px;
            font-weight: 600;
            color: #282828;
        }
        .terms-title{
            font-size: 18px;
            font-weight: 700;
            letter-spacing: 0.32px;
            color: #282828;
        }
        .terms-sub-title{
            font-size: 14px;
            color: #6E6E6E;
            letter-spacing: 0.32px;
        }
        .go-back-btn{
            text-decoration: none;
            font-size: 12px;
            color: #ED1164;
            font-weight: 700;
        }
        .sub-btn{
            text-decoration: none;
            font-size: 14px;
            color: #FFF;
            font-weight: 700;
            padding: 16px 30px 16px 30px;
            background-color: #97144D;
            border-radius: 8px;
        }
        .cotent-center {
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .title-right {
            font-family: Lato;
            font-size: 18px;
            font-weight: 700;
            color: #282828;
        }

        .com-detail-row {
            --bs-gutter-x: 0rem;
            border-bottom: 2px solid #F9F9F9;
            height: 80px;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .com-name {
            font-family: Lato;
            font-size: 14px;
            font-weight: 700;
        }

        .right-sec-title {
            font-size: 14px;
            font-weight: 700;
            color: #282828;
        }
        .main-t-hover:hover{
            color: #ED1164;
        }
        .all-ipo-list .f-11{
            font-size: 11px;
        }
        .all-ipo-list .f-12{
            font-size: 12px;
        }
        .all-ipo-list .f-14{
            font-size: 14px;
        }
        .all-ipo-list .f-10{
            font-size: 10px;
            color: #6E6E6E;
        }
        .mt-12{
            margin-top: 12px;
        }
        .mb-12{
            margin-bottom: 12px;
        }
        .mt-32{
            margin-top: 32px;
        }
        .mt-24{
            margin-top: 24px;
        }
        .mt-10{
            margin-top: 10px !important;
        }
        hr{
            background-color: #E2E2E2 !important;
        }
        hr:not([size]){
            height: 2px;
            margin: 1rem;
            margin-left: 0px;
            margin-right: 0px;
        }
        .offcanvas-header .btn-close{
            opacity: 1 !important;
            font-size: 16px;
        }
        .offcanvas-body{
            padding: 0px;
        }
        .right-panel-ipo-t{
            padding: 16px 0px;
            padding-top: 0px;
            box-shadow: 0px 4px 6px -4px #E2E2E2;
        }
        .right-panel-ipo-cont{
            padding: 0px 16px;
            padding-top: 0px;
        }
        .right-panel-ipo-cont .f-14{
            font-size: 14px;
            color: #282828;
        }
        .right-panel-ipo-cont .form-select{
            font-size: 14px;
            border: 1px solid #E2E2E2;
            padding: 5px;
            color: #282828;
        }
        .right-panel-ipo-card .card{
            border-radius: 8px !important;
            border: 1px solid #E2E2E2 !important;
            padding: 16px 12px 16px 12px;
        }
        .right-panel-ipo-card label{
           font-size: 14px;
           color: #000000;
        }
        .right-panel-ipo-card{
           padding: 0px 16px;
        }
        /*#bid_wrapper{
            height: 130px;
            overflow-y: auto;
            overflow-x: hidden;
            scrollbar-width: 2px;
            -ms-overflow-style: none;
        }*/
        /*#bid_wrapper::-webkit-scrollbar {
            width: 3px; 
        }
        #bid_wrapper::-webkit-scrollbar-thumb {
            background-color: #9D9D9D; 
            border-radius: 10px; 
        }*/
        .bid-card-scroll::-webkit-scrollbar {
            width: 3px; 
        }
        .bid-card-scroll::-webkit-scrollbar-thumb {
            background-color: #9D9D9D; 
            border-radius: 10px; 
        }
        .my-bid-card{
            padding: 14px 12px 14px 12px
        }
        .my-bids .f-14{
            font-size: 14px;
            font-weight: 700;
        }
        .bid-price-date{
            text-align: center;
        }

        .hin-filter{
            display: flex;
            gap: 12px;
            overflow-x: auto;
        }
        .hin-filter .hin-btn{
            padding: 6px 10px;
            border-radius: 20px;
            font-size: 14px;
            color: #404040;
            border: 1px solid #E2E2E2;
        }
        .hin-filter .active{
            background-color: #ED1164;
            color: #FFF;
        }






        .pre-ipo {
            padding: 2px 8px 2px 8px;
            font-family: Lato;
            font-size: 11px;
            font-weight: 400;
            background-color: #E3F5F8;
            color: #165964;
            border-radius: 4px;
            /* width: 60px;
            height: 20px; */
        }
        .right-fil-div{
            padding: 8px 0px 12px 0px;
        }
        .right-panel-tab .nav-tabs{
            border: none;
            gap: 6px;
        }
        .right-panel-tab .nav-tabs .nav-link {
            border-radius: 17px;
            border: 1px solid #E2E2E2;
            background-color: #FFF;
            height: 32px;
            width: 87px;
            padding: 0px;
            font-size: 14px;
            color: #404040;

        }
        .right-panel-tab .nav-tabs .nav-link.active{
            background-color: #ED1164;
            border: 1px solid #E2E2E2;
            color: #fff;
        }
        .ipo-new .tab-content{
            overflow-y: auto;
            height: 600px;
        }
        .ipo-new .left-panel .card{
            border: none;
            border-radius: 8px;
        }
        .card{
            border-radius: 8px;
        }
        .apply-btn{
            color: #ED1164;
            text-decoration: none;
            font-size: 12px;
            font-weight: 700;
            margin-top: 6px;
            margin-bottom: 0px;
        }
        .breadcrumb{
            font-size: 12px;
        }
        .breadcrumb a{
            color: #97144D;
            font-size: 12px;
            text-decoration: none;
        }
        .day-lab{
            width: auto;
            background-color: #FFF;
            padding: 2px 4px 2px 4px;
            text-align: center;
            border-radius: 4px;
            font-size: 10px;
        }
        .pre-ipo{
            color: #97144D;
            background-color:#F4EBF9;
        }
        .upcom-ipo{
            background-color:#F4EBF9;
            color: #145599;
        }
        .hide-mob{
            display: inline-block;
        }
        .hide-web{
            display: none !important;
        }
        .ipo-new .row{
            --bs-gutter-x: 0rem !important;
        }
        .ipo-new .bs-gutter{
            --bs-gutter-x: 24px !important;
        }
        .mar-t-2{
            margin-top: 0.5rem;
        }
        .left-option{
            justify-content: flex-start;
        }
        .left-panel .card{
           /* padding: 1rem; */
        }
        .p-color{
            color: #278829;
        }
        .l-color{
            color: #EB0000;
        }
        .announce-color{
            color: #D84008;
        }
        .logo-right-panel{
            width: 40px;
            margin-top: 4px;
        }
        .offcanvas .btn-secondary{
            background-color: #FFF;
            border: 1px solid #E2E2E2;
            font-size: 14px;
            color: #282828;
            width: 100%;
        }
        .offcanvas label{
            font-size: 14px;
            color: #282828;
        }
        .offcanvas-body::-webkit-scrollbar {
          display: none; /* for Chrome, Safari, and Opera */
        }
        .frame {
            overflow: hidden;
        }

       .v-counter {
            border-radius: 4px;
            max-width: 100%;
            padding: 8px;
            border: 1px solid #404040;
            display: flex;
            justify-content: space-around;
        }

        .v-counter input[type=button]:hover {
            color: black;
            font-weight: bold;
            background-color: transparent;
        }
        .ipo-new .v-counter span {
            font-size: 13px;
            color: black;
            font-family: 'Open Sans';
        }
        .v-counter input[type=button], .v-counter input[type=text] {
            display: inline-block;
            width: 100%;
            background-color: transparent;
            outline: none;
            border: none;
            text-align: center;
            cursor: pointer;
            padding: 0px;
            color: black;
            /*height: 42px;*/
            font-family: 'Open Sans';
            font-size: 16px !important;
        }
        /*.v-counter button{
            width: 100%;
            background-color: transparent;
            outline: none;
            border: none;
            text-align: center;
            cursor: pointer;
            padding: 0px;
            color: black;
            height: 42px;
            font-family: 'Open Sans';
            font-size: 16px !important;
            padding: 8px;
        }*/
        .price{
            height: 44px;
            border-radius: 4px;
            background-color: #F1F1F1;
            color: #9D9D9D;
            padding: 8px;
            border: 1px solid #E2E2E2;
        }
        .count-lable{
            font-size: 11px !important;
            color: #6E6E6E !important;
            margin-top: 5px;
        }
        .bottom-sec .less{
            font-size: 12px;
        }
        .proceed-btn{
            width: 100%;
            border: none;
            color: #fff;
            padding: 16px;
            background-color: #278829;
            font-size: 16px;
            font-weight: 700;
            border-radius: 8px;
            letter-spacing: 0.24px;
        }
        .bottom-sec{
            position: absolute;
            bottom: 2px;
            background-color: #fff;
            width: 100%;
            left: 0;
        }
        .asba{
            background-color: #F9F9F9;
            padding: 12px 8px 12px 8px;
            color: #6E6E6E;
            font-size: 12px;
            text-align: center;
            border: 1PX solid #6E6E6E;
            border-radius: 4px;
            border: 1px solid #E2E2E2;
        }
        .asba:hover{
            background-color: #F3FBFB;
            color: #12877F;
            border: 1px solid #81C1BD;
        }
        .asba-row .active{
            background-color: #F3FBFB !important;
            color: #12877F !important;
            border: 1px solid #81C1BD !important;
        }
        /*.asba-row{
            --bs-gutter-x: 12px !important;
        }*/
        .asba .valid-color{
            color: #278829;
            border-color: #278829;
        }
        .form-control{
            margin-bottom: 0px;
        }
        input[type=checkbox]{
            display: block !important;
        }
        .bank-details{
            padding: 18px 0px;
            border-bottom: 1px solid #f1f1f1;
        }
        .ord-plc-f{
            padding: 16px;
        }
        .font-12{
            font-size: 12px;
            color: #282828;
            font-weight: 700;
        }
        .font-20{
            font-size: 20px;
            color: #282828;
            font-weight: 700;
        }
        .ban-sub-title{
            font-size: 14px;
            color: #282828;
        }
        .ban-sub-title{
            font-size: 11px;
            color: #6E6E6E;
        }
        .ipo-new input[type=radio]{
            accent-color: #ED1164 !important;
        }
        .form-check-input:checked{
            background-color: #ED1164 !important;
            border: none;
        }
        .form-check-input:focus{
            outline: none;
            box-shadow: none;
            /*border: none;*/
        }
        .success ul li{
            font-size: 12px;
            color: #6E6E6E;
            margin-top: 10px;
        }
        .success ul{
            list-style-type: disc !important;
            padding-left: 20px !important;
        }
        .success .card{
            padding: 8px;
            border: 1px solid #E2E2E2;
            line-height: 24px;
        }
        .tab-pane .row{
            --bs-gutter-x: 0rem;
        }
        .close-sec-row{
            background-color: #F9F9F9;
            border-radius: 4px;
            margin-top: -8px;
        }
        .close-ipo-row-1{
            background-color:#FFF;
            padding: 14px 0px 14px 0px
        }
        .close-ipo-row-2{
            padding: 16px 16px 8px 16px;
        }
        .close-ipo-row-2 .f-12{
            font-size: 12px;
        }
        .close-ipo-row-2 .f-10{
            font-size: 10px;
        }
        .close-ipo-row-2 .f-14{
            font-size: 14px;
            font-weight: 700;
        }
        .listed-ipo{
            padding: 16px;
        }
        .listed-ipo .f-10{
            font-size: 10px;
        }
        .listed-ipo .f-12{
            font-size: 12px;
        }
        .listed-ipo .f-14{
            font-size: 14px;
            font-weight: 700;
        }
        .listed-ipo .arrow-r-listed{
            margin-top: -2px;
        }
        .open-m-row{
            background-color:#FFF;
            padding: 16px;
            border-radius: 8px;
        }
        .upcoming-ipo{
            padding: 16px;
        }
        .upcoming-ipo .f-14{
            font-size: 14px;
            font-weight: 700;
        }
        .upcoming-ipo .f-12{
            font-size: 12px;
        }
        .upcoming-ipo .f-10{
            font-size: 10px;
            color: #6E6E6E;
        }
        .upcoming-ipo .ipo-doc{
            margin-top: 10px;
        }
        /*.upcoming-ipo img{
            margin-top: 3px;
        }*/
        .form-select{
            /*border: none;
            padding: 0px;*/
            font-size: 14px;

        }
        .form-select:focus{
            box-shadow: none;
            /*border: none;*/
        }
        @media(max-width: 600px){
            /*new css 23102024*/
            body{
                background-color: #FFF;
            }
            .offcanvas{
                zoom: 1;
                width: 100%;
            }
            .ipo-new{
                padding: 0px;
                margin-top: 0px;
            }
            .ipo-new .bs-gutter {
                --bs-gutter-x: 0px !important;
            }
            .ipo-new .offer-list{
                height: auto;
                padding: 12px 8px !important;
                border-bottom: 1px solid #F1F1F1;
                width: 100px;
            }
            .ipo-new .ipsactive {
                background-color: #fff;
                border: none;
                border-bottom: 2px solid #F14687;
                color: #F14687;
                border-radius: 0px;
            }
            .ipo-new .offer-list:hover{
                background-color: #fff;
                border: none;
                border-bottom: 2px solid #F14687;
                color: #F14687;
                border-radius: 0px;
            }
            .ipo-new .offer-list-name{
                color: #9D9D9D;
            }
            .ipo-new .ipsactive p{
                color: #ED1164;
            }
            .ipo-new .offer-list-name:hover{
                color: #F14687;
            }
            .ipo-new .offer-list-name:active{
                color: #F14687;
            }
            .all-ipo-list .card{
                border: 1px solid #E2E2E2;
            }
            .all-ipo-list{
                padding: 0px 16px;
            }
            .open-m-row{
                background-color:#FFF;
                padding: 16px 4px 0px 4px;
                line-height: 22px;
            }
            .posi-in-mob1{
                position: relative;
            }
            .posi-in-mob2{
                position: absolute;
                top: 6px;
                right: 4px;
            }
            .right-sec-title {
                padding-left: 2px;
            }
            .nav-tabs{
                position: relative;
            }
            .right-panel-tab hr{
                margin: 0px;
            }
            .btn-filter-all{
                position: absolute;
                top: 10px;
                right: 0;
                border-radius: 0;
                width: auto;
                color: #6E6E6E;
                font-size: 12px;
            }
            .btn-filter-main-b{
                position: absolute;
                top: 60px;
                right: 0;
                border-radius: 0;
                width: auto;
                color: #6E6E6E;
                font-size: 12px;
            }
            .btn-filter-sme{
                position: absolute;
                top: 106px;
                right: 0;
                border-radius: 0;
                width: auto;
                color: #6E6E6E;
                font-size: 12px;
            }
            .close-sec-row{
                background-color: #F4EBF9;
                border-radius: 4px;
                display: flex;
                justify-content: end;
                gap: 12px;
                position: absolute;
                bottom: 0;
                right: 0;
                width: 100%;
                flex-direction: row-reverse;
                margin-top: 0px;
            }
            .m-min-m{
                margin-top: -20px;
                white-space: pre-line;
            }
            .close-ipo-row-2{
                position: relative;
                line-height: 24px;
                padding: 16px 12px;
            }
            .listed-ipo{
                padding: 12px;
                position: relative;
                line-height: 24px;
            }
            .listed-ipo .posi-in-mob{
                position: absolute;
                top: 12px;
                right: 6px;
                width: auto;
            }
            .upcoming-ipo{
                padding: 12px 4px 0px 6px;
                line-height: 24px;
            }
            .upcoming-ipo .ipo-doc{
                margin-top: 10px;
            }
            /*.upcoming-ipo img{
                margin-top: 5px;
            }*/
            .upco-txt-center{
                text-align: center;
            }
            .upcoming-ipo .ipo-doc-img{
                margin-top: 5px;
            }
            .right-panel-tab img{
                margin-left: 6px;
            }
            .right-panel-tab p{
                margin-bottom: 0px;
            }
            .my-bid-card{
                position: relative;
                line-height: 24px;
            }
            .order-exe-lab{
                position: absolute;
                top: 4px;
                right: -14px;
            }
            .bid-price-date{
                text-align: left;
                margin-top: 4px;
            }
            .subscription-btn{
                padding: 8px;
            }
            /*.logo-right-panel{
                width: 100%;
            }*/
            .bottom-sec{
                left: 0;   
            }
            .right-panel-ipo-card{
                padding: 0px;
            }
            #bid_wrapper::-webkit-scrollbar{
                display: block;
            }
            /*ipo order popup mobile css*/
            .right-panel-ipo-cont{
                padding: 0px;
            }
            .right-panel-ipo-card .card{
                padding: 12px 0px 16px 12px;
            }
            .offcanvas-end{
                border: none;
            }
            .ord-plc-f{
                margin-bottom: 80px;
            }












            /*old css*/
            .site-start{
                margin-top: 36px !important;
            }
            /*.ipsactive{
                background-color: #FFF;
                border: none;
                color: #F14687;
                border-bottom: 1px solid #F14687;
            }*/
            /*.lis-m .posi-in-mob2{
                top: -120px;
                right: 14px;
            }*/
            .text-end-mob{
                text-align: right;
            }
            .nav{
                flex-wrap: nowrap !important;
            }
            .p-m-2{
                padding: 5px;
            }
            .sort-btn{
                color: #12877F;
                font-size: 12px;
                font-weight: 700;
            }
            .right-panel-tab .nav{
                display: block;
                margin-top: 12px;
            }
            .right-panel-tab .nav-tabs .nav-link{
                width: auto;
                display: flex;
                justify-content: space-between;
                background-color: #FFF;
                color: #282828;
                border-radius: 0px;
                padding: 10px;
                border: none !important;
                margin-bottom: 5px;
                height: 41px;
                color: #282828;
            }
            .right-panel-tab .nav-tabs .nav-link.active{
                background-color: #FFF;
                color: #282828;
            }
            .sort-title{
                font-size: 18px;
                font-weight: 700;
                color: #000000;
            }
            .sort-sub-title{
                font-size: 12px;
                font-weight: 400;
                color: #6E6E6E;
            }
            .close-ipo-row-1{
                background-color:#FFF;
                padding: 0px 0px 0px 0px
            }
            ::-webkit-scrollbar {
                display: none;
            }
            .hide-mob{
                display: none;
            }
            .hide-web{
                display: block !important;
            }
            .left-panel .card{
               flex-direction: row !important;
               overflow-x: auto !important;
               text-align: center !important;
               padding: 0rem !important;
            }
           /* .offer-list{
               min-width: 100px;

            }*/
            .offer-list:hover{
               border: none;
               border-bottom: 1px solid #F14687; 
               background-color: #FFF;
               color: #F14687;
            }
            .left-panel .col-lg-9{
               min-width: 82px;
            }
            .mar-t-2{
                margin-top: 0rem;
            }
             .left-option{
                justify-content: center;
            }
            .row{
                --bs-gutter-x: 0rem;
            }
            .offcanvas-body .row {
                --bs-gutter-x: 1.5rem;
            }
        }