.skiptranslate:first-child{display: none; } .skiptranslate.goog-te-gadget{display: block; } .VIpgJd-ZVi9od-aZ2wEe-wOHMyf.VIpgJd-ZVi9od-aZ2wEe-wOHMyf-ti6hGc {display: none; } body{top: 0% !important; } [hp-theme="light"] body {background-color: #f9f9f9; font-size: 13px; } [hp-theme="light"] .header{background-color: #ffffff; } [hp-theme="light"] .sidebar{border-right: 1px solid #e0e0e0; background-color: #ffffff; } [hp-theme="dark"] .sidebar{border-right: 1px solid #e0e0e0; } [hp-theme="dark"] img.site-logo {background: #ffffffad; border-radius: 3px; } .auth-opt{background: #fbcc06; height: 37px; width: 50px; font-size: 17px; text-align: center; padding: 5px; font-weight: bold; border-radius: 4px; border: 1px solid #dfb813; cursor: pointer; } .sidebar {height: 100%; padding: 12px; } .sidebar .btn {width: 100%; margin-bottom: 20px; } .sidebar .nav-link {color: #333; /*margin-bottom: 10px;*/ } .btn-theme i{margin-right: 4px; } .btn-theme:hover,.btn-theme:active, .btn-theme:focus {background-color: #ffce00; border-color: #dfb91b; } .content {padding: 20px; } .card {margin-bottom: 20px; } .card h5 {font-size: 1.1rem; margin-bottom: 10px; } .card p {margin: 0; } .badge-pill {padding: 5px 10px; } .header {display: flex; justify-content: space-between; align-items: center; padding: 6px 20px; border-bottom: 1px solid #e0e0e0; } img.site-logo {width: 130px; margin-left: 15px; } #sidebarMenu .nav-item>.nav-link.active {color: #fbcc06; border: 1px solid #fbcc0673; background-color: #fff8d473; text-shadow: 0 0 8px white; } .btn-theme {color: #000; background-color: #fbcc06; border-color: #d3b844; /*text-shadow: 0 0 2px #b98a00;*/ } .theme.card{font-size: 13px; border: 1px solid rgb(251 204 6 / 38%); } .amount-wrapper {color: #b0b1b3; } .pink.theme.card .card-header {background-color: #ffe4e9 !important; border-bottom: 1px solid rgb(239 182 193) !important; } .card.theme.pink {border: 1px solid rgb(255 228 233 / 86%) !important; } .baby_pink.theme.card .card-header {background-color: #fee5ff !important; border-bottom: 1px solid #f5b9f7 !important; } .card.theme.baby_pink {border: 1px solid #fee5ff !important; } .sky.theme.card .card-header {background-color: #f5b9f7 !important; border-bottom: 1px solid #f5b9f7 !important; } .card.theme.sky {border: 1px solid #f5b9f7 !important; } .light-green.theme.card .card-header {background-color: #ebffe1 !important; border-bottom: 1px solid #bbeba3 !important; } .card.theme.light-green {border: 1px solid #ebffe1 !important; } .nettle_rash.theme.card .card-header {background-color: #e3f8e9 !important; border-bottom: 1px solid #a1d7b0 !important; } .card.theme.nettle_rash {border: 1px solid #e3f8e9 !important; } .placebo-purple.theme.card .card-header {background-color: #eee7ff !important; border-bottom: 1px solid #c6b6ed !important; } .card.theme.placebo-purple {border: 1px solid #eee7ff !important; } .theme.card .card-header {padding: 4px; background-color: rgb(251 204 6 / 30%); border-bottom: 1px solid rgb(251 204 6 / 73%); } .theme.card .card-body {display: flex; align-items: center; justify-content: space-evenly; padding: 3px; } .card.theme .count {font-size: 18px; font-weight: bold; color: #000; font-weight: bold; text-shadow: 0 0 1px white; } .card.theme .divider {height: 35px; /* Adjust as needed */ width: 1px; background-color: #e0e0e0; margin: 0 3px; } .card.theme .amount {font-size: 16px; color: #000; text-shadow: 0 0 1px white; } .banner{height: 25vh; width: 100%; background-image: url(https://hellope.co.in/loan/images/banner/profile_image.jpeg); background-size: 100%; background-position-y: center; } .banner h2 {background: #0000007d; color: #fff; height: 100%; text-align: center; padding-top: 9vh; } .personalLoanSection .cardContainer {padding: 30px; border: 2px solid #edc62b; /* border-radius: 20px; */ box-shadow: 4px 4px 0 #edc62b; background: #fff; } .personalLoanSection .options .option {display: flex; align-items: center; gap: 8px; /* padding: 12px; */ margin-bottom: 24px; } .personalLoanSection .options .option i {flex: 0 0 35px; width: 35px; height: 35px; border-radius: 100%; background-color: #edc62b; color: var(--clr-white); display: flex; align-items: center; justify-content: center; font-size: 24px; } .text-yellow{color: #edc62b; } hr.divider {position: relative; height: 4px; width: 27%; border-color: #fbcc06; opacity: 1; } .modal-dialog.modal-otp {max-width: 400px; }
@media (max-width: 750px) {
    .navbar-toggler {
        display: block;
    }
}
@media (min-width: 751px) {
    .navbar-toggler {
        display: none;
        
    }
    .sidebar {min-height: 95vh;}
}

footer .text-center.p-3 {
    width: 98.6vw;
}
footer{
    margin: 0px -14px;
}

#sidebarMenu .nav-item i {
    margin-right: 4px;
}
footer div{
    background-color: rgb(251 204 6) !important;
}

button.swal2-confirm {
    background-color: #FBCC06 !important;
    color: #000 !important;
}