@media (min-width: 1400px){
            .container{
                max-width: 1184px!important;
            }

        }
#header {
                /* background: #d47e31; */
                height: 82px;
                z-index: 997;
                box-shadow: 0px 5px 15px 0px rgb(0 0 0 / 6%);
            }
            .top-line {
                height: 42px;
                float: right;
                background-color: #c30031;
            }
            .bottom-line {
                height: 10px;
                float: right;
                background-color: #fff;
            }
            .navbar::before {
                content: "";
                position: absolute;
                background-image: url(../img/shap4.png);
                left: -125px;
                transform: rotate(0deg);
                background-repeat: no-repeat;
                height: 63px;
                width: 174px;
                border-radius: 137px 1px 0px 0px;
                top: -12px;
                transition: 0.5s all ease;
                -webkit-transition: 0.5s all ease;
            }
            #topbar {
                background: transparent!important;
                border-bottom: 1px solid transparent!important;
                font-size: 15px!important;
                height: 42px!important;
                padding: 0!important;
            }
            #mobile_view_logo{
                display:none;
            }
            #hero{
                margin-top:115px;
            }

            .oc-time{
                font-size:15px!important;
            }

            .page-title-area {
                background-position: center center!important;
                background-repeat: no-repeat!important;
                background-size: cover!important;
                padding-top: 140px!important;
                padding-bottom: 20px!important;
            }


            /*------- Mobile view media query --------*/
            @media (max-width: 500px) {
                #topbar {
                    background: transparent!important;
                    border-bottom: 1px solid transparent!important;
                    font-size: 15px!important;
                    height: 85px!important;
                    padding: 0!important;
                }
                .top-line {
                    height: 86px;
                    float: right;
                    background-color: #c30031;
                }
                #mobile_view_logo{
                    display:block;
                }
                #logo_sec_lg{
                    display:none;
                }
                #hero{
                    margin-top:88px;
                }
                .bottom-line{
                    display:none;
                }
                .navbar::before {
                    content: "";
                    position: absolute;
                    background-image: url(../img/shap3.png);
                    left: -150px;
                    transform: rotate(0deg);
                    background-repeat: no-repeat;
                    height: 63px;
                    width: 174px;
                    border-radius: 137px 1px 0px 0px;
                    top: -12px;
                    transition: 0.5s all ease;
                    -webkit-transition: 0.5s all ease;
                }

                .oc-time{
                    font-size:14px!important;
                }

                .page-title-area {
                    background-position: center center!important;
                    background-repeat: no-repeat!important;
                    background-size: cover!important;
                    padding-top: 210px!important;
                    padding-bottom: 20px!important;
                }
                .news-and-notification-sec{
                    margin-top:50px;
                }
                .loan-card{
                    margin-top:30px;
                }

            }


            /*------- Tablate view media query --------*/

            @media only screen and  (min-width: 501px) and (max-width: 950px) {
                #topbar {
                    background: transparent!important;
                    border-bottom: 1px solid transparent!important;
                    font-size: 15px!important;
                    height: 85px!important;
                    padding: 0!important;
                }
                .top-line {
                    height: 86px;
                    float: right;
                    background-color: #c30031;
                }
                #mobile_view_logo{
                    display:block;
                }
                #logo_sec_lg{
                    display:none;
                }
                #hero{
                    margin-top:183px;
                }
                .bottom-line{
                    display:none;
                }
                .navbar::before {
                    content: "";
                    position: absolute;
                    background-image: url(../img/shap3.png);
                    left: -150px;
                    transform: rotate(0deg);
                    background-repeat: no-repeat;
                    height: 63px;
                    width: 174px;
                    border-radius: 137px 1px 0px 0px;
                    top: -12px;
                    transition: 0.5s all ease;
                    -webkit-transition: 0.5s all ease;
                }

                .oc-time{
                    font-size:14px!important;
                }


                .page-title-area {
                    background-position: center center!important;
                    background-repeat: no-repeat!important;
                    background-size: cover!important;
                    padding-top: 220px!important;
                    padding-bottom: 20px!important;
                }
                .loan-card{
                    margin-top:30px;
                }
                .news-and-notification-sec{
                    margin-top:30px;
                }
            }


            .about-us-card{
                border:1px solid #fff;
                background-color:#fff;
                border-radius:12px;
                padding:20px;
            }

            .active{
                color:#d9001cc2!important;
            }