body{font-family: 'Poppins', sans-serif;}
    .display-4, .display-5, h5, h6{font-weight: bold !important;}
    a, a:hover{text-decoration: none;}
    .btn{border-radius: 0}
    .logo{max-height:70px;}
.btn-danger{background-color: #861f41 !important; border-color: #861f41 !important;}
.btn-bg-magenta{background-color: #ba1d60 !important; border-color: #ba1d60 !important;}
.text-magenta{color: #ba1d60 !important; }
.hr{background-color: #ba1d60 !important; border-color: #ba1d60 !important; height: 4px; width: 30px; opacity: 1 !important}
.banner{ background-size: cover !important; min-height: 400px; background-position: top right; padding-top: 80px}
.carousel-indicators button{width: 10px !important; height: 10px !important; border-radius: 50%}
.top-ico{font-size: 22px !important}
.rates-bg{background-image: linear-gradient(#fcf7f9, #e6d4da);}
#service .border-secondary{border-color: #eee}
.social a{width:45px; height:45px; line-height:45px; background:#861f41; color: #fff; border-radius:50%; font-size:18px; text-align:center; display:inline-block;}
    .social a:hover{background:#ba1d60; color: #fff; border-radius:50%;}
    .one-line {display: block; padding-right: 15px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
    .two-line {text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
    .three-line {text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
    .four-line {text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
    .lg-hide{display: none !important;}
.step-count{background-color: #ba1d60 !important; color: #fff; width: 60px; height: 60px; line-height: 60px; text-align: center; display: inline-block; 
    position: absolute !important; top: -30px; left: 42%; border-radius: 50% }
.ico-small{width: 30px}
.side-menu{position: fixed;  right: 0; bottom: 20px; z-index: 999;}
.side-menu div{background-color: rgba(0,0,0,0.8); max-height: 520px; width: 95px; padding: 20px 15px; border-top-left-radius: 18px; border-bottom-left-radius: 18px; text-align:center; overflow: auto;}
.side-menu a{font-size: 11px; color: #fff; display: block; width: 100%; text-align:center; margin-bottom: 30px;}
.side-menu a:last-child{margin-bottom: 0px;}
.toggle-side{cursor: pointer; position: fixed;  background-color: rgba(0,0,0,0.6); color: #fff; border-top-left-radius: 8px; border-bottom-left-radius: 8px; right:0; top:250px; }
.toggle-margin{right: 93px;}

#myMenu a{padding: 14px 23px !important; color: #888 !important;}
#myMenu li .tab-pane a{ padding: 0 !important; color: #888 !important;}
#myMenu .lg-links a{padding: 14px 23px !important; color: #888 !important; box-shadow: none !important}
#myMenu .lg-links .tab-pane a{padding: 14px 23px; color: #888 !important; border-bottom: 1px solid #eee;}
#myMenu .lg-links a:hover span{font-weight: bold;}
#myMenu .list-group-item .material-icons{display: none;}
#myMenu .list-group-item:hover .material-icons{display: inline-block;}
#myMenu .active{padding: 14px 23px !important; background-color: #fcf7f9 !important; border-color: #e6d4da !important; color: #ba1d60 !important; border-width: 1px}
#myMenu li .tab-content .active{ padding: 0 23px !important; color: #888 !important; font-size: 14px}
#myMenu li .tab-content .active a{ padding: 14px 0 !important; color: #888 !important;}
#myMenu li .tab-content .active a:first-child{ padding-top: 0 !important; color: #888 !important;}
#myMenu .lg-hide .active{padding: 14px 23px !important; background-color: #fff !important; border-color: #e6d4da !important; color: #ba1d60 !important; border-width: 1px}
#myMenu .active .material-icons{display: inline-block;}

#myMenu2 a{padding: 4px 0px 8px 0px !important; color: #888 !important; border-bottom: 1px solid #eee;}
#myMenu2 .list-group-item .material-icons{display: none;}
#myMenu2 .list-group-item:hover .material-icons{display: inline-block;}
#myMenu2 .active{padding: 14px 23px !important; background-color: #fcf7f9 !important; border-color: #e6d4da !important; color: #ba1d60 !important; border-width: 1px}
#myMenu2 .active .material-icons{display: inline-block;}

::-webkit-scrollbar { width: 5px; border-radius: 4px}
::-webkit-scrollbar-track {background: #f1f1f1;}
::-webkit-scrollbar-thumb {background: #ccc;}
::-webkit-scrollbar-thumb:hover {background: #555;}
.form-check-input:checked { border-color: #ba1d60 !important; background-color: #ba1d60 !important;}

#accordion .card{border-color: #eee !important}


#upD .nav-link{color: #555; font-weight: 700}
#upD .nav-tabs {border-bottom: 1px solid #f3e8d3;}
#upD .nav-item .active {background: transparent; border: none; border-bottom: 3px solid #c3525a; color: #c3525a;}

.form-wiz{z-index: 100; top: -60px; left: 0}
.form-wiz .material-symbols-outlined {font-size: 48px; font-variation-settings:'wght' 300}
.form-wiz .disabled {color: #aaa}
.form-wiz .active {background-color: #ba1d60 !important; border-color: #ba1d60 !important; color: #fff !important}
.wiz-btn{cursor: pointer; border-radius: 12px; font-size: 14px; font-weight: bold;}

@media (min-width: 720px) and (max-width: 1000px) {
    .logo{max-height:60px}
    .lg-hide{display: inline-block !important;}
    .sm-hide, .md-show{display: none !important;}
    .side-menu{display: none;}
    .top-button .btn{font-size: 14px}
    .top-button .material-icons{font-size: 22px !important}
    .scroller{font-size: 14px}
    .scroller h5{font-size: 16px}
    .banner{min-height: 350px; background-position: -300px 0px !important; padding-top: 60px }
    .form-wiz .col-2{width: 20% !important}
}

@media (min-width: 320px) and (max-width: 700px) {
    .logo{max-height:45px; margin-top:10px;}
    .lg-hide{display: inline-block !important;}
    .dual-menu .lg-hide{display: block !important;}
    .sm-hide, .md-show{display: none !important;}
    .side-menu{display: none;}
    .cookie{position: fixed; bottom: 0; left: 0; z-index: 999}
    .top-button .btn{font-size: 14px}
    .top-button .material-icons{font-size: 22px !important}
    .scroller{font-size: 14px}
    .scroller h5{font-size: 16px}
    .banner{ min-height: 300px; background-position: -500px 0px !important; padding:0; text-align: center;}
    .banner .col-sm-10{background-color: rgba(135,30,66,0.8); width: 100%; height: 100%; min-height: 300px;  padding:35px 30px 30px 30px; color: #fff !important}
    .banner .btn{background-color: #feae00 !important; color: #222 !important}
    .banner .text-magenta {color: #feae00 !important}
    .wiz-btn{font-size: 10px;}
    .form-wiz .material-symbols-outlined {font-size: 30px; }
    .form-wiz .col-2{width: 20% !important}
}
@media(max-width:768px){
    .material-icons.bg-warning{display: none !important;}
}


/* -------new design---- */

.modal-top{
    border-bottom: 0.8px solid #F1F3F7;
background: linear-gradient(90deg, #BA1D60 0%, #A21956 100%);
padding: 1.375rem 1.75rem 1.425rem 1.75rem;
}
#applyLoan .modal-content,
#investment .modal-content{
    border-radius: 1rem;
    overflow: hidden;
}
#applyLoan .modal-body,
#investment .modal-body{
    max-height: 85dvh;
    overflow-y: auto;
}
.modal-top h4{
    color: #FFF;
font-size: 1.25rem;
font-weight: 700;
}
.modal-top h6{
   color: rgba(255, 255, 255, 0.92);
font-size: 0.8125rem;
font-weight: 400!important;
}
.modal-container{
    padding: 1.625rem 1.75rem;
    background: linear-gradient(180deg, #FFF 0%, #FBFCFF 100%);
}
.one-input{
    display: flex;
    flex-direction: column;
    gap:0.5rem;
    flex: 0 0 calc((100% - 1rem)/2);
}
.one-input label{
    color: #6B7280;
font-size: 0.8125rem;
font-weight: 400;
}
.one-input input,
.one-input select,
.one-input textarea{
    width: 100%;
    padding: 0.8rem 0.925rem;
    border-radius: 0.625rem;
border: 1px solid #E6E9EF;
color: #000;
font-size: 0.875rem;
font-weight: 400;
}
.one-input p{
    color: #8B919A;
font-size: 0.75rem;
font-weight: 400;
}
.estimated{
    border-radius: 0.625rem;
border: 1px solid #F0F2F6;
background: #FFF;
padding: 0.675rem 0.8rem;
color: #0F172A;
font-size: 0.8125rem;
font-weight: 400;
}
.des{
    color: #6B7280;
font-size: 0.8125rem;
font-weight: 400;
}
.main-btn{
    padding: 0.75rem 1.125rem 0.8rem 1.125rem;
    border-radius: 0.625rem;
background: #BA1D60;
color: #FFF;
font-size: 0.875rem;
font-weight: 700;
border: none;
}
.pointer{
    cursor: pointer;
}
@media(max-width: 768px){
   .modal-top h4{
    
font-size: 1.125rem;
}
.modal-top h6{
   
font-size: 0.75rem;

}
.modal-container{
    padding: 1.25rem;
    
}
.one-input{
   
    flex: 0 0 100%;
}
.submit-btn{
    width: 100%;
}


}