.body-color
{
    background: white  !important;
}
.checkbox[type="checkbox"]:checked {
  background-color: #ae2626 !important;
  border-color: #ae2626 !important;
}
.color-master{
  color: #ae2626 !important;
}
.form-check-input[type="checkbox"]:checked {
  background-color: #ae2626 !important;
  border-color: #ae2626 !important;
}
.red-navbar
{
    background-image: url("../../image/header.webp") !important;
// background-size: cover !important;
  background-size: contain !important;
}

.mainimg
{
    height: 450px !important;
}
.mainimg-center
{
  display: grid;
  place-items: center;
  height: 100%;
}

.pltitle
{
    height: 50px !important;
}

.maincard
{
    box-shadow: 0px 0px 0px 0px !important;
}

.stepscard
{
    box-shadow: 0px 0px 0px 0px !important;
}

.iconsizemain
{
    font-size: 17px !important;
}


.button_pl {
    position: relative;
    padding: 6px 32px;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    color: white;
    background: linear-gradient(150deg, rgb(190, 57, 50) 15%, #df3d35 70%, #ab3530 94%);
    border: none;
    border-radius: 50px;
    overflow: hidden;
    z-index: 1;
    transition: all 0.3s ease-in-out;
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1);
    cursor: pointer;
  }
  
  .button_pl:hover {
    transform: scale(1.05);
    color: white;
  }
  .resend{
    font-size: 10px;height: 25px;
  }
  .button_pl:active {
    transform: scale(0.9);
  }
.node{
position: fixed;bottom: 0;right: 0;
}
  .otpCss{
    font-size: 10px !important;
    height: 25px  !important;
    width: fit-content  !important;
  }
  
  .button_pl::before {
    content: "";
    position: absolute;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100%;
    //background: linear-gradient(to right, #ffffff, #ffffff);
    transition: all 0.5s ease-in-out;
    z-index: -1;
    border-radius: 50px;
  }
  
  .button_pl:hover::before {
    right: 100%;
  }

  .noUi-connect
  {
    background: #df3d35;
  }

  .slider-right-end
  {
    justify-content: right;
    display: flex;
  }

  .code-color
  {
    color:grey !important;
  }

  .eminintdiv
  {
    background: #fff1f0;
    border-radius: 15px;
  }

  .intdiv
  {
    justify-content: right;
    display: flex;
  }

  .heightfull
  {
    height: 100% !important;
  }

  /* .imgsection
  {
    border-radius: 18px !important;
  } */

  .mainfont
  {
    //color: white !important;
    font-size: initial;
  }

   .logincontent-card
  {
    width: 85% !important;
  }

  .personal-loan-title,.sib-img
  {
    height: 65px !important;
  }

  .sib-div
  {
    display: flex;justify-content: end;
  }

  .navbar-sib
  {
    height: 40px !important;
  }

  .captcha
  {
    border-radius: 10px;
    height: 45px;
  }

  .content-div
  {
    height: 100% !important;
    padding: 0 !important;
    overflow-x: hidden !important;
  }

  .col-contentside
  {
    display: grid !important;
    place-items: center !important;
  }


  .otpside
  {
    display: none ;
  }

  .otp-div-submit
  {
    justify-content: end !important;
  }

  .otpimg
  {
    height: 150px !important;
  }

  .btn-refresh
  {
    border: white !important;"
  }







  



/* OTP input styles */
.otp-container, .email-otp-container {
  display: flex;
  justify-content: left;
  margin-top: 20px;
}

.otp-input, .email-otp-input {
  width: 40px;
  height: 40px;
  text-align: center;
  font-size: 18px;
  margin: 0 5px;
  border: 1px solid #ccc;
  border-radius: 4px;
  outline: none;
  transition: border-color 0.3s;
}

.otp-input:focus, .email-otp-input:focus {
  border-color: #007bff;
}

#verificationCode,
#emailverificationCode {
  width: 100%;
  margin-top: 15px;
  padding: 10px;
  font-size: 14px;
  border: 1px solid #ccc;
  border-radius: 4px;
  outline: none;
  transition: border-color 0.3s;
}

#verificationCode:focus,
#emailverificationCode:focus {
  border-color: #007bff;
}
.email-otp {
  margin-top: 25px;
}


.countdownHolder{
 /* width:450px; */
  margin:0 auto;
  font: 15px/1.5 'Open Sans Condensed',sans-serif;
  text-align:center;
  letter-spacing:-3px;
}

.position{
  display: inline-block;
  height: 1.6em;
  overflow: hidden;
  position: relative;
  width: 1.05em;
}

.digit{
  position:absolute;
  display:block;
  width:1em;
  background-color:#444;
  border-radius:0.2em;
  text-align:center;
  color:#fff;
  letter-spacing:-1px;
}

.digit.static{
  box-shadow:1px 1px 1px rgba(4, 4, 4, 0.35);

  background-image: linear-gradient(bottom, #3A3A3A 50%, #444444 50%);
  background-image: -o-linear-gradient(bottom, #3A3A3A 50%, #444444 50%);
  background-image: -moz-linear-gradient(bottom, #3A3A3A 50%, #444444 50%);
  background-image: -webkit-linear-gradient(bottom, #3A3A3A 50%, #444444 50%);
  background-image: -ms-linear-gradient(bottom, #3A3A3A 50%, #444444 50%);

  background-image: -webkit-gradient(
      linear,
      left bottom,
      left top,
      color-stop(0.5, #3A3A3A),
      color-stop(0.5, #444444)
  );
}

/**
* You can use these classes to hide parts
* of the countdown that you don't need.
*/

.countDays{ /* display:none !important;*/ }
.countDiv0{ /* display:none !important;*/ }
.countHours{}
.countDiv1{}
.countMinutes{}
.countDiv2{}
.countSeconds{}


.countDiv{
  display:inline-block;
  width:16px;
  height:1.6em;
  position:relative;
}

.countDiv:before,
.countDiv:after{
  position:absolute;
  width:5px;
  height:5px;
  background-color:#444;
  border-radius:50%;
  left:50%;
  margin-left:-3px;
  top:0.5em;
  box-shadow:1px 1px 1px rgba(4, 4, 4, 0.5);
  content:'';
}

.countDiv:after{
  top:0.9em;
}
/*PC View Display None */

.pc-view
{
  display:block !important;
}
.mob-view-div
{
  display:none !important;
}



@media (max-width: 995px) 
{

.pc-view
{
  display:none !important;
}
  .mob-view-div
{
  display:block !important;
}
  .mob-view-div .text-center
  {
    display:none !important;
  }


  .heightfull
{
  display: flex !important;
  justify-content: center !important;
}

.personal-loan-title
{
  height: 45px !important;
}

.mainimg
{
    height: 220px !important;
}


}



@media (max-width:1080px) and (min-width: 996px)
{

  .button_pl
  {
    font-size: 10px !important;
    height: 33px !important;
  }
  .captcha
  {
    border-radius: 10px !important;
    height: 40px;
  }
}


@media (max-width:575px)
{

    .otp-container
    {
      justify-content: center !important;
    }
    .mob-view-view-align
    {
      text-align: center !important;
    }
    .mob-view-timer
    {
      justify-content: center !important;
    }

    .otpimg
    {
      height: 120px !important;
    }
   
}