:root {
  --color-primary: #E31837;
  --color-primary-bg: #E31837;
  --color-secondry: #231F20;
  --color-secondry-bg: #231F20;
  --color-white: #fff;
  --color-black: #333846;
  --color-black-secondry: rgba(51, 56, 70, 0.7);
  --color-black-disable: rgba(51, 56, 70, 0.4);
  --color-black-border: rgba(51, 56, 70, 0.1);
  --color-border-focus: #5c606b;
  --color-negtive: #b00020;
  --color-positive: #3a9f59;
  --color-info: #febf5e;
  --color-radio-border: #d6d7da;
  --color-bg-grey: #ebebed;
  /* z-index: var(--font-regular);  */
  --font-family: "Poppins", sans-serif;
  --font-regular: 400;
  --font-medium: 500;
  --font-medium: 600;
  --font-size-8: 8px;
  --font-size-10: 10px;
  --font-size-11: 11px;
  --font-size-12: 12px;
  --font-size-13: 13px;
  --font-size-14: 14px;
  --font-size-16: 16px;
  --font-size-18: 18px;
  --font-size-20: 20px;
  --font-size-24: 24px;
  --font-size-28: 28px;
  --font-size-32: 32px;
  --font-size-default: 13px;
}
:focus-visible, :focus {
  outline: 0px !important;
  border: 0px !important;
}

*{
  font-smooth: always;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

}
.row {
  margin-right: -10px;
  margin-left: -10px;
}
/* .col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.sectionHeader2 .subHeading a.active,
.sectionHeader2 .subHeading a:hover,
a:active,
a:focus {
  color: #E31837;
  border-bottom: 0px solid #E31837;
  text-decoration: none;
} */
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
  padding-right: 10px;
  padding-left: 10px;
}
/* .sectionHeader2 .subHeading a.active,
.sectionHeader2 .subHeading a:hover,
a:active,
a:focus {
  color: #E31837;
  border-bottom: 0px solid #E31837;
  text-decoration: none;
} */
a:focus {
  outline: 0px auto -webkit-focus-ring-color;
  outline-offset: -0px;
}

.position-relative {
  position: relative;
}

.position-absolute {
  position: absolute;
}

.d-flex {
  display: flex;
  gap: 10px;
}

.aic {
  align-items: center;
}

.jsb {
  justify-content: space-between;
  }

.i-flex {
  display: inline-flex;
}

.w-75{
  width: 75%;
}

.w-50{
  width: 50%;
}
ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

body {
  font-size: var(--font-size-default);
  font-family: var(--font-family) !important;
  font-weight: normal;
  color: var(--color-black);
  background: var(--color-white-bg);
  overflow-x: hidden;
}
p {
  font-size: 13px;
}

::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: transparent;
}

::-webkit-scrollbar {
  width: 3px;
  background-color: transparent;
  height: auto;
}

::-webkit-scrollbar-thumb {
  border-radius: 10px;
  /* -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); */
  background-color: rgba(51, 56, 70, 0.15);
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px #fff  inset !important;
 }

.inputborderbox input:-webkit-autofill,
/* .inputborderbox input:-webkit-autofill:hover, */
.inputborderbox input:-webkit-autofill:focus,
.inputborderbox input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px #fff  inset !important;
   width: auto !important;
 }
 .css-1wc848c-MuiFormHelperText-root.Mui-error{
  background-color: transparent !important;
  position: absolute;
  bottom: -20px;
  margin:0px;
 }
 .inputborderbox input:-webkit-autofill{
  -webkit-box-shadow: 0 0 0 30px #f5f5f6 inset !important;
   border-radius: 8px !important;
 }
 
.firePlanWrap .fb_cardradio{ border-radius: 38px !important;padding: 12px 8px !important; }
.howitwork {
  padding: 20px;
}

.howitwork h2 {
 margin: 0px;
 padding: 0px;
}

ul.loan-agt-car-blk li {
  margin-top: 20px;
  padding-left: 15px;
  padding-right: 15px;

}   

ul.how-it-works-blk li .num-blk {
  width: 20px;
  height: 20px;
  font-size: 12px;
  font-weight: 700;
  color: #fff;
  line-height: 14px;
  text-align: center;
  background: #24272c;
  border-radius: 50%;
  line-height: 20px;
  margin-top: 0px;
  float:left;
  margin-right:10px;
}

ul.how-it-works-blk li .desc {
  font-size: 16px;
  line-height: 1.38;
  color: #24272c;
  margin-top: 15px;
  margin-bottom:5px;
}

ul.how-it-works-blk li span {
  display: block;
  clear: both;
}
/* .inputborderbox {
  overflow: hidden;
} */

/* .container-fluid {
    padding-right: 30px;
    padding-left: 30px;
    margin-right: auto;
    margin-left: auto;
} */

::-webkit-input-placeholder {
  /* Edge */
  color: var(--color-black);
  font-size: 13px;
}

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: var(--color-black);
  font-size: 13px;
}

::placeholder {
  color: var(--color-black);
  font-size: 13px;
}

input:focus {
  border: 0px dotted #000;
}
.SubHeading {
  font-size: 16px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.87);
  margin-bottom: 32px;
}

label {
  font-weight: 500;
  font-size: var(--font-size-13);
  margin-bottom: 0;
}

.navbar {
  height: 70px;
}

.navbar {
  font-family: var(--font-family);
  margin-bottom: 0;
  border: 0;
  font-size: var(--font-size-13);
  letter-spacing: normal;
  background: var(--color-white);
  box-shadow: 0px 2px 6px rgba(36, 39, 44, 0.1);
  margin-bottom: 10px;
}

.navbar-nav {
  margin-top: 0px;
}

.navbar-brand img {
  height: 20px;
}
.navbarlogo-width img{
  width: 200px;
  margin-top: 7px !important;
}
.navbar-nav > li > a {
  padding-top: 7px;
  padding-bottom: 7px;
  margin: 0px 15px;
  font-weight: 400;
}
.sidenav_icon-completed a {
  font-weight: 500;
}
.sidenav_icon-completed a:after {
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  background: url(../img/newIcon/check-blue.svg);
  top: 50%;
  margin-top: -7px;
  right: -18px;
}
.guest-agent-name-wrapper{
display: flex;
gap: 15px;
align-items: center;
}
.guest-agent-name-wrapper .guest-agent-content h2 {
font-weight: 600;
font-size: 15px;
margin-bottom: 0;
} 
.guest-agent-name-wrapper img{
padding-top: 5px;
}

@media (max-width:768px) {
  .guest-agent-name-wrapper{
    position: relative;
    top: -8px;
    left: 10px;
  } 
  .navbarlogo-width img{
    width: max-content;
  }
}
.guest-agent-name-wrapper .guest-agent-content p{
font-weight: 400;
font-size: 13px;
color: rgba(51, 56, 70, 0.7);
}
.sidenav_icon-active a:after {
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  background: url(../img/newIcon/drop_down_right.svg);
  top: 50%;
  margin-top: -10px;
  right: -18px;
}

.mrg-B30 {
  margin-bottom: 30px;
}

a:hover {
  text-decoration: none;
}

/* .navbar-nav {margin-top: 16px;} */

.navbar-brand {
  padding: 12px 20px;
}

.navbar-default .navbar-nav > li > a {
  color: rgba(51, 56, 70, 0.7);
}

#myNavbar .navbar-nav > li > a {
  margin: 0px;
  line-height: 47px;
}

.navbar li a,
.navbar .navbar-brand {
  color: var(--color-black-secondry);
}

.navbar-nav li a:hover {
  color: var(--color-black) !important;
  border-bottom: 3px solid var(--color-secondry-bg) !important;
}

.navbar-nav li.active a {
  color: var(--color-black) !important;
  background-color: transparent !important;
  border-bottom: 3px solid var(--color-secondry-bg);
  font-weight: 600;
}

.navbar-default .navbar-toggle {
  border-color: transparent;
}

.open .dropdown-toggle {
  color: var(--color-white);
  background-color: #555;
}

.dropdown-toggle:hover {
  border-bottom: 3px solid var(--color-black-border);
}

.dropdown-menu li a {
  color: var(--color-black) !important;
  padding: 10px 20px;
}

.dropdown-menu li a:hover {
  background-color: var(--color-white);
  /* text-align: center; */
  color: var(--color-black) !important;
  border-bottom: 0px solid #fff;
}

.nav .open > a,
.nav .open > a:focus,
.nav .open > a:hover {
  background-color: transparent !important;
  border-bottom: 3px solid var(--color-black-border);
  color: #fff !important;
}

.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover {
  color: var(--color-black);
}

.navbar-nav li {
  border-left: none;
  border-right: none;
  margin: 0px 10px;
}

.navbar-nav li:hover {
  border-left: none;
  border-right: none;
  cursor: pointer;
}

.navbar-header {
  padding: 0;
}

.navbar-nav > li > a {
  line-height: 20px;
  font-size: var(--font-size-13);
  text-transform: none;
  font-weight: normal;
}

.nav > li > a {
  padding: 10px 0px;
}

.nav .open > a,
.nav .open > a:focus,
.nav .open > a:hover {
  background-color: transparent !important;
  border-bottom: 3px solid var(--color-black-border);
  color: var(--color-black) !important;
}

.nav .open > a,
.nav .open > a:focus,
.nav .open > a:hover {
  background-color: #eee;
  border-color: var(--color-secondry);
}

.lastli_border {
  border-left: 1px solid var(--color-black-border);
}
.loginMenuBtn{
  padding: 0 16px;
  display: flex !important;
  height: 70px !important;
  margin-right: 0 !important;
}
.loginMenuBtn .dropdown-toggle{
  position: relative;
}
.loginMenuBtn .dropdown-toggle .medalIcon{
top: 48px !important;
left: 20px !important;
width: 14px !important;
border: none !important;
position: absolute;
}
.navbar-nav .loginMenuBtn .dropdown-menu li{
margin: 0 10px !important;
padding: 12px !important;
}
.navbar-nav .loginMenuBtn .dropdown-menu li a{
  padding: 0 !important;
}
.navbar-nav .loginMenuBtn .dropdown-menu li:hover{
  background-color: transparent !important;
}
.right-navbar-section{margin-right: 0 !important; display: flex;}
.right-navbar-section .dropdown-toggle {
  display:flex;
  align-items:center;
  gap: 12px;
}
.right-navbar-section .dropdown-toggle .loyalityCount p{
 font-size: 12px;
 font-weight: 400;
 color: #333846;
 margin: 0;
}
.right-navbar-section .dropdown-toggle .loyalityCount{
  display: flex !important;
  flex-direction: column;
  line-height: normal;
  font-size: 17px;
  font-weight: 600;
  color: #333846;
}
.right-navbar-section .dropdown-toggle img{
  border-radius: 50%;
  border-bottom: 0;
  width: 40px;
}

.loginMenuBtn li a:hover, .loginMenuBtn:hover{
 border: none !important;
}
.showLoyalty{
  padding: 10px 20px !important;
  margin: 0 !important;
}
.dropdown.open {
  background: transparent;
}

.navbar-collapse {
  padding-left: 0px;
  padding-right: 0px;
}

/* .navbar-right {
  float: right !important;
  margin-right: 0px;
} */

.mainFilter {
  width: 100%;
  /* height: auto; */
  margin-bottom: 0px;
  /* padding: 30px 30px 0px; */
  border: 1px solid var(--color-black-border);
  border-radius: 12px;
  box-shadow: 0 0px 0px rgb(0 0 0 / 10%);
}

/* Tab navigation */

.scrollableMenu {
  padding: 20px 20px 0;
  margin-bottom: 28px;
  margin: 0px 32px 30px;
}

.gsc_ta_scroll_move {
  padding: 20px 0 0;
  overflow-y: hidden;
  white-space: nowrap;
  margin: 0 -20px;
  -webkit-overflow-scrolling: touch;
}

.gsc-ta-clickWrap li {
  display: inline-block;
  box-sizing: content-box;
  margin-right: 15px;
  position: relative;
  text-decoration: none;
  border: 1px solid var(--color-black-border);
  padding: 10px 20px;
  border-radius: 8px;
}

.gsc-ta-clickWrap li img {
  margin-right: 5px;
  display: none;
}

.gsc-ta-clickWrap li.gsc-ta-active img {
  margin-right: 5px;
  display: inline;
}

.gsc-ta-clickWrap li a {
  display: inline-block;
  /* padding: 10px 0 16px; */
  box-sizing: content-box;
  position: relative;
  font-size: var(--font-size-13);
  color: var(--color-black);
  font-weight: 500;
  line-height: 16px;
}

.gsc-ta-clickWrap li:hover a {
  text-decoration: none;
  color: var(--color-secondry);
}

.gsc-ta-clickWrap li.gsc-ta-active {
  color: var(--color-secondry);
  border: 2px solid var(--color-secondry);
}
.gsc-ta-clickWrap li.gsc-ta-active a {
  color: var(--color-secondry);
  text-decoration: none;
}

/* .gsc-ta-clickWrap li:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 3px;
    background: 0 0;
} */

.gsc-ta-clickWrap li.gsc-ta-active:after {
  background: var(--color-secondry);
}

@media screen and (min-width: 768px) {
  .gsc_ta_scroll_move .gsc-ta-clickWrap {
    width: calc(100% - 40px);
  }
  .productTopBar{
    overflow-x: scroll;
    width: 100%;
  }
  .productTopBar::-webkit-scrollbar {
    display: none;
  }
}

/* Radio Button */

.inputborderbox label,
.radioButton label {
  cursor: pointer;
  font-weight: 500;
  position: relative;
  overflow: hidden;
  margin-bottom: 0.375em;
}

.inputborderbox label input[type="radio"],
.radioButton label input[type="radio"] {
  position: absolute;
  left: -9999px;
}

.inputborderbox label input:checked + span:before,
.radioButton label input:checked + span:before {
  box-shadow: inset 0 0 0 0.4375em var(--color-secondry);
}

.inputborderbox label span,
.radioButton label span {
  display: flex;
  align-items: center;
  /* padding: 0.375em 0.75em 0.375em 0.375em; */
  border-radius: 99em;
  transition: 0.25s ease;
  font-weight: 400;
  gap: 8px;
}

/* 
.inputborderbox label span:hover {
    background-color: #d6d6e5;
} */

.inputborderbox label span:before,
.radioButton label span:before {
  display: flex;
  flex-shrink: 0;
  content: "";
  background-color: var(--color-white);
  width: 18px;
  height: 18px;
  border-radius: 50%;
  margin-right: 0.375em;
  transition: 0.25s ease;
  box-shadow: inset 0 0 0 0.125em var(--color-radio-border);
}

/* End Radio Button */

/* End Tab navigation */

.inputborderbox input[type="email"],
.inputborderbox input[type="number"],
.inputborderbox input[type="password"],
.inputborderbox input[type="search"],
.inputborderbox input[type="tel"],
.inputborderbox input[type="text"],
.inputborderbox input[type="url"],
.inputborderbox textarea {
  background-color: transparent !important;
  border: none;
  outline: 0;
  height: 34px;
  width: 100%;
  font-size: var(--font-size-13);
  margin: 0;
  padding: 0;
  box-shadow: none;
  box-sizing: content-box;
  transition: none !important;
  color: #24272c;
  padding: 0px 15px;
  /* font-weight: 500; */
  /* margin-top: 4px; */
  border-radius:8px !important;
}

::-webkit-input-placeholder {
  color: #d1d1d1;
}

:-moz-placeholder {
  /* Firefox 18- */
  color: #d1d1d1;
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: #d1d1d1;
}

:-ms-input-placeholder {
  color: #d1d1d1;
}

/* Text inputs */

.inputborderbox input[type="text"]:focus:not([readonly]),
.inputborderbox input[type="email"]:focus:not([readonly]),
.inputborderbox input[type="tel"]:focus:not([readonly]),
.inputborderbox textarea:focus:not([readonly]) {
  border-bottom: 0px solid #26a69a;
  box-shadow: 0 0px 0 0 #26a69a;
}

.inputborderbox input[type="text"]:focus:not([readonly]) + label,
.inputborderbox input[type="tel"]:focus:not([readonly]) + label,
.inputborderbox textarea:focus:not([readonly]) + label {
  color: var(--color-black);
}

.gsc_mtl_field {
  position: relative;
  margin-top: 1rem;
  padding: 0 0.7rem;
}

.gsc_mtl_field.col label {
  left: 0.75rem;
}

.gsc_mtl_field label {
  color: #9e9e9e;
  position: absolute;
  top: 0.8rem;
  font-size: var(--font-size-13);
  cursor: text;
  transition: 0.2s ease-out;
}

.gsc_mtl_field label.active {
  -webkit-transform: translateY(-80%);
  transform: translateY(-80%);
  font-size: 13px !important;
}

/* .inputborderbox .gsc_mtl_field label.active {
  font-size: var(--font-size-10);
  top: 10px;
  font-weight: 400;
} */

.inputborderbox {
  border-radius: 8px;
  box-shadow: none;
  border: 2px solid #f5f5f6;
  background-color: #fff;
  height: 52px;
  /* margin: 0 0 15px; */
  background: #f5f5f6;
  /* margin-top: 1.4rem; */
}

.inputborderboxswitch {
  border-radius: 8px;
  box-shadow: none;
  border: 2px solid #f5f5f6;
  background-color: #fff;
  /* height: 55px; */
  /* margin: 0 0 15px; */
  background: #f5f5f6;
  padding: 16px 10px;
}

#discl_pre_comp_poly {
  margin-top: 1rem;
}

.inputborderbox:focus {
  border: 2px solid var(--color-border-focus);
}

.inputborderbox.active {
  background: #fff;
  border: 2px solid var(--color-secondry);
}

.inputborderbox .gsc_mtl_field label {
  color: var(--color-black-secondry);
  position: absolute;
  top: 5px;
  font-size: var(--font-size-13);
  cursor: text;
  transition: 0.2s ease-out;
  margin-bottom: 0px;
  font-weight: 500;
  margin-bottom: 0px;
  left: 15px;
  pointer-events: none;
}

.kycPendingBgColor .form-group{
  margin-bottom: 16px !important;
}

.kycPendingBgColor .customUpload{
  margin-bottom: 20px !important;
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
 }
.kycDocUpload{
  padding: 20px 0;
}
.SumoSelect .select-all.partial > span i,
.SumoSelect .select-all.selected > span i,
.SumoSelect > .optWrapper.multiple > .options li.opt.selected span i {
  background-color: var(--color-secondry);
  box-shadow: none;
  border-color: transparent;
  background-image: url(../img/newIcon/checkbox-tick.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 10px;
}

.SumoSelect > .optWrapper > .options li {
  border-radius: 6px;
}

.SumoSelect > .optWrapper > .options li label {
  padding: 0;
  margin: 0;
  font-weight: normal;
  font-size: 13px;
  color: var(--color-black-secondry);
  padding: 5px 0px;
  transform: translateY(0);
}

.inputborderbox .gsc_mtl_field {
  position: relative;
  padding: 4px 0rem;
  /* margin-top: 1rem!important; */
}

.SumoSelect > .CaptionCont > small > i {
  background-image: url(../img/newIcon/drop_down.svg);
  background-position: center center;
  width: 24px;
  height: 24px;
  display: block;
  position: absolute;
  top: -15px;
  left: inherit;
  right: 20px;
  bottom: 0;
  margin: auto;
  background-repeat: no-repeat;
}

.SumoSelect > .optWrapper > .options li.opt {
  padding: 20px 10px;
  cursor: pointer;
}

.SumoSelect > .CaptionCont {
  height: 40px;
  border-radius: 0px;
  border: 0px solid rgba(0, 0, 0, 0.3);
  background-color: transparent;
  box-shadow: none;
  border-bottom: 0px solid rgba(0, 0, 0, 0.3);
  margin-top: 0px;
}

.SumoSelect:focus > .CaptionCont {
  /* box-shadow: 0 0 0px #7799d0;
    border: 0px solid #E31837; */
  border-bottom: 0px solid #b2b2b2;
}

.SumoSelect.open > .CaptionCont,
.SumoSelect:focus > .CaptionCont,
.SumoSelect:hover > .CaptionCont {
  border-bottom: 0px solid rgba(0, 0, 0, 0.3);
}

.SelectBox {
  padding: 8px 15px;
}

.SumoSelect.open > .optWrapper {
  border-radius: 8px;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.13);
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  max-height: 265px !important;
}
.AutoSuggestSelectBox {
  padding: 12px;
  max-height: 250px; 
  overflow: auto;
  box-shadow: 0px 2px 6px rgb(0 0 0 / 13%);
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  background: #fff;
  border-radius: 8px;
  margin-top: 10px;
  display: none;
  position: relative;
  z-index: 999 !important;
}
.SumoSelect > .optWrapper > .options li label {
  padding: 0;
  margin: 0;
  font-weight: normal;
  font-size: 13px;
  color: rgba(0, 0, 0, 0.87);
  padding: 5px 0px;
}

.SumoSelect > .optWrapper.multiple > .options li label {
  padding: 0;
  margin: 0;
  font-weight: normal;
  font-size: 13px;
  color: rgba(0, 0, 0, 0.87);
  padding: 5px 24px;
}
.SumoSelect > .optWrapper.multiple > .options li.opt {
  padding-left: 38px;
}

.SumoSelect > .optWrapper > .options li label:hover {
  color: #E31837;
}

.SumoSelect > .optWrapper > .options {
  padding: 12px;
}

.SumoSelect > .optWrapper > .options li.opt {
  border-bottom: 0px solid #f5f5f5;
}
.tabbable-line .gsc_ta_scroll_move {
  margin: 0px;
  margin-top: 2rem;
}

.SumoSelect .select-all > span i,
.SumoSelect > .optWrapper.multiple > .options li.opt span i {
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 18px;
  height: 18px;
  border: 2px solid var(--color-black-border);
  border-radius: 4px;
  box-shadow: inset 0 0px 0px rgb(0 0 0 / 15%);
  background-color: #fff;
}

.SumoSelect > .optWrapper > .options li label:hover {
  color: var(--color-secondry);
}

.SumoSelect.open .search-txt {
  padding: 5px 15px;
}

.SelectClass,
.SumoSelect.open .search-txt,
.SumoUnder {
  top: 6px;
}

.SumoSelect > .optWrapper > .options li.opt {
  /* padding: 10px 15px; */
}

.SumoSelect > .optWrapper > .options li.opt:hover {
  background-color: #ebf5ff;
  color: var(--color-secondry);
}

.SumoSelect > .CaptionCont > span {
  font-size: 13px;
  color: var(--color-black) !important;
}

.inputborderbox.radioField {
  padding: 10px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.inputborderbox.radioField label {
  margin-bottom: 0px;
  margin-right: 20px;
}

.inputborderbox.radioField label:last-child {
  /* margin-bottom: 0px; */
  margin-right: 0px;
}

.date .input-group-addon:last-child {
  border-bottom: 0px solid rgba(0, 0, 0, 0.3);
  display: inline-block;
  position: absolute;
  right: 15px;
}
/* .input-group.date.calcrange input {
  width: 70%!important;
} */

.radio-container {
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 13px;
  font-weight: normal;
  color: var(--color-black);
  margin-right: 0px;
  font-weight: 400;
  margin-left: 20px;
}

.radioFieldButton .radioButtonTag {
  border: 1px solid var(--color-black-border);
  border-radius: 38px;
  padding: 10px 20px;
  margin-right: 10px;
  font-weight: 500;
  font-size: var(--font-size-13);
  line-height: 13px;
  cursor: pointer;
}

.radioFieldButton {
  margin-bottom: 30px;
}

label.radioButtonTag.active {
  border: 2px solid var(--color-secondry);
}

label.radioButtonTag:hover {
  border: 1px solid var(--color-black-disable);
}

label.radioButtonTag.active:hover {
  border: 2px solid var(--color-secondry);
}

.roundtab:hover a {
  border: 1px solid var(--color-black-disable);
}

.roundtab.active:hover a {
  border: 2px solid var(--color-secondry);
}

.radioFieldButton h4 {
  font-size: var(--font-size-15);
  font-weight: bold;
}

.checkmark {
  top: -2px;
}
.mainHeading span a {
  color: var(--color-primary);
  text-decoration: none;
  line-height: 24px;
}

.mainHeading span a:hover {
  color: var(--color-secondry);
}
h3.mainHeading.mainHeading_2 span {
  float: right;
  font-size: 13px;
  padding: 10px 20px;
  border: 2px solid var(--color-black-border);
  border-radius: 8px;
  color: var(--color-primary);
  cursor: pointer;
  display: inline-block;
}
h3.mainHeading.mainHeading_2 span:first-child{
  margin-left: 12px;
}
h3.mainHeading.mainHeading_2 span:hover {
  border: 2px solid var(--color-secondry);
}
h3.mainHeading.mainHeading_2 span:hover a {
  color: var(--color-secondry);
}

.container_space_2 {
  padding: 0px 32px;
}
footer a:hover {
  color: var(--color-secondry);
  text-decoration: none;
}
.modal-header,
.close {
  background-color: #fff;
  color: rgba(14, 14, 14, 0.87) !important;
  text-align: left;
  color: #000;
  font-size: 19px;
  text-align: left;
  /* margin-bottom:18px; */
  border: 0px;
  padding: 0;
  margin: 0;
}

h4 {
  background-color: #fff;
  color: rgba(14, 14, 14, 0.87) !important;
  text-align: left;
  color: #000;
  font-size: 13px;
  text-align: left;

  border: 0px;
  padding: 0;
  margin: 0;
}

.modal-header h4,
.modal-header h3 {
  margin: 0px;
}

/* .modal-header h4.modal-title{
    margin: 0px;
} */
/* Button */

.buttonDefault {
  background: var(--color-primary);
  box-shadow: 0px 6px 10px rgba(243, 70, 83, 0.25);
  border-radius: 8px;
  font-size: 15px;
  color: var(--color-white);
  min-width: 140px;
  padding: 15px 30px;
  font-weight: 500;
  text-decoration: none;
  border: none;
  white-space: nowrap;
}
.band-m{
  margin-top:80px;
}
.cancel_insp{
  float: right !important;
  margin-bottom: 16px !important;
  border: 3px solid var(--color-black-border) !important;  
  background: #fff !important;
  color: var(--color-primary) !important;
  box-shadow: none !important;
  margin-right: 12px;

}
.error-msg {
  position: absolute;
  font-size: var(--font-size-11);
  color: var(--color-negtive);
  margin-top: 3px;
  margin-left: 2px;
}

.commercial-error-msg {
  position: absolute;
  font-size: 12px;
  color: red;
  margin-top: -10px;
  margin-left: 2px;
}

.common-error-msg {
  position: absolute;
  font-size: var(--font-size-11);
  color: var(--color-negtive);
  margin-top: 3px;
  margin-left: 2px;
}

.marg .form-group {
  margin-bottom: 24px !important;
}

.log-pos {
  margin-top: 12px;
}

.tabSec .tabbable-line > .tab-content {
  margin-top: -3px;
  background-color: #fff;
  border: 0;
  border-top: 0px solid #eee;
  padding: 0px 0;
}

/* Tab rouned */

.roundtab a {
  border: 1px solid var(--color-black-border);
  border-radius: 38px;
  padding: 10px 20px;
  margin-right: 10px;
  font-weight: 500;
  font-size: var(--font-size-13);
  line-height: 13px;
  cursor: pointer;
  display: inline-block;
  color: var(--color-black);
}

.roundtab a {
  color: var(--color-black);
}

.roundtab.gsc-ta-active > a {
  border: 2px solid var(--color-secondry) !important;
}

.roundtab.gsc-ta-active > a {
  color: var(--color-black);
}

/* End Tab rounded */

/* other style file css changes */

/* .contentSection {
    overflow: hidden;
} */

.plusminusBox {
  display: inline;
  margin-left: 30px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(30px, 0.1fr));
  grid-gap: 5px;
  width: 100px;
}

.plusminusBox .value-button {
  display: inline-block;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  width: 28px;
  height: 28px;
  background: #ebebed;
  border-radius: 80px;
  position: relative;
  cursor: pointer;
}
.plusminusBox .value-button:hover {
  border: 1px solid var(--color-black-disable);
}

.plusminusBox input[type="text"] {
  border: none;
  margin: 0px;
  width: 30px;
  height: 30px;
  font-size: 13px;
  font-weight: 500;
  color: var(--color-black);
  text-align: center;
  padding: 0px;
}

.plusminusBox .value-button img {
  width: 12px;
  display: block;
  margin: auto;
  vertical-align: middle;
  text-align: center;
  position: absolute;
  left: 50%;
  margin-left: -6px;
  top: 50%;
  margin-top: -6px;
}

.text-link {
  color: var(--color-black);
  text-decoration: underline;
}

.lineHeight-50 {
  line-height: 50px;
}

ul.options::-webkit-scrollbar {
  width: 4px;
  background-color: #f5f5f5;
}

ul.options::-webkit-scrollbar-track {
  border-radius: 3px;
  background: #fff;
  /* box-shadow: 0 0 1px 1px #fff, inset 0 0 7px rgb(42 75 136); */
  border: 4px solid rgba(51, 56, 70, 0.4);
}

/* End other style file css changes */


.languageTranslate{
  position: relative;
  display: flex;
  align-items: center;
  height: max-content;
  left: 0px;
  top: 18px;
}
.languageTranslate .language{
  position: absolute;
  border-radius: 12px;
  border: 1px solid var(--Stroke-Light, rgba(51, 56, 70, 0.10));
  background: var(--Background-White, #FFF);
  box-shadow: 0px 0px 48px 0px rgba(0, 0, 0, 0.12);
  width: 133px;
  padding: 16px;
  right: 0;
  top:40px;
  z-index: 999;
  display: none;
}
.languageTranslate .language.active{
  display:block;
}
.languageTranslate .languagesWrapper{
  display: flex;
  align-items: center;
  gap: 5px;
  border-radius: 6px;
  border: 1px solid var(--Stroke-Light, rgba(51, 56, 70, 0.10));
  background: var(--Background-White, #FFF);
  padding: 4px 6px;
  cursor: pointer;
}
.languageTranslate .language p{
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  font-size: 13px;
  font-weight: 500;
  color: #333846;
  border-bottom: 1px solid rgba(51, 56, 70, 0.10);
  padding-bottom: 10px;
  cursor: pointer;
}
.languageTranslate .language .selected{
  display: none;
}
.languageTranslate .language .selected.active{
  display: block;
}
 .languageTranslate .language p:last-child{
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.languageTranslate .language p.active{
  color: #231F20;
}
#getKycDetailsBtnDiv{
  width: 100%;
  margin: 0 auto !important;
}
.navbar-nav>li>.dropdown-menu{
  width: 100% !important;
}
@media (max-width: 768px) {
  .languageTranslate{margin-bottom: 100px !important; width: max-content;}
  .languageTranslate .language{
      right: auto !important;
      left: 0 !important;
      bottom: 40px !important;
      top: auto !important;
  }
  .loginMenuBtn{width: max-content !important;}
  .paLanding{
  padding: 0px 12px !important;
  }
  .navbar-default .navbar-toggle {
    margin-top: 10px;
  }
  .navbar-default .navbar-toggle .icon-bar {
    background-color: #000 !important;
  }
  .navbar-default .navbar-nav > li > a {
    color: var(--color-white);
  }
  .log-pos {
    margin-top: 6px;
  }
  .navbar-brand img {
    height: 26px;
  }
  .gsc-ta-clickWrap li {
    margin-right: 20px;
  }
  .container-fluid {
    padding-right: 20px;
    padding-left: 20px;
  }
}

#healthLeadForm .error-msg {
  bottom: -20px;
}

@media (min-width: 768px) {
  .container-fluid > .navbar-collapse,
  .container-fluid > .navbar-header,
  .container > .navbar-collapse,
  .container > .navbar-header {
    margin-right: 0;
    margin-left: 0;
  }
}

.customCheckbox {
  padding: 0px 20px;
  margin-bottom: 18px;
  display: inline-block;
  cursor: pointer;
}
.customCheckbox small {
  margin-right: 8px;
}
.coverList .customCheckbox {
  padding: 0px;
  margin: 0px;
}
.coverList ul li {
  border-bottom: 0px solid #f5f5f5;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.customCheckbox label {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}

.customCheckbox input[type="checkbox"] {
  -webkit-appearance: none;
  appearance: none;
  vertical-align: middle;
  background: #fff;
  /* font-size: 1.8em; */
  border-radius: 4px;
  display: inline-block;
  border: 2px solid #d6d7da;
  width: 18px;
  height: 18px;
  position: relative;
}
.customCheckbox input[type="checkbox"]:checked {
  border: 2px solid #231F20;
  background: #231F20;
}

.customCheckbox input[type="checkbox"]:before,
.customCheckbox input[type="checkbox"]:after {
  content: "";
  position: absolute;
  background: #fff;
  width: 0.375em;
  height: 0.125em;
  top: 50%;
  left: 15%;
  transform-origin: left center;
}
.customCheckbox input[type="checkbox"]:before {
  transform: rotate(45deg) translate(-0.0625em, -0.0625em) scaleX(0);
  transition: transform 0.125s ease-in 0.125s;
}
.customCheckbox input[type="checkbox"]:after {
  width: 0.625em;
  transform: rotate(-45deg) translateY(0.25em) scaleX(0);
  transform-origin: left center;
  transition: transform 0.125s ease-in;
}
.customCheckbox input[type="checkbox"]:checked:before {
  transform: rotate(45deg) translate(-0.0625em, -0.0625em) scaleX(1);
  transition: transform 0.125s ease-in;
}
.customCheckbox input[type="checkbox"]:checked:after {
  width: 0.625em;
  transform: rotate(-45deg) translateY(0.25em) scaleX(1);
  transition: transform 0.125s ease-out 0.125s;
}
.customCheckbox input[type="checkbox"]:focus {
  outline: 0.0625em dotted rgba(0, 0, 0, 0.25);
}

.customCheckbox .checkbox-inline label {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}

.customCheckbox .checkbox-inline input[type="checkbox"] {
  -webkit-appearance: none;
  appearance: none;
  vertical-align: middle;
  background: #fff;
  /* font-size: 1.8em; */
  border-radius: 4px;
  display: inline-block;
  border: 2px solid #d6d7da;
  width: 18px;
  height: 18px;
  position: relative;
}
.customCheckbox .checkbox-inline input[type="checkbox"]:checked {
  border: 2px solid #231F20;
  background: #231F20;
}

.customCheckbox .checkbox-inline input[type="checkbox"]:before,
.customCheckbox .checkbox-inline input[type="checkbox"]:after {
  content: "";
  position: absolute;
  background: #fff;
  width: 0.375em;
  height: 0.125em;
  top: 50%;
  left: 15%;
  transform-origin: left center;
}
.customCheckbox .checkbox-inline input[type="checkbox"]:before {
  transform: rotate(45deg) translate(-0.0625em, -0.0625em) scaleX(0);
  transition: transform 0.125s ease-in 0.125s;
}
.customCheckbox .checkbox-inline input[type="checkbox"]:after {
  width: 0.625em;
  transform: rotate(-45deg) translateY(0.25em) scaleX(0);
  transform-origin: left center;
  transition: transform 0.125s ease-in;
}
.customCheckbox .checkbox-inline input[type="checkbox"]:checked:before {
  transform: rotate(45deg) translate(-0.0625em, -0.0625em) scaleX(1);
  transition: transform 0.125s ease-in;
}
.customCheckbox .checkbox-inline input[type="checkbox"]:checked:after {
  width: 0.625em;
  transform: rotate(-45deg) translateY(0.25em) scaleX(1);
  transition: transform 0.125s ease-out 0.125s;
}
.customCheckbox .checkbox-inline input[type="checkbox"]:focus {
  outline: 0.0625em dotted rgba(0, 0, 0, 0.25);
}

/* Quote page */
.middleContainer {
  position: relative;
  /* padding-left: 250px; */
  padding: 8px 32px 0px;
}
.inspectionCancellationWrapper{
background-color: rgba(51,56,70,.7);
position: fixed;
width: 100%;
height: 100%!important;
left: 0;
top: 0;
bottom: 0;
z-index: 9999;
display: flex;
align-items: center;
justify-content: center;
}
.inspectionCancellationWrapper .inspectionCancellation{
    width: 300px;
    height: auto;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 0 24px 0 rgba(0,0,0,.15);
    padding: 16px 30px;
}
.inspectionCancellationWrapper .inspectionCancellation p{
  font-size: 15px;
  font-weight: 500;
  color:var(--color-black);
  margin-bottom: 16px;
}
.inspectionCancellationWrapper .inspectionCancellation button{
border-radius: 6px;
background: #E31837;
color: #fff;
font-size: 12px;
font-weight: 600;
border: none;
outline:none;
padding: 9px 16px;
cursor: pointer;
height: 36px;
}
.inspectionCancellationWrapper .inspectionCancellation .BtnWrapper{
  display:flex;
  align-items: center;
  gap: 8px;
}
.inspectionCancellationWrapper .inspectionCancellation #cancelSms{
  margin-top: 12px;
  color: var(--color-primary);
  font-size: 13px;
  font-weight: 500;
}
.inspectionCancellationWrapper .inspectionCancellation .BtnWrapper .noBtn{
  border-radius: 6px;
  border: 2px solid var(--Stroke-Dark, rgba(51, 56, 70, 0.20));
  background: var(--Background-White, #FFF);
  color: var(--color-primary);
}
.inspectionCancellationWrapper .inspectionCancellation .BtnWrapper .noBtn:focus{
  border: 2px solid var(--Stroke-Dark, rgba(51, 56, 70, 0.20)) !important;
}

@media (max-width:768px) {
.inspectionCancellationWrapper .inspectionCancellation{
position: fixed;
bottom: 0;
height: auto;
width: 100%;
border-radius: 20px 20px 0 0;
}
}
.pad-16{
  padding: 0 12px !important;
}
.sidenav {
  height: 100%;
  /* position: absolute;
  z-index: 1;
  top: 1rem;
  left: 20px; */
  background-color: #fff;
  /* overflow-x: hidden; */
  padding-top: 0px;
  box-shadow: 0 0px 0px rgb(0 0 0 / 10%);
}
.sidenav a {
  padding: 4px 0px 4px 20px;
  text-decoration: none;
  font-weight: 500;
  font-size: 13px;
  line-height: 40px;
  font-weight: normal;
  display: inline-block;
  cursor: default;
  color: rgba(51, 56, 70, 0.7);
  position: relative;
}
.sidenav a:hover {
  color: rgba(51, 56, 70, 0.7);
}

.sidenav a.currentPage {
  color: #231F20 !important;
}
.topStrip {
  background: #ffffff;
  box-shadow: 0px 4px 16px rgb(51 56 70 / 10%);
  border-radius: 0px;
  /* margin-top: 1rem; */
  margin-bottom: 24px;
  padding: 16px 24px;
}
.topStrip p {
  margin: 0px;
  white-space: nowrap;
}
.topStrip ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

.topStrip {
  position: relative;
}
.topStrip .posAbs3.pull-right button {
  position: absolute;
  right: 18px;
  top: 50%;
  margin-top: -12px;
}

.topStrip label {
  font-size: 10px;
  color: rgba(51, 56, 70, 0.7);
  white-space: nowrap;
}
.topStrip .labelDetails {
  font-size: 13px;
  color: #333846;
  line-height: 16px;
}

.nav-tabs-pos {
  position: relative;
  top: unset;
}

.tabScroll {
  display: inline-block;
  background: #ffffff;
  border: 2px solid rgba(51, 56, 70, 0.1);
  border-radius: 38px;
  padding: 0px 20px;
  height: 36px;
}
.tabScroll ul {
  margin: 0px;
  padding: 0px;
}
.tabScroll li {
  border: none;
  padding: 10px 5px;
  border-radius: 0px;
  position: relative;
  line-height: 33px;
}
.tabScroll li.active:after {
  position: absolute;
  content: "";
  left: 0px;
  border-bottom: 2px solid var(--color-secondry);
  top: 0px;
  width: 100%;
  bottom: 0px;
}
.tabScroll li.active > a {
  color: var(--color-secondry);
}
.tabScroll li {
  border: none;
  padding: 0px;
  border-radius: 0px;
}

.tabScroll li:last-child {
  margin-right: 0px;
}

.tabScroll .gsc_ta_scroll_move {
  margin: 0px;
  padding: 0px 0px;
}

.editTextButton {
  border: 0px;
  background: none;
  font-size: 13px;
  text-decoration: underline;
}

/* Filter Search */
.addonScroll {
  display: flex;
  align-items: center;
  padding: 0px 20px;
}
.addonScroll .filterbox {
  background: #ffffff;
  border: 2px solid rgba(51, 56, 70, 0.1);
  border-radius: 38px;
  padding: 0px 8px 0px 16px;
  height: 36px;
  margin-right: 10px;
  font-size: 12px;
  color: #333846;
  font-weight: 500;
  white-space: nowrap;

  line-height: 31px;
}

.addonScroll .filterbox img {
  display: inline-block;
}
.custom-arrow {
  position: relative;
  height: 11px !important;
  right: 0px;
  top: inherit;
}
.filterbox .customCheckbox {
  padding: 0px;
}
.tabScroll li:last-child {
  padding-right: 0px;
  margin-right: 0px;
}

.filterbox img {
  margin-left: 8px;
}

.addonScroll .customCheckbox {
  margin-bottom: 0px;
}

.addonScroll .customCheckbox small {
  font-size: 13px;
  font-weight: 400;
}

.customCheckbox input[type="checkbox"],
.customCheckbox input[type="radio"] {
  margin: 0px;
}

/* 
.gridlist {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(15%,1fr));
    grid-gap: 10px;
} */
.gridlist {
  display: flex;
}

.left-side-col div:first-child {
  padding-left: 0;
}

.left-side-col div {
  padding-left: 44px;
}

.bankListing ul li {
  background: #ffffff;
  border: 1px solid rgba(51, 56, 70, 0.1) !important;
  border-radius: 8px;
}
/* .bankListing ul li:hover {
    border: 2px solid #E31837 !important;
} */
.bankListing ul li .profileText {
  width: auto;
  float: left;
  font-size: 13px;
}
.bankListing ul li .profileText .idvRange {
  font-size: 10px;
  color: rgba(51, 56, 70, 0.7);
}
.bankListing ul li.newli ul li.priceBox {
  color: #fff;
  background: #E31837;
  box-shadow: 0px 6px 8px rgb(243 70 83 / 20%);
  border-radius: 6px;
}

.bankListing ul li.newli ul li:hover .priceBox {  
  background: #E31837;
    color: #fff;
}
.margin-T32 {
  margin-top: 32px;
}
.margin-T24 {
  margin-top: 24px;
}
.margin-T16 {
  margin-top: 16px;
}
.tenure-box1 {
  border: 1px solid rgba(0, 0, 0, .3);
  border-radius: 3px;
  height: 40px;
  padding: 10px;
  cursor: pointer;
}

.tpOnlyFilter .tenureList1 {
  border: 1px solid #ddd;
  width: auto;
  padding: 10px;
  position: absolute;
  background: #fff;
  z-index: 199;
  border: none;
  border-radius: 3px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}

.tenureList1 ul {}

.tenureList1 ul li {
  float: left;
  width: 100%;
  border-bottom: 1px solid #f5f5f5;
  padding: 10px 10px;
  cursor: pointer;
}

.tenureList1 input[type="radio"]+label {
  font-size: 14px !important;
  margin-bottom: 0px;
}

.numberofquotes {
  display: flex;
  justify-content: space-between;
  margin: 0px;
  padding: 0px 20px;
  width: 100%;
  margin-top: 24px;
}
.numberofquotesShare{
  width: 50%;
}
.numberofquotes h4 {
  margin: 0px;
  padding: 0px;
  font-size: 13px;
  font-weight: 600;
  width:50%
}

.textshareLink img {
  width: 18px;
}

.textshareLink {
  background: #f5f5f6;
  border-radius: 58px;
  height: 32px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px 4px 20px;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  margin-left:10px;
}
.textcompareLink {
    background: #f5f5f6;
    border-radius: 58px;
    height: 32px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 4px 8px 4px 20px;
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
    margin-left: 10px
}
.textcompareLink span{  
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  color: var(--color-black);

}

.psq_shareList {
  margin-top: 10px;
}
.flex-end {
  justify-content: flex-end;
}
.numberofquotes .light {
  color: rgba(0, 0, 0, 0.54);
  font-size: 10px;
  margin-left: 0;
}

.quoteGride {
  display: block;
}
.bikeTpQuote {
display: flex;
flex-wrap: wrap;
}
.bikeTpQuote .quoteListing {
  width: 155px !important;
  padding: 12px !important;
  margin-right: 16px !important;
  cursor: pointer;
}
.bikeTpQuote .quoteListing .row .col-md-12 .quoteTop{
flex-direction: column;
align-items: center;
}
.bikeTpQuote .quoteListing .row .col-md-12 .text-right{
 padding: 0 !important; 
 width: 100%;
text-align: center;
}
.bikeTpQuote .quoteListing .row .col-md-12 .quoteTop .logoIDV{
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 12px;
  width: 100% !important;
}
.bikeTpQuote .quoteListing .row .col-md-12 .quoteTop .priceButton{
  margin: 16px 0;
}
.bikeTpQuote .quoteListing .row .col-md-12 .quoteTop .priceButton .yearTxt{
  display: none;
}
.bikeTpQuote .quoteListing .row .col-md-12 .quoteTop .priceButton .breakuplist{
  margin: 0;
}
.bikeTpQuote .quoteListing .row .col-md-12 .quoteTop .priceButton .breakuplist .priceBox{
  background-color: #E31837 !important;
  color: #fff;
  border: none;
}
.bikeTpQuote .quoteListing .row .col-md-12 .quoteTop .logoIDV .quoteLogo{
width: 84px;
height: 40px;
margin: 0 !important;
}
.bikeTpQuote .quoteListing .row .col-md-12 .quoteTop .logoIDV .profileText .idv span{
font-size: 12px !important;
}
.bikeTpQuote .quoteListing .row .col-md-12 .row .col-md-6 {
  display: none !important;
}
.input-group {
  /* position: relative; */
  display: inherit;
  /* border-collapse: separate; */
}
.dateCalender {
  display: flex;
  padding: 0 10px;
}

.quoteGride li.quoteListing {
  width: 48%;
  background: #ffffff;
  border: 1px solid rgba(51, 56, 70, 0.1);
  border-radius: 12px;
  display: inline-block;
  padding: 24px;
  margin-right: 3%;
}
.quoteGride li.exclusiveQuoteListing{
position: relative;
}
.quoteGride li.quoteListing:nth-child(2n + 2) {
  margin-right: 0px;
}

.quoteLogo {
  width: 84px;
}

.quoteLogo img {
  width: 100%;
  display: inline-block;
  max-height: 50px;
}
.idv {
  font-size: 13px;
  line-height: 22px;
  font-weight: 400;
}
.idv span {
  font-weight: 600;
}
.idvRange {
  font-size: 10px;
  line-height: 16px;
  color: rgba(51, 56, 70, 0.7);
}

.quoteTop {
  display: flex;
  justify-content: space-between;
}

.logoIDV {
  width: 80%;
}

.quoteLogo {
  float: left;
  margin-right: 20px;
}

.TpQuoteTop{
  width: 155px !important;  
  padding: 0px !important;
  margin-right: 17px;
  }
.TpQuoteTop .cols .quoteTop .logoIDV .quoteLogo{
  width: 82px !important; 
  height: 64px;
  
}
.TpQuoteTop .cols .quoteTop .logoIDV .quoteLogo img{
  width: 100%;
}
  .TpQuoteTop .cols{
  padding: 16px !important;
  }
  .TpQuoteTop .quoteTop{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  .TpQuoteTop .logoIDV {
    width: auto;
  }
  .TpQuoteTop .quoteLogo{
    margin-right: 0;
    width: auto !important;
  }
  .TpQuoteTop .quoteTop h2{
  color: #333846;
  font-size: 13px;
  font-weight: 600;
  line-height: 20px; 
  margin-top: 4px;
  margin-bottom: -4px;
  height: 40px;
  text-align: center;
  }
  .TpQuoteTop .TpCovers{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .TpQuoteTop .TpCovers .text-small{
  width: 100px !important;
  }
  .TpQuoteTop .priceButton .breakuplist{
  flex:  0 0 120px !important;
  margin:8px 0;
  }
  .TpQuoteTop .priceButton .breakuplist .priceBox{
    height: 32px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none !important;
    border-radius: 6px;
    background: var(--foundation-primary, #E31837) !important;
    box-shadow: 0px 6px 8px 0px rgba(243, 70, 83, 0.20);
    color: #fff;
  }
  .TpQuoteTop .priceButton{
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .TpQuoteTop .crd_mlb_flex{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items:start;
    margin-top: 8px !important;
  }
  .TpQuoteTop .psq_shareQuote_box{
    width: 100% !important;
    margin-bottom: 8px !important;
  }
  .TpQuoteTop .crd_mlb_flex .text-right{
  width: max-content;
  }
  @media (max-width:768px) {
    .TpQuoteTop .crd_mlb_flex{
      align-items: start !important;
    } 
  .TpQuoteTop .quoteTop h2{
    height: auto !important;
  }
  .tpOnlyFilter .tenureList1{
    right: 0px;
  margin-right: 20px;
  width: 50%;
  }
    .bikeTpQuote{
    flex-direction: column;
    }
    .bikeTpQuote .quoteListing {
      width: 100% !important;
    }
    .bikeTpQuote .quoteListing .row .col-md-12 .quoteTop{
      flex-direction: row;
      align-items: self-start;
    }
    .bikeTpQuote .quoteListing .row .col-md-12 .quoteTop .priceButton{
      margin: 0 !important ;
    }
    .bikeTpQuote .quoteListing .row .col-md-12 .quoteTop .logoIDV{
      align-items: start;
      gap: 0 !important;
      width: 80%;
    }
    .bikeTpQuote .quoteListing .row .col-md-12 .quoteTop .priceButton .breakuplist .priceBox{
      width: 100%;
    }
    .bikeTpQuote .quoteListing .row .col-md-12 .text-right{
      text-align: right;
    }
    .TpQuoteTop{
      width: 100% !important;
      min-height: auto;
    }
    .TpQuoteTop .cols{
     min-height: auto;
    }
    .TpQuoteTop .quoteTop{
      align-items: start !important;
    }
    .TpQuoteTop .quoteTop h2{
      font-size: 12px !important;
      margin-top: 8px !important;
    }
    .TpQuoteTop .TpCovers .rightspace{
      margin-right: 0 !important;
    }
    .TpQuoteTop .TpCovers{
     align-items: start !important;
     display: block !important;
    }
    .TpQuoteTop .priceButton{
      position: absolute;
      top: 8px;
      right: 0;
    }
    .TpQuoteTop .crd_mlb_flex .text-right{
      position: absolute;
      top: 28px;
      right: 9px;
    }
    .modal-close {
     position: fixed;
     left: 0;
     right: 0;
     bottom: 0;
    }
  }

/* Modal Popup container */

.modal-content {
  border-radius: 16px !important;
  padding: 28px;
}
.modal-dialog .modal-close button.close{
  top: 28px !important;
}

.tabbable {
  margin-top: 24px;
  margin-bottom: 24px;
}
/* h4.modal-title {
    margin-bottom: 18px;
} */

.TriSea-technologies-Switch {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.statusTxt {
  font-size: 13px !important;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.87);
  display: inline-block;
  margin-right: 0;
}

label.label-primary {
  display: inline-block;
}

.filterbox img.custom-arrow {
  width: 24px;
  height: 24px !important;
}

.breakuplist .priceBox {
  color: #E31837;
  text-align: center;
  font-size: 15px;
  font-weight: 700;
  padding: 12px;
  border-radius: 6px;
  margin: 0px;
  cursor: pointer;
  background: #ffffff;
  border: 2px solid #d6d7da;
  border-radius: 8px;
  background: transparent;
}
.mainButton {
  color: #E31837;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  padding: 12px 20px;
  border-radius: 6px;
  margin: 0px;
  cursor: pointer;
  background: #ffffff;
  border: 2px solid #d6d7da;
  border-radius: 6px;
  background: transparent;
}
.mainButton:hover {
  color: #fff;
  background: #E31837;
  box-shadow: 0px 6px 8px rgba(243, 70, 83, 0.2);
  border-radius: 6px;
  border: 2px solid #E31837;
}

.quoteListing:hover {
  background: #ffffff;
  border: 1px solid rgba(51, 56, 70, 0.1);
  border-radius: 8px;
}

.quoteListing:hover .priceBox {
  color: #fff;
  background: #E31837;
  box-shadow: 0px 6px 8px rgba(243, 70, 83, 0.2);
  border-radius: 6px;
  border: 2px solid #E31837;
}
.qt_premium_breakup {
  width: auto;
  cursor: pointer;
}
.premiumTxt.qt_premium_breakup,
.viewBtn {
  text-decoration: underline;
  font-weight: 500;
  font-size: 12px;
  cursor: pointer;
  /* margin-top:18px; */
}

.gridquotesAddons {
  display: inline-block;
  width: 100%;
  margin-bottom: 24px;
}
.bikeQuotesAddons .text-small.rightspace{
  width: 100% !important;
}
.bikeQuotesAddons {
  margin-top: -15px !important;
  margin-bottom: 5px !important;
}
.gridquotesAddons div {
  display: inline-block;
  width: 32%;
  color: #333846 !important;
  font-size: 10px;
}
.gridquotesAddons div span {
  display: inline-block;
  color: #333846 !important;
  font-size: 10px;
  margin-left: 4px;
}

.label-primary {
  background-color: #231F20;
  border-radius: 8px;
}

#sync_more_loading {
  padding: 37px 0px;
  margin-top: 24px;
  min-height: 350px;
}
li.quoteListing.full_width {
  width: 100%;
  margin-bottom: 16px;
}
label.error {
  font-size: 10px;
  position: absolute;
  margin-top: 5px !important;
}
#showOwnerDriverReasonField #pacover_owner_driver_reason_id-error{
  margin-top: 15px !important;
}
#pin_code-error{
margin-top: -1.5rem !important;
}
label.kycError {
  font-size: 10px;
  margin-top: 0.4rem;
  position: static;
}
.mr-left {
  margin-left: 1.4rem;
}

.face-icon {
  display: flex;
  justify-content: center;
  width: 100%;
}

.footer-fix {
  position: static;
}

#cn_case_info_form .inputborderbox,
.mr-top {
  margin-top: 15px;
  /* margin-bottom: 0px; */
}

.mr-top_28{
  margin-top: 28px !important;
}

.mrg-corona-plan {
  margin-bottom: 1rem;
}
div#premium-breakup .modal-dialog {
  width: 376px;
}


.strn {
  font-size: 13px;
  font-weight: 600;
  color: #24272c;
}
#premium-breakup .light {
  font-size: 13px;
  line-height: 24px;
  color: #333846;
}
#premium-breakup .edit-btn {
  width: 100% !important;
}
div#breakupInsurerLogo {
  width: 80px;
  margin-right: 12px;
}

div#breakupInsurerLogo img {
  width: 100%;
}

.totalCoverID {
  font-size: 10px;
  line-height: 15px;
  color: #333846;
  margin-bottom: 1px;
}
.font-13 {
  font-size: 13px;
}
.span#pb_val_idv {
  font-weight: 600;
  font-size: 13px;
}
.pricelight {
  font-weight: 600;
  font-size: 15px;
  line-height: 23px;
  color: #333846;
}
/* .bankListing ul li:hover {  
    box-shadow: 0px 4px 16px rgb(51 56 70 / 10%);
    cursor: pointer;
} */
.cols {
  padding: 20px;
  border: 1px solid rgba(51, 56, 70, 0.1);
  border-radius: 12px;
  margin-bottom: 20px;
  min-height: 160px;
}
.cols:hover,
li.quoteListing:hover {
  box-shadow: 0px 4px 16px rgba(51, 56, 70, 0.1);
}

.qt_car_single_tenure_block .cols:hover .priceBox {
  background-color: #E31837 !important;
  color: #ffffff !important;
  border: 2px solid;
}
.gsc_Noscroll{
  overflow: hidden;
}
.ownerHeadMob {
  margin: 0;
  font-size: 20px;
  color: #333846;
  margin-bottom: 20px;
  font-weight: 600;
}
.verifyPanel {
  display: flex;
  background: #FFF1E1;
  padding: 11px 15px;
  align-items: center;
  border-radius: 8px;
  margin-bottom: 30px;
}

.kycPendingBgColor {
  background: #FFF1E1;
 }
.kycPendingWrapper{
 margin-bottom: 20px !important;
 padding-bottom: 16px;
 border-radius: 12px;
 width: 100%;
 margin: 0 auto;
}
#kycDocsList-error{
  margin-top: -0.8rem !important;
}
.verifyPanel .kycVerifyPanelStatus {
 display:flex;
 align-items: end;
 justify-content: space-between;
 width: 100%;
}

.verifyPanel .kycVerifyPanelStatus div p:first-child{
  width: 100% !important;
  height: auto !important;
  margin-bottom: 10px;
}
.verifyPanel .kycVerifyPanelStatus div p:nth-child(2){
  margin: 0 !important;
  width: 100%;
  color: var(--color-primary);
}
.verifyPanel .verifyPanelStatus p{
  margin: 0;
  font-size: 15px;
  color: #333846;
}
.verifyPanel .verifyPanelBtn {
  padding-left: 15px;
}
.verifyPanel.pending h3 {
  margin-bottom: 5px;
}
/* .verifyPanel.pending .verifyPanelBtn {
  display: none;
} */
.verifyPanel.success.verifyPanel .verifyPanelBtn p {
  display: flex;
  align-items: center;
}
.verifyPanel.success.verifyPanel .verifyPanelBtn p img {
    max-width: 14px;
    margin-right: 9px;
    padding-bottom: 3px;
}
.verifyPanel .verifyPanelBtn .kyc-btn {
  border: 1px solid #E05458;
  background: transparent;
  min-width: 130px;
  color: #E05458;
  border-radius: 9px;
  display: inline-block;
  padding: 8px 20px;
  font-weight: 600;
  font-size: 13px;
  letter-spacing: 0.25px;
}

.KycModuleSection .panInput input:focus-visible, .KycModuleSection .panInput input:focus, .KycModuleSection .verifyDocumentsSection .selectDoc select {
  border: 4px solid #EBECED !important;
 }
 .KycModuleSection .gs_control-group .kyc-radio .gsc_mtl_field .input-field div input:focus {
 border: 0 !important;
 }

.verifyPanel .verifyPanelBtn .kyc-btn:focus {
  border: 1px solid #E05458 !important;
}

/* success box */
.verifyPanel.success {
  background: #EBF5EE;
}
.verifyPanel.success .verifyPanelBtn .kyc-btn {
  color: #3A9F59;
  border: transparent;
  position: relative;
  padding: 0;
  min-width: auto;
}
.verifyPanel.success .verifyPanelBtn .kyc-btn:after {
  position: absolute;
  content: "";
  width: 18px;
  height: 13px;
  background: url(../img/newIcon/check-green.svg);
  top: 50%;
  margin-top: -7px;
  right: auto;
  left: -25px;
  z-index: 9;
}
/* success box */

/* pending box */
.verifyPanelStatus h3 {
  margin-bottom: 3px;
  font-size: 17px;
  color: #333846;
}
.verifyPanelStatus h3 span.sttsPen {
  color: #F7B365;
}
/* pending box */




.pd-20 {
  padding: 1.5rem;
}

.col-items {
  display: flex;
}

.col-items > div {
  width: 50%;
  gap: 0.5rem;
}

.qts-light-msg {
  font-size: 1em;
  color: #3a9f59;
  padding: 0.9em;
  background: rgba(58, 159, 89, 0.05);
  display: inline-block;
  margin-top: 20px;
  border-radius: 12px;
}

.selfInspInfo {
  border: 1px solid rgba(51, 56, 70, 0.1);
    border-radius: 10px;
    color: #ffa236!important;
    align-items: center;
    /* padding: 0.7rem; */
    gap: 4px;
    width: auto;
    display: inline-flex;
    cursor: pointer;
    font-size: 10px;
    height: 22px;
    line-height: 22px;
    position: absolute;
    top: -10px;
    background: #fff;
    left: 30px;
}

.selfInspInfo.posselfT {
  padding: 10px;
  top: -27px;
}

.exclusiveTag{
  position: absolute;
  top: -12px;
  background: #3A9F59;
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  padding: 4px 8px;
  border-radius: 8px;
}
.selfInspInfo img {
  width: 12px;
}

.myUL li {
  margin-top: 24px;
  font-size: 12px;
}

.myUL li p {
  font-size: 12px;
  color: rgba(51, 56, 70, 0.7);
  line-height: 18px;
}
#listGarageSearchData .myUL li a {
  font-size: 13px;
  color: #333846;
}

.modal-header .close {
  background-color: #f3f3f3;
  border-radius: 50%;
  width: 28px;
  height: 28px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.modal-header .close img {
  width: 8px;
}

.net-hos-modal {
  margin-top: 20px;
}

.moreDiv .subheading {
  font-size: 12px;
  color: rgba(51, 56, 70, 0.7);
  font-weight: normal;
  margin: 0;
}

#netPremiumField {
  font-weight: 600;
  font-size: 20px;
}

.editBtn.changeBtn {
  background-color: transparent;
  text-decoration: underline;
  color: #333846;
  font-size: 12px;
  border: none;
  padding: 0;
  margin: 0px;
  height: auto;
  float: right;
}

.editBtn.changeBtn:active,
.editBtn.changeBtn:focus,
.editBtn.changeBtn:focus:hover,
.editBtn.changeBtn:active:hover {
  height: auto;
  border-radius: 0;
  background-color: transparent;
  border: 0;
  padding: 0;
  color: #333846;
  box-shadow: none;
}

.vl-delails-sp .customCheckbox {
  padding: 0px;
  margin-bottom: 0px;
}

.vl-delails-sp .customCheckbox small {
  margin-left: 0.4em;
}

#selfinfo_val_list .selfInspReqImg {
  line-height: 3em;
  text-transform: capitalize;
}

.subHeading .active {
  border-bottom: 2px solid #E31837;
}

@media (min-width: 768px) {
  #cashlessGarageListModal .modal-dialog {
    width: 400px;
  }
  .edit.proposal_quick_edit{
    background: transparent !important;
    border: none !important;
  }
}

.modal-header:after,
.modal-header:before,
.modal-footer:after,
.modal-footer:before {
  content: none;
}

.modal-body h4.modal-title {
  margin-bottom: 10px;
}

.header-logo {
  width: 80px;
  margin-right: 12px;
  border: 1px solid rgba(51, 56, 70, 0.1);
  padding: 4px;
  border-radius: 5px;
}

.header-logo img {
  width: 100%;
}

.modal-footer {
  padding: 0;
  padding-top: 20px;
  margin-top: 20px;
}

.modal-footer .item:first-child {
  flex: 1 1 40%;
  text-align: left;
  font-size: 20px;
  font-weight: 600;
}

.modal-footer .item p {
  font-size: 12px;
  color: #333846;
  font-weight: normal;
  margin-bottom: 0;
  line-height: 18px;
}

.modal-footer .item {
  flex: 1 1 40%;
}

.modal-footer .item button {
  min-width: 120px;
}
.editBtn.changeBtn {
  background-color: transparent;
  text-decoration: underline;
  color: #333846;
  font-size: 12px;
  border: none;
  padding: 0;
  margin: 0px;
  height: auto;
  float: right;
  font-weight: 500;
}

.editBtn.changeBtn:active,
.editBtn.changeBtn:focus,
.editBtn.changeBtn:focus:hover,
.editBtn.changeBtn:active:hover {
  height: auto;
  border-radius: 0;
  background-color: transparent;
  border: 0;
  padding: 0;
  color: #333846;
  box-shadow: none;
}

.inputborderbox.customSelect select {
  width: 100%;
  height: 22px;
  position: absolute;
  left: 0px;
  border: none;
  padding: 0px 20px 0px 20px;
  background: transparent;
  appearance: none;
  top: 10px;
  background: url(../img/newIcon/drop_down.svg) 96% -8px no-repeat;
}

.inputborderbox.customSelect label.active {
  font-size: var(--font-size-10);
  top: 10px;
  font-weight: 400;
  left: 20px;
  color: var(--color-black-secondry);
}

select:focus {
  outline: none;
}
.inputborderbox {
  position: relative;
}

.pagecardPadding {
  padding: 16px !important;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 12px;
  margin-right: 12px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.pagecardPaddingWrapper .row .form-group .inputborderbox{
  margin-bottom: 0 !important;
}
.top-content {
  border-bottom: 1px solid rgba(51, 56, 70, 0.1);
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.top-content p {
  font-size: 12px;
  color: #333846;
  margin-top: 5px !important;
  font-weight: 400;
  margin: 0px;
}

.get-quote-btn {
  background: var(--color-primary);
  box-shadow: 0px 6px 10px rgb(243 70 83 / 25%);
  border-radius: 8px;
  font-size: var(--font-size-15);
  color: var(--color-white);
  /* min-width: 200px; */
  padding: 15px 24px;
  font-weight: 500;
  font-size: 15px;
  border: none;
  white-space: nowrap;
}

.img-txt {
  position: absolute !important;
  top: 47%;
  left: 0;
  right: 0;
  pointer-events: none !important;
}

.img-txt .page-no {
  font-weight: 500;
  font-size: 12px;
  color: #333846;
  line-height: 22px;
}

.img-txt .type-of-docs {
  font-weight: normal;
  font-size: 10px;
  color: #333846;
}

.prev-policy {
  width: 100%;
  display: inline-block;
}

.add-file h3 {
  font-weight: 600;
  font-size: 15px;
  color: #333846;
}

.abs-doc-error-msg-docs {
  top: 78px;
  white-space: nowrap;
  padding: 11px;
  text-align: left;
}

.abs-doc-error-msg {
  top: 105px;
  white-space: nowrap;
  padding: 0;
  text-align: left;
}
.side_nav.statusDone:after,
.side_nav.sidenav_icon-completed:after,
.side_nav.sidenav_icon-active:after {
  content: "";
  border-left: 4px solid #231F20;
  height: 105%;
  left: 0px;
  position: absolute;
  top: 0px;
  border-radius: 6px;
}
.side_nav.statusDone a,
.side_nav.sidenav_icon-completed a,
.side_nav.sidenav_icon-active a {
  color: #231F20;
}
.light-orange {
  background-color: rgba(254, 191, 94, 0.05);
  border-radius: 12px;
}
.inspection-msg {
  color: #f39930;
}
.add-file .flt:first-child {
  margin-left: 0px;
}
.net-hos-modal {
  height: 400px;
  overflow-y: scroll;
  overflow-x: hidden;
}
.inputborderbox.locationIcon {
  background: url(../img/location.svg) 15px center no-repeat;
  padding-left: 24px;
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.price-details-section {
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px solid rgba(51, 56, 70, 0.1);
}
.pagecardPadding h3.SubHeading {
  font-size: 19px;
  color: #333846;
  line-height: 30px;
  margin-top: 0px !important;
  padding-top: 0px;
  font-weight: 600;
}

.edit {
  text-transform: capitalize;
  cursor: pointer;
  font-weight: 500;
  font-size: 12px;
  line-height: 12px;
  letter-spacing: 0.1px;
  text-decoration-line: underline;
  color: #333846;
  background: transparent;
  border: none;
}


.proposalBeforeInspection {
  text-decoration: none;
  color: red;
  border: 2px solid #e2e5ed;
  padding: 4px 32px;
  border-radius: 8px;
  font-weight: 600;
  cursor: pointer;
}

.psq_shareList .customCheckbox {
  padding: 0px;
  margin-bottom: 0px;
}

.psq_shareList .customCheckbox input {
  margin-right: 4px;
}

.float-right {
  float: right;
}
.borderBlue {
  border: 2px solid rgba(51, 56, 70, 0.15);
  padding: 16px 20px;
  border-radius: 12px;
  cursor: pointer;
}
.borderBlue:hover,
.borderBlue.active {
  border: 2px solid #231F20;
}
.borderBlue span {
  font-size: 15px;
  font-weight: 600;
}

.borderBlue p {
  font-size: 12px;
}
.customCheckbox input {
  margin-right: 8px !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.30)!important;
}
img.custom-share {
  margin-right: 4px;
  margin-top: -4px;
}
.modal-dialog button.close {
  position: absolute;
  right: 20px;
  top: 5px;
}

.premiumBreakupHtml [class*="col-"] {
  padding: 0px;
}
form.premiumBreakupHtml .row {
  margin-right: 0px;
  margin-left: 0px;
}
.input-group-addon img {
  margin-top: -10px;
}
.input-group.date.form-group input {
  width: 75%;
  padding-right: 0px;
}
.inputborderbox .gsc_mtl_field label.active {
  top: 8px;
}
.inputborderbox textarea {
  margin-top: 8px;
}

.onlineQTContentSection {
  padding: 24px;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.navMenuTitle {
  font-size: 12px;
  line-height: 13px;
  letter-spacing: 0.25px;
  text-transform: uppercase;
  color: rgba(51, 56, 70, 0.4);
  margin-top: 0px;
  margin-bottom: 32px;
  margin-top: 16px;
}
.topContentLogo {
  width: 100px;
  display: flex;
  align-items: center;
}

.topContentLogo img {
  border: 1px solid rgba(51, 56, 70, 0.1);
  padding: 4px;
  width: 100%;
  border-radius: 8px;
}
.onlineQTContentSection .moreDiv h3.subheading-mbl {
  font-size: 12px;
  font-weight: 400;
}

.onlineQTContentSection .moreDiv li span {
  font-weight: 500;
  font-size: 12px;
}
.mrg-T16 {
  margin-top: 16px;

}
span.summeryHeadin {
  font-size: 15px;
  font-weight: 500;
  margin-top: 4px;
  display: inline-block;
}

.pdl-pdr-0 {
  padding-left: 0;
  padding-right: 0;
}

.pd-0 {
  padding: 0;
}

.mr-0 {
  margin: 0 !important;
}

.w-100 {
  width: 100%;
}

.padding-24 {
  padding: 24px;
}

.mrg-T40 {
  margin-top: 40px;
}

.one-use .customCheckbox {
  padding: 0;
  margin: 0;
}

.alert-box {
  border-radius: 16px;
  margin-bottom: 10px;
}

.alert-box h4 span {
  margin-right: 12px;
}

.success-box {
  background: rgba(58, 159, 89, 0.05);
}

.success-box h4,
.success-box p {
  color: #3a9f59 !important;
}

.pending-box {
  background: rgba(254, 191, 94, 0.05);
}

.pending-box h4,
.pending-box p {
  color: #f39930 !important;
}

.error-box {
  background: rgba(176, 0, 32, 0.05);
}

.error-box h4,
.error-box p {
  color: #b00020 !important;
}

.alert-box h4,
.alert-box p {
  margin: 0;
}

.alert-box h4 {
  font-size: 15px;
  font-weight: 600;
  background-color: transparent;
  line-height: 24px;
}

.transaction-msg li.p-s-li {
  overflow: hidden;
}

.alert-box p {
  font-size: 13px;
  font-weight: normal;
  margin-top: 5px;
  line-height: 20px;
  padding-left: 39px;
}
.comprehensiveOnlyFilter li:hover {
  background-color: #ebf5ff;
  color: var(--color-secondry);
  border-radius: 6px;
}
.modal-header h2 {
  font-size: 19px;
  margin: 0px;
  font-weight: 600;
}
.mrg-T28 {
  margin-top: 28px;
}

.newshareUI #additionalCoversList {
  padding: 10px;
}

.newshareUI #additionalCoversList ul {
  margin: 0px;
  padding: 0px;
}

.newshareUI #additionalCoversList li {
  padding: 10px 10px;
}

.newshareUI #additionalCoversList li:hover {
  background-color: #ebf5ff;
  padding: 10px 10px;
  border-radius: 6px;
}

.agree-text {
  font-weight: normal;
  font-size: 12px;
}
.agree-text:hover + .agree-declare {
  display: inline-block;
  position: absolute;
  left: 0;
  top: -155px;
  background-color: #f2f2f2;
  padding: 12px;
  border-radius: 8px;
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  box-shadow: 0 2px 4px rgb(0 0 0 / 10%);
  pointer-events: none;
 }

.agree-declare {
  display: none;
  position: relative;
  z-index: 999;
}

.renewal_offline {
  padding-left: 0;
  color: green;
  background:rgba(58, 159, 89, 0.05);
}

.blue-flag {
  padding: 4px 6px;
  color: #ffffff;
  background: #231F20;
  border-radius: 4px;
  top: -14px;
}

.stepbystep_one .proBar {
  border-bottom: none;
  margin-bottom: 0;
}
.stepbystep_one .proBar li {
  text-align: left;
  margin-bottom: 10px;
}
.stepbystep_one .proBar li li:last-child {
  margin-bottom: 0;
}
.stepbystep_one .proBar li li:last-child .proCircle:after {
  display: none;
}
.stepbystep_one .proBar li last-child .proCircle:after {
  content: "";
  position: absolute;
  width: 1px;
  height: 42px;
  background: #b7b7b7;
  top: 19px;
  left: 8px;
  display: none;
}
.stepbystep_one .proBar h2 {
  font-size: 14px;
  font-weight: 500;
  color: #333846;
  padding: 0 0 0px 10px;
  display: inline-block;
  line-height: 15px;
  text-transform: none;
  min-height: 62px;
  margin-top: 10px;
}
.stepbystep_one .proBar h2 span {
  display: flex;
  font-size: 10px;
  color: #333846;
  opacity: 0.7;
  font-weight: 400;
}
.stepbystep_one .proBar .proCircle {
  width: 18px;
    height: 18px;
    position: relative;
    display: inline-block;
    vertical-align: top;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.1)!important;
    border-radius: 50%;
}
.stepbystep_one .proBar .proCircle i {
  position: absolute;
  top: -1px;
  left: 3px;
  font-size: 10px;
  margin-top: 5px;
  color: #fff;
}

  .stepbystep_one .proBar .proCircle:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 80px;
    background: #e8e8e8;
    top: 19px;
    left: 8px;
}

.stepbystep_one .proBar .proCircle.done i {
  display: block;
}
.stepbystep_one .proBar .proCircle.done i:after {
  background: #231F20;
}
.proCircle.done {
  border: 1px solid #017fff;
  background: #017fff;
  border: 1px solid #017fff;
}

.stepbystep_one .proBar .proCircle.done {
  background: #017fff;
  border: 1px solid #017fff;
}

.stepbystep_one .proBar .proCircle.active {
  background: #fff;
  border: 1px solid #017fff!important;
}

.stepbystep_one .proBar .proCircle.done:after {
  background: #017fff;
}

.proBar li:last-child .proCircle.proCircle:after {
  display:none;
}

.modal-content h2 {
  padding: 0px;
  margin: 0px;
  font-size: 19px;
}

.addonScroll .SumoSelect {
  width: 100%;
  height: 31px;
}

.addonScroll .SelectClass,
.SumoSelect.open .search-txt,
.SumoUnder {
  top: 0px;
}

.addonScroll .SumoSelect p {
  margin: 0;
  /* line-height: 31px!important; */
  padding: 0px;
}

.addonScroll .SumoSelect > .CaptionCont > small > i {
  background-image: url(../img/newIcon/drop_down.svg);
  background-position: center center;
  width: 18px;
  height: 18px;
  display: block;
  position: absolute;
  top: 50%;
  left: inherit;
  right: 0px;
  bottom: 0;
  margin: auto;
  background-repeat: no-repeat;
  /* opacity: 0.7; */
  margin: 0px;
  padding: 0px;
  margin-top: -9px;
}

.addonScroll .SelectBox {
  padding: 0px;
}

.addonScroll .SumoSelect > .CaptionCont {
  height: 31px;
}

ul.popupFilter {
  display: flex;
  /* padding: 20px 0px; */
}
.addonScroll .SumoSelect.open > .optWrapper {
  top: 34px;
  left: -15px;
}

.addonScroll .SumoSelect > .optWrapper > .options li.opt {
  padding: 0px 10px;
  cursor: pointer;
}

.pad-L0 {
  padding-left: 0px;
}

.uppercase {
  text-transform: uppercase;
}

.comprehensiveOnlyFilter li .customCheckbox li:hover {
  background-color: #ebf5ff;
  color: var(--color-secondry);
  border-radius: 6px;
}

.wizard .customCheckbox small {
  font-size: 13px;
  font-weight: 400;
}
sup {
  color: red;
}
.coverList1 .error-msg-idv {
  position: absolute;
  font-size: 12px;
  color: red;
  margin-top: 26px;
  margin-left: 0px;
}

.proposalView_space {
  margin-bottom: 28px;
}

.overflow-hidden {
  overflow: hidden;
}
.ibox-content p {
  margin: 0px;
}

.failed_msg {
  margin-top: -10px;
}

#quoteBox ul li.healthQuotesCard {
  padding: 20px;
  border: 1px solid rgba(51, 56, 70, 0.1);
  border-radius: 12px;
  margin-bottom: 0px;
  min-height: 160px;
}

#quoteBox ul li.healthQuotesCard:hover {
  box-shadow: 0px 4px 16px rgb(51 56 70 / 10%);
}


#quoteBox ul li.healthQuotesCard:hover .priceBox {
  background-color: #E31837 !important;
  color: #ffffff !important;
  border: 2px solid;
}

.planName {
  margin: 5px 0;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
}
.textshareLinkcompare {
  background: #f5f5f6;
  border-radius: 58px;
  height: 32px;
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px 4px 8px;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
}
.pad-LR {
  padding-left: 0px;
  padding-right: 0px;
}
.healthPremium .modal-dialog {
  width: 375px;
}

.myUL a{
  color: var(--color-black);
}
.healthCardBottom {
  margin-top: 20px;
}
.textshareLink .compareTopButton {
  color: black;
  font-size: 12px;
  color: var(--color-black);
  font-weight: 500;
  margin-right: 10px;
}
.healthCardBottom .customCheckbox {
  margin: 0px;
}

.side_nav.sidenav_icon-completed ul li:after,
.side_nav.sidenav_icon-active ul li:after {
  display: none;
}

.sidenav ul li ul li a {
  padding-left: 0px;
}
.coverMiddle {
  line-height: 52px;
}

.policy-action li,
.policy-action li a {
  display: inline-block;
}

.policy-action li a:hover {
  color: #E31837;
}

.policy-action li:first-child {
  margin-left: 0px;
}

.policy-action li {
  margin-left: 16px;
  margin-top: 15px;
}

.hlt-mr32 {
  margin-bottom: 2rem;
}
.inputborderbox.countPlus {
  padding: 9px 20px;
}

.inputborderbox.countPlus label {
  line-height: 29px;
  font-weight: 400;
}
.planName {
  min-height: 24px;
}
.model-custom-new h4 {
  font-size: 23px;
  margin-bottom: 28px;
}
.filterBtn label {
  font-size: 15px;
}
div#onlyPolicyDocsFields {
  max-width: 520px;
}
div#rc_docs_fields {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 20px;
}

.hospitalsList{
  color: var(--color-black);
  text-decoration: none;
}

img {
  display: inline-block;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre-wrap;
  font-size: 10px;
}

.prem-breakup-mr-top{
  margin-top: 20px;
}

.pad-LR { padding-left: 0px; padding-right: 0px;}
.config-chk {
  margin-bottom: 28px;
}
.carCompany{
  margin-bottom: 0px !important;
}
.carCompany .customCheckbox{
  margin-bottom: 0 !important;
}
a.quote_detail_premiumBox {
  position: relative;
}

a.quote_detail_premiumBox p {
  position: absolute;
  white-space: nowrap;
  left: 6px;
  bottom: -30px;
  font-size: 10px;
  width: 100%;
  text-align: center;
  color: #E31837;
}

.support-not-found {
  padding: 100px;
  text-align: center;
  font-size: large;
  font-weight: 700;
}
.ownerDetailWrapper .row .form-group .inputborderbox, .ownerDetailWrapper .inputborderbox{
  margin-bottom: 0px !important;
}
.vehicleDetailWrapper .row .inputborderbox{
  margin-bottom: 0px !important;
}
#appointee_rel_nominee-error{
  margin-top: 14px !important;
}
@media (max-width: 768px) {
  .ownerDetailWrapper .row .form-group .inputborderbox, .ownerDetailWrapper .inputborderbox{
    margin-bottom: 24px !important;
  }
  .pagecardPadding, .onlineQTContentSection{
    width: 92%;
    margin: 16px auto !important;
    border-radius: 12px;
    margin-bottom: 0 !important;
  }
  .ownerDetailSection{
    margin-top: 30px !important;
  }
  .pagecardPadding .need-hlp-btn-wrapper{
    padding: 0;
  }
  #nominee_age-error, #appointee_name-error{
    margin-top: -19px !important;
  }
  .ownerDetailSection .need-hlp-btn-wrapper .ownerHeadMob{
    margin-bottom: 24px !important;
  }
  .regAddress{
    margin-bottom: 16px !important;
  }
  .onlineQTContentSection{
   margin-top: 16px;
   padding: 16px !important;
   padding-bottom: 0 !important;
  }
  .kycPendingWrapper{
    padding-bottom: 0 !important;
  }
  .pagecardPaddingWrapper .row .form-group .inputborderbox{
    margin-bottom: 24px !important;
  }
  .vehicleDetailWrapper .row .inputborderbox{
    margin-bottom: 24px !important;
  }
  .proposalBeforeInspection{
    padding: 4px 12px;
  }
  .planSummarySection{
    padding: 16px 0 !important;
  }
  .verifyPanel {
    display: flex;
}
.verifyPanel .verifyPanelStatus {
  margin-bottom: 6px;
  width: 100%;
}
.verifyPanel .verifyPanelBtn {
  padding-left: 0;
} 
  .navbar-brand img {
    height: 24px;
  }
  .card.cstm {
    display: block;
    box-shadow: 0 0px 0px rgb(0 0 0 / 30%) !important;
    border: none;
  }
  .middleContainer {
    position: relative;
    padding: 0px;
  }
  section#bikeBox {
    padding: 0px !important;
    box-shadow: 0 0px 0px rgb(0 0 0 / 30%) !important;
  }
  .mrg-corona-plan {
    overflow: hidden;
  }
  .date .input-group-addon {
    background: #f5f5f6 !important;
    border-left: 0px solid rgba(0, 0, 0, 0.12) !important;
  }
  .pagecardPadding {
    padding: 20px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    margin-right: 0;
  }
  .offlineCard {
    box-shadow: 0 0px 0px rgb(0 0 0 / 30%) !important;
    border: none;
    background-color: #fff;
    margin: 0px 0px;
    padding: 0 0px;
    border-radius: 0;
  }
  .docSection{
    margin: 0 12px !important;
  }
  .form-group {
    margin-bottom: 2px !important;
  }
  
  .ownerHeadMob {
    margin: 0;
    font-size: 23px;
    color: #333846;
    margin-bottom: 28px;
    font-weight: 600;
    padding: 0px 0px;
  }

  .summary {
    width: 142px;
    height: 36px;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 20px;
  }

  .add-file h3 {
    text-align: left;
  }
  .gsc-ta-clickWrap li {
    margin-right: 8px;
  }
  .gsc_ta_scroll_move {
    overflow-y: hidden;
    white-space: nowrap;
    margin: 0 -20px;
    -webkit-overflow-scrolling: touch;
    padding-left: 16px;
  }
  ::-webkit-scrollbar {
    height: 0px;
  }
  .scrollableMenu {
    padding: 10px 16px 0;
    margin-bottom: 28px;
    margin: 0px 0px 24px;
  }
  .mainFilter {
    border: 0px solid var(--color-black-border);
  }
  .roundtab {
    margin-right: 0px;
  }
  .navbar-brand {
    padding: 12px 0px;
  }
  .sumoResp {
    position: fixed;
    left: 0;
    top: 0px;
    width: 100%;
    background-color: #fff !important;
    height: 100%;
    z-index: 1030;
    padding-top: 40px;
  }
  .mobSumo .form-group {
    position: relative;
  }
  .sumoResp:before {
    content: "";
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 1002;
    width: 16px;
    height: 16px;
    font-size: 28px;
    background: url(../img/ic_cross_grey.svg);
    background-repeat: no-repeat;
  }
  .sumoRespMulti {
    position: fixed;
    left: 0;
    top: 0px;
    width: 100%;
    background-color: #fff;
    height: 100%;
    z-index: 1030;
    padding-top: 40px;
  }
  .mobSumoMulti .form-group {
    position: relative;
  }
  .sumoRespMulti .closeIconMulti {
    display: block !important;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 1002;
    width: 24px;
    height: 24px;
    font-size: 28px;
  }
  .bePOS-btn {
    /* background: var(--color-primary); */
    /* color: #fff; */
    /* padding: 6px 15px; */
    /* border-radius: 3px; */
    margin-top: 8px;
    float: right;
    margin-right: 10px;
    /* font-size: 14px; */
    /* text-transform: uppercase; */
  }
  .bePOS-btn.offlineQuote {
    padding: 8px;
    font-size: 11px;
    top: -2px;
  }
  .tabbable-line .gsc_ta_scroll_move {
    margin: 0px -20px;
  }
  footer {
    border-top: 1px solid var(--color-black-border);
    background: #fff;
    margin-top: 0px;
    padding-top: 28px;
    background: #fafafa;
  }
  h3.mainHeading.mainHeading_2 span {
    display: none;
  }

  .bePOS-btn.offlineQuote {
    padding: 8px 0px;
    font-size: 11px;
    top: -2px;
    font-size: 10px;
    padding: 10px 7px;
    border: 2px solid var(--color-black-border);
    border-radius: 8px;
    color: var(--color-primary);
    cursor: pointer;
  }
  .navbar {
    height: 55px;
    min-height: 55px;
  }
  div#sideBreadCrubmFields {
    display: none;
  }

  .bike_mainFilter {
    width: 100%;
    height: auto;
    margin-bottom: 15px;
    padding: 0px 0px;
    margin-top: 10px;
  }
  
  .addonScroll {
    display: flex;
    align-items: center;
    padding: 0px;
    overflow-y: hidden;
  }

  .addonScroll {
  display: flex;
    align-items: center;
    padding: 0px;
    overflow-y: hidden;
    /* padding: 0px 40px;
    margin-left: -20px;
    margin-right: -20px; */
  }

  ul.popupFilter {
    display: flex;
    padding: 0px 20px;
  }
  /* .coverList-width {
    width: 95% !important;
    padding: 0px !important;
    left: 2.5%;
  } */
  .posAbs3 {
    position: relative;
    width: 71px;
    padding: 0px;
    display: block;
    left: 80%;
    top: -40px;
  }

  .modal-content {
    border-radius: 0px !important;
    padding: 28px;
  }
  .SumoSelect > .optWrapper > .options li.opt {
    padding: 15px 10px;
    cursor: pointer;
  }

  .SumoSelect.open > .optWrapper {
    border-radius: 8px;
    box-shadow: 0px 0px 0px rgb(0 0 0 / 13%);
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    /* height: 100vh !important; */
  }
  .SumoSelect > .optWrapper > .options {
    border-radius: 2px;
    position: relative;
    max-height: 100%; 
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .mobileWidth {
    width: 100%;
    padding: 0px 20px 16px;
  }

  .pd-0-mobile{
    padding-left: 0;
    padding-right: 0;
  }
  
  .tabScroll ul {
    margin: 0px;
    padding: 0px;
    display: flex;
    justify-content: space-around;
  }
  
  .detail-box {
    background: #fff;
    padding: 24px 16px;
    border: 0 solid #d9dbe7;
    position: relative;
    border-radius: 0px;
  }
  /* .pagecardPadding h2.ownerHeadMob {
    padding: 0px;
  } */

  .d-xs-none-mob {
    display: none !important;
  }

  .breakuplist .priceBox {
    background-color: #E31837;
    color: #ffffff;
    font-size: 15px !important;
    border: 0;
    width: 85px;
  }

  .quoteLogo {
    margin-right: 10px;
  }
  .breakuplist{
    margin: 0;
  }
  .logoIDV{
    display: flex;
    align-items: center;
  }
  .breakuplist {
    float: left;
  }
  .breakuplist {
    width: 100%;
    margin-right: 2%!important;
}
.qt_car_single_tenure_block .breakuplist {
  width: 100%;
  margin-right: 0%!important;
  white-space: nowrap;
}
.breakuplist:last-child { 
margin-right:0px!important;
}
.topStrip {
  margin-bottom: 24px;
  padding: 8px 20px;
}
.tabScroll {
  display: block;  
}
/* .psq_shareQuote_box {
  margin-top: 16px;
} */
/* .bankListing {
  padding: 0 16px;  
} */
footer {
  
  margin-top: 16px;
  padding-top: 24px;
  background: #FAFAFA;
}
/* .premiumTxt.qt_premium_breakup, .viewBtn {  
  font-size: 10px;
 
} */
.quoteGride li.quoteListing {
  width: 100%;
  margin-right: 0px;;
  
}
#qt_single_tenure_list .breakuplist {
  width: 92px;
  margin-right: 2%!important;
}
.logoIDV {
  width: 66%;
}
.w-75-mob{
  width: 75%;
}

.bike-top-mr{
  margin-top: 0;
}
footer {  
  margin-top: 24px;
  padding-top: 34px;
}
.showCashlessGarage {
  font-size: 12px!important;
}
.add-file .flt {
  margin: 0px 0px;
 }
 .blankBtn {
  background: white;
  color: #E31837;
  border-radius: 8px;
  border: 2px solid #d6d7da !important;
  font-size: 15px !important;
  width: 100%;
  padding: 8px 22px !important;
  font-weight: 500;
  text-decoration: none !important;
  white-space: nowrap;
  margin: 10px 0px 0 0 !important;
  text-transform: capitalize;
  text-align: center;
  display: inline-block;
  border: 0px;
  padding: 10px 0px;
  font-size: 12px;
  text-decoration: underline;
}
ul.policy-action {
  padding: 10px 20px 0 20px;
  text-align: center;
}
.stepbystep_one .proBar h2 {
  font-size: 14px!important;  
}
.padding-24 {
  padding: 10px;
}
.alert-box p {
  padding-left: 0px;
}
.coverList {
  left: 0px;
}
footer {
  padding:0px;
}
footer .marginBottom20 {
  margin-bottom: 10px;
}
.privacyshipping ul li {
  padding: 0px;
  width: auto;
}
.premiumTxt.qt_premium_breakup, .viewBtn {
  font-size: 10px;
}
.SumoSelect.open > .optWrapper { 
  max-height: 80vh !important;
  overflow-y: scroll;
}
a.quote_detail_premiumBox {
  position: relative;
}

a.quote_detail_premiumBox p {
  position: absolute;
  white-space: nowrap;
  left: 6px;
  bottom: -30px;
  font-size: 10px;
  width: 100%;
  text-align: center;
  color: #E31837;
}
.numberofquotes h4 {
  width:50%;
  }
  .numberofquotes .aic{
    width: 50%;
  }
}

.d-flex.aic.jsb h2 {
  width: 100%;
}
.promoteSelfInspBtn {
  font-size: 13px;
}
.promoteSelfInspBtn {
  font-size: 13px;
}
#healthLeadForm .form-group {
  margin-bottom: 10px!important;
}
p.d-flex.aic.blueButton span {
  margin-right: 15px;
  display: inline-flex;
}
@media (max-width: 475px) {
  .long-text-trun{
    width: 275px;
    margin-right: 20px;
  }
  .shareOptionBlock {
    display: inline-block;
    min-width: 160px;
}
}
.bannerPopup .modal-content {
  border-radius: 16px !important;
  padding: 0px;
}

.bannerPopup .bannerPopup .modal-content,  .bannerPopup .modal-content  .close {
 font-size: 32px; 
 font-weight: 400;; 
}

.bannerPopup .modal-dialog button.close {
  position: absolute;
  right: 6px;
  top: 20px;
}

.numberofquotes .comspages {
  width: 50%;
}
.needHelpButton {
  width: 40%;
}

.bannerPopup img {
  width: 100%;
}

.scrollableMenu .gsc-ta-clickWrap li  {
  padding:0px;
}

.scrollableMenu .gsc-ta-clickWrap li a {
  padding: 10px 20px;
}

.whatsappFooter {
  position: fixed;
  bottom: 80px;
  right: 20px;
}
.whatsappFooter img {
  width:48px;
  height: 48px;
}

@media screen and (max-width: 768px) { 
  .whatsappFooter img {
    width:48px;
    height: 48px;
  }
.planDocument{
  position: relative;
  left: 110%;
  top: -15px;
  float: left !important;
}
}

.whatsappFooter .tooltipHI {
  display: none;
  width: 174px;
  min-height: 36px;
  background: #fff;
  position: absolute;
  padding: 10px 20px;
  left: -186px;
  top: -2px;
  border-radius: 10px 10px 0px 10px;
  box-shadow: 0px 5px 10px rgb(0 0 0 / 50%);
}

.whatsappFooter .tooltipHI span {
  display: block;

}
.whatsappFooter:hover .tooltipHI { 
  display:block
}

.inputborderbox span.input-group-addon.calc {
  top: 0px;
}
.inputborderbox .input-group-addon.calc2 {
  right: 15px;
  top: 0px;
  position: absolute;
}
.iframeclass .healthPwraper {
  margin: 0px;
}


.roundtab.underline > a {
  border: 0px solid var(--color-secondry);
  border-radius:0px;
  padding:10px 0px;   
  margin-right:20px;
  padding-left: 10px;
}
.roundtab.underline.gsc-ta-active > a { border-bottom: 2px solid var(--color-secondry); }

.roundtab.underline.gsc-ta-active > a {
  border: 0px solid var(--color-secondry);
  border-radius:0px;
  padding:10px 0px   
}
.roundtab.underline.gsc-ta-active > a { border-bottom: 2px solid var(--color-secondry); }

@media screen and (max-width: 768px) { 
  .roundtab.underline > a {
    padding-left: 10px!important;  
    margin-right:6px
  }

  .iframeclass .healthPwraper h2 {
    font-size: 19px!important;
  }
  .iframeclass .healthPwraper h3 {
    font-size: 13px!important;    
    margin-bottom: 16px;
}

}

.cardStep .customCheckbox input {
  min-width: auto; 
}

.cardStep .customCheckbox {
 padding-left:0px
 
}

.cardStep .customCheckbox input[type="checkbox"]:before, .cardStep .customCheckbox input[type="checkbox"]:after {  
  left: 25%;
  transform-origin: left center;
}

.irdaRequiredPopup .modal-header.modal-header-custom h4 {padding-right: 30px;}

.irdaRequiredPopup .modal-body li {line-height: 40px;}
.irdaRequiredPopup .modal-body li {display: block; width:100%}

.irdaRequiredPopup .modal-body ul {margin-bottom: 20px;}

.solicitationProcess {
  padding: 0px 0px;
}
.solicitationProcess .table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
.solicitationProcess table {
  border-collapse: collapse;
  border: 1px solid #ccc;
}
.solicitationProcess table td {
  color: #000;
  padding: 10px 15px;
  border: 1px solid #ccc;
}
.solicitationProcess .table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1rem;
  background-color: transparent;
  border: 1px solid #ccc;
}
.solicitationProcess h2 {
  font-size: 24px;
  margin-bottom: 10px;
  color: #000;
  padding: 0px;
}
.solicitationProcess h3 {
  font-size: 18px;
  margin-bottom: 10px;
  color: #000;
  padding: 0px;
}
.overflow-x {
  overflow-x: auto;
}

.solicitationProcess .table>tbody>tr>td, .solicitationProcess .table>tbody>tr>th, .solicitationProcess .table>tfoot>tr>td, .solicitationProcess .table>tfoot>tr>th, .solicitationProcess .table>thead>tr>td, 
.solicitationProcess .table>thead>tr>th {
  padding: 10px 20px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
  color: #000!important;
}
@media screen and (max-width: 768px) {
  .solicitationProcess {
      padding: 0px 20px;
 }
  .solicitationProcess .table-responsive {
      display: block;
      width: 100%;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      -ms-overflow-style: -ms-autohiding-scrollbar;
 }
  .solicitationProcess table {
      border-collapse: collapse;
 }
  .solicitationProcess table td {
      color: #000;
      padding: 10px 15px;
      border: 1px solid #ccc;
 }
  .solicitationProcess .table {
      width: 100%;
      max-width: 100%;
      margin-bottom: 1rem;
      background-color: transparent;
 }
}
.quotesTrackingPro {
  margin-top:30px
}

.quotesTrackingPro .proBar {
  display: block;
  padding: 0;
  width: 100%;
  margin: 20px auto 0;
  color: #f2f2f2;
  list-style: none;
  text-transform: uppercase;
  text-align: left;
  z-index: 1;
  position: relative
}

.quotesTrackingPro .proBar li {
  min-height: 50px;
}

.quotesTrackingPro .proBar h3 {
  font-weight: 600;
  font-size: 19px;
  line-height: 29px;
  letter-spacing: .15px;
  color: #333846
}

.quotesTrackingPro .proBar small {
  color: #333846
}

.proBar p,.proBar small {
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: .1px;
  line-height:25px;
}

.quotesTrackingPro .proBar .proCircle {
  width: 18px;
  height: 18px;
  position: relative;
  display: inline-block;
  vertical-align: top;
  border-radius: 50%;
  background: #fff;
  border: 2px solid rgba(0,0,0,.3);
  z-index: 99;
  outline-width: 4px;
  outline-style: solid;
  outline-color: #fff
}

.quotesTrackingPro .proBar .proCircle.done {
  background: #231F20
}

.proBar .proCircle.proActive {
  border: 2px solid #231F20;
  color: #231F20;
  z-index: 10
}

.quotesTrackingPro .proBar .barLine {
  display: inline-block;
  height: 1px;
  background: #b7b7b7;
  width: 14px;
  vertical-align: top;
  margin: 11px 5px 0;
  text-align: center
}

.quotesTrackingPro .proBar .barLine.done {
  background: #231F20
}

.quotesTrackingPro .proBar .icon-check {
  margin-top: 5px;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  position: relative;
  top: 4px;
  left: 0;
  display: none
}

.quotesTrackingPro .proBar h5 {
  font-size: 13px;
  font-weight: 600;
  color: #333846;
  padding: 0 0 0 12px;
  display: inline-block;
  text-transform: none
;margin: 0px;}

.quotesTrackingPro .proBar h5 span {
  display: flex;
  font-size: 10px;
  color: #333846;
  opacity: .7;
  font-weight: 400;
  max-width: 180px;
  word-break: break-word;
}

.quotesTrackingPro .proBar .proCircle i {
  position: absolute;
  top: -2px;
  left: 2px;
  font-size: 7px;
  margin-top: 5px;
  color: #fff;
  font-weight: 600
}

.quotesTrackingPro .proBar .proCircle:after {
  content: "";
  position: absolute;
  width: 1px;
  height: 27px;
  background: #b7b7b7;
  top: 19px;
  left: 8px
}

/* new style health notice wording */
.flexb {
  display: flex;
  flex-direction: column;
  border: 1px solid rgba(0, 0, 0, .2);
}

.flexb li:not(:last-child) {
  margin-bottom: 16px;
}

.flexb h4 {
  color: #000 !important;
  font-weight: 400;
}





@font-face {
  font-family: 'ins-font';
  src:  url('../fonts/ins-font.eot?bm8ow8');
  src:  url('../fonts/ins-font.eot?bm8ow8#iefix') format('embedded-opentype'),
    url('../fonts/ins-font.ttf?bm8ow8') format('truetype'),
    url('../fonts/ins-font.woff?bm8ow8') format('woff'),
    url('../fonts/ins-font.svg?bm8ow8#ins-font') format('svg');
  font-weight: normal;
  font-style: normal;
}
span.fbutton i {  
  font-size: 6px;
  font-style: normal;
  text-align: middle;
  margin-left: 4px;
  }

 
  .insarrow-next:before {
    content: "\e900";
    font-family: 'ins-font';
  }
  .instick:before {
    content: "\e901";
    font-family: 'ins-font';
  }
  .insbick-row:before {
    content: "\e902";
    font-family: 'ins-font';
  }
  .insclose:before {
    content: "\e903";
    font-family: 'ins-font';
  }
  .insdrop-down:before {
    content: "\e904";
    font-family: 'ins-font';
  }
  .insmins:before {
    content: "\e905";
    font-family: 'ins-font';
  }
  .insplus:before {
    content: "\e906";
    font-family: 'ins-font';
  }
  .insback-arrow:before {
    content: "\e907";
    font-family: 'ins-font';
  }
  .insnext-arrow:before {
    content: "\e908";
    font-family: 'ins-font';
  }
  .insbike:before {
    content: "\e909";
    font-family: 'ins-font';
  }
  .inscar:before {
    content: "\e90a";
    font-family: 'ins-font';
  }
  .inscase-type:before {
    content: "\e90b";
    font-family: 'ins-font';
  }
  .insclock:before {
    content: "\e90c";
    font-family: 'ins-font';
  }
  .inscross:before {
    content: "\e90d";
    font-family: 'ins-font';
  }
  .inscv:before {
    content: "\e90e";
    font-family: 'ins-font';
  }
  .insdot:before {
    content: "\e90f";
    font-family: 'ins-font';
  }
  .insdownload:before {
    content: "\e910";
    font-family: 'ins-font';
  }
  .insexplore:before {
    content: "\e911";
    font-family: 'ins-font';
  }
  .inshealth:before {
    content: "\e912";
    font-family: 'ins-font';
  }
  .insinsurer:before {
    content: "\e913";
    font-family: 'ins-font';
  }
  .insIssues:before {
    content: "\e914";
    font-family: 'ins-font';
  }
  .insmenu:before {
    content: "\e915";
    font-family: 'ins-font';
  }
  .insmessage:before {
    content: "\e916";
    font-family: 'ins-font';
  }
  .insnotification:before {
    content: "\e917";
    font-family: 'ins-font';
  }
  .insPending:before {
    content: "\e918";
    font-family: 'ins-font';
  }
  .inspremium:before {
    content: "\e919";
    font-family: 'ins-font';
  }
  .insrenawals:before {
    content: "\e91a";
    font-family: 'ins-font';
  }
  .inssearch:before {
    content: "\e91b";
    font-family: 'ins-font';
  }
  .insselect:before {
    content: "\e91c";
    font-family: 'ins-font';
  }
  .insshare:before {
    content: "\e91d";
    font-family: 'ins-font';
  }
  .insstatus:before {
    content: "\e91e";
    font-family: 'ins-font';
  }
  .insLeads:before {
    content: "\e91f";
    font-family: 'ins-font';
  }

  i.insLeads {
    color: rgba(0,0,0,0.8); 
}

.linkWithTag{ position: relative !important;}
.linkWithTag .musttag {
  background:#E31837;
  font-size: 8px;
  font-weight: 600;
  color: #fff;
  padding: 3px 4px 3px;
  line-height: 1;
  border-radius: 4px;
  position: absolute;
  top: -19px;
  left: 25px;
}
.linkWithTag .tryNowTag{
left: 20px !important;  
}

.moterBannerWapper{
  position: relative;
}
.moterBannerWapper .tabbable-panel .tabbable-line .moterBanner img{
margin-top: -35px;
}
.moterBanner{
position: absolute;
right: 24px;
top: 24px;
}
.moterBanner img{
  width:300px;
}

@media (max-width:768px) {
  .moterBanner{
    display: none;
  }
}
.newTag{
  background:#E31837;
  font-size: 8px;
  font-weight: 600;
  color: #fff;
  position: absolute;
  padding: 3px 4px 3px;
  line-height: 1;
  border-radius: 4px;
  position: absolute;
  top: 5px;
  left: 167px;
}
/* ownerDriverMsgSection */

.ownerDriverMsgSection{
border-radius: 8px;
background: var(--foundation-positive-transparent, rgba(58, 159, 89, 0.05));
padding: 7px 8px;
width: max-content;
color: #3A9F59;
font-size: 10px;
font-weight: 500;
line-height: 18px;
margin: 12px;
}

/*plus minus data*/
.plusminusdata {display: flex;align-items: center;}
.plusminusdata a {width: 32px!important;height: 32px!important;border-radius: 50%;border: 1px solid rgba(51,56,70,.15)!important;
  display: flex!important;text-align: center; cursor: pointer; font-size: 14px;padding: 0!important;align-items: center;
  justify-content: center;}
.plusminusdata a:hover {background: rgba(51,56,70,.1);border: 1px solid transparent;}

.idvVAlue {
  font-weight: 600;
  font-size: 13px;
  line-height: 20px;
  display: flex;
  align-items: center;
  color: #333846;
  margin-top: 8px;
  margin-bottom: 8px;
}

.coverList1 .error-msg-idv.dropdownerror {
  position: relative;
  font-size: 12px;
  color: red;
  margin-top: 0px;
  margin-left: 0px;
  margin-bottom: 10px;
  width: 100%;
  display: block;
  /* height: 30px; */
}


li.newli.hoverremove {border: 2px solid #fff!important;background: #fff!important;}
li.newli.hoverremove:hover {border: 2px solid #231F20!important;background: #fff!important;}

li.newli.hoverremove .filterBtn {min-width: 100px;}

.bgwhite {
  background: #fff!important;
    color: #333846;
    background: #FFFFFF;
    border: 2px solid rgba(51, 56, 70, 0.15);
    border-radius: 8px;
    box-shadow: unset;
}
/* Manoj Pet Changes- 9 July*/
@media screen and (min-width: 1023px) { 
  .petPlanWrap{border: 1px solid rgba(51, 56, 70, 0.1);border-radius: 12px;font-family: var(--font-family) !important;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.10);padding: 16px 8px;min-height: 500px;}
  .petPlanWrap main.css-vi64hl{max-width: 100% !important;display: inline-block;} 
  .petPlanWrap .css-1m6pqln{max-width: 100%; display: inline-block;}
  .petPlanWrap .ctaBtn{ margin-top: 20px;}
  .petPlanWrap .ctaBtn button{ border: none;    padding: 0 40px; }
  .css-v7esy.Mui-error {color:#d32f2f;position: absolute;top: 50px;}
.fb_checkbox .css-v7esy.Mui-error, .imgUploadWrap .css-v7esy.Mui-error,
.yesno .css-v7esy.Mui-error { top: unset;position: static; }
.fb_selectWlabel .dropper .MuiInputBase-colorPrimary input{ padding-top: 0px;}
.petPlanWrap .yesno label{ font-size: 15px;}

.petPlanWrap input, .petPlanWrap label.css-14x1nlk, 
.petPlanWrap .More__placeholder{ font-weight: 500 !important; font-family: "Poppins", sans-serif !important; font-size: 13px !important;}
.plusminusdata a {width: 28px!important;height: 28px!important;}
}

@media screen and (min-width: 1023px) { 
  .firePlanWrap{border: 1px solid rgba(51, 56, 70, 0.1);border-radius: 12px;font-family: var(--font-family) !important;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.10);padding: 16px 8px;min-height: 500px;}
  .firePlanWrap main.css-vi64hl{max-width: 100% !important;display: inline-block;} 
  .firePlanWrap .css-1m6pqln{max-width: 100%; display: inline-block;}
  .firePlanWrap .ctaBtn{ margin-top: 20px;}
  .firePlanWrap .ctaBtn button{ border: none;    padding: 0 40px; }
  .css-v7esy.Mui-error {color:#d32f2f;position: absolute;top: 50px;}
.fb_checkbox .css-v7esy.Mui-error, .imgUploadWrap .css-v7esy.Mui-error,
.yesno .css-v7esy.Mui-error { top: unset;position: static; }
.fb_selectWlabel .dropper .MuiInputBase-colorPrimary input{ padding-top: 0px;}
.firePlanWrap .yesno label{ font-size: 15px;}

.firePlanWrap input, .firePlanWrap label.css-14x1nlk, 
.firePlanWrap .More__placeholder{ font-weight: 500 !important; font-family: "Poppins", sans-serif !important; font-size: 13px !important;}
.plusminusdata a {width: 28px!important;height: 28px!important;}
}

.travelPlanWrap .fb_cardradio{ border-radius: 38px !important;padding: 12px 8px !important; }
/* Manoj travel Changes- 9 July*/
@media screen and (min-width: 1023px) { 
  .travelPlanWrap{border: 1px solid rgba(51, 56, 70, 0.1);border-radius: 12px;font-family: var(--font-family) !important;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.10);padding: 16px 8px;min-height: 500px;}
  .travelPlanWrap main.css-vi64hl{max-width: 100% !important;display: inline-block;} 
  .travelPlanWrap .css-1m6pqln{max-width: 100%; display: inline-block;}
  .travelPlanWrap .ctaBtn{ margin-top: 20px;}
  .travelPlanWrap .ctaBtn button{ border: none;    padding: 0 40px; }
.travelPlanWrap .yesno label{ font-size: 15px;}

.travelPlanWrap input, .travelPlanWrap label.css-14x1nlk, 
.travelPlanWrap .More__placeholder{ font-weight: 500 !important; font-family: "Poppins", sans-serif !important; font-size: 13px !important;}
.travelPlanWrap .css-2y044l{ width: 36%;}
.travelPlanWrap .fb_selectWlabel .dropper .MuiInputBase-colorPrimary{ height: 52px;}
.travelPlanWrap .fb_checkData .recorddiv{ height: 52px;}
.travelPlanWrap .fb_checkData .recorddiv .familyName{ height: 50px; padding-top: 13px;}
.travelPlanWrap .fb_checkData .recorddiv .soncount{ top: 12px;}
.travelPlanWrap .css-15j76c0 .multiSelectDrop {width: 66%; }
.travelPlanWrap .multiSelectDrop{ z-index: 9;}
.travelPlanWrap .fb_checkData .recorddiv .familyName{ padding-left: 16px;}
}

@media screen and (min-width: 1023px) { 
  .paPlanWrap{border: 1px solid rgba(51, 56, 70, 0.1);border-radius: 12px;font-family: var(--font-family) !important;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.10);padding: 16px 8px;min-height: 500px;}
  .paPlanWrap main.css-vi64hl{max-width: 100% !important;display: inline-block;} 
  .paPlanWrap .css-1m6pqln{max-width: 100%; display: inline-block;}
  .paPlanWrap .ctaBtn{ margin-top: 20px;}
  .paPlanWrap .ctaBtn button{ border: none;    padding: 0 40px; }
  .css-v7esy.Mui-error {color:#d32f2f;position: absolute;top: 50px;}
.fb_checkbox .css-v7esy.Mui-error, .imgUploadWrap .css-v7esy.Mui-error,
.yesno .css-v7esy.Mui-error { top: unset;position: static; }
.fb_selectWlabel .dropper .MuiInputBase-colorPrimary input{ padding-top: 0px;}
.paPlanWrap .yesno label{ font-size: 15px;}

.paPlanWrap input, .paPlanWrap label.css-14x1nlk, 
.paPlanWrap .More__placeholder{ font-weight: 500 !important; font-family: "Poppins", sans-serif !important; font-size: 13px !important;}
.plusminusdata a {width: 28px!important;height: 28px!important;}

.paPlanWrap .fb_checkData .recorddiv {
  height: 52px;
  border: none !important;
  background-color: #f1f1f0;
  border-radius: 8px !important;
}

.paPlanWrap .fb_checkData .recorddiv .familyName {
  padding: 14px;
}

.paPlanWrap .fb_checkData .recorddiv .familyName label {
  color: rgba(0, 0, 0, 0.6);
  font-weight: 500 !important;
  font-family: "Poppins", sans-serif !important;
  font-size: 1.3rem !important;
}

.paPlanWrap .fb_selectWlabel .dropper .MuiInputBase-colorPrimary {
  height: 52px;
}
.paPlanWrap .css-v7esy{
  font-size: 10px;
}

.paPlanWrap .css-26l3qy-menu {
  z-index: 2;
}
}

@media screen and (max-width: 768px) { 
  .paPlanWrap{border: 1px solid rgba(51, 56, 70, 0.1);border-radius: 12px;font-family: var(--font-family) !important;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.10);padding: 16px 8px;min-height: 500px;}
  .paPlanWrap main.css-vi64hl{max-width: 100% !important;display: inline-block;} 
  .paPlanWrap .css-1m6pqln{max-width: 100%; display: inline-block;}
  .paPlanWrap .ctaBtn{ margin-top: 20px;}
  .paPlanWrap .ctaBtn button{ border: none;    padding: 0 40px; }
  .css-v7esy.Mui-error {color:#d32f2f;position: absolute;top: 50px;}
.fb_checkbox .css-v7esy.Mui-error, .imgUploadWrap .css-v7esy.Mui-error,
.yesno .css-v7esy.Mui-error { top: unset;position: static; }
.fb_selectWlabel .dropper .MuiInputBase-colorPrimary input{ padding-top: 0px;}
.paPlanWrap .yesno label{ font-size: 15px;}

.paPlanWrap input, .paPlanWrap label.css-14x1nlk, 
.paPlanWrap .More__placeholder{ font-weight: 500 !important; font-family: "Poppins", sans-serif !important; font-size: 13px !important;}
.plusminusdata a {width: 28px!important;height: 28px!important;}

.paPlanWrap .fb_checkData .recorddiv {
  height: 52px;
  border: none !important;
  background-color: #f1f1f0;
  border-radius: 8px !important;
}

.paPlanWrap .fb_checkData .recorddiv .familyName {
  padding: 14px;
}

.paPlanWrap .fb_checkData .recorddiv .familyName label {
  color: rgba(0, 0, 0, 0.6);
  font-weight: 500 !important;
  font-family: "Poppins", sans-serif !important;
  font-size: 1.3rem !important;
}
.paPlanWrap .css-v7esy{
  font-size: 10px;
}

.paPlanWrap .fb_selectWlabel .dropper .MuiInputBase-colorPrimary {
  height: 52px;
}

.paPlanWrap .css-26l3qy-menu {
  z-index: 2;
}
}
  .browseFile {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 15.5px 20px;
    gap: 10px;
    width: 100%;
    height: 44px;
    background: #FFFFFF;
    border: 2px solid #D6D7DA;
    border-radius: 8px;
    font-weight: 600;
    font-size: 13px;
    line-height: 13px;
    text-align: center;
    letter-spacing: 0.25px;
    color: #E31837;
}
 .mrg-B20 {
  margin-bottom: 20px !important;
}
 .w48P {
  width: 48%;
}
.text-center {
  text-align: center;
}
.w100p {
  width: 100% !important;
}


  /* End Earn More Score */

/* Earn More Score */
.earnmorescore {background: #FFFFFF;
  border: 1px solid rgba(51, 56, 70, 0.1);
  border-radius: 12px;padding: 20px;display: flex;width: 100%;justify-content: flex-start; margin-top: 24px;
  align-items: center;
}
  
  .earnmorescore span {width:  54px;margin-right: 16px;}
  .earnmorescore .scoreTxt {
    display: flex; justify-content: space-between;
    width: calc(100% - 80px);
    flex-wrap: wrap;
    align-items: center;

  }
  .earnmorescore h2 {
  font-style: normal;
  font-weight: 600;
  font-size: 17px;
  line-height: 27px;
  color: #333846; 
  margin: 0px;   
  }
  .earnmorescore p {
     font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px; 
      color: #333846;
      margin: 0px;
  }

  .earnmorescore button {
    background: #FFFFFF;
    border: 2px solid #D6D7DA;
    border-radius: 6px;
    padding: 12px 20px;
    font-weight: 600;
    font-size: 13px;
    line-height: 13px;
    text-align: center;
    color: #E31837;
    cursor: pointer;
    margin-top: 0px;
}

.earnmorescorepopup {
    width: 431px;
    left: 50%;
    top: 50%;
    background: #FFFFFF;
    border-radius: 20px;
    position: fixed;
    z-index: 101;
    padding: 24px;
    text-align: center;
    transform: translate(-50%, -50%);
    overflow: hidden;
  }
  .popupBlack {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.4);
    left:0px;
    top:0px;
    bottom: 0px;
    right: 0px;
    z-index: 100;
  }
  
  
  .earnmorescorepopup h2 {font-weight: 600;
  font-size: 21px;
  line-height: 27px;
  text-align: center;
  color: #333846;}
  
  .earnmorescorepopup p {font-weight: 400;
  font-size: 15px;
  line-height: 24px;
  text-align: center;
  color: #333846;}

  .pointBox{
    border: 1px solid rgba(51, 56, 70, 0.1);
    border-radius: 8px;
    text-align: left;
    padding: 0px 8px 5px 12px;
    margin: 0px 0px 8px;
  }

  .pointBoxScroll {  
    overflow: scroll;
    overflow-y: auto;
    max-height: 230px;
    /* margin-top: 20px; */
    overflow-x: hidden;
  }

  .pointBox li {
    display: flex;
    justify-content:space-between;
    flex-wrap: wrap;
    padding: 4px 4px 4px 0;
    z-index: 2;
    align-items: center;
  }
  .pointBox li:not(:last-child) {
    border-bottom: 1px solid rgba(51, 56, 70, 0.1);
  }

  .pointBoxScroll .pointsPolicy {
    width: 30px;
    display: flex;
  }
  
  .pointsPolicy img {
    margin-bottom: 0; 
    width: 18px; 
    height: 18px;
  }
  
  .pointboxtitle {
    overflow: unset;
    overflow: unset;
    max-height: unset;
    margin-top: 0px;
    height: 40px;
    border-bottom: 1px solid rgba(51,56,70,0.1);
  }
  
  .pointboxtitle .pointP span {
    color:rgba(51, 56, 70, 0.7); 
    font-weight: normal; 
    font-size: 12px; 
  }
  
  .pointBoxScroll .pointP {
    width: 45px; 
    text-align: center;
  }
    
   .plogo {
    width:105px;
    height: auto;
    margin-right: 4px; 
    font-size: 12px;
  }

  .pointboxtitle .plogo {
    height: unset;
    color:rgba(51,56,70,.7);
  }

  .plogo img {
    width: 72px;
    aspect-ratio: 90/66;

  }

  .mb-10 {
    margin-bottom: 10px;
  }

  .pointP {
    /* display: flex;
    justify-content: space-between;
    align-items: center;
    width: calc(100% - 100px);    */
  }
  ul.pointBox h3 {font-weight: 600;
    font-size: 13px;
    line-height: 21px;
    color: #333846;margin: 0px;
    }
    .pointBox li:first-child {
      padding-top: 5px;
  }


    .pointP span {
      font-weight: 600;
      font-size: 12px;
      line-height: 24px;
      color: #231F20;
    }
    
    ul.pointBox p {font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #333846;margin: 0px;
                  }

  .earnmorescorepopup .desclaimer {
    text-align: left;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: rgba(51, 56, 70, 0.7);
  }
  .wmark li {font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    transform: rotate(-15deg);
    color: rgba(51, 56, 70, 0.1);display: inline-block;padding: 22px;
  }
    
    .wmark ul {margin: 0px;padding: 0px;text-align: left;}
    
    .wmark {    position: absolute;
      left: 0;
      top: -104px;
      transform: rotate(0);
      z-index: 1;
      width: 200%;
      height: 100%;}

    .transform { overflow: hidden;  position: relative; }
    
    .earnmorescoreWatermark {position: relative;z-index: 2;}

    .closeMarkwater {width: 28px;height: 28px;background: #F5F5F6;border-radius: 50%;display: inline-block; position: absolute;right: 16px;top: 16px; cursor: pointer;}

    .closeMarkwater img {display: block;text-align: center;margin: 8px auto;}
    .topPointTop {display: flex; text-align: left; flex-direction: column;}

.topPointTopLeft p {text-align: left;}
.topPointTopLeft h3 {
  font-weight: 600;
font-size: 21px;
line-height: 27px;
color: #333846;
margin-bottom: 4px;
}
span.plogo img {
  margin: 0px;
}
.popUpScroll {
  overflow: hidden;
}
.topPointTopLeft {display: flex;flex-direction: row;}

.topPointTop p {text-align: left;margin: 0px;}

.topPointTop img {margin: 0px;}
.checktabl{ margin-bottom: 12px;}
@media screen and (max-width: 768px) {
  .ownerDriverMsgSection{
  width: 100%;
  margin: 0;
  }
  #hght-div-deskLi{
    width: 100% !important;
  }
  .earnmorescore button { padding: 12px 20px;  margin-top: 12px; }
  .pointsPopup .earnmorescorepopup {
    /* width: 431px; */
    width: 100% !important;
    left: 0;
    top: inherit;
    background: #FFFFFF;
    border-radius: 20px 20px 0px 0px;
    position: fixed;
    z-index: 101;
    padding: 24px;
    text-align: center;
    transform: inherit;
    bottom: 0px;
}
/* .earnmorescorepopup img {
  margin-bottom: 24px;
} */
.checktabl .restoration img { 
  margin-bottom: 0px;
}
  }


  /* End Earn More Score */




.idvVAlue {
  font-weight: 600;
  font-size: 13px;
  line-height: 20px;
  display: flex;
  align-items: center;
  color: #333846;
  margin-top: 8px;
  margin-bottom: 8px;
}

.coverList1 .error-msg-idv.dropdownerror {
  position: relative;
  font-size: 12px;
  color: red;
  margin-top: 0px;
  margin-left: 0px;
  margin-bottom: 10px;
  width: 100%;
  display: block;
  /* height: 30px; */
}

li.newli.hoverremove {border: 2px solid #fff!important;background: #fff!important;}
li.newli.hoverremove:hover {border: 2px solid #231F20!important;background: #fff!important;}

li.newli.hoverremove .filterBtn {min-width: 100px;}

.bgwhite {
  background: #fff!important;
    color: #333846;
    background: #FFFFFF;
    border: 2px solid rgba(51, 56, 70, 0.15);
    border-radius: 8px;
    box-shadow: unset;
}

.scoreData {
  background: linear-gradient(97.28deg, #FFEBF1 0%, #EBF5FF 94.46%);
  border-radius: 8px;
  padding: 8px 12px;
}

.scoreData div .score-subheading {
  font-weight: 400;
  font-size: 12px;
  color: #333846;
  margin: 0 0 0 8px;
}

.retryScoresBtn {
  background: var(--color-primary);
  box-shadow: 0px 6px 10px rgb(243 70 83 / 25%);
  border-radius: 8px;
  font-size: 15px;
  color: var(--color-white);
  padding: 7px 20px;
  font-weight: 500;
  text-decoration: none;
  border: none;
  white-space: nowrap;
  margin: 0 0px;
  font-size: 15px;
  cursor: pointer;
}

.retryScoresBtn:disabled {
  opacity: 0.4;
}
.summary {
  width: 142px;
  height: 36px;
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-size: 28px;
  line-height: 36px;
  margin-bottom: 20px;
}

.needHelpDiv {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 20px;
  padding-right: 20px;
  gap: 15px;
  height: auto;
  margin-bottom: 20px;
  background: #FFFFFF;
  border: 1px solid rgba(51, 56, 70, 0.1);
  border-radius: 8px;
  flex: none;
  order: 1;
  align-self: stretch;
  flex-grow: 0;
  justify-content: space-between;
}

.needHelpInnerDiv {
  display: flex;
  flex-direction: row;
}

.helpIcon {
  width: 40px;
  height: 40px;
  background: #231F20;
  border-radius: 26.0569px;
  flex: none;
  order: 0;
  flex-grow: 0;
  background-image: url(../img/newIcon/support-icon.png);
}

.needHelpTxt {
  height: 17px;
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-size: 17px;
  line-height: 17px;
  color: #2B2D3D;
  flex: none;
  order: 0;
  flex-grow: 0;
  margin-bottom: 8px;
}

.helpInstruction {
  height: 12px;
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 12px;
  color: #2B2D3D;
  flex: none;
  order: 1;
  align-self: stretch;
  flex-grow: 0;
}

.logoutUsers {
  padding: 10px 20px;
}
@media screen and (max-width: 768px) {
  #myNavbar ul:nth-child(1) {
    padding-left: 20px;
  }

  #myNavbar ul .logoutUsers {
    color: #fff;
    margin-left: -10px;
  }
}

.fetchKycDetailsBtn {
  background: #FFFFFF;
  border: 2px solid rgba(51, 56, 70, 0.15) !important;
  border-radius: 8px;
  padding: 12px 16px;
  margin-bottom: 20px;
  color: var(--foundation-primary, #E31837);
  font-weight: 600;
  font-size: 15px;
}

.fetchKycDetailsBtn:hover, .fetchKycDetailsBtn:active, .fetchButton:hover {
  background: var(--color-primary);
  box-shadow: 0px 6px 10px rgb(243 70 83 / 25%);
  color: var(--color-white);
  border: 2px solid rgba(51, 56, 70, 0.15);
}

.kycSuccessBox {
  background: #EBF5EE;
  padding: 10px;
  color: #3A9F59;
  border-radius: 4px;
  display: flex;
}

.kycSuccessBox span.kycThumb {
  width: 40px;
}

.kycSuccessBox span.kycThumb img {
  width: 100%;
}

.kycUnsuccessBox {
  padding: 10px;
  background: #FCF2F4;
  color: #B00020;
  border-radius: 6px;
}

.kycUnsuccessBox  p {
  margin: auto 10px;
}
.kycUnsuccessBox .kycBoxInner {
  display: flex;
  align-items: center;
}

.kycUnsuccessBox .kycBoxInner span.kycThumb {
  width: 40px;
  padding: 2px 3px 0 0;
}

.kycUnsuccessBox .kycBoxInner span.kycThumb img{
  width: 100%;
}

.fetchButton {
  font-size: 14px;
  box-shadow: none;
  border: 1px solid rgba(51,56,70,.15);
  background: #fff;
  color: #D05D5C;
  padding: 6px 8px;
  border-radius: 6px;
}


.verifyPanelStatus p:nth-child(2) img{
  margin-right: 7px;
  width: 14px;
}

.verifyPanelStatus p:nth-child(2) {
  margin: -38px 0 38px 414px;
  font-size: 10px;
  color: #3A9F59;
}

.verifyPanel .verifyPanelStatus p:nth-child(1){
width: 434px !important;
height: 40px;
left: 304px;
top: 314px;
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 15px !important;
line-height: 20px;
/* or 133% */

letter-spacing: 0.25px;

color: #333846;
}

.verifyPanelStatus span:nth-child(3){
  width: 546px;
height: 20px;
left: 304.01px;
top: 368px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 20px;
/* identical to box height, or 133% */

letter-spacing: 0.25px;

color: #333846;
}

.kycNameAddress {
  margin-left: -10px;
  margin-top: 10px;
}

.kycNameAddress span:nth-child(2){
  width: 80%;
  height: 20px;
  left: 304.01px;
  top: 415px;

  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.25px;

  color: #333846;
}

.verifyPanel .verifyPanelStatus div:nth-child(5) span:nth-child(2){
  width: 250px;
}
.adhar-card-slid div:nth-child(2){
  margin-left: 35px;
}

.customUpload label.label input[type="file"] {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  white-space: nowrap;
  width: 1px;
}
.customUpload .label {
  cursor: pointer;
  border: 2px dashed rgba(51,56,70,.15);
  border-radius: 5px;
  padding: 5px 15px;
  width: 209px;
  height: 137px;
  max-width: 100%;
  background: #fff;
  display: inline-block;
  position: relative;
}
.customUpload .label div {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  text-align: center;
  transform: translate(0px, -50%);
}

.customUpload .label div span.addIcon {
  font-size: 40px;
  color: #000;
  font-weight: 500;
  display: block;
}
.customUpload .label div span.chooseFile {
  font-weight: 600;
  font-size: 14px;
  color: #333846;
  display: block;
}
.customUpload .label div span.imgFormat {
  font-size: 12px;
  color: #333846;
  display: block;
}

.justify-content-between {
  justify-content: space-between;
}

.pending .verifyPanelStatus .kycVerificationMsg {
  color: #333846;
  font-weight: 400;
  font-size: 15px;
  margin: 0;
}

.earnmorescorepopup-bg {
  width: 100%;
  left: 0;
  top: inherit;
  transform: inherit;
  height: 100%;
  position: fixed;
  z-index: 999;
  padding: 24px;
  text-align: center;
  background-color: rgba(0,0,0,.4);
  bottom: 0;
  overflow: hidden;
}
.share-button {
  cursor: pointer;
  padding-top: 10px;
}

@media (max-width:768px) {
  .footer-QR{
   display: flex;
 }
 .customUpload .label{
  width: 100% !important;
  margin-bottom: 12px;
 }
 .kycUnsuccessBox{
  width: 94%;
  margin: 0 auto ;
 }
}
.inner-share-web-part h3{
text-align: left;
font-family: 'Poppins';
font-style: normal;
font-weight: 600;
font-size: 19px;
color: #333846;
}

.share-checks-wrapper {
 display: flex;
 align-items: center;
 margin-bottom: 10px;
}
.share-checks-wrapper input[type="checkbox"]{
 display: block;
 margin: 0;
 margin-right: 6px;
}

.share-checks-wrapper .share-lables{
font-family: 'Poppins';
font-style: normal;
font-weight: 600;
font-size: 15px;
color: #333846;
}

.share-website-wrapper{
 background-color: rgba(0,0,0,0.5);
 width: 100%;
 height: 100vh;
 display: flex;
 justify-content: center;
 align-items: center;
 position: absolute;
 top: 0;
 left: 0;
 z-index: 111;

}
.error-message {
  color: #E31837;
  text-align: left;
}
.success-message {
  color:rgb(13, 110, 37);
}
#mobile-qr-image {
  margin-top: 21px;
}
.mobile-qr {
  height: 307px;
}
#share-qr-with-others-mobile {
  background-color: #FFFFFF;
  color: #E31837;
  border: 2px solid rgba(51, 56, 70, 0.15);
  border-radius: 8px;
  box-shadow: unset;
}
#mobile-url-holder {
  word-wrap: break-word;
  padding-right: 10px;
}
#global-msg {
  text-align: left;
}

.inner-share-web-part{
background-color: #fff;
width: 360px;
border-radius: 24px;
padding: 24px;
position: relative;
}

.input-wrappers{
width: 312px;
height: 52px;
background: #F5F5F6;
border-radius: 8px;
position: relative;
margin-top: 10px;

}
.supportListWrapper {position: relative;}
.supportListWrapper .supportList{
    border: 1px solid rgba(0,0,0,.15);
    background: var(--Background-White, #FFF) !important;
    box-shadow: 0px 0px 48px 0px rgba(0, 0, 0, 0.12);
    position: absolute !important;
    padding: 8px 20px;
    width: max-content;
    z-index: 9999;
    right: 0;
    border-radius: unset;
}
.supportListWrapper .supportList ul li{margin: 0; margin-top: 8px; font-size: 13px; color: #333846; font-weight: 500;}
.supportListWrapper .supportList ul li:first-child{margin-top: 0;}
.supportListWrapper .supportList ul li a{padding: 0 !important; font-weight: 400 !important;}
.supportListWrapper .supportList ul li a:hover{border:none !important;}
.supportListWrapper .dropdown-toggle span img{
  border-radius:unset !important; 
  border: 0 !important;
  width: auto !important;
  margin-right: 0 !important;
}
.input-wrappers input {
 width: 100%;
 font-size: 13px;
 outline: none;
 padding: 10px 20px;
 margin-top: 10px;
 position: relative;
 background: transparent;
 border: none;
} 
.supportListWrapper span img{
  border: none !important;
  width: auto !important;
}
.supportListWrapper{height: 100% !important; border-bottom: 0 !important; padding: 0 !important;}
.supportListWrapper a{height:auto;}
@media (max-width:768px) {
  .supportListWrapper {
    position: relative !important;
    display: block !important;
   }

  .supportListWrapper span img{
    filter:invert(1);
  }
  .supportListWrapper .supportList{
    left: 0;
    right: unset;
  }
  .supportListWrapper .supportList ul{
    padding-left: 0 !important;
  }
}
.input-wrappers label {
 position: absolute;
 top: 20px;
 left: 20px;
 pointer-events: none;
 font-family: "Poppins";
 font-style: normal;
 font-weight: 500;
 font-size: 13px;
 color: rgba(51, 56, 70, 0.7);
}
.user-details-wrapper {
  display: flex;
  justify-content:space-between;
}

.input-wrappers input:focus + label{
 top: 0;
 transition: 100ms ease;
}

.share-num-wrapper, .share-sms-wrapper{
 margin-top: 25px;
 
}

.inner-share-web-part button{
width: 312px;
height: 44px;
background: #E31837;
box-shadow: 0px 8px 8px rgba(243, 70, 83, 0.2);
border-radius: 8px;
padding: 0px 20px;
gap: 10px;
color: #fff;
margin-top: 15px;
border: none;
outline: none;
}
.share-addon-cancel{
cursor: pointer;
width: 34.29px;
height: 34.29px;
position: absolute;
border-radius: 50%;
right: 7%;
top: 4%;
background: #F5F5F6;
display: flex;
justify-content: center;
align-items: center;
}

.share-addon-cancel img{
 width: 14px;
}

@media (max-width:768px) {
 .inner-share-web-part{
   position: absolute;
   bottom: 0px;
   bottom: 0;
   border-radius: 24px 24px 0 0;
 }
 .inner-share-web-part{
   width: 100%;
 }
 .input-wrappers{
   width: 100%;
 }
 .inner-share-web-part button{
   width: 100%;
 }
}
/* mobile-view-QR-css */
.share-website-wrapper-mob{
 background-color: rgba(0,0,0,0.5);
 width: 100%;
 height: 100vh;
 display: flex;
 justify-content: center;
 align-items: center;
 position: absolute;
 top: 0;
 left: 0;
 z-index: 111;
 display: none;
}
.inner-share-web-part-mob{
background-color: #fff;
width: 360px;
border-radius: 24px 24px 0 0;
padding: 24px;
position: absolute;
bottom: 0;
}
.share-addon-cancel-mob{
 width: 34.29px;
 height: 34.29px;
 position: absolute;
 border-radius: 50%;
 right: 7%;
 top: 4%;
 background: #F5F5F6;
 display: flex;
 justify-content: center;
 align-items: center;
}

.share-addon-cancel-mob img{
 width: 14px;
}
.share-QR-Mob {
 display: flex;
 justify-content: center;
 margin-top: 30px;
}
.share-QR-Mob img{
width: 90px;
}
.share-link-url{
display: flex;
justify-content: center;
margin: 27px 0;
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 10px;
}
.copy-icon-mob{
 margin-left: 10px;
}
#mob-share-btn{
 padding: 0px 20px;
 width: 327px;
 height: 44px;
 background: #FFFFFF;
 border: 2px solid rgba(51, 56, 70, 0.15);
 border-radius: 8px;
 font-family: 'Poppins';
 font-style: normal;
 font-weight: 500;
 font-size: 13px;
 line-height: 13px;
 color: #E31837;

}
.share-copy-icon-description {
  position: absolute;
  color: rgba(51, 56, 70);
  display: none;
  transition: opacity .2s, visibility .2s;
  margin-left: 140px;
  font-size: 12px;
}
.share-copy-icon {
  cursor: pointer;
  display: inline-block !important;
  margin-left: 5px;
  position: relative;
}
@media (max-width:768px) {
  .share-copy-icon-description {
    margin-top: -2vh;
    margin-left: 75vw;
  }
 .inner-share-web-part{
   position: fixed;
   width: 100%;
   bottom: 0;
   border-radius: 24px 24px 0 0;
 }

  #mob-share-btn,.inner-share-web-part-mob{
   width: 100%;
 }
 .share-website-wrapper-mob{
   display: none;
 }
 .headingWrapper .mainHeading{
  padding: 0 !important;
 }
}

.product-heading-wrapper{
  display: flex;
  width: 100%;
}
.product-heading-wrapper .raiseTicket{
width: 100%;
}
.product-heading-wrapper .raiseTicket .col-md-12{
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}
.product-heading-wrapper .raiseTicket .raiseTicketBtn{
  color: #E31837;
  font-size: 13px;
  font-weight: 600;
  padding: 10px 20px;
    border: 2px solid var(--color-black-border);
    border-radius: 8px; 
}
.product-heading-wrapper .raiseTicket .raiseTicketBtn:focus{
  border: 2px solid var(--color-black-border) !important;
}
.product-heading-wrapper .raiseTicket .raiseTicketBtn:hover{
  border: 2px solid var(--color-secondry);
  color: #231F20;
}
@media (max-width:768px) {
  .share_wrapper{
    display: none !important;
  }
  .product-heading-wrapper .raiseTicket .col-md-12 .mainHeading{
    width: 60%;
    padding-left: 12px;
  }
  .product-heading-wrapper .raiseTicket .raiseTicketBtn{
    font-size: 10px;
  }
}
.share_wrapper{
  display: flex;
  align-items: center;
}

#share-icon{
  height: 80px;
  width: 80px;
  display: block;
  margin-right: 15px !important;
}
.share-content{
font-family: 'Poppins';
font-style: normal;
font-weight: 500;
font-size: 13px;
color: #231F20;
}

.share-link{
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 10px;
color: #333846;
display: flex;
}


#QR-code-wrapper{
  border: none;
  display: inline-block;
  vertical-align: middle;
}

@media (max-width:768px) {
  #QR-code-wrapper{
    display: none;
  }
  .footer-QR{
    display: block;
  }
}

.footer-QR {
  bottom: 3%;
  display: flex;
  position: fixed;
  right: 15px;
  box-shadow: 0px 6px 20px rgba(51, 56, 70, 0.12);
  border-radius: 40px;
  padding: 16px;
  gap: 8px;
  background: #fff;
  z-index: 9;
  display: none;
  width: 120px;
}

.footer-QR img{
  width: 18px;
  height: 18px;
}

.footer-QR p{
margin-bottom: 0 !important;
font-family: 'Poppins';
font-style: normal;
font-weight: 600;
font-size: 13px;
color: #333846;
}

@media (max-width:768px) {
   .footer-QR{
    display: flex;
  }
}
.policy_ex_dt_mlb{
  margin-top: -13px;
}
#ex_policy_date {
  height: 45px;
}
.SumoSelect.disabled{
  opacity: 1 !important;
}
@media (max-width:768px) {
  .mbl_ncb_tm{
    margin-top: 0 !important;
   }
  .mbl_ncb_input_tm{
    margin-top: 28px !important;
  }
}
.crd_mlb_flex{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width:768px) {
   
  .whatsappFooter{
    bottom: 50px;
  }
  .verifyPanel .verifyPanelStatus_mbl_view p:nth-child(1){
    width: 100%;
  }
  .verifyPanelStatus_mbl_view p:nth-child(2){
    margin: 25px 0 0px 0;
  }
.verifyPanelStatus_mbl_view span:nth-child(3){
  width: 100%;
}
 
}

@media (max-width:768px) {
  .marg .kycNameAddress_mbl_view{
    margin-bottom: 0px !important;
  }
  .policy-action li{
    margin-left: -18px;
  }
  .verifyPanel .verifyPanelStatus p:nth-child(1){
    width: 100% !important;
    margin-bottom: 10px;
  }
  .needHelpTxt{
    display: none;
  }
  .policy_ex_dt_mlb{
    margin-top: -13px;
  }
  #ex_policy_date{
    height: 45px;
  }
  .helpInstruction{
    line-height: 15px;
  }
  .earnmorescorepopup{
    width: 100% !important;
  }
  .error_registrationNumber{
    position: relative !important;
  }
}
.add_ons_width{
  width: auto !important;
}



.pln_smry{
  display: flex;
  align-items: center;
  margin-right: -15px;
  margin-left: -15px;
}
@media (max-width:768px) {
  .pln_smry{
    margin-right: -30px;
  }
  .crd_mbl{
    padding: 0px !important;
  }
  .img-txt{
    position: absolute;
    padding: 0%;
  }
  /* label.error{
    margin-top: -10px;
  } */
  }
.grecaptcha-badge { 
  visibility: hidden;
}
.same_money_sms{
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 230px;
  background: #E5F2FF;
  border-radius: 8px;
  padding: 2px 10px;
  position: absolute;
  top: -12px;
  left: 20px;}
  .same_money_sms h2{
    font-weight: 600;
    font-size: 10px !important;
    color: #333846;
    padding: 0px;
    margin: 0;
  }
    .same_money_sms h2 span{
        font-weight: 400;
        font-size: 10px;
        color: #333846;
      }
  
  .info-icon-pay-for-u{
    width: 20px;
  }
  .pre-icon-pay-for-u{
    width: 20px;
  }

  .payforyou-img-container{
      display: flex;
      justify-content: center;
      align-items: center;
      }
  .inner-container h2{
      text-align: center;
      margin: 15px auto;
      font-weight: 600;
      font-size: 20px;
      color: #333846;
      width: 280px;
  }
  .inner-container p{
      text-align: center;
      font-weight: 400;
      font-size: 15px;
      color: #333846;
  }
  .inner-container button{
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 24px auto;
  width: 327px;
  height: 44px;
  background: #FFFFFF;
  border: 2px solid rgba(51, 56, 70, 0.15);
  border-radius: 8px;
  color:  #E31837;
  cursor: pointer;
  }
  .pay-drive-content p{
      width: 220px;
      font-weight: 400;
      font-size: 13px;
      color: #333846;
      margin-top: 7px;
    }
  .pay-drive-content-wrapper{
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .payforu-option-wrapper{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 15px !important;
  }
  .inputborderbox-payfor-u{
    margin: 0;
  }
  .form-control-payfor-u{
    height: auto !important;
    background-color: transparent !important;
    padding: 0 !important;
  }
  .myULpay{
    list-style:disc !important;
  }
  #selectedQuotes-error{
    width: 200px;
    margin: 8px 0;
  }
.addOnsButton{
  display:none;
}

@media screen and (max-width: 768px) { 
  .addOnsButton{
    display:block;
  }
  .buttonStyle{
    position: absolute;
    z-index: 999999;
    bottom: 168px; 
    width: 94%;
  }
  .buttonPosition{
    position: relative;
    width: 100%;
    height: 100vh;
  }

  .hideButton{
    display: none!important;
  }
 
  .mob-mr-top{
    margin-top: 15px;
  }
  .mob-mr-top28{
    margin-top: 28px;
  }
  .mob-mr-bot28{
    margin-bottom: 28px;
  }
  .radio-inline-mb-10{
    margin-bottom: 10px;
  }
}

#insurerId-error, #vehicleSubType-error, #dealerId-error, #paymentMode-error, #make_model-error, #fuel_type-error, #variant-error, #registrationDate-error, #manufactureDate-error, #dealerCityId-error, #makeModelVersionFuelType-error, #preferredInsurer_0-error, #previousInsurer-error, #reasonForOfflineQuote-error{
  margin-top: -1.5rem;
  top: 70px !important;
}
#selectedQuotes-error{
  width: 200px;
  margin: 8px 0;
}
/* Motor Offline Journey UI revamp css start */
.motter-offline-nav-mbl-only{
  display: none;
}
.mobile-offline-view-score-wrapper{
  display: none;
}
.cancelBtn-mbl-view{
  display: none !important;
}
.vehical-loan-mbl{
  margin-bottom: -20px !important;
}
.mobile-only-btn{
  display: none !important;

}
#cancel_offline_case_btn{
  background: #FFFFFF;
  border: 2px solid #E31837 !important;
  border-radius: 8px;
  padding: 10px 20px;
  width: 320px;
  height: 44px;
  color: #E31837 !important;
  width: auto;
  float: right;
  text-decoration: none;
 }
 #cancel_offline_case_btn:hover{
  background: #E31837;
  color: #fff !important;
 }
 #summary{
  border-top: none;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  margin-top: -6px;
 }
 .policyD_spce-mbl{
  border-bottom: none;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
  padding: 20px 20px 0px !important;
 }
 .no_space_summary{
  padding-top:0px !important ;
 }
 
.s-txt {
  display: inline-block;
  padding: 13px 10px;
  color: #f39930 !important;
}
.desktop-cancl-btn-none{
  float: right;
  display: inline-block;
  vertical-align: bottom;
}
/* #earnmorescore-mobile{
  display: none !important;
} */
.autofillErrorMsg{
  position: absolute;
  font-size: 12px;
  color: red;
  margin: 2px 0px 0px 2px;
  top: 48px!important;
}

/* pay-as-you-driving-limit-css-start */
.pay-as-you-driving-limit{
  width: 100%;
  margin: 10px auto;
  height: 61px;
  background: #ECE9FF;
  border-radius: 4px;
}
.pay-as-you-driving-limit p{
  font-weight: 600;
  font-size: 13px;
  color: #333846;
  margin: 10px;
  padding-top: 5px;
}
.pay-as-you-driving-limit p span{
  font-weight: 400;
  font-size: 12px;
  color: #333846;
}
.driving-limit-wrapper{
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 10px;
}
.driving-limit{
  display: flex;
  align-items: center;
  gap: 10px;
}
.driving-limit input[type="radio"] {
  display: block !important;
  margin: 0 !important;
}
.driving-limit input[type="radio"] + label{
  font-weight: 400 !important;
  font-size: 12px !important;
  color: #333846;
}
@media (max-width:768px) {
  .pay-as-you-driving-limit{
    height: auto;
    padding-bottom: 15px;
  
  }
  .driving-limit-wrapper{
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .driving-limit{
    width: 100px;
  }
}
.clearfix-popup{
  align-items: center;
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: center;
}

.clearfix-popup h4{
  width: 300px;
  text-align: center;
  font-weight: 600;
font-size: 20px;
color: #333846 !important;
}
.clearfix-popup p{
  text-align: center;
  font-weight: 400;
font-size: 15px;
color: #333846 !important;
padding: 12px 0;
}
.popup-fade{
  display: flex !important;
  align-items: center !important;
}
.hght-div-desk{
  width: 50% !important;
}
#pts_addons_field, #pts_regdate_field{
  width: 100% !important;
}
.moreDiv-ofline #pts_addons_field, #cancelBtnTop, .moreDiv-ofline #pts_regdate_field{
width: 12% !important;
}
 
@media (max-width:768px) {
 .bankListingMbl ul {
 width: 100%;
 }
 .cancel_insp{
  float: left !important;
  margin-bottom: 16px !important;
  border: 3px solid var(--color-black-border) !important;  
  background: #fff !important;
  color: var(--color-primary) !important;
  box-shadow: none !important;
  margin-right: 12px;
  position:absolute;
  top: -75px;
  left: 25px;
}
 .hght-div-desk{
  width: 100% !important;
}

  #earnmorescore-mobile{
    display: none;
  }
  .s-txt {
    display: inline-block;
    padding: 13px 10px;
    color: #000 !important;
    padding-left: 0 !important;
  }
  .mobile-only-btn{
    display: block !important;
    background: #FFFFFF;
    border: 2px solid rgba(51, 56, 70, 0.15) !important;
    border-radius: 8px;
    display: flex !important;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    width: 335px;
    height: 44px;
    color: #E31837 !important;
    margin: 40px auto -40px auto;
  }
  .mobile-cnl-btn{
    width: 100%;
    display: flex;
    justify-content: center;
  }
  .desktop-cancl-btn-none{
    display: none !important;
  }
  .radio-inline-mbl-outer-wrapper{
    margin-bottom: 0 !important;
  }
  .radio-inline-mbl-wrapper{
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 100%;
    gap: 10px;
  }
  .radio-inline-mbl-wrapper label{
    margin: 0;
    font-weight: 400;
    font-size: 10px;
    background: #f5f5f6;
    border-radius: 8px;
    padding: 20px 6px;
    display: flex;
    align-items: center;
    width: 50%;
     }
    
     .radio-inline-mbl-wrapper label input[type="radio"]{
      display: block;
      width: 16px;
      height: 16px;
      margin-left: 0;
      margin-top: 0;
     }

     .radio-inline-mbl-wrapper label input[type="radio"] + label{
      padding: 0;
      width: auto;
     }
     .radio-inline-mbl-wrapper label input[type="radio"] + label span{
      margin-right: 5px;
      background: none !important;
     }
     .mobile-fixed-footer-sec{
      position: relative;
     }
     /* .mbl-scroller-sec{
      height: 400px;
      overflow-y: scroll;
      overflow-x: hidden;
     } */
     .mbl-scroller-sec::-webkit-scrollbar {
      display: none;
    }
    #off_qt_req_navi{
      display: none !important;
    }
    #wizard-p-0{
      margin-top: -20px;
    }
    .side_nav.sidenav_icon-active:after {
      content: "";
      border-top: 4px solid #3A9F59 !important;
      border-left: 4px solid #3A9F59 !important;
      width: 100%;
      left: 20px !important;
      position: absolute;
      top: 10px !important;
      border-radius: 6px;
  }
  .side_nav:after{
    content: "";
    border-top: 4px solid rgba(217,217,217,1.00) !important;
    width: 100%;
    left: 20px !important;
    position: absolute;
    top: 10px !important;
    border-radius: 6px;
  }
  #sideBrdcrm_summary::after{
    content: "";
    border-top: 4px solid rgba(217,217,217,1.00);
    width: 100%;
    left: 20px !important;
    position: absolute;
    top: 10px !important;
    border-radius: 6px;
  }
  .sidenav.leftSideNav .side_nav:after, .sidenav.leftSideNav .side_nav:nth-child(2):after{
    width: 100%;
  }
  .sidenav.leftSideNav .side_nav:after {
    border-bottom: 0px solid rgba(217,217,217,1.00);
  }
  .sidenav.PadTopLeftSideNav{
    padding-top: 0;
  }
  .navMenuTitle{
    display: none;
  }
  #sideBreadCrubmFields{
    margin-top: 20px;
  }
.side_nav.sidenav_icon-active::before{
  content: "";
  width: 20px;
  height: 20px;
  border-radius: 50px;
  position: absolute;
  right: -25px;
  top: 2px;
  background: #3A9F59 !important;
}
.side_nav::before{
  content: "";
  width: 20px;
  height: 20px;
  border-radius: 50px;
  position: absolute;
  right: -24px;
  top: 2px;
  background:#D9D9D9;
  }
.sidenav a {
  margin-top: 35px;   
  }

.motter-offline-nav-mbl-only{
  display: block;
  width: 100%;
  padding: 0 0 10px 4px;
  position: relative;
  margin: 18px 0 0px -4px;
}
.motter-offline-nav-wrapper{
  display: flex;
  align-items: self-start;
  gap: 5px;
  justify-content: space-between;
}
.motter-offline-nav-wrapper p{
  font-size: 11px !important;
  position: relative;
  padding: 0px;
  width: 23%;
  text-align: center;
}
.motter-offline-nav-wrapper p:first-child::after{
  width: 160% !important;
  left: 0px !important;
}
.motter-offline-nav-wrapper p::after{
  content: "";
  border-top: 4px solid #D9D9D9;
  width: 100%;
  left: -55% !important;
  position: absolute;
  top: -20px !important;
  border-radius: 6px;
  z-index: -9;
}
.motter-offline-nav-wrapper p::before{
  content: "";
  width: 20px;
  height: 20px;
  border-radius: 50px;
  position: absolute;
  right: 2%;
  top: -28px;
  background: #D9D9D9;
  left: 0;
  margin: 0 auto;
 }
 .motter-offline-nav-wrapper-prnl p::after{
  z-index: 1;
 }
 .motter-offline-nav-wrapper-prnl p::before{
  z-index: 2;
 }
 .motter-offline-nav-mbl-active::after{
  content: "";
  border-top: 4px solid #3A9F59 !important;
  width: 100%;
  left: 0px !important;
  position: absolute;
  top: -20px !important;
  border-radius: 6px;
}
.motter-offline-nav-mbl-active::before{
  content: "";
  width: 20px;
  height: 20px;
  border-radius: 50px;
  position: absolute;
  right: -5px;
  top: -28px;
  background: #3A9F59 !important;
}
.mobilepoints-offline{
  display: none;
}
.mobile-offline-view-score-wrapper{
  position: absolute;
  width: 100%;
  height: 100vh;
  /* background-color: rgba(0,0,0,0.5); */
  top: 0;
  right: 0;
  z-index: 0;
  display: block;
}
.mobile-offline-view-score .view-score-content-wrapper{
  background: #FFFFFF;
  border: 0.5px solid #E0E1E3;
  border-radius: 4px;
  width: 85px;
  height: 28px;
  display: flex;
  align-items: center;
  gap: 4px;
  padding:8px 4px;
  position: absolute;
  top: 10px;
  right: 20px;
}
.view-score-content-wrapper p{
  color: #E31837;
  font-weight: 400;
  font-size: 10px !important;
  margin: 0 !important;
}
.offline-view-score-popup-content{
  font-weight: 400;
  font-size: 12px;
  background: #FFFFFF;
  border-radius: 8px;
  width: 282px;
  height: 46px;
  /* display: flex; */;
  display: none;
  justify-content: center;
  align-items: center;
  position: relative;
  top: 55px;
  left: 70px;
}
.withOutPay{
  /* display: flex !important; */
  justify-content: center;
  align-items: center;
}
.offline-view-score-popup-content::after{
  content: "";
  width: 20px;
  height: 20px;
  background-color: #fff;
  transform: rotate(45deg);
  position: absolute;
  top: -4px;
  right: 20px;
  z-index: -1;
}
.offline-view-score-popup-content p{
  color: #333846;
  font-weight: 400;
  font-size: 12px !important;
  padding: 8px;
  margin: 0 !important;
}
.mainFilter ul li.flt{
  width: 100% !important;
  background: #F8F9F9;
  border-radius: 8px;
  padding: 15px;
  }
  .uploadDoc{
    width: 100%;
  }
  .docTitle{
    text-align: left;
  }
  #offline_documents_upload .add-file .flt{
    min-height: 160px;
    margin-bottom: 20px !important;
  }
  .docName-mbl-offline{
    top: 60%;
  }
  .policyDocs-mbl-offline-input{
    width: 100% !important;
    height: 162px !important;
  }
  .policyDocs-mbl-offline-img img{
    position: absolute;
    top: 34px !important;
    left: 15px !important;
    width: 90% !important;
    display: table-cell;
    vertical-align: middle;
    min-height: 110px !important;
    height: 110px !important;
    padding: 0px;
    background: #f1f3f6;
    border: 1px solid transparent;
    border-radius: 8px;
    margin: 0;
     }
  .info-strip{
    margin-top: 25px;
  }
  .moreDiv{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding-bottom: 10px;
    position: relative;
    top: -35px;
    padding-bottom: 0;
  }
  #pts_premium_field{
    display: flex;
    gap: 5px;
    align-items: self-start;
  }
  #pts_premium_field ul li {
    display: flex;
    align-items: center;
   }
  #netPremiumField{
    font-weight: 600;
    font-size: 17px;
  }
  #cancelBtnTop{
    width: 12% !important;
  }
  #pts_addons_field{
    width: 100% !important;
  }
  #is_company_car + label{
    margin-left: 35px;
  }
  #pts_premium_field ul li, #pts_idv_field ul li , #pts_ncb_field ul li, 
  #pts_claimtaken_field ul li, #pts_addons_field ul li, #pts_mmv_field ul li,
  #pts_regno_field ul li, #pts_regdate_field ul li{
   min-height:16px !important;
   display: flex;
   align-items: center;
   gap: 4px;
   font-size: 10px;
     }
  .newContent .col-xs-6{
    display: flex;
    gap: 5px;
    align-items: flex-start;
  }
  #pts_logo_field{
    width: 20% !important;
    margin-bottom: 10px;
  }
  .bike_mainFilter ul li{
    font-size: 10px;
  }
  .upl-img{
    top: 0px !important;
    left: 0px !important;
    width:100% !important;
    height: 100px !important;
  }
  .mainHeading{
    margin:10px 0 20px 0;
  }
   .add-file .flt{
    margin-top: 3px;
  } 
  div#onlyPolicyDocsFields{
    width: 100%;
     }
  .add-file input[type="file"] {
    position: absolute !important;
    left: 0px !important;
    top: 0px !important;
    opacity: 0 !important;
    width: 100%;
    height: 100px;
    font-size: 12px;
    cursor: pointer;
}
.add-file-bg-color{
    width: 100% !important;
    background: #F8F9F9;
    border-radius: 8px;
    height: 152px;
    margin-bottom: 15px;
}
#upload_documents_form{
  margin: auto;
  width: 100%;
}

.quote_requested-mbl{
 z-index: 9 !important;
}

#cancel_offline_case_btn{
  background: #FFFFFF;
  border: 2px solid rgba(51, 56, 70, 0.15) !important;
  border-radius: 8px;
  display: flex !important;
  justify-content: center;
  align-items: center;
  padding: 0px 20px;
  width: 335px;
  height: 44px;
  color: #E31837 !important;
  margin: 40px auto -40px auto;
}

.wait-wrapper-mbl{
  display: flex !important;
  align-items: center !important;
  background: #E5F2FF;
  padding: 10px !important;
}
.offline_quote_status_message-mbl{
  width: 100% !important;
  padding: 0 !important;
}
.config-chk-mbl{
  width: 95%;
  height: 52px;
  background: #f5f5f6;
  border-radius: 8px;
  margin: 0 auto;
  display: flex;
  align-items: center;
}
.config-chk span.dt-yes-mbl{
  top: 19px;
}
.inputborderbox input[type="text"]{
  width: 90% !important;
}
.car-loan-offline-mbl{
  margin-left: 10px;
}
.w-auto-mbl {
  display: flex !important;
  align-items: center !important;
  background: #E5F2FF;
  padding: 10px !important;
  width: 96% !important;
}
.w-auto-mbl .pp-msg-mob{
  width: 100% !important;
}
.abs-doc-error-msg{
  top: 15px !important;
  left: 15px !important;
}
  .bike_mainFilter h3.subheading-mbl{
    font-size: 10px;
    width: 100%;
    margin-bottom: 0 ;
  }
.form-group-mbl{
  background: #f5f5f6;
  border-radius: 8px;
  padding: 10px !important;
  width: 96% !important;
}
.form-group-bg-white{
  background: #fff;
  border-radius: 8px;
  padding: 10px !important;
  width: 100%;
 }

.permium-amount-mbl{
  font-size: 12px !important;
  font-weight: 400 !important;
  color: rgba(51, 56, 70, 0.7) !important;
}
.policyD_spce-mbl{
  padding-top: 0 !important;
}
.mrg-t-10{
  margin-top: -10px !important;
}
.mainHeading-mbl{
  margin: -10px 0 15px 0 !important;
}
.inspection-link-bg-mbl{
  background-color: #f5f5f6;
  padding: 1px 40px 0 40px !important;
  margin-top: -2px;
}
.info-bg-clor-mbl{
  background-color: #f5f5f6;
}
.inspection-link-bg-mbl h4{
  background: #f5f5f6;
  height: 42px;
  display: flex;
  justify-content: space-between;
}
.inpspectionPadMob{
  padding: 0 !important;
}
.quote_requested_section-mbl{
  padding: 10px 0px 10px !important;
}
.pad-mbl{
  padding: 0;
}
#off_qt_head_fields #off_qt_title{
  text-align: center;
}
.inputborderbox input[type="email"],
.inputborderbox input[type="number"], 
.inputborderbox input[type="password"], 
.inputborderbox input[type="search"], 
.inputborderbox input[type="tel"],
.inputborderbox input[type="text"], 
.inputborderbox input[type="url"],
.inputborderbox textarea{
  width: 90% !important;
}
.cancelBtn-mbl-view{
  display: block !important;
  background: #FFFFFF;
  border: 2px solid rgba(51, 56, 70, 0.15) !important;
  border-radius: 8px;
  display: flex !important;
  justify-content: center;
  align-items: center;
  padding: 0px 20px;
  width: 320px;
  height: 44px;
  color: #E31837 !important;
  margin: 40px auto -40px auto;
}

.remarkAck{
  background: #f5f5f6;
  border-radius: 8px;
  margin-left: 10px;
}

.remarkInput{
  width: 100%;
  height: auto;
  background: transparent;
  border: none;
  outline: none;
  padding-top: 10px;
}

.remarkLabel{
  z-index: 999;
  background: #f5f5f6;
}
.trans-btn-mbl-view{
  display: none !important;
}
.hide-mbl-view{
  display: none !important;
}
.Submission-proposal-mbl-mb-60{
  display: block!important;
  margin-bottom: 60px;
}
#cancel_offline_case_btn-dek{
  display: none !important;
}
#summary{
  padding: 0 !important;
}
.summery-form-mbl-pad-lr-25{
  padding: 0 25px !important;
  margin-top:25px !important;
 }
 .summery-form-dtl-height{
  height: 52px;
 }
.summery-form-mbl-mar{
  margin: 0 5px!important;
}
.transaction-msg-mbl, .transaction-msg-mbl-only{
  border-radius: 0px;
  box-shadow: none !important;
  display: flex;
  flex-direction: column;
  left: 0px;
  width: 110%;
  top: 10px;
}
.transaction-msg-mbl-only ul li{
  border-radius: 0;
  margin-left: -10px;
}

.ownerTextHeading-mbl{
  padding-left: 15px !important;
}
.SubHeading-mbl{
  padding: 30px 0 10px 0 !important ;
  margin-bottom: 0 !important;
 }
.hd_mobile-only{
  display: flex;
  width: 95%;
  justify-content: space-between;
  height: 42px;
  align-items: center;
 }
 .summary-form-dtl-height{
  height: 52px !important;
 }
 .edit-mbl{
  display: none;
 }
 .basicD{
  padding-top: 0 !important;
 }
 .ownerTextHeading-mbl{
  margin: 0px 0 14px 0px !important;
  width: 100%;
 }
 .VehicleTextHeading-mbl{
  margin: 10px 0 -40px -10px;
 }
 .navbar-toggle-mbl{
  position: relative;
  z-index: 1;
 }
.Previous-hide{
  margin-top: -25px;
  padding-top: 25px !important;
}
.onlyPolicyDocsFields-mbl{
  padding: 0 20px !important;
}
.add-file-mobile{
  display: flex;
  flex-direction: column;
}
.upload_documents_btn-mobile{
  padding: 0 30px !important;
}
.sum-mbl-mr{
  margin: -15px 0 10px 0;
}
.Doc-mbl-mr{
  margin: 0px 0 -20px 0;
}
.bike_mainFilter ul{
  margin-top: -1px;
}
.Personal-Details-mbl-width{
  width: 100%;
}
.mobSumo-pad{
  padding: 0;
}
.preferred_qt_detail_fields{
  margin-top: -20px;
}
.direct-policy-issuance-owner-page{
  margin: 50px 0 0px -4px !important;
}
.direct-policy-issuance-document-page{
  width: 96%;
  margin: 55px auto -22px auto !important;
}
.direct-policy-issuance-vehicle-page{
  width: 96%;
  margin: 55px auto -34px auto !important;
}
.direct-policy-issuance-summary-mr{
  width: 96%;
  margin: 27px auto -5px auto !important;
}
.radio-inline-mbl-wrapper label{
  height: 52px !important;
}
.request-offline-nav-policy{
  padding: 10px 0 10px 15px !important;
}
.request-offline-nav-Document-pd{
  padding-top:10px !important ;
}
.request-offline-nav-quotes{
  margin: 10px 0 0px 10px !important;
}
.direct-policy-issuance-policy-mr{
  margin: 22px 0 0px 6px !important;
}
.direct-policy-issuance-owner-page{
  width: 90% !important;
  margin: 25px auto -25px auto !important;
}
.car-loan-label-offline{
  padding-left: 10px;
}

.more-a {
  font-size: 10px;
  color: rgba(0, 0, 0, 0.8);
  border-radius: 9px;
  padding: 0px 5px;
  display: inline-block;
  color: rgba(0, 0, 0, 0.57);
  font-weight: bold;
  background: #ebebed;
  width: auto;
  height: 20px;
  text-align: center;
  line-height: 20px;
  margin-left: 4px;
  
}
.pts_addons_field{
  width: 12% !important;
}
.moreDiv-ofline #pts_regdate_field, .moreDiv-ofline #pts_addons_field, .moreDiv-ofline #pts_regdate_field{
width: 100% !important;
} 
.moreDiv-ofline #pts_addons_field{
width: 50% !important;
}
.moreDiv-ofline ul li{
  margin-bottom: 0px !important ;
  padding-bottom: 0 !important;
}

}

.planDocument{
  padding-top:4px; 
  float:right;
}
.css-j7o63n{
  color: rgb(211, 47, 47) !important;
  font-size: 10px !important;
  margin: 3px 14px 0px !important;
}
.css-ackcql{
color: rgb(211, 47, 47) !important;
}
.css-14x1nlk.Mui-error, .css-14el2xx-placeholder{
color: rgba(0, 0, 0, 0.7) !important;
}


.healthHelpNo {
  border-radius: 16px;
  border: 1px solid var(--stroke-light, rgba(51, 56, 70, 0.1));
  width: 271px;
  display: flex;
  align-items: start;
  justify-content: space-between;
  padding: 16px;
  position: relative;
  background: url(./healthCallGg.svg) no-repeat right top #fff;
}
.healthHelpNo img{
  cursor: pointer;
}
.healthHelpNo h2 {
  color: #333846;
  font-size: 17px;
  font-weight: 600;
  margin: 0px;
}
.healthHelpNo h2 .callUs{
  color: #6f727c;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  display: block;
  margin-top: 10px;
  line-height: 20px;
}
.healthHelpNo h2 .callUs span{
color: var(--type-header, #333846);
font-size: 15px;
font-style: normal;
font-weight: 600;
}
.kycOptionsHeader {
  display: inline-block !important;
}
.kycOptionsHeader .knowMoreToolTip{
 position: relative;
}
.kycOptionsHeader .knowMoreToolTip .Tooltip {
 width:400px;
 padding: 6px 8px; 
 position:absolute;
 background-color: var(--color-border-focus);
 color: #fff;
 border-radius: 8px;
 bottom:20px;
 right: 0;
 display: none;
 }
.kycOptionsHeader .knowMoreToolTip .Tooltip::after{
  content: "";
  width: 8px;
  height: 8px;
  background-color:var(--color-border-focus);
  position: absolute;
  bottom: -4px;
  right: 15px;
  transform: rotate(45deg);
}
.kycOptionsHeader .knowMoreToolTip:hover .Tooltip{
  display: block !important;
}
.kycOptionsHeader .knowMoreToolTip .Tooltip p{
  font-size: 13px;
  font-weight: 400px;
  color: #fff;
}
.kycOptionsHeader .knowMoreToolTip .Tooltip p span{
  display: block;
  margin-bottom: 6px;
  color: #fff;
  font-weight: 600px;
}
.kycOptionsHeader .KycDetailsProposer{
  margin-top: 16px;
}
@media (max-width:768px) {
  .kycOptionsHeader .knowMoreToolTip .Tooltip {
    width: 300px;
  }
  .right-navbar-section{
    flex-direction: column;
  }
 .css-tuxzvu .familyName{
    padding-left: 10px !important; 
    width: 200px !important;
    height: 60px !important;
    margin-top: -10px !important;
  }
  .healthHelpNo{
    width: 100%;
  }
  .kycOptionsHeader .mandatoryPolicyNote p {
    font-size: 10px !important;
  }
  .kycOptionsHeader .KycDetailsProposer{
    margin-top: 16px;
  }
}

/* kycSection */
.kycSectionWrapper{
  width: 100%;
  margin: 0 auto;
}
.kycOptionsHeader .mandatoryPolicyNote{
  border-radius: 8px;
  background: #FDF4EA;
  width:100%;
  height:auto;
  display: flex;
  align-items: center;
  padding: 12px 16px;
  margin: 24px auto;
  } 
  .kycOptionsHeader .mandatoryPolicyNote p{
    color: rgba(51, 56, 70, 0.70);
    font-size: 11px;
    font-weight: 400;
    line-height: 18px;
    margin: 0;
  }
  .kycOptionsHeader .mandatoryPolicyNote p span{
    color: #333846;
    font-weight: 600;
  }
  .kycOptionsHeader .mandatoryPolicyNote a{
    color: #231F20;
    font-size: 12px;
    font-weight: 600;
    line-height: 12px;
    margin-left: 12px;
  }

  .kycOptionsHeader .KycDetailsProposer h3{
    color: #333846;
    font-size: 15px;
    font-weight: 600;
    line-height: 22px;
    margin: 0;
    margin-bottom: 4px;
  }
  .kycOptionsHeader .KycDetailsProposer p{
    color: rgba(51, 56, 70, 0.70);
    font-size: 13px;
    font-weight: 400;
  }
  .kycOptionsHeader .kycDocuments{
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 16px 0;
  height: 44px;
  }
  .kycOptionsHeader .kycDocuments a{
    border-radius: 24px;
    border: 1px solid var(--stroke-dark, rgba(51, 56, 70, 0.20));
    padding:12px;
    color: var(--type-description, #6F727C);
    font-size: 13px;
    font-weight: 400;
    text-decoration: none;
  }
  .kycOptionsHeader .kycDocuments a.active{
    background-color: #231F20;
    color: #fff;
    font-weight: 600;
    }
    .kycOptionsHeader .kycDocuments .recommend {
    position: relative;
    cursor: pointer;
    }
   .kycOptionsHeader .kycDocuments .recommend p{
    color: var(--semantic-success, #3A9F59);
    font-size: 10px;
    font-weight: 500;
    position: absolute;
    top: -24px;
    left: 50% !important;
    border-radius: 4px;
    background: var(--sub-semantic-success-07, #D7EBDD);
    width: max-content;
    padding: 2px 8px;
    transform: translate(-50%, 0px);
  }
 
  .kycOptionsHeader .kycDocuments .otherDoc{
    width: 200px;
  }

  .kycOptionsHeader .kycDocuments .otherDoc .form-group {
    margin-bottom:0px !important;
  }
  .kycSectionWrapper .adharCard .form-group, .kycSectionWrapper .panCard .form-group, .kycSectionWrapper .kycMandatoryDoc .form-group {
   margin-bottom: 24px !important;
  }

  .kycSectionWrapper .adharCard .form-group .inputborderbox, .kycSectionWrapper .panCard .form-group .inputborderbox, .kycSectionWrapper .kycMandatoryDoc .form-group .inputborderbox{
    margin-bottom: 0 !important;
  } 

  .kycOptionsHeader .kycDocuments .otherDoc .form-group .inputborderbox{
   background-color: #fff;
   margin-bottom: 0 !important;
   border-radius: 24px;
   height: 44px;
  }
  .kycOptionsHeader .kycDocuments .otherDoc .form-group .inputborderbox.activeOption{
    background-color: var(--color-secondry) !important;
  }
  .kycOptionsHeader .kycDocuments .otherDoc .form-group .inputborderbox.activeOption .SumoSelect > .CaptionCont > span{
    color: #fff !important;
    font-weight: 700;
  }
  .kycOptionsHeader .kycDocuments .otherDoc .form-group .inputborderbox.activeOption .SumoSelect > .CaptionCont > small > i{
    filter: invert(1);
  }
  .kycOptionsHeader .kycDocuments .otherDoc .form-group .SumoSelect > .CaptionCont > span{
    margin-top: -16px;
  }
  .kycOptionsHeader .kycDocuments .otherDoc .form-group .SumoSelect > .CaptionCont > small > i{
    background-image: url(../img/newIcon/drop_down.svg);
    background-position: center center;
    width: 24px;
    height: 24px;
    display: block;
    position: absolute;
    top: -35px;
    left: inherit;
    right: 6px;
    bottom: 0;
    margin: auto;
    background-repeat: no-repeat;
  }
  .kycOptionsHeader .kycDocuments .otherDoc .form-group label.error{
    margin-top: 0.5rem !important;
  }
  .kycSectionWrapper .kycMandatoryDoc .viewInsurerKYC{
    display: flex;
    padding: 18.5px 44px;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    background: var(--primary-00, #E31837);
    border: none;
    color: var(--background-white, #FFF);
    font-size: 17px;
    font-weight: 600;
    height: 52px;
    margin-bottom: 24px;
  }

  .kycInfoText
  .kycOptionsHeader .kycDocuments .otherDoc .form-group  .SumoSelect.open .search-txt{
    top: -8px !important;
  }
  .kycOptionsHeader .kycDocuments .otherDoc .form-group .SumoSelect > .optWrapper{
    min-width: 100%;
  }
  .kycSuccessMsg {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-bottom: 24px;
  }
  .kycSuccessMsg img{
    flex:0 0 12px;
    height: 12px;
  }
  .kycSuccessMsg p{
    color: var(--foundation-green-positive, #3A9F59);
    font-size: 10px;
    font-weight: 500;
    margin: 0;
   }

  .kycOptionsHeader .successRate{
    display: flex;
    align-items: center;
    gap: 4px;
    margin-bottom: 24px;

  }
  .kycOptionsHeader .successRate img{
    flex:0 0 12px;
    height: 12px;
  }
  .kycOptionsHeader .successRate p{
    color: var(--foundation-green-positive, #3A9F59);
    font-size: 10px;
    font-weight: 500;
    margin: 0;
   }
   .successRateVerified{
    border-radius: 8px;
    border: 0.5px solid var(--sub-semantic-success-04, #88C29A);
    background: var(--success-shades-300, #EAF7F4);
    padding: 12px 10px;
    margin-bottom: 0;
    margin-top: 16px;
   }
   .kycSectionWrapper .couldNotVerify{
    border-radius: 8px;
    border: 0.5px solid var(--primary-04, #F89098);
    background: var(--warning-shades-200, #FCF2F4);
    padding: 12px 10px;
   }

   .kycSectionWrapper .couldNotVerify p{
    color: var(--foundation-red-negative, #B00020);
    font-size: 12px;
    font-weight: 500;
   }
   .kycSectionWrapper .form-group .inputborderbox .dateOfBirth{
     position: relative;
   }
   .kycSectionWrapper .form-group .inputborderbox .dateOfBirth .clanderIcon{
     position: absolute;
     right: 20px;
     top: 6px;
     pointer-events: none;
     cursor: pointer;
   }

 .kycSectionWrapper #rc_docs_fields{
   justify-content: start !important;
   gap: 24px;
   height: 110px;
   margin-bottom: 24px;
 } 
 .kycSectionWrapper #rc_docs_fields .flt{
  width: 200px !important;
  height: 100% !important;
 } 
 .kycSectionWrapper #rc_docs_fields .flt .policyDocs,  .kycSectionWrapper #rc_docs_fields .flt .btn{
  width: 100% !important;
  height: 100% !important;
 }
 .kycSectionWrapper .img-txt .page-no span{
  display: block;
  text-align: center;
  color: var(--text_medium_emphasis, rgba(51, 56, 70, 0.70));
  font-size: 10px;
  font-weight: 400;
  line-height: 16px;
 }
 .kycSectionWrapper .kycDocs{
  padding: 0;
 }
 
 .kycSectionWrapper .mandatoryDoc{
  display: flex;
  align-items: start;
  gap: 8px;
  border-radius: 8px;
  border: 0.5px solid var(--secondary-05, #9CF);
  background: var(--secondary-shades-200, #F2F8FD);
  padding: 10px 12px;
  margin-bottom: 24px;
 }
.kycSectionWrapper .kycDocBtn{
  color: var(--background-white, #FFF);
  font-size: 15px;
  font-weight: 600;
  line-height: 15px; 
  border-radius: 8px;
  background: var(--neutrals-06, #D6D7DA);
  display: flex;
  padding: 18.5px 44px;
  justify-content: center;
  align-items: center;
  border: none;
  margin-bottom: 24px;
 }
 .kycSectionWrapper .mandatoryDoc img{
  flex: 0 0 18px;
 }
 .kycSectionWrapper .mandatoryDoc p{
  color: var(--foundation-secondary-color, #231F20);
  font-size: 12px;
  font-weight: 500;
 }

 .kycMandatoryModal{
  position: absolute;
  background-color:rgba(0, 0, 0,0.7);
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9;
  left: 0;
  top: 0;
  /* display:block; */
 }
 .kycMandatoryModal .kycMandatoryConfirm{
  border-radius: 20px;
  background: #ffffff;
  box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.15);
  width: 580px;
  height: 342px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  padding: 50px;
 }
 .kycMandatoryModal .kycMandatoryConfirm img{
  flex: 0 0 64px;
 }
 .kycMandatoryModal .kycMandatoryConfirm p{
  color: #333846;
  text-align: center;
  font-size: 17px;
  font-weight: 500;
  line-height: 150%;
  margin: 24px 0;
 }
 .kycMandatoryModal .kycMandatoryConfirm .kycConfirmBtn{
  display: flex;
  gap: 12px;
  align-items: center;
 }
 .kycMandatoryModal .kycMandatoryConfirm .kycConfirmBtn .changeDoc{
  color: var(--content-primary, #333846);
  text-align: center;
  font-size: 15px;
  font-weight: 600;
  line-height: 15px;
  padding: 18.5px 34px; 
  border-radius: 8px;
  border: 2px solid var(--stroke-dark, rgba(51, 56, 70, 0.20));
  background: var(--background-white, #FFF);
 }
 .kycMandatoryModal .kycMandatoryConfirm .kycConfirmBtn .changeDoc:focus{
  outline: 2px solid var(--stroke-dark, rgba(51, 56, 70, 0.20));
 }
 .kycMandatoryModal .kycMandatoryConfirm .kycConfirmBtn .confirmDoc{
  display: flex;
  padding: 18.5px 64px;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background: var(--primary-00, #E31837);
  border: none;
  color: var(--background-white, #FFF);
  font-size: 17px;
  font-weight: 600;
  height: 56px;
 }
 .cross_dialer_checkWrapper {
  display: none;
 }
 .cross_dialer_check {
  display: flex !important;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
}
.cross_dialer_check p {
  margin: 0 !important;
}
.cross_dialer_check input {
  display: block;
  width: 18px !important;
  height: 18px !important;
  margin-top: 0;
}

.cross_dialer_check input.dialerCheckbox{
  min-width: 18px;
  width:18px !important;
}

   @media (max-width:768px) {
    .loginMenuBtn{display: none !important;}
    .supportListWrapper {
      position: relative !important;
      display: block !important;
      border-left: none !important;
     }
     .supportListWrapper .supportList ul li a:hover, .supportListWrapper .dropdown-toggle:hover{border:none !important;}
    .kycSectionWrapper .mandatoryDoc .kycInfoText{
      margin-top: 24px;
     }
     .supportListWrapper .supportList ul li a{
      font-weight: 400 !important;
     }
    label.error{
      margin-top: -18px !important;
    }
    .kycMandatoryModal .kycMandatoryConfirm{
      position: fixed;
      bottom: 0;
      width: 100%;
    }
    .kycMandatoryModal .kycMandatoryConfirm{
      border-radius: 8px 8px 0 0;
      padding: 30px;
    }
    .kycMandatoryModal .kycMandatoryConfirm .kycConfirmBtn .changeDoc{
      font-size: 13px;
      width: max-content;
      padding: 19px 10px;
    }
    .kycMandatoryModal .kycMandatoryConfirm .kycConfirmBtn .confirmDoc{
      font-size: 13px;
      padding: 18.5px 44px;
    }
    .kycOptionsHeader .kycDocuments{
      padding: 30px 0px;
      margin: 0;
      overflow-x: scroll;
      height: auto;
      }
      .kycOptionsHeader .kycDocuments::-webkit-scrollbar{
        display: none;
      }
      .kycOptionsHeader .kycDocuments .recommend{
      min-width:max-content;
      }
      .kycOptionsHeader .kycDocuments .recommend p{
        font-size: 7px !important;
        top: -16px !important;
      }
      .kycOptionsHeader .kycDocuments a{
        font-size: 11px !important;
        padding: 8px !important;
      }
      .kycOptionsHeader .successRate{
        align-items: start;
      }
      .kycOptionsHeader .successRate img{
        margin-top: 3px;
      }
      .kycOptionsHeader .mandatoryPolicyNote{
        flex-direction: column;
        align-items: end;
      }
      .kycOptionsHeader .mandatoryPolicyNote a{
        margin-left: -50px;
        margin-top: -15px;
        border-bottom: 2px dotted #231F20;
      }
      .kycOptionsHeader .kycDocuments .otherDoc .form-group{
        height: 37px !important;
      }
      .kycOptionsHeader .kycDocuments .otherDoc .form-group .inputborderbox{
        height: 100% !important;
      }
      .kycOptionsHeader{
        display: inline !important;
      }
      .config-chk{
        margin-bottom: 0;
      }
      .kycSectionWrapper #rc_docs_fields{
        display: inline-table;
      }
   }

.disabledClass{
  opacity: 0.7;
  cursor: not-allowed;
}

.bronzeBorder {
  border: 2px solid #E1BDAB;
}
.bronzeBg {
  background: linear-gradient(264deg, #FFE5CE -14.17%, #E1BDAB 109.7%);
}
.silverBorder {
  border: 2px solid #D6D8D9;
}
.silverBg {
  background: linear-gradient(264deg, #EFF2F4 -14.17%, #D6D8D9 109.7%);
}
.goldBorder {
  border: 2px solid #D5C18C;
}
.goldBg {
  background: linear-gradient(264deg, #EFE1BD -14.17%, #D5C18C 109.7%);
}
.rubyBorder {
  border: 2px solid #DA9E9E;
}
.rubyBg {
  background: linear-gradient(264deg, #F5D0D0 -14.17%, #DA9E9E 109.7%);
}
.diamondBorder {
  border: 2px solid #C0D4E8;
}
.diamondBg {
  background: linear-gradient(264deg, #D2E2F3 -14.17%, #C0D4E8 109.7%);
}
.platinumBorder {
  border: 2px solid #9FB0C4;
}
.platinumBg {
  background: linear-gradient(264deg, #CDD7E3 -14.17%, #9FB0C4 109.7%);
}
.platinumPlusBorder {
  border: 2px solid #D1B3E1;
}
.platinumPlusBg {
  background: linear-gradient(264deg, #E5CFF1 -14.17%, #D1B3E1 109.7%);
}

@media (max-width:768px) {
  .clickableSpan{
    display: none !important;
  }
}
.welcomeBorder{
  border: 2px solid #837A7A;
}
.welcomeBg{
  background: linear-gradient(85deg, #C7C7C7 -15.44%, #837A7A 109.76%);
}


.risingBorder{
  border: 2px solid #569451;
}
.risingBg{
  background: linear-gradient(85deg, #86D780 -15.44%, #569451 109.76%);
}

.sapphireBorder{
  border: 2px solid #83E8FF;
}
.sapphireBg{
  background: linear-gradient(85deg, #BDF1FC -15.44%, #83E8FF 109.76%);
}