   /*general styles*/
   /*jacridge colors 
   blue #0000FA
   gold #FEBE0D
   orange #F36823
   red #F40103
   */
   
   
    body.modal-open {
        padding-right: 0 !important; /* Remove padding added for scrollbar compensation */
        overflow-y: scroll !important; /* Force scrollbar to always be present */
    }
    
    
select{
-webkit-appearance: listbox !important
}
   select::-ms-expand { display: block!important; }
 
 .top-banner-container { 

   background-color: #000000; 


 }


.top-banner-container img { 

   opacity: 0.5;


 }


   .navbar .dropdown ul li {
  min-width: 200px;
}

.navbar .dropdown:hover > ul {
  opacity: 1;
  top: 100%;
  visibility: visible;
}

.navbar .dropdown ul a {
  padding: 10px 20px;
  text-transform: none;
}

.navbar .dropdown ul a i {
  font-size: 12px;
}

.navbar .dropdown .dropdown:hover > ul {
  opacity: 1;
  top: 0;
  left: 100%;
  visibility: visible;
}
   /* Define the shape and color of the hamburger lines */
.navbar-toggler span {
    display: block;
    background-color: #4f4f4f;
    height: 3px;
    width: 25px;
    margin-top: 5px;
    margin-bottom: 5px;
    position: relative;
    left: 0;
    opacity: 1;
    transition: all 0.35s ease-out;
    transform-origin: center left;
}


/* top line needs a little padding */
.navbar-toggler span:nth-child(1) {
    margin-top: 0.3em;
}

/**
 * Animate collapse into X.
 */

/* top line rotates 45 degrees clockwise and moves up and in a bit to close the center of the X in the center of the button */
.navbar-toggler:not(.collapsed) span:nth-child(1) {
    transform: translate(15%, -33%) rotate(45deg);
}
/* center line goes transparent */
.navbar-toggler:not(.collapsed) span:nth-child(2) {
    opacity: 0;
}
/* bottom line rotates 45 degrees counter clockwise, in, and down a bit to close the center of the X in the center of the button  */
.navbar-toggler:not(.collapsed) span:nth-child(3) {
    transform: translate(15%, 33%) rotate(-45deg) ;
}


/**
 * Animate collapse open into hamburger menu
 */

/* top line moves back to initial position and rotates back to 0 degrees */
.navbar-toggler span:nth-child(1) {
    transform: translate(0%, 0%) rotate(0deg) ;
}
/* middle line goes back to regular color and opacity */
.navbar-toggler span:nth-child(2) {
    opacity: 1;
}
/* bottom line goes back to initial position and rotates back to 0 degrees */
.navbar-toggler span:nth-child(3) {
    transform: translate(0%, 0%) rotate(0deg) ;
}

 
.top-text-centered{
   /* Top Section Header  */
   color: #ffff;
   font-weight: bold;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

}

    #jacridge_mobile_slider{
         display: none;
      }
   .sticky {
   position: fixed;
   top: 0;
   width: 100%;
   }
   
 


.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #0b0960;
}



.btn-card-mobile{
outline: none;
border: 0;
 border-radius: 30px;
 background-color: #F36823;
 font-weight: bold;

}
.jacridge-home-intro{

   padding: 7px;
}
.jacridge-primary{
   color: #0b0960;
}
.jacridge-secondary{
color: #ffb200
}
.jacridge-tertiary{
color: #F36823
}
.jacridge-bg-primary{
   background-color: #0b0960;
}
.jacridge-bg-secondary{
background-color: #ffb200;
}
.jacridge-bg-tertiary{
background-color: #F36823;
}
.btn-card-mobile:hover{
outline: none;
border: 0;
 border-radius: 30px;
 background-color: #0b0960;
 font-weight: bold;

} 
.jacridge-bold{
   font-weight: bold;
}
.jacridge-home-card-img{
   bottom: 0; right: 0; left: 0; position: absolute; 
}

.jacridge-card-round{

   border-radius: 30px;
}

.carousel-indicators button {
  width: 10px!important;
  height: 10px!important;
  /*border-radius: 100%!important;*/
}
   .footer {
   bottom: 0;
   width: 100%;
   height: auto;
   background: red;
   border-top: solid 1px #eee;
   padding: 10px;
   color: #ae81fe;
   z-index: 9!important;
   position: fixed;
   }
   .footer p {
   margin-top: 30px;
   }
   .article {
   padding-top: 40px;
   }
 
   .dropdown-submenu {
   position: relative;
   }
   .dropdown-submenu a::after {
   transform: rotate(-90deg);
   position: absolute;
   right: 6px;
   top: .8em;
   }
   .dropdown-submenu .dropdown-menu {
   top: 0;
   left: 100%;
   margin-left: .1rem;
   margin-right: .1rem;
   }
   #jacridgeHeader{
   top: 0;
   }
   .jacridge-search{
   border: 0.5px solid #0b0960;
   border-radius: 30px 0px 0px 30px;
   }
   .jacridge-search:focus{
   border: 0.5px solid #0b0960!important;
   border-radius: 30px 0px 0px 30px;
   }
   .jacridge-search-btn{
   border-radius: 0px 30px 30px 0px;
   background-color: #0b0960!important;
   border: 1px solid #0b0960;
   color: #fff!important;
   cursor: pointer;
   }

   .jacridge-search-btn:hover{
   cursor: pointer;
   border-radius: 0px 30px 30px 0px;
   background-color: transparent!important;
   border: 1px solid #F30002;
   color: #F30002!important;
   }
   .jacridge-drop-item{
  border-bottom: 1px solid #bdbdbd;
}

   }
   .nav-item{
   padding-right: 100px!important;
   }

      .header-nav-link{
      font-weight: 500;
   color:  #000!important;
   padding-right: 1rem!important;;
   padding-left: 1rem!important;;
   
   }
   .jacridge-nav-link{
      font-weight: 500;
   padding-right: 1rem!important;;
   padding-left: 1rem!important;;
   
   }

    .nav-link:hover{
   color:  #F36823!important;
   
   }

   .jacridge-nav-link.active{
      font-weight: 500;
   color:  white!important;
   padding-right: 1rem!important;;
   padding-left: 1rem!important;;
   
   }
   .jacridge-logo-mobile{
   display: none!important;
   }
   .jacridge-submenu{
   top: -42px!important;
   }
   .jacridge-drop-icon{
   margin-left: 20px;
   }
   /*end general styles*/
   /*mobile styles*/
   @media screen and (max-width: 600px){
      .top-text-centered{
   
   font-size: 12px;
  

}
      #jacridge_desktop_slider{
         display: none;
      }
       #jacridge_mobile_slider{
         display: block;
      }
   .mobile-nav-item{
   font-size: 12px!important;
   }
   .jacridge-logo{
   display: none!important;
   }
   .jacridge-logo-mobile{
   display: block!important;
   }
   .jacridge-submenu{
   top: 0;
   }
   .jacridge-drop-icon{
   float: right;
   /*margin-left: 50px;*/
   }
   .nav-item{
   padding-right: 0;
   }
   }
   /*end mobile styles*/
   /*extreme small mobile*/
   @media only screen and (max-width: 280px){
           .top-text-centered{
   
   font-size: 11px;
  

}
   .mobile-nav-item{
   font-size: 10px!important;
   }
   }
   /*end extreme mobile styles*/



   /*wizard css*/

/*------------------------*/
input:focus,
button:focus,
.form-control:focus{
  outline: none;
  box-shadow: none;
}
.form-control:disabled, .form-control[readonly]{
  background-color: #fff;
}
/*----------step-jacridge-wizard------------*/
.d-flex{
  display: flex;
}
.jacridge-content-center{
  justify-content: center;
}
.align-items-center{
  align-items: center;
}

/*---------signup-step-------------*/
.bg-color{
  background-color: #333;
}
.signup-step-container{
  padding: 150px 0px;
  padding-bottom: 60px;
}

.jacridge-input{


    border-radius: 30px;
}

.jacridge-bold{

    font-weight: bold;
}

    .jacridge-wizard .nav-tabs {
        position: relative;
        margin-bottom: 0;
        border-bottom-color: transparent;
    }

    .jacridge-wizard > div.jacridge-wizard-inner {
            position: relative;
    margin-bottom: 50px;
    text-align: center;
    }

.connecting-line {
    height: 2px;
    background: #e0e0e0;
    position: absolute;
    width: 75%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 15px;
    z-index: 1;
}

.jacridge-wizard .nav-tabs > li.active > a, .jacridge-wizard .nav-tabs > li.active > a:hover, .jacridge-wizard .nav-tabs > li.active > a:focus {
    color: #555555;
    cursor: default;
    border: 0;
    border-bottom-color: transparent;
}

span.round-tab {
    width: 30px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    border-radius: 50%;
    background: #fff;
    z-index: 2;
    position: absolute;
    left: 0;
    text-align: center;
    font-size: 16px;
    color: #0e214b;
    font-weight: 500;
    border: 1px solid #ddd;
}
span.round-tab i{
    color:#555555;
}
.jacridge-wizard li.active span.round-tab {
        background: #0b0960;
    color: #fff;
    border-color: #0b0960;
}
.jacridge-wizard li.active span.round-tab i{
    color: #5bc0de;
}
.jacridge-wizard .nav-tabs > li.active > a i{
  color: #0b0960;
}

.jacridge-wizard .nav-tabs > li {
    width: 25%;
}

.jacridge-wizard li:after {
    content: " ";
    position: absolute;
    left: 46%;
    opacity: 0;
    margin: 0 auto;
    bottom: 0px;
    border: 5px solid transparent;
    border-bottom-color: red;
    transition: 0.1s ease-in-out;
}



.jacridge-wizard .nav-tabs > li a {
    width: 30px;
    height: 30px;
    margin: 20px auto;
    border-radius: 100%;
    padding: 0;
    background-color: transparent;
    position: relative;
    top: 0;
}
.jacridge-wizard .nav-tabs > li a i{
  position: absolute;
    top: -15px;
    font-style: normal;
    font-weight: 400;
    white-space: nowrap;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 12px;
    font-weight: 700;
    color: #000;
}

    .jacridge-wizard .nav-tabs > li a:hover {
        background: transparent;
    }

.jacridge-wizard .tab-pane {
    position: relative;
    padding-top: 20px;
}


.jacridge-wizard h3 {
    margin-top: 0;
}
.prev-step,
.next-step,
.finish-step{
    font-size: 13px;
    padding: 8px 24px;
    border: none;
    border-radius: 4px;
    margin-top: 30px;
}
.next-step{
  color: #ffff;
  background-color: #0b0960;
}
.finish-step{
  color: #ffff;
  background-color: #0b0960;
}
.prev-step{
  color: #ffff;
  background-color: #F36823;
}
.skip-btn{
  background-color: #F36823;
  color: #ffff;

}
.step-head{
    font-size: 20px;
    text-align: center;
    font-weight: 500;
    margin-bottom: 20px;
}
.term-check{
  font-size: 14px;
  font-weight: 400;
}
.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 40px;
    margin-bottom: 0;
}
.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 40px;
    margin: 0;
    opacity: 0;
}
.custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: 40px;
    padding: .375rem .75rem;
    font-weight: 400;
    line-height: 2;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem;
}
.custom-file-label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: 38px;
    padding: .375rem .75rem;
    line-height: 2;
    color: #495057;
    content: "Browse";
    background-color: #e9ecef;
    border-left: inherit;
    border-radius: 0 .25rem .25rem 0;
}
.footer-link{
  margin-top: 30px;
}
.all-info-container{

}
.list-content{
  margin-bottom: 10px;
}
.list-content a{
  padding: 10px 15px;
    width: 100%;
    display: inline-block;
    background-color: #f5f5f5;
    position: relative;
    color: #565656;
    font-weight: 400;
    border-radius: 4px;
}
.list-content a[aria-expanded="true"] i{
  transform: rotate(180deg);
}
.list-content a i{
  text-align: right;
    position: absolute;
    top: 15px;
    right: 10px;
    transition: 0.5s;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #fdfdfd;
}
.list-box{
  padding: 10px;
}
.signup-logo-header .logo_area{
  width: 200px;
}
.signup-logo-header .nav > li{
  padding: 0;
}
.signup-logo-header .header-flex{
  display: flex;
  justify-content: center;
  align-items: center;
}
.list-inline li{
    display: inline-block;
}
.jacridge-float-right{
    float: right;
}




@media (max-width: 767px){
  .sign-content h3{
    font-size: 40px;
  }
  .jacridge-wizard .nav-tabs > li a i{
    display: none;
  }
  .signup-logo-header .navbar-toggle{
    margin: 0;
    margin-top: 8px;
  }
  .signup-logo-header .logo_area{
    margin-top: 0;
  }
  .signup-logo-header .header-flex{
    display: block;
  }
}
/*end wizard css*/


 /*CUSTOM PRELOADER*/
.loader-bg{
  position: fixed;
  z-index: 999999;
  background: #fff;
  width: 100%;
  height: 100%;
}

.jacridge-preloader{
  /*border: 0 solid transparent;*/
  /*border-radius: 50%;*/
  width: 100px;
  height: 100px;
  position: absolute;
  top: calc(50vh - 50px);
  left: calc(50vw - 50px);
}
.loader-p{
  border: 0 solid transparent;
  border-radius: 50%;
  width: 150px;
  height: 150px;
  position: absolute;
  top: calc(50vh - 75px);
  left: calc(50vw - 75px);
}

.loader-p:before, .loader-p:after{
  content: '';
  border: 1em solid #0a8ab0;
  border-radius: 50%;
  width: inherit;
  height: inherit;
  position: absolute;
  top: 0;
  left: 0;
  animation: loader 2s linear infinite;
  opacity: 0;
}

.loader-p:before{
  animation-delay: 0.5s;
}

@keyframes loader{
  0%{
    transform: scale(0);
    opacity: 0;
  }
  50%{
    opacity: 1;
  }
  100%{
    transform: scale(1);
    opacity: 0;
  }
}
/*end of custom preloader*/