body,
        * {
            margin: 0;
            padding: 0;
            font-family: 'Mulish';
        }

        .main-container {
            margin: 0;
            padding: 0;
            width: 100%;
            max-width: 1440px;
            background-color: #f5f9f7;
        }

        .block {
            display: inline-block;
            width: 49%;
        }

        .block img {
            width: 187px;
            margin-bottom: 8px;
        }

        .header-container {
            height: 76px;
            width: 1140px;
            margin: 0 auto;

        }

        .seo-ipos-details {
            width: 1140px;
            margin: 0 auto;
            background-color: #f5f7f9;
            box-sizing: border-box;
        }

        .hello-india-invest {
            width: 486px;
            font-size: 36px;
            font-weight: bold;
            line-height: 1.5;
            color: #494949;
        }

        .zero-commissions p {
            width: 462px;
            font-size: 18px;
            font-weight: 600;
            color: #727682;
        }

        .logo-nav {
            width: 100%;
            padding-top: 8px;
        }

        /* navbar */
        .navbar {
            overflow: hidden;
            width: 49%;
            display: inline-block;
            margin-top: 5px;
        }

        .navbar a {
            font-size: 16px;
            color: #494949;
            text-align: center;
            padding: 14px 16px;
            text-decoration: none;
            display: table-cell;

        }

        .navbar .dropdown .selectBox {
            border: none;
            background: transparent;
            font-size: 16px;
            color: #494949;
            outline: none;
            padding: 14px 24px;
            cursor: pointer;
        }

        .dropdown {
            float: left;
            overflow: hidden;
        }

        .dropdown .dropbtn,
        .dropdown .dropbtn1 {
            font-size: 16px;
            border: none;
            outline: none;
            color: #494949;
            padding: 14px 16px 14px 26px;
            background-color: inherit;
            margin: 0;
            cursor: pointer;
        }


        .dropdown-content {
            display: none;
            position: absolute;
            background-color: #f9f9f9;
            min-width: 160px;
            box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
            z-index: 1;
            margin-left: 15px;
        }

        .dropdown-content a {
            float: none;
            color: #494949;
            font-size: 14px;
            padding: 12px 16px;
            text-decoration: none;
            display: block;
            text-align: left;
        }

        .dropdown-content a:hover {
            background-color: #ddd;
        }

        .show {
            display: block;
        }

        .signup {
            width: 86px;
            border-radius: 4px;
            background-color: #315a9c;
            color: #ffffff !important;
            font-size: 14px;
        }


        .ipo-logo {
            width: 40%;
            display: inline-block;
            box-sizing: border-box;
        }

        .ipo-logo img {
            width: 371px;
            height: 288px;
            margin: 58px 228px 71px 205px;
            object-fit: contain;
        }

        .ipo-seo-detail-page {
            background-color: #f5f7f9;
        }

        /*.route-mobile-ipo {
            width: 100%;
            font-size: 14px;
        }*/

        .rmi-img {
            width: /*7%*/ 90px;
            display: inline-block;
            padding: 10px 10px 10px 0px;
            max-width: 20%;
        }

        .rmi-details {
            vertical-align: top;
            display: inline-block;
            line-height: 1.5;
            padding: 3% 5%;
            width: 78%;
        }

        .route-mobile-ipo img {
            width: 80px;
            border-radius: 3px;
            margin-bottom: 10px;
        }

        .for-open {
            width: 54px;
            color: #59aa00;
            padding: 1px 14px 2px 15px;
            border-radius: 4px;
            border: solid 1px #59aa00;
        }

        .for-date {
            color: #59aa00;
            width: 104px;
            margin: 0 0 0 8px;
            padding: 1px 8px 2px 7px;
            border-radius: 4px;
            border: solid 1px #59aa00;
        }

        .seo-ipos {
            display: flex;
            -webkit-box-pack: center;
            -webkit-box-align: center;
            align-items: center;
            width: 100%;
            position: relative;
            bottom: 5px;
        }

        .seo-ipos-price-table {
            max-width: 750px;
            border-radius: 4px;
            box-shadow: 0 2px 8px 0 rgba(86, 117, 146, 0.1);
            background-color: #ffffff;
            padding: 0 10px;
        }

        .price-range {}

        .pr-heading {}

        .price-range-common-style {

            display: inline-block;
            padding: 20px 10px;
        }

        .price-range-common-style .span1 {
            font-size: 14px;
            color: #494949;
        }

        .price-range-common-style .span2 {
            font-size: 30px;
            font-weight: bold;
            line-height: 0.93;
            letter-spacing: 1px;
            color: #494949;
        }

        /* demat account */

        .demat-account-seo-details {
            width: 320px;
            padding: 20px;
            text-align: center;
            border-radius: 5px;
            box-shadow: 0 2px 12px 0 rgba(86, 117, 146, 0.1);
            border: solid 1px rgba(0, 0, 0, 0.02);
            background: #fff;
            position: fixed;
            top: 220px;
            margin-left: 30px;
        }

        .apply-to-ipos-using-upi {
            font-size: 16px;
            font-weight: 600;
            color: #494949;
        }

        .invest-in-your-favou {
            font-size: 14px;
            text-align: center;
            color: #5c5f68;
        }

        .demat-acc-img img {
            width: 180px;
            object-fit: contain;
            padding: 5px 0;
        }

        .cta-card {
            width: 100%;
            height: 40px;
            border-radius: 3.2px;
            background-color: #004393;
            color: #ffffff;
            font-weight: bold;
            display: table;
            margin: 12px 0;
        }

        .cta-card p {
            font-size: 14px;
            display: table-cell;
            vertical-align: middle;
            text-align: center;
        }

        .login-demat-account {
            font-size: 14px;
            color: #004393;
            text-align: center;
        }

        .login-demat-account a {
            color: #004393;
            text-decoration: none;
        }

        .line {
            width: 98%;
            margin: 0 auto;
            border: solid 1px #ecebeb;
        }

        .application-data {
            width: 100%;
            margin-left: 2px;
        }

        .application-data-common {
            width: 21%;
            display: inline-block;
            border-radius: 5px;
            background-color: rgba(243, 243, 245, 0.5);
            padding: 10px;
            margin: 5px;
        }

        .application-data-common img {
            width: 20px;
        }

        .application-data-common-img {
            width: 15%;
            display: inline-block;
            vertical-align: middle;
            margin-top: 6px;
        }

        .application-data-common-datails {
            width: 80%;
            display: inline-block;
            vertical-align: middle;
            line-height: 25px;
        }

        .retail-investor-can {
            width: 100%;
            padding: 15px 0;
        }

        .retail-investor-can img {
            display: inline-block;
            width: 15px;
            vertical-align: middle;
            padding: 10px;

        }

        .retail-investor-can p {
            display: inline-block;
            font-size: 12px;
            vertical-align: middle;

            line-height: 1.67;
            color: #727682;
        }

        .the-public-issue-sub {
            width: 100%;
            background-color: rgba(238, 156, 22, 0.05);
        }

        .the-public-issue-sub img {
            display: inline-block;
            width: 15px;
            vertical-align: middle;
            padding: 10px;
        }

        .the-public-issue-sub p {
            display: inline-block;
            font-size: 12px;
            vertical-align: middle;
            color: #494949;
        }

        .the-public-issue-sub span {
            font-weight: bold;
        }

        .about-company-data {
            width: 750px;
            max-width: 100%;
            border-radius: 4px;
            box-shadow: 0 2px 8px 0 rgba(86, 117, 146, 0.1);
            background-color: #ffffff;
            padding: 15px 0;
        }

        .about-company-details {
            width: 99%;
            display: inline-block;
            padding: 0 20px;
            vertical-align: top;
        }

        .hr-line {
            display: inline-block;
            width: 1px;
            height: 87px;
            margin: 40px 33px 22px 5px;
            background-color: #d8d8d8;
        }

        .prospectus-document {
            width: 26%;
            display: inline-block;
            padding: 25px 0 0 0;
            vertical-align: top;
        }

        .acd-cta-card {
            width: 100%;
            border-radius: 3.2px;
            background-color: #fff;
            font-weight: bold;
            border: solid 1px #004393;
            display: table;
            height: 38px;
            margin-top: 10px;
        }

        .acd-cta-card p {
            margin: 0;
            display: table-cell;
            vertical-align: middle;
            text-align: center;
        }

        .dates-table {
            width: 750px;
            padding: 15px 0 0;
            border-radius: 4px;
            box-shadow: 0 2px 8px 0 rgba(86, 117, 146, 0.1);
            background-color: #ffffff;
        }

        .dates-table td {
            padding: 10px 20px;
        }

        /* how to apply ipos */
        .how-to-apply-for-ipos-on-paytm-money-details-page {
            max-width: 750px;
            width: 100%;
            display: flex;
            flex-direction: column;
            -webkit-box-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            align-items: center;
        }

        .htaipospm-heading {
            font-size: 30px;
            font-weight: 600;
            margin: 50px 0;
            color: #494949;
        }

        .htaipospm-text-details {
            max-width: 430px;

        }

        .htaipospm-img {
            display: flex;
            -webkit-box-pack: end;
            justify-content: flex-end;
            width: 40%;
            margin-left: 30px;

        }

        .htaipospm-img .img2 {
            position: absolute;
            top: 0;
            width: 292px;
            height: 542px;
        }

        .htaipospm-img .img1 {
            width: 300px;
            position: absolute;
            object-fit: contain;
            top: -127px;
            right: -100px;
        }

        .htaipospm-img img {
            width: 100%;
        }

        .htaipospm-details {
            display: flex;
            -webkit-box-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            align-items: center;
            width: 100%;
            position: relative;
        }

        .steps-line {
            width: 270px;
            margin: 20px 1px 19px 65px;
            opacity: 0.4;
            border: solid 1px rgba(0, 0, 0, 0.1);
        }

        .steps1 {
            width: 100%;
            font-size: 14px;
        }

        .steps1 span {
            font-size: 14px;
            font-weight: 600;
        }

        .steps-img {
            width: 17%;
            display: inline-block;
        }

        .steps img {
            width: 49px;
            height: 49px;
        }

        .steps-data {
            width: 75%;
            display: inline-block;
            line-height: 1.5;
            padding-left: 10px;
        }

        /* bidding-process */
        .bidding-process {
            background-color: #fff;
            padding: 10px 10px 17px 15px;
            border-radius: 20px;
            font-size: 14px;
            width: 403px;
            position: relative;
            cursor: pointer;
        }

        .htd {
            background-color: #fff;
            border-radius: 20px;
            width: 377px;
            height: 306px;
            margin: 0 0 20px;
            padding: 20px 29px 20px 20px;
            box-shadow: 0 2px 8px 0 rgb(86 117 146 / 10%);
        }

        ul li {
            padding: 5px 0;
            line-height: 1.5;
            list-style-type: none;
        }


        #iuu li::before,
        #iuu1 li::before,
        #iuu2 li::before {
            content: "\25CF";
            color: #6a97d7;
            font-weight: bold;
            font-size: 12px;
            display: inline-block;
            width: 1em;
            margin-left: -1em;
            vertical-align: text-bottom;
        }

        .biddings-arrow {
            cursor: pointer;
            position: absolute;
            top: 15px;
            right: 20px;
        }

        .biat {
            transform: rotate(180deg);
        }

        #iuu,
        #iuu1,
        #iuu2 {
            display: none;
            color: #727682;
            padding: 0 0 0 10px;
        }

        .bpp {
            margin: 5px 0 0 0;
            list-style: none;
            font-weight: 600;
            color: #494949;
        }

        .rupee-img {
            position: absolute;
            top: 10px;
            margin: 0 17px 0 0;
        }

        .bidding-process img {
            width: 18px;
        }

        .bidding-process summary {
            list-style: none;
            cursor: pointer;
            font-weight: 600;
        }

        .how-to-apply-for-ipos-on-paytm-money-back {
            max-width: 750px;
            width: 100%;
            margin: 0 auto;
        }

        .how-to-apply-for-ipos-on-paytm-money-back img {
            width: 100%;
        }

        /* Footer css */

        footer {
            margin: 0 auto;

            width: 100%;
            box-sizing: border-box;
            margin: auto;
            background-color: #fff;
        }

        .cmp-hyperlinks {
            width: 1140px;
            margin: 0 auto;
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            flex-wrap: wrap;
            padding: 4rem 0;
        }

        .paytmmoney-icons {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        .pm-logo {
            margin: 1rem 0 2rem;
        }

        .pm-footer-logo {
            align-items: center;
            display: flex;
            justify-content: flex-start;
        }

        .pm-footer-logo img {
            width: 165px;
            height: auto;
        }

        .social-media {
            display: flex;
            margin-bottom: 2.2rem;
        }

        .social-media a {
            margin: .3rem;
        }

        .social-media div {
            align-items: center;
            display: flex;
            justify-content: flex-start;
        }

        .app-store {
            display: flex;
        }

        .app-icons {
            align-items: center;
            display: flex;
            justify-content: flex-start;
        }

        .app-icons img {
            width: 100px;
            height: 30px;
        }

        .company-address {
            width: 1140px;
            margin: 0 auto;
            font-size: 12px;
            font-weight: 400;
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-items: flex-start;
            padding: 40px 0;
            border-top: .1rem solid rgb(243 243 245);
            color: rgb(155 157 160);
            line-height: 1.7rem;
        }


        .price-range-common-style.mobile1 {
            width: 38%;
        }

        .price-range-common-style.mobile2 {
            width: 33%;
        }

        a,
        a:hover,
        a:visited {
            text-decoration: none;
        }

        .mobile-menu {
            display: none;
        }

        .table-date {
            width: 100%;
            font-size: 12px;
            color: #47516e;
        }

        .table-tr-date {
            border-radius: 1px;
            background-color: #f8f9f9;
            display: table;
            width: 747px;
        }

        .download-now-btn {
            color: #004393;
            text-decoration: none;
            font-size: 12px;
            padding: 0 0 0 10px;

        }

        .tw {
            width: 30%;
        }

        .for-mobile {
            display: none;
        }

        .mobile-menu {
            display: none;
        }

        .icon {
            display: none;
        }

        .comp-name {
            font-size: 24px;
            font-weight: 600;
            color: #494949;
        }

        .rupee-sign {
            font-weight: 200;
            font-size: 30px;
            color: #494949;
        }

        .about-company-data-heading {
            font-weight: 600;
            font-size: 16px;
            margin-bottom: 10px;
            padding-left: 3px;

        }

        .prospectus-document-heading {
            font-size: 14px;
            font-weight: bold;
            margin-bottom: 11px;
        }

        .dates-table-heading {
            font-size: 16px;
            color: #232939;
            padding: 0 0 5px 25px;
        }

        .button-for-mobile,
        .icon {
            display: none;
        }

        .min-inv-inr {
            font-weight: 200;
            font-size: 30px;
            color: #494949;
        }

        /*.home-stocks-ipo {
            margin: 10px 0 10px 0;
            font-size: 12px;
        }*/

        .dropdown:hover .dropdown-content {
            display: block;
        }

        .dropdown-content {
            display: none;
        }

        button img {
            transform: rotate(90deg);
            width: 5px;
            filter: brightness(0.2);
        }

        .sign-up-cta {
            margin-top: 6px;
        }

        .sign-up-cta .signup {
            font-weight: 600;
            width: 65px;
            border-radius: 4px;
            background-color: #004393;
            color: #ffffff !important;
            font-size: 14px;
            padding: 10px;
        }

        .fo1 {
            position: absolute;
        }



        /* css for mobile(Media Queries) */
        

            @media only screen and (max-width: 600px) {
                body {
                    width: 100%;
                    margin: 0;
                    padding: 0;
                }

                .min-inv-inr {
                    font-size: 20px;
                }

                .bidding-process {
                    width: 93%;
                }

                .htd {
                    width: 85%;
                }

                .steps1 {
                    padding: 12px 0;
                }

                .steps-line {
                    display: none;
                }

                .mobile-menu {
                    vertical-align: middle;
                    width: 100%;
                    position: absolute;
                    top: 70px;
                    background: #fff;
                    left: 5px;
                    height: 100%;
                    z-index: 1;
                }

                .icon {
                    display: block;
                    position: absolute;
                    left: 4%;
                    z-index: 1;
                    top: 38%;
                    color: #727682;
                }

                .home-stocks-ipo {
                    padding: 20px 0 10px 8px;
                    font-size: 12px;
                    margin: 0;
                    width: 98%;

                }

                .ffm {
                    width: 100%;

                    font-size: 14px;
                    margin: 12px 0px 1px 0px;
                    padding: 0;

                }

                .ffm a {
                    color: #494949;
                }

               /* .route-mobile-ipo {
                    width: 97%;
                    background: #fff;
                    padding: 10px 0 0px 10px;
                    border-bottom: 1px solid #ecebeb;
                }*/

                .application-data-common {
                    width: 48%;
                    margin: 5px 0px 5px 0;
                    padding: 10px 0;
                }

                .application-data-common.mobile1 {
                    width: 48%;
                }

                .application-data-common.mobile2 {
                    width: 50%;
                }

                .price-range {
                    padding: 0;
                }

                .rmi-img {
                    /* width: 14%; */
                    border-radius: 4px;
                    border: solid 1.2px rgba(221, 223, 229, 0.75);
                    width: 50px;
                    height: 50px;
                    text-align: center;
                    padding: 0;
                    margin: 10px 10px 10px 0;
                }

                .about-company-data,
                .dates-table,
                .htaipospm-text-details {
                    width: 93%;
                    margin: 0 15px;
                }

                .about-company-data .hr-line {
                    display: none;
                }

                .about-company-details {
                    width: 91%;
                }

                .prospectus-document {
                    width: 178px;
                    padding: 0 0 0 25px;
                }

                .download-now-btn {
                    padding-left: 28px;
                }

                .mv-date {
                    text-align: right;
                }

                .tw {
                    width: 50%;
                }

                .htaipospm-heading {
                    padding: 0 22px;
                }

                .main-container {
                    width: 100%;
                    position: relative;
                }

                .header-container {
                    height: 75px;
                    padding: 0;
                    width: 100%;
                    position: relative;
                }

                .logo-nav {
                    margin: 0 auto;
                }

                .navbar,
                .demat-account-seo-details,
                .htaipospm-img,
                .mv {
                    display: none;
                }

                .price-range-common-style.mobile1 {
                    width: 60%;
                    padding: 0 0 0 7px;
                }

               /* .price-range-common-style.mobile2 {
                    width: 46%;
                }*/

                .price-range-common-style {
                    padding: 10px;
                }

                .application-data {
                    width: 97%;
                    margin-left: 14px;
                }

                .block {
                    margin: 0 auto;
                    display: inline-block;
                    vertical-align: middle;
                    position: absolute;
                    top: 35%;
                    left: 30%;
                }

                .seo-ipos-details,
                .seo-ipos-price-table {
                    width: 100%;
                    padding: 0;
                }

                .how-to-apply-for-ipos-on-paytm-money-details-page,
                .how-to-apply-for-ipos-on-paytm-money-back {
                    width: 100%;
                }

                .seo-ipos {
                    width: 99%;
                }

                .table-date,
                .table-tr-date {
                    width: 100%;
                }



                .for-mobile {
                    display: block;
                    padding: 0 20px;

                }

                .cmp-hyperlinks {
                    display: inline;
                }

                .pm-logo {
                    width: 67%;
                    display: inline-block;

                }

                .app-store {
                    display: inline-block;
                    vertical-align: middle;
                }

                footer {
                    display: none;
                }

                .mobile-navbar {
                    display: none;
                    width: 100%;
                    background: #fff;
                }

                .dropdown {
                    width: 90%;
                    padding: 0 15px;
                    float: none;
                }

                .dropdown .dropbtn,
                .dropdown .dropbtn1 {
                    width: 100%;
                    text-align: left;
                }

                summary {
                    list-style-type: none;
                    font-size: 14px;
                }

                .dropdown summary img {
                    width: 11px;
                    transform: rotate(90deg);
                }

                details a {
                    color: #000;
                    line-height: 1.9;
                    padding: 0 10px;
                    font-size: 14px;
                }

                /* font for mobile */
                .route-mobile-ipo img {
                    width: 50px;
                }

                .comp-name {
                    font-size: 14px;
                }

                .rmi-details .for-open,
                .rmi-details .for-date {
                    font-size: 10px;
                }

                .price-range-common-style .span2,
                .rupee-sign,
                .htaipospm-heading {
                    font-size: 24px;
                }

                .price-range-common-style .span2 {
                    font-size: 24px;
                }

                .htaipospm-heading {
                    font-size: 24px;
                    text-align: center;
                    padding: 0 20px;
                }

                .about-company-data-heading,
                .dates-table-heading {
                    font-size: 14px;
                }

                .prospectus-document-heading {
                    font-size: 12px;
                    margin: 12px 0 10px 0;
                }

                .block img {
                    width: 140px;
                    margin: 0;
                    padding: 4px 0 0 0;
                }

                .button-for-mobile {
                    display: block;
                    width: 92%;
                    padding: 15px;
                    background: #fff;
                    position: fixed;
                    bottom: 0;
                }

                .open-demat-account {
                    display: inline-block;
                    background: #004393;
                    padding: 0 10px;
                    border-radius: 4px;
                    width: 49%;
                    height: 40px;
                    vertical-align: middle;
                }

                .loginm {
                    width: 42%;
                    display: inline-block;
                    border: solid 1px #494949;
                    border-radius: 4px;
                    text-align: center;
                    height: 40px;
                    vertical-align: middle;
                }

                .open-demat-account p,
                .loginm p {
                    margin: 8px 0 0 0;
                    text-align: center;
                }


            }