/* ========== Home page css  =============*/
.back {
    background: #0C2771 !important;
}
#newservice {
    background: #815bc8 !important;
}
.card .button-container button span, .card .button-container span .button {
    color: #815bc8 !important;
}



.mytopheader {
    width: 100%;
    float: left;
    background:#fff url('../images/jheader.png');
    height:60px;
}

.topdivrightjinner {
    float: right;
    width: auto;
    padding: 10px 30px 10px 110px;
    display: flex;
}

.ptxt {
    word-break: break-word;
}

.topdivrightj {
    position: absolute;
    right: -16px;
    top: 0px;
    color: #fff;
    width: 51%;
    background: url('../images/white-arrow.png');
    height: 60px;
    background-size: cover;
    background-repeat: no-repeat;
}
footer {
    background: url('../images/other/footer-bg.jpg') !important;
    border-top: 0px !important;
    color: #000 !important;
   display:inline-block;
    width: 100%;
}

    footer a {
        color:#c4a57a !important;
        padding: 10px;
    }
.copyright {
    color: #c4a57a !important;
}
/* ========== Agent panal css  =============*/
.dropdownrk-content {
    background-color: #815bc8 !important;
}
.btncustom {
    background-color: #815bc8 !important;
}
.btn-warning {
    background-color: #815bc8 !important;
}
.icon-back {
    background: #815bc8 !important;
}
.dropdown-menu  .dropdown-menu .dropdown-item:focus, .dropdown-menu a:hover, .dropdown-menu a:focus, .dropdown-menu a:active {
    background-color:#fff !important;
    color:#000 !important;
}
.haveaquery {
    background: #0F2153 !important;
    color: white !important;
    min-height: 293px !important;
    text-align: center !important;
}


.hidemob {
    display: block;
}

.topdivrightj {
    display: block;
}

@media (max-width: 768px) { /* adjust breakpoint as needed */
    .navbar-nav.navside li:nth-child(1),
    .navbar-nav.navside li:nth-child(2) {
        display: none;
    }

    .hidemob {
        display:none;
    }

    .topdivrightj {
        display: none !important;
        visibility: hidden !important;
    }

    .mytopheader {
        height: auto;
        min-height: 60px;
        overflow: hidden;
        position: relative;
    }

    .navbar-brand>img {
        height: 45px !important;
        margin-top: 5px !important;
    }

    .navbar-header {
        overflow: visible;
        width: 100%;
    }
    
}