* { font-size: 14px;}
.topBar { background: hsl(0deg 0% 100% / 19%) }
.topBar .navbar-brand { color:#fff !important; }
.topBar .nav-link {  color:#fff !important; }
.banner { background:url(../img/financial-services.jpg) no-repeat; background-size: cover; background-position: bottom;}
.banner .bannerInner { max-width: 1800px;}
.banner-row { min-height: 100vh; }
.loginBox { transition: transform .2s; display: block;}
.loginBox:hover { transform: scale(1.05);}
.loginBox { background: #fff;}
.fw-500 { font-weight: 500; }
.fw-600 { font-weight: 600; }
.table { color: #555;}
.spinner-border { width: 3rem; height: 3rem; }
.adminLogin { background: url('../img/adminBg.webp') no-repeat; background-size: cover; background-position: bottom; }
.fs-5rem { font-size: 5rem; }
.sidebar .navbar .dropdown-item { background: #fff; padding: 10px 10px 10px 25px; border-top: 1px solid #ddd; font-size: 14px; transition: 0.5s ease; }
.sidebar .dropdown-item.active, .sidebar .dropdown-item:active, .sidebar .dropdown-item:hover { color: var(--primary); }
.navbar-nav .dropdown-menu { position: static; margin-left: 3px; padding: 0px; margin-top: 0px; }
.sidebar::-webkit-scrollbar { width: 6px; }
.sidebar::-webkit-scrollbar-track { background: #224abe; }
.sidebar::-webkit-scrollbar-thumb { background: #f6f6f6; border-radius: 100px; }
.sidebar::-webkit-scrollbar-thumb:hover { background: #c4c4c4; }
.topRightNav .dropdown-item { padding: 10px 15px; border-bottom: 1px solid #ccc; transition: 0.5s ease; background: #fff; }
.topRightNav .dropdown-item.active, .topRightNav .dropdown-item:active, .topRightNav .dropdown-item:hover { background: #009CFF; color: #fff;}
.userImg { width: 40px; height: 40px; }
.fs-100 { font-size: 100px; }
.height-35 { height: 35px; }
.height-40 { height: 40px; }
.height-50 { height: 50px; }
.height-80 { height: 80px; }
.height-90 { height: 90px; }
.height-100 { height: 100px; }
.font-bn { font-family: "Bebas Neue", serif; }
.text-justify { text-align: justify;}
.zoom { transition: transform .2s; }
.zoom:hover { transform: scale(1.1); }
.bg-none { background: none; }

.footer { box-shadow: 0 -0.0rem 1rem rgba(0,0,0,0.15) !important; position: fixed; bottom: 0px; z-index: 3; }
.bg-theme {background-color: rgb(78 115 223 / 85%); background-image: linear-gradient(180deg, rgb(78 115 223 / 49%) 10%, rgb(34 74 190 / 52%) 100%);
     /* background-color: #4e73df;  background-image: linear-gradient(180deg, #4e73df 10%, #224abe 100%);  */
}
.bg-grey { background-color: #e9ecef; }
.bg-s-transparent-25 { background-color: rgb(25 135 84 / 85%);}
.fs-12 { font-size: 12px; }
.fs-13 { font-size: 13px; }
.fs-14 { font-size: 14px; }
.fs-15 { font-size: 15px;}
.fs-16 { font-size: 16px;}
.fs-50 { font-size: 50px; }
.btn-theme { background: #4e73df;}
.btn-theme:hover { background: #305bdd;}

.bg-theme-75 { background-color: rgb(79 115 217 / 80%) !important;  }
.bg-theme-25 { background-color: rgb(73 108 212 / 63%) !important;}

.bg-theme-20 {background: rgb(78 115 223 / 10%) !important; }
.bg-theme-light { background: rgb(0 65 255 / 26%); }
.bg-success-light { background: #E8F5E9; }
.bg-info-25 {background-color: #0ccaf030;}
.text-info-dark { color: #0092af; }
.bg-grey-dark {background: #c4c4c4; }
.text-theme { color:#757575;}

.btn-grey { border: none; color: #ffffff; background-image: linear-gradient(180deg, #b6b9ca 10%, #111111 100%); transition: 0.5s ease; }
.btn-grey:hover { color: #ffffff; background-image: linear-gradient(180deg, #a8a8ad 10%, #000000 100%); transition: 0.5s ease;}
.hover-zoom { transition: transform .2s; display: block;}
.hover-zoom:hover { transform: scale(1.05);}
.border-grey {  border: 1px solid #ced4da; }    
.bdr-radius-5 { border-radius: 5px;}
.bg-light-50 { background-color: rgb(243 246 249 / 52%); }
.mx-w-100 {max-width: 100px;}
.mx-w-60 {max-width: 60px;}
.mx-w-50 {max-width: 50px;}
#upload { opacity: 0; }
#upload-label { position: absolute; top: 50%; left: 1rem; transform: translateY(-50%); }
.image-area { position: relative; min-height: 50px; }
.image-area::before { content: 'Preview'; color: #797979; text-transform: uppercase; position: absolute;  top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 0.8rem; z-index: 1; }
.image-area img { z-index: 2; position: relative; }

#upload2 { opacity: 0; }
#upload-label2 { position: absolute; top: 50%; left: 1rem; transform: translateY(-50%); }
.image-area2 { position: relative; min-height: 50px; }
.image-area2::before { content: 'Preview'; color: #797979; text-transform: uppercase; position: absolute;  top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 0.8rem; z-index: 1; }
.image-area2 img { z-index: 2; position: relative; }
.custom-chk { border: 1px solid #ccc; padding: 13px 20px 13px 30px; border-radius: 5px; }
.successmessage { max-width: 600px; margin: 0px auto;}
.successmessage .card { background-color: rgb(25 135 84 / 83%); border-radius: 0px; }
.successmessage i { font-size: 60px; }
.PromoterSubmitDiv { max-width: 2480px;}

.balanceSheetPDF { max-width: 900px;}
.hover-bg-light:hover { background: #F3F6F9;}
.border-radius-0 { border-radius: 0px; }
.roleDropdownIcon { position: absolute; right: 14px; top: 18px; color: #222; }
.roleCollapse { position: absolute; background: #fff; right: 13px; left: 13px; padding: 10px; } 
.border-top-left-radius-5 { border-top-left-radius: 5px; }
.border-top-right-radius-5 { border-top-right-radius: 5px; }


.ZigZagBorder { 
     --mask: 
         linear-gradient(#000 0 0) center/calc(100% - 10px) calc(100% - 10px) no-repeat,
         conic-gradient(from  135deg at top   ,#0000,#000 1deg 89deg,#0000 90deg) 0 0   /10px 5px space no-repeat,
         conic-gradient(from  -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 0 100%/10px 5px space no-repeat,
         conic-gradient(from   45deg at left  ,#0000,#000 1deg 89deg,#0000 90deg) 0 0   /5px 10px no-repeat space,
         conic-gradient(from -135deg at right ,#0000,#000 1deg 89deg,#0000 90deg) 100% 0/5px 10px no-repeat space;
         -webkit-mask: var(--mask);
         mask: var(--mask); 
     }

.recieptDiv { max-width: 600px;}
.bg-success-75 { background-color: rgb(25 135 84 / 81%) !important; }
.text-info-dark { color: #006d83 !important; }
.max-width-600 { max-width: 600px; }

#AccountHolderReport > div > table > tbody > tr:nth-child(n) > td > table:nth-child(n) > tbody > tr:nth-child(n) > td:nth-child(n) > p > span { font-weight: 500; text-decoration: underline;}
.pagination-lg .page-link { padding: 10px 15px; }
.bg-warning-25 { background-color: rgb(255 193 7 / 18%) !important; }
.bg-danger-25 { background-color: rgb(220 53 69 / 18%) !important; }
.bg-success-25 { background-color: rgb(25 135 84 / 18%) !important; }
.border-dark-25 { border-color: #cccccc !important; }
.DownloadSection { max-width: 2480px; }
.DownloadPromoterCertificate { background-image: url("../img/certificateBg.jpg"); background-repeat: no-repeat; background-size: cover;     width: 1000px;
     height: 1413px;}
.CertificateCard {     margin: 140px !important; border:none; }

#loader { position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px;  background: rgb(255 255 255 / 78%); z-index: 1021; width: 100%; height: 100vh;}
.loader { border: 10px solid #f3f3f3; border-radius: 50%; border-top: 10px solid #3498db; width: 60px; height: 60px; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; margin: 0px auto; margin-top: 40vh; }
   
/* Safari */
@-webkit-keyframes spin {
0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}

.watermark { color: #969696; position: absolute; top: 40%; left: 15%; transform: rotate(-35deg); font-size: 48px; opacity: 0.1; font-weight: bold;    text-transform: uppercase; }
.AdminSection {  background-image: url("../img/adminBg.jpg"); background-repeat: no-repeat; background-size: cover; min-height: 500px; background-attachment: fixed; background-position: center; }
.BranchSection { background-image: url("../img/serviceBg.jpg"); background-repeat: no-repeat; background-size: cover; min-height: 500px; background-attachment: fixed; background-position: center; }
.ServicesSection { background-image: url("../img/financial-services.jpg"); background-repeat: no-repeat; background-size: cover; min-height: 500px; background-attachment: fixed; background-position: center; }
.bg-dark-transparent-50 {background: rgb(0 0 0 / 51%) !important; }
.promoterIdPhoto {   width: 80px; border: 5px solid #e0e0e0; padding: 8px; border-radius: 10px; background: #fff; }
.promoterIdCard__Description { background-color: #4e73df; background-image: linear-gradient(180deg, #4e73df 10%, #224abe 100%); margin-top: -50px;     border-top: 10px solid rgb(88 122 222 / 0%); }
.bg-info-light { background: #e9fafe;}
.shadow-dark { box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 66%) !important; }
.menuBar { padding: 10px 0px;}
.menuBar .logo { width:130px; }
.menuBar .navbar-nav > li:last-child .dropdown-menu { right: 0px !important; }
.menuBar .navbar-nav .nav-link { color: #222222; text-transform: uppercase; font-size: 25px; padding: 10px 20px; font-family: "Bebas Neue", serif; }
.menuBar .navbar-nav .nav-link:hover { color: #0dcaf0; }   
.headerTop { padding: 7px 0px 7px; } 
.carousel-item { transition: transform 1s ease-in-out; }
.mainSlider .active.carousel-item-start,
.mainSlider .active.carousel-item-end { transition: opacity 0s 1s; }
.mainSlider .carousel-caption { top: 0%; left: 0px; right: 0px; bottom: 0px; background: rgb(0 0 0 / 54%); padding: 12% 10% 0px; }
.mainSlider .carousel-caption h1 { color: #fff; font-size: 5rem;}
.mainSlider .carousel-caption p { color: #fff; font-size: 1.5rem; }
.DataParalax { background: url(../img/paralaxBg.jpg) no-repeat; background-attachment: fixed; background-position: center; padding: 50px 10px; }
.DataParalax .card {   background: rgb(255 255 255 / 22%); text-align: center; border: none; padding: 50px 20px; box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 56%) !important;      color: #ffffff;     font-family: "Bebas Neue", serif;}
.DataParalax .card i { font-size: 72px; color: #00d4ff; }
.DataParalax .counter { font-size: 92px; line-height: 80px; margin-top: 30px; font-family: "Bebas Neue", serif; }
.servicesDiv .card { transition: 0.5s ease; }
.servicesDiv .card:hover { box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15) !important;}
.Mainheading { font-family: "Bebas Neue", serif; font-size: 48px; font-weight: 500;}
.heightFixScroll { max-height: 450px; overflow-y: auto; }
.f_Address { margin-left: 20px; }
.f_Address i { margin-left: -20px; }
.cursor-pointer { cursor: pointer;}
.innerBanner .headingDiv { position: absolute; top: 0%; left: 0px; right: 0px; bottom: 0px; background: rgb(0 0 0 / 54%); padding: 8% 0% 0px; text-align: center; }
.innerBanner .headingDiv h1 { font-size: 4rem; }
.galleryModal .btn-close { position: absolute; right: -10px; top: -20px; background-color: #fff; z-index: 1; opacity: 1; padding: 13px; border-radius: 100%; font-size: 10px; }
.galleryModal .prev-btn, .galleryModal .next-btn { width: 50px; height: 70px; position: absolute; transform: translateY(-50%); background: #fff; z-index: 1; top: 50%; border: none;}
.galleryModal .prev-btn { left: 0px; }
.galleryModal .next-btn { right: 0px; }