@charset "utf-8";

/* root variables */
:root {
  --white: #FFF;
  --primary-color: #FF7101;
  --primary-color-gray: #B6B6B6;
  --black: #24272C;
  --gray: #5C6368;
  --gray-alt: #696665;
  --gray-Carousel-bg:#E4E4E4;
  --gray-border: #EDEDED;
  --dark-blue: #161E2D; 
  --white-transparent-bg: rgba(255, 255, 255, 0.20); 
  --light-orange-background: rgba(255, 113, 1, 0.06);
  --green: #7ED321; 
  --dark-green:#00B67A;
  --light-gray-bg: #F8F8F9;
  --yellow: #E1C03F;
  --white-background: #F9FBFC;
  --light-pink-background: #FFE9F3;
  --input-bg: rgba(255, 255, 255, 0.13);
  --hover-color:#FFFFFF1F;
  --grey-border: #E9E9E9; 
  --menu-background-color: rgba(255, 255, 255, 0.10);
  --model-background-color: rgba(255, 255, 255, 0.18);
  --model-border-color:#E1E1E1;
  --table-color:#818181;
  --blue-light-background:rgba(64, 95, 242, 0.10);
  --dark-black:#000;
  --border-gray-dark: rgba(129, 129, 129, 0.50);
  --white-hover:#FFFFFF4F;
  --blue-hover:#4E6CFB;
  --black-hover:#050B20D4;
  --table-background:#f0f4f6;
  --light-gray-blue:rgba(64, 95, 242, 0.2);
  --error:#ec2028;
  --light-grey:#818181;

}

.wrtAReviewBtn span{
  background-image: url(../image/black/editPenIcon.svg);
}
.indLstDtls .finlStepName::before{
  content: url(../image/black/finalstepFalg.svg);
}
.emi-calculator .slider input[type="range"]::-webkit-slider-thumb {
  background: url("../image/black/slidercircle.svg") no-repeat;
}
.ftrd-crd-thm li a:hover img {
  filter: contrast(0.5) brightness(9);
}


.sprite {
  background: url(../image/sprite-yellow.png) no-repeat;
  vertical-align: middle;
  line-height: 0;
  font-size: 0;
  display: inline-block;
  zoom: 1;
}
a {
  color: var(--black);
}


/* Chackbox */
.inputvalue input[type="radio"]:checked + label span,
input[type="radio"]:checked + label span {
  border: 8px double #f5c34b !important;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  /* Safari and Chrome */
  ::i-block-chrome,
  .inputvalue input[type="radio"]:checked + label span,
  input[type="radio"]:checked + label span {
    height: 3px !important;
    width: 18px !important;
  }
}

@media screen and (min-width: 1023px) {
  #header #menu li a:hover,
  #header #menu li.active,
  #navigator > ul > li.more ul > li:hover > a {
    height: none;
  }
}