/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : May 13, 2025, 8:33:49 AM
    Author     : spencer_kumar
*/



.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family: "IBM Plex Sans", sans-serif  !important;font-weight: 400}
body{font-family: "IBM Plex Sans", sans-serif  sans-serif !important;font-weight: 400}
nav.navipanel{background:#fff; padding:0px 15px 0px 15px; border:none;  }
.midpanelNew{  height: calc(100% - 130px);  display: inline-block; width: 100%;}
nav.navipanel a.brand-logo img{width:96%; height:auto; max-width: 100%; }
nav.navipanel ul.nav.navbar-nav{ padding-top: 0px;}
#navbar{padding-top:25px; float: right;}
nav.navipanel ul.nav.navbar-nav li.dropdown.open ul.dropdown-menu li{padding: 0px;}
nav.navipanel ul.nav.navbar-nav li{padding:5px 5px 5px 0px; display: inline-flex; }
nav.navipanel ul.nav.navbar-nav li a{color:#000; padding:0px 5px 0px 0px; padding-bottom: 10px; position: relative; }
nav.navipanel ul.nav.navbar-nav li a .fa{font-size: 20px; vertical-align: bottom;}
nav.navipanel ul.nav.navbar-nav li.dropdown.open a[aria-expanded="true"]{ border-bottom: solid 2px #981b17; color: #981b17;}
nav.navipanel ul.nav.navbar-nav li a:hover{ color: #981b17 !important;}
nav.navipanel ul.nav.navbar-nav li a:hover:after{content:''; border-bottom: solid 2px #981b17; position: absolute; bottom:0px; width:100%; left:0px; }
nav.navipanel ul.nav.navbar-nav li a, nav.navipanel ul.nav.navbar-nav li a:focus, nav.navipanel ul.nav.navbar-nav li a:hover{background:none; color:#000;}
nav.navipanel ul.nav.navbar-nav li.dropdown.open ul.dropdown-menu{background:#FFF;}
nav.navipanel ul.nav.navbar-nav li.dropdown.open ul.dropdown-menu li a{padding:10px; margin:0px 10px; border-radius: 5px;}
nav.navipanel ul.nav.navbar-nav li.dropdown.open ul.dropdown-menu li a:hover{background:#ececec; border:none;}
.buildbgpanelright{ background-size: cover !important;  width: 100%; border-radius: 0px 10px 10px 0px;     height: 80vh;  display: inline-block;}
.loginpanel{  background: #fff;  border-radius: 10px; height: 80vh;  border: solid #a8a8a8 1px; padding: 15px 25px; width: 100%; }
.brand-pingala{margin: 0 auto; display: block; width: auto;}
.panelbox h3.signinheading{ font-family: "IBM Plex Sans", sans-serif ; font-weight: 400;font-style: normal; padding-top: 10px;
 padding-bottom: 10px; font-weight:600; color:#1e1e1e; text-align: center;  }
.panelbox input.input-sm{color:#767676; border:solid #767676 1px; height: 45px; border-radius: 15px; font-size: 15px;}
.forgotpanel a {color:#878787 !important; font-size:15px; vertical-align: middle;}
.forgotpanel{padding-left:0px; padding-top:15px; color:#878787 !important; font-size:15px; }
.panelbox input.loginbtn{color: #fff !important; width: 100%; margin-top: 20px; margin-bottom: 5px; background: #981b17; border: none; height: 45px;
 border-radius: 15px; font-size: 15px;}
.panelbox a.newuserreg{color: #981b17 !important; border: solid #981b17 1px; width: 100%; text-align: center; height: 45px; vertical-align: middle;
 line-height: 45px; margin-top: 25px; margin-bottom: 20px; border-radius: 15px; font-size: 15px;}
.acativesessionbox{font-size: 12px; color:#878787; text-align: center; display: inline-block;}
html{background:none;}
.buildbgpanelright img{  width: 100%; height:80vh; object-fit: cover; border-radius: 0px 10px 10px 0px;}
.loginfooter{background: #fff; color:#000000; font-size: 16px; padding: 5px 0px;}
.fterrightpanel a{border: solid #767676 2px; border-radius: 100px; margin: 0px 10px 0px 10px; height: 40px; width: 40px; display: inline-table; text-align: center;
 vertical-align: middle; line-height: 35px; color: #767676;}
.panelbox input.input-sm:focus{color: #212529; background-color: #fff; border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);}
.panelbox a.newuserreg:hover, .panelbox input.loginbtn:hover{background:#464646 !important; color:#fff !important; border-color: #464646;}
nav.navbar-default.navipanel .navbar-toggle{background:#fff; border:solid #767676 1px;}
.forgotpanel a:hover{color:#464646 !important;}
.brand-pingala img{width: auto !important;}
.fterrightpanel a:hover{color: #fff !important; background: #464646;}
ul.nav.navbar-nav li.dropdown a .fa.fa-angle-up{display: none;}
ul.nav.navbar-nav li.dropdown.open a .fa.fa-angle-up{display: inline-block;}
ul.nav.navbar-nav li.dropdown.open a .fa.fa-angle-down{display: none;}
#errorMsg1{background-color: red; color: white; padding: 5px; border-radius: 5px;}
.navbar-header{width:20%;}
/*#navbar.navbar-collapse.collapse{width: 78%;}*/
.epayitem{display:inline-block; padding-right:20px; padding-top:25px; float: right;}
.epayitem img{width:80px; height:auto;}
a.brand-logo{padding-top: 10px; display: block;}
.footer.loginfooter p{margin-bottom:0px;}
.rightloginpanel img{width:100%;}

.carousel-inner .item img {
  height: 85vh;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.caption{top: 50%;   margin-top: -100px;}

.carousel-fade .carousel-inner .item {
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
  z-index: 2;
}



#myCarousel .item .caption {
color: white;
    position: absolute;
    width: 100%;
    top: 50%;
    text-align: center;
    padding: 50px;
    margin-top: -150px;

}

#myCarousel .caption h2 {
  animation-duration: 1s;
  animation-delay: 2s;
}

#myCarousel .caption p {
  animation-duration: 1s;
  animation-delay: 2.2s;
}

#myCarousel .caption a {
  animation-duration: 1s;
  animation-delay: 2.4s;
}
.rightloginpanel{height:80vh;}
.rightloginpanel .carousel-inner{border-radius: 0px 15px 15px 0px;}
.loginpanel{border-radius: 15px 0px 0px 15px;  }
.midpanelNew{overflow: hidden;}
.leftloginpanel{padding-right:0px;}
.containerbackdrop { position: fixed; background: rgba(0, 0, 0, 0.7); width: 100%; height: 100%; opacity: 1; top: 0; bottom: 0;right: 0; transition: opacity 0.5s ease-in-out;}

.brand-title{text-align: center; color:#000; padding-top: 20px;}


@media screen and (max-width:1200px){
  nav.navipanel ul.nav.navbar-nav li {
 padding: 15px 10px;
}
}

@media screen and (max-width:1100px){
   a.brand-logo{width: 250px; float: left;}

nav.navipanel ul.nav.navbar-nav li{padding: 5px 10px;} 
}

@media screen and (max-width:1024px)
{nav.navipanel ul.nav.navbar-nav li {  padding: 5px 5px;}
nav.navipanel ul.nav.navbar-nav li a{font-size: 13px;}
.footer.loginfooter{margin-top:15px;}

}
@media screen and (max-width:990px){
.loginpanel{margin-bottom:15px;min-height: inherit; height: auto;     border: solid #a8a8a8 1px;}
.buildbgpanelright { background-size: cover !important; width: 100%; border-radius: 10px; height: 100%; display: inline-block; margin-top: 0px;}
.buildbgpanelright img { height: auto; border-radius: 10px; width: 100%; object-fit: fill; min-height: inherit; border-radius: 10px;}
   .rightloginpanel{height:100vh; padding: 15px; padding-top:0px;}
   .rightloginpanel .carousel-inner{border-radius:15px;}
   .loginpanel{ height: 80vh;}
.buildbgpanelright{height: 80vh;}
.rightloginpanel{height: 80vh;}
   
}

@media screen and (max-width:940px){

nav.navipanel ul.nav.navbar-nav{padding-top: 0px;}
nav.navipanel ul.nav.navbar-nav li a{font-size: 12.5px !important;}
.epayitem{padding-right: 5px;}
.epayitem img{width:60px;}
a.brand-logo{width:210px;}
.buildbgpanelright{background-position-x: 50% !important;}
}

@media screen and (max-width:768px){
nav.navbar-default.navipanel .navbar-toggle{background: #981b17; border: solid #981b17 1px;}
.navbar-default .navbar-toggle .icon-bar{background: #fff;}
.navbar-header{margin-bottom: 10px;}

nav.navipanel ul.nav.navbar-nav li a{font-size: 14px;}
nav.navipanel ul.nav.navbar-nav li {padding: 5px;}
nav.navipanel ul.nav.navbar-nav{background: #f1f1f1; padding: 10px; padding-top:10px;} 
.buildbgpanelright{ border-radius:10px;}
#navbar{padding-right:0px; padding-top:10px;}
nav.navipanel ul.nav.navbar-nav{background: none;}
.loginpanel{ height: 80vh;}
.buildbgpanelright{height: 80vh;}
.rightloginpanel{height: 80vh;}

}

@media screen and (max-width:767px){
    .navbar-header{width:auto; float:left;}
    #navbar.navbar-collapse.collapse{width:100%;}
    nav.navipanel ul.nav.navbar-nav{float: left; width: 100%;}
    .rightloginpanel{height:400px; display:none;}
     .buildbgpanelright{background-position: center !important;}
     nav.navipanel{margin-bottom: 5px;}
     .loginpanel{border-radius:10px;}
     .fterrightpanel{padding-top: 20px;}
     nav.navipanel ul.nav.navbar-nav li span {display:none; }
   nav.navipanel ul.nav.navbar-nav { background: #f1f1f1; }
   .navbar-default .navbar-collapse{width: 100%;}
     
}

@media screen and (max-width:769px){
 .footer.loginfooter .col-md-8.text-left, .fterrightpanel{text-align: center;}
.epayitem{ padding-top:10px; padding-right:0px;}
}

@media screen and (max-width:500px){
 .forgotpanel{padding : 0px;}
 .loginpanel{padding: 15px; min-height: inherit;}
 .forgotpanel a{font-size: 14px;}
 .panelbox input.loginbtn{margin-top:15px; margin-bottom:15px;}
     .rightloginpanel{height:300px;}
     a.brand-logo{width:170px;}
}