/* new design */

.important-covers-tabs {
  display: flex;
  gap: 8px;
  margin-bottom: 16px;
  flex-wrap: wrap;
}

.important-covers-tab {
  border: 1px solid #d6d8dc;
  background: #fff;
  color: #8b8b8b;
  border-radius: 8px;
  padding: 10px 14px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}

.important-covers-tab.active {
  border-color: #f36f31;
  color: #222;
}

.important-covers-tab:focus-visible {
  outline: 2px solid #f36f31;
  outline-offset: 1px;
}

/* .js-popup-wrap .content.content-heightauto {
  max-height: 82vh;
  overflow: auto;
} */

/* #updatesum-insured-form .js-popup-wrap .content.content-heightauto {
  max-height: 100vh;
} */

.plan-page-wrapper {
  display: grid;
  grid-template-columns: 250px auto 344px;
}

.planPageStepper {
  display: flex;
  justify-content: flex-end;
}

.custom-res-container {
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}


.planpageActivetabs li .step {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #e0e0e0;
  border: 2px solid #e0e0e0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  margin-bottom: 6px;
  color: #fff;
}

.planpageActivetabs li {
  flex: 1;
  text-align: center;
  position: relative;
  z-index: 1;
  font-size: 14px;
}

.planpageActivetabs .planpage-active.active .step {
  border-color: #e3530f !important;
  color: #e3530f !important;
}

.planpageActivetabs li.active .label {
  color: #282828;
  font-weight: 700;
  font-size: 12px;
}

.planpageActivetabs l::after {
  content: "";
  position: absolute;
  top: 13px;
  left: calc(50% / 3 + 18px);
  right: calc(50% / 3 + 18px);
  height: 2px;
  background: #e0e0e0;
  z-index: 0;
}

.planpageActivetabs {
  /* margin-left: 28%; */
  margin-top: 0rem;
}

.planpageActivetabs li.active .step {
  background-color: #e3530f !important;
  color: #fff !important;
  border: none;
  box-shadow: none;
}

.planpageActivetabs li {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
  /* justify-content: center; */
  position: relative;
  text-align: center;
}

.planpageActivetabs li .step {
  position: relative;
  margin-bottom: 0;
}

.planpageActivetabs li .step::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 48%;
  transform: translateX(-50%);
  width: 2px;
  height: 43px;
  /* Adjust this value to change how long the vertical line is */
  background: #e0e0e0;
  z-index: 0;
}

.planpageActivetabs li {
  margin-top: 2.5rem;
}

.planpageActivetabs li:last-child .step::after {
  display: none;
}

.summery-block .summery-heading {
  display: flex;
  justify-content: space-between;
  padding-bottom: 2rem;
}

.summery-block h2 {
  color: #282828;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 20px;
  padding: 0 3rem;
}

.premium-summary-wrapper .policy-breakup-block {
  padding: 0 0rem 0 0 !important;
}

.premium-summary-wrapper.summery-block p {
  color: #282828;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 18px;
}

.premium-summary-wrapper.summery-block li {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: 1.5rem !important;
}

.premium-summary-wrapper.summery-block span {
  color: #282828;
  font-weight: 600 !important;
  font-size: 1.4rem;
  line-height: 18px;
}

.premium-summary-wrapper .own-damage-prm {
  width: 100%;
  padding-right: 0;
}

.premium-summary-wrapper .total-amt .extraboldTxt {
  font-weight: 700 !important;
  font-size: 1.6rem;
  line-height: 20px;
}

.premium-summary-wrapper li .boldTxt {
  font-weight: 700 !important;
  font-size: 1.4rem;
  line-height: 20px;
}

.premium-summary-wrapper ul.add-premium-details {
  padding-left: 0;
}

.premium-summary-wrapper .own-damage-prm {
  width: 100%;
  padding-right: 0;
}

.premium-summary-wrapper .total-amt .extraboldTxt {
  font-weight: 700 !important;
  font-size: 1.6rem;
  line-height: 20px;
}

.premium-summary-wrapper .policy-breakup-block .break-up {
  padding-bottom: 0;
}

/*
.addons-section {
    max-width: 650px;
    margin: auto;
} */

.addons-section h2 {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 18px;
  color: #282828;
}

.addon-card {
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  padding: 18px 20px;
  margin-bottom: 12px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
}

.addon-card h3 {
  font-size: 16px;
  font-weight: 600;
  margin: 6px 0;
}

.addon-card p {
  font-size: 13px;
  color: #555;
  margin-top: -2px;
}

.price {
  font-size: 16px;
  font-weight: 600;
  white-space: nowrap;
  margin-left: 20px;
}

.badge {
  display: inline-block;
  background: #ff4d4d;
  color: #fff;
  font-size: 11px;
  padding: 4px 8px;
  border-radius: 4px;
  margin-bottom: 6px;
  font-weight: 600;
  border-radius: var(--medium, 4px);
  background: linear-gradient(272deg, #e3530f 0%, #8b001c 99.78%);
}

.badge {
  position: absolute;
  top: -9px;

  left: 3%;
}

.addon-card {
  position: relative;
}

ul.basic-premium>li:first-child {
  border: none !important;
}

.addon-input-wrapper {
  color: #282828;
}

.form-group.addon-input-wrapper label:before {
  background: #fff;
  border: 2px solid #757575;
}

.form-group input:checked+label:before,
.form-group input:indeterminate+label:before {
  background-color: #ec6625;
  border: 2px solid #ec6625;
}

.form-group.addon-input-wrapper label {
  color: #282828;

  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.total-prem-amount-wrap {
  display: flex;
  flex-direction: column;
  padding-top: 1rem;
  align-items: flex-end;
}

li.net-prm p {
  padding-top: 1rem;
}

.choose-coverage-wrapper .tw-left-p40 {
  padding-left: 0px;
}

.choose-coverage-wrapper .optimal-plan-section {
  border: none;
}

.choose-coverage-wrapper .personal-details-main.details-saved-ncb {
  border-radius: 8px;
  border: 1px solid #c9c9c9;
  background: var(--Global-white-000, #fff);
}

.plans-details-block .plan-premium {
  padding-right: 3rem;
  padding-top: 0rem;
}

.sum-plan-wraper .plan-premium {
  width: auto;
  padding-top: 0px !important;
  line-height: 1.5rem !important;
}

.comp-tenure-tabs {
  display: flex;
  gap: 8px;
  justify-content: space-between;
  /* margin-bottom: 20px; */
}

.select-cover-wrapper {
  margin-top: 8px
}

.comp-tenure-tab {
  /* flex: 1; */
  height: 40px;
  border: 1px solid #d6d8dc;
  border-radius: 8px;
  background: #fff;
  color: #1A1A1A;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  cursor: pointer;
  transition: all 0.2s ease;
  padding: 1rem 3rem;
  width: 50%;
}

.comp-tenure-tab.active {
  border-color: #EC6625;
  color: #222;
}

.comp-tenure-tab:focus-visible {
  outline: 2px solid #f36f31;
  outline-offset: 1px;
}

.customise-benefits-link {
  display: inline-block;
  margin-top: 6px;
  color: #f36f31;
  font-size: 13px;
  font-weight: 600;
  text-decoration: underline;
  cursor: pointer;
}

.premium-amount-load>* {
  visibility: hidden;
  cursor: none;
}

@media (max-width: 768px) {
  .comp-tenure-tabs {
    gap: 6px;
    margin-bottom: 10px;
  }

  .comp-tenure-tab {
    font-size: 14px;
    height: 36px;
  }
}

@media (max-width: 768px) {
  .mobnew-wd.idv-plan-type-mob:after {
    left: 44%;
  }
}

.sum-plan-wraper {
  width: 100%;
}

.plans-box.plans-box-active {
  border-color: #ec6625;
  background: #fff2ed;
}

.plan-first-details {
  padding: 2rem;
  background: #fcfcfc;
  border-radius: 1rem 1rem 0 0;
  min-height: 20rem;
  /*position: relative;*/
}

.plans-sec-details {
  padding: 2rem;
  background: #f5f6f6;
  position: relative;
  /*min-height: 28rem;*/
  border-radius: 0 0 1rem 1rem;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.plans-box.plans-box-active .plan-first-details {
  background: #fff;
}

.plans-sec-details h4 {
  font-size: 1.4rem;
  font-weight: 800;
}

.plans-box.plans-box-active .plan-first-details {
  background: #fff;
  display: flex;
  justify-content: space-between;
  min-height: auto;
  align-items: center;
}

.plan-first-details h6 {
  line-height: 16px;
}

.plans-box.plans-box-active .plans-sec-details {
  background: #fff;
}

.plans-box.plans-box-active .plan-first-details {
  background: #fff2ed;
}

.plans-details-block {
  width: 100%;
}

.il-assist-essential-card {
  position: relative;
  border: none !important;
  background: linear-gradient(91.45deg, #edf6ff, #fff) !important;
  padding: 12px 15px 12px 15px;
}

.il-assist-chip-row ul {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  align-items: flex-start;
  flex-wrap: wrap;
}

.il-assist-chip {
  font-size: 10px !important;
  font-weight: 600;
  padding: 4px 6px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 5px 8px;
  border: 1px solid #d7dade;
  border-radius: 4px;
  background: #f9f9fa;
  color: #020202;
  font-size: 11px;
  line-height: 1.2;
  white-space: nowrap;
  width: max-content;
}

.plans-sec-details {
  padding: 0px !important;
}

.min-assure-wrapper {
  border-radius: var(--small, 2px);
  padding: 3px 5px 2px;
  background: linear-gradient(272deg,
      var(--Primary-orange-500, #e3530f) 0%,
      var(--Secondary-maroon-600, #8b001c) 99.78%);
  width: max-content;
  color: #fff;
  font-size: 8px;
  font-weight: 700;
}

.plans-sec-details .plan-ben-more {
  position: static;
  display: flex;

  justify-content: space-between;
  padding: 1rem;
}

comprehensive .il-plan-type-block {
  min-height: 0px;
  border: none;
}

.renew-home-policy-main .optimal-plan-section {
  border: none;
}

.change-policy-type {
  margin-top: 2rem;
  /* width:100%; */
  display: flex;
}

header-section .sum-plan-wraper button .plan-premium {
  width: auto;

  padding-top: 0px;

  line-height: 2.4rem;
}

.details-saved-ncb {
  display: flex;
  justify-content: space-between;

  padding: 0 !important;
  background: #fff;
  border: 1px solid #d1c1c1;
  border-radius: 8px;
}

.cities button.btn-primary {
  white-space: nowrap;
}

.important-covers-tabs {
  display: flex;
  gap: 8px;
  margin-bottom: 16px;
  flex-wrap: wrap;
}

.important-covers-tab {
  border: 1px solid #d6d8dc;
  background: #fff;
  color: #8b8b8b;
  border-radius: 8px;
  padding: 10px 14px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}

.important-covers-tab.active {
  border-color: #f36f31;
  color: #222;
}

.tab-panel {
  display: block;
  width: 100%;
  min-height: 1px;
}

.tab-panel-hidden {
  display: none !important;
}

.orange-bar {
  position: absolute;
  left: 0;
  top: 24px;
  width: 6px;
  height: 28px;
  background-color: #ec6625;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.section-title {
  font-size: 16px;
  font-weight: 700;
  color: #212121;
  margin: 0 0 10px;
  line-height: normal;
}

.form-row .form-group {
  flex: auto !important;
  margin-bottom: 0rem !important;
}

.input-container {
  border: 1px solid #9e9e9e;
  border-radius: 4px;
  padding: 10px 14px;
  display: flex;
  align-items: center;
  background: #fff;
  height: 48px;
  box-sizing: border-box;
  width: 100%;
  padding: 1.2rem !important;
}

.input-container input {
  border: none;
  outline: none;
  width: 100%;
  font-size: 14px;
  color: #424242;
  font-weight: 400;
}

.form-row {
  display: grid;
  flex-wrap: wrap;
  gap: 24px;
  /* grid-template-columns: repeat(2,1fr); */
}

.section-card {
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  position: relative;
  margin-bottom: 24px;
  padding: 24px 24px 24px 30px;
  overflow: hidden;
  margin: 2rem 0;
}

.form-group label:before {
  opacity: 1;
  padding: 7px;
}

.form-group label {
  font-size: 10px;
  font-weight: 600;
  color: #212121;
}

.section-title {
  font-size: 16px;
  font-weight: 700;
  color: #212121;
  margin: 0 0 20px;
  line-height: normal;
  padding: 0rem 0 0rem !important;
  text-align: left;
}

.extra-info-para {
  font-weight: 500;
  font-style: Medium;
  font-size: 9px;
  line-height: 13.5px;
  letter-spacing: 0px;
  color: #9e9e9e !important;
  margin-top: 7px;
}

.section-head {
  font-weight: 700;
  font-style: Bold;
  font-size: 20px !important;

  line-height: 100%;
  letter-spacing: 0px;
}

.primary-gray-btn {
  color: black;
}

#verify-info-popup .popup-mb {
  max-width: 427px;
  width: 100%;
  opacity: 1;
}

#verify-info-popup .popup-content {
  padding: 22px;
  background-color: #f5f5f5;
}

#verify-info-popup .form-group input {
  display: block;
}

.section-title:after {
  border-bottom: 1px solid #eee;
  padding-top: 10px;
  content: " ";
  width: 100%;
  height: 1px;
  display: inline-block;
}

.makemodel-btn-wrap .primary-btn {
  width: 100%;
}

.verify-summary {
  position: relative;
}

/* .primary-gray-btn{
    position: absolute;
} */

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

.makeModelName .primary-gray-btn {
  font-size: 12px;
  font-weight: 700;
  text-decoration: underline;
  color: #ec6625;
}

.city-of-reg {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  align-items: flex-start;
  gap: 3px;
  margin-bottom: 1.4rem;
}

.bg-blue .verify-summary .city-of-reg p,
.bg-blue .verify-summary .prev-policy-wrapper p {
  color: #99a1af !important;
  font-size: 9px;
  font-weight: 500;
  line-height: 13.5px;
}

.bg-blue .verify-summary .city-of-reg span,
.verify-summary .prev-policy-wrapper span {
  color: #1e2939;

  font-size: 12px;

  font-weight: 700;
  line-height: 18px;
  /* 150% */
}

.verify-summary .form-group label {
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
}

.prev-policy-wrapper {
  display: grid;
  /* justify-content: space-between; */
  text-align: left;
  grid-template-columns: repeat(2, 1fr);
}

.prev-policy-wrapper span {
  margin-top: 2px;
}

.input-check:checked+label:before {
  background: #fe6625;
  border: solid #fe6625;
}

.input-check+label:before {
  content: "";
  margin-right: 0.5rem;
  display: inline-block;
  vertical-align: text-top;
  width: 1.6rem;
  height: 1.6rem;
}

.form-group.check-feild.no-change {
  border-radius: 12px;
  background: #f9fafb;
  padding: 12px;
  margin-bottom: 0;
  margin-top: 14px;
}

.form-group.mobile-field label::before {
  display: none;
}

.bg-blue .verify-info-popup .popup h2,
.bg-blue .verify-info-popup .popup h3 {
  font-family: Mulish, sans-serif !important;
}

.bg-blue .popup h2,
.bg-blue .popup h3 {
  font-family: Mulish, sans-serif !important;
}

.verify-summary .form-group.check-feild label {
  color: #4A5565;

  font-size: 10px;
  font-style: normal;
  font-weight: 600;
  line-height: 13.75px;
  /* 137.5% */
  align-items: center;
  padding: 8px 12px;


}

.verify-summary .form-group.check-feild label:after {
  top: 12px !important;
  left: 19px !important;
}

.bg-blue .verify-summary .form-group.check-feild {
  padding: 0 !important
}

.bg-blue .verify-summary .form-group.check-feild {
  padding: 0 !important
}

.bg-blue .input-block.dob-form-block input {
  border-bottom: none
}

.dob-form-block.input-block label {
  font-family: Mulish, sans-serif !important;
  font-weight: 700
}

.select-input-block.focus label {
  font-family: Mulish, sans-serif !important;
}

.choose-coverage-wrapper.renew-home-policy-main {
  margin-bottom: 9rem;
}

.renew-home-policy-main .optimal-plan-section {
  border: none !important;
}

.choose-coverage-wrapper .personal-details-main.details-saved-ncb {
  padding: 13px 17px !important
}

.personal-details-main.details-saved-ncb .pd-row {
  margin-top: 0 !important
}

.addons-section .badge {
  color: #fff;
  font-size: 10px;
  font-weight: 900;
  line-height: 6px;
  padding: 5px 8px;
}

.price {
  font-size: 14px;
  font-weight: 700;
}

.addon-card .form-group {
  margin-bottom: 4px
}

.addon-card p {
  color: #616161;

  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
  margin-left: 2.2rem
}

.cust_slider span,
.rec-idv {
  font-family: Mulish, sans-serif !important;
}

.input-check+label:before {
  width: 16px !important;
  height: 16px
}

.addon-card {
  border-radius: 12px;
  border: 1px solid #E0E0E0;
  background: #FFF;
}

.sum-plans-main h5 {
  color: #020202;

  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: 19.5px;
  /* 150% */
}

.renew-home-policy-main .optimal-plan-section {
  border: none !important;
}

.choose-coverage-wrapper .personal-details-main.details-saved-ncb {
  padding: 13px 17px !important
}

.personal-details-main.details-saved-ncb .pd-row {
  margin-top: 0 !important
}

.addons-section .badge {
  color: #fff;
  font-size: 10px;
  font-weight: 900;
  line-height: 6px;
  padding: 5px 8px;
}

.price {
  font-size: 14px;
  font-weight: 700;
}

.addon-card .form-group {
  margin-bottom: 4px
}

.addon-card p {
  color: #616161;

  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
  margin-left: 2.2rem
}

.input-check+label:before {
  width: 16px !important;
  height: 16px
}

.addon-card {
  border-radius: 12px;
  border: 1px solid #E0E0E0;
  background: #FFF;
}

.sum-plans-main h5 {
  color: #020202;
  font-family: Mulish, sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: 19.5px;
  /* 150% */
}

.ui-wrapper-content .plan-ben-more {
  position: static
}

.customise-benefits-link {
  color: #EC6625 !important;
  text-align: center;

  font-family: Mulish;
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-decoration-line: underline;

}

.plans-details-block {
  background: #fff;
  border-radius: 10px
}

.policy-tenure-wrapper {
  padding: 0
}

.policy-tenure-wrapper h5 {
  padding-bottom: 1rem !important
}

.sum-plans-main h5 {
  padding-bottom: .5rem !important
}



.ncb-box {
  width: 100%;
  height: 46px;
  border: 1px solid #C9C9C9;
  background: #fff;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 12px;
  box-sizing: border-box;
}

.ncb-left {
  display: flex;
  gap: 12px;
  align-items: center;
  width: 100%;
}

.bike-name {
  font-size: 14px;
  font-weight: 700;
  color: #333;
}

.change-policy-type:before,
.change-policy-type:after {
  content: none !important
}

.optimal-plan-section app-comprehensive-plans header {
  border: none !important;
  padding-bottom: 0 !important;
}

.sum-plans-main h5 {
  font-family: Mulish, sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

.policy-ten-right-side img {
  width: 13px;
  height: 13px !important
}

.policy-ten-right-side {
  align-items: center;
}

.policy-ten-right-side p {
  color: #01A252 !important;
  font-size: 10px;
  font-weight: 700;
  font-style: italic !important
}

.comp-tenure-tab {
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #999 !important
}

.comp-tenure-tab.active {
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #1A1A1A !important
}

.select-cover-wrapper p {
  font-size: 16px;
  font-weight: 700
}



.coverage-card {
  border: 2px solid #ff6a00;
  background: #fff;
  border-radius: 12px;
  padding: 20px;
  margin-top: 20px;
}

.coverage-card .badge {
  background: #0066ff;
  color: #fff;
  padding: 4px 10px;
  border-radius: 6px;
  font-size: 12px;
  display: inline-block;
  margin-bottom: 12px;
}

.coverage-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.coverage-header h3 {
  font-size: 18px;
  font-weight: 700;
  margin: 0;
}

.coverage-header .price {
  font-size: 20px;
  font-weight: 700;
}

.coverage-desc {
  margin: 14px 0;
  color: #555;
}

.addons {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.addon-chip {
  background: #eef6ff;
  padding: 8px 14px;
  border-radius: 6px;
  font-size: 14px;
}

.addon-chip.danger {
  color: red;
  font-weight: 600;
}

.plan-container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 8px;
  padding: 0px 0;
  width: 100%;
}

.plan-container::before {
  content: none !important;
}

.plan-left,
.plan-right {
  flex: 1;
  border-radius: 8px;
  border: 1px solid #E0E0E0;
  padding: 1rem !important;
}

.plan-left .lbl,
.plan-right .lbl {
  color: #616161;
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: 10px;
  /* 100% */
  margin-bottom: 4px;
  display: block;
  text-align: left !important
}


.idv-value .idv-val-wrapper h2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.plan-left .dropdown select {
  border: none !important;

  padding: 7px 15px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: bold;
  padding-bottom: .8rem;
}

.idv-value {
  color: #020202;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: 19.5px;
  /* 150% */
  display: flex;
  align-items: center;
  gap: 12px;
  justify-content: space-between;
  /* margin-top: 0; */
  margin-top: .7rem;
}

.plan-left .dropdown select {
  border: none !important;
  width: 100%;
  ;
  padding-left: 0;
}

.plan-left .dropdown {
  padding-top: 0;
  padding-left: 0;
  border-bottom: none;
  padding-bottom: 0;
  padding-right: 0;
}


.optimal-plan-section app-comprehensive-plans header {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0
}

.plan-left .dropdown select {
  border: none !important;
  width: 100%;
  padding-top: 0;
}

.plan-left .dropdown {
  padding-top: 0
}

/* .plans-details-block .plan-ben-more {
  position: static !important
} */

@media (max-width: 767px) {
  #verify-info-popup .popup {
    position: fixed;
    bottom: 0;
    width: 100%;
    max-width: none;
    left: 0px;
    border-radius: 20px 20px 10px 0 !important;
    /* background: none; */
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    width: 100% !important;
    /* left: 0 !important; */
    right: 0 !important;
    transform: none !important;
    box-sizing: border-box;
  }

  #verify-info-popup .popup-content {
    width: 100% !important;
    max-width: 100% !important;
    /* margin: 0 !important; */
    padding: 20px !important;
    /* optional */
    /* box-sizing: border-box; */
  }

  /* 
  .mob_popup_scroll {

    padding-bottom: 9rem;
  } */

  .primary-gray-btn:before {
    background-image: none
  }

  .verify-summary .primary-gray-btn {
    line-height: 16px;
    border: none;
    padding-top: 0;
  }

}


/* new css */





/* .plans-details-block .plan-ben-more {
  position: static !important
} */







/* ✅ BOX */
.drive-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1px;
  margin-bottom: 12px;
  border-radius: var(--xlarge, 12px);
  border: 1px solid var(--Neutral--coolgray-200, #EEE);
  background: #F5F5F5;
  width: 100%;
  margin-top: 1.8rem;
}



/* LEFT */
.drive-left {
  display: flex;
  gap: 10px;
}



.drive-left .title {
  font-size: 14px;
  font-weight: 600;
}



.drive-left .sub {
  font-size: 12px;
  color: #777;
}



/* RIGHT */
.drive-right {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
}



.label {
  font-size: 12px;
  color: #777;
}



/* ✅ TOGGLE */
.plan-toggle {
  display: flex;
  background: #fff;
  border-radius: 8px;
  padding: 1px;
  /* border: 1px solid red; */
  border-radius: 16px;
  background: #FFF;
  border-radius: 12px;
  border: none !important;
  background: transparent;
  width: 100%;
  border: none;
  align-items: center;
  align-content: center;
  justify-content: space-between;
}



.toggle-card {
  padding: 6px 10px;
  border-radius: 6px;
  cursor: pointer;
  font-size: 12px;
  text-align: center;

  width: 50%;
  /* margin: 0 auto; */
  border: none;
  background: none;
  font-weight: 700;
}

.toggle-card h2 {
  color: var(--Global-black-1000, #020202);
  text-align: center;
  font-family: Mulish;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px;
  /* 133.333% */
  margin-bottom: 0;
  color: #757575;
  margin: 0 auto;
  text-align: center;
}

.toggle-card p {
  color: var(--Neutral--coolgray-500, #9E9E9E);
  text-align: center;
  font-family: Mulish;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  /* 140% */
}



.toggle-card.active {
  /* background: linear-gradient(90deg, #f97316, #b91c1c); */
  color: white;
  border-radius: 10px;
  border: 1px solid var(--Primary-orange-100, #FFD6C8);
  background: #E3530F;
  width: 50%;
  padding: 1.4rem;
}

.toggle-card.active h2 {
  color: #fff;
}

.toggle-card.active p {
  color: #EDF6FF
}

.drive-regulary-wrapper h2 {



  color: var(--Global-black-1000, #020202);
  font-feature-settings: 'liga' off, 'clig' off;
  font-family: Mulish;
  font-size: 14px;
  font-style: normal;
  font-weight: 800;
  line-height: 20px;
  /* 142.857% */
}

.drive-regulary-wrapper p {
  color: var(--Global-black-1000, #020202);
  font-feature-settings: 'liga' off, 'clig' off;
  font-family: Mulish;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
}

#hibLandingblock {
  padding-top: 0
}

.premium-summary-wrapper {
  padding-top: 2.5rem;
  padding-right: 5.5rem;
}

.bike-name.lineShow:after {
  border-right: none !important;
  content: "" !important;
  padding-left: 1.5rem !important
}

/* .bike-name:after {
  border-right: 1px solid #C9C9C9 !important;
  content: "" !important;
  padding-left: 1.5rem !important
} */

.btn-edit {
  font-size: 11px !important;
  font-weight: 700 !important;
  border-bottom: none !important;
  text-decoration: underline !important
}

.insured-value h2 {
  font-size: 13px !important;
  font-weight: 800 !important;
  margin-bottom: 0;
}

.plan-left {
  padding-bottom: 0 !important
}


@media (max-width: 480px) {



  .drive-box {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }



  .drive-right {
    width: 100%;
    justify-content: space-between;
  }



  .plan-toggle {
    width: 100%;
  }



  .toggle-card {
    flex: 1;
    text-align: center;
    white-space: nowrap;
  }



}





/* MAIN WRAPPER */
.important-covers {
  padding: 16px 0;
}



.covers-title {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 16px;
  color: #333;
}



/* GRID LAYOUT (Figma-like 2-column grid) */
.covers-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}



/* CARD */
.cover-card {
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  padding: 16px;
  background: #fff;
}



/* CARD HEADER WITH BUTTON */
.cover-hd {
  display: flex;
  justify-content: space-between;
  align-items: center;
}



.cover-hd h4 {
  font-size: 14px;
  font-weight: 800;
  margin: 0;
  color: #333;
}



.add-btn {
  border: 1px solid #E3530F;
  background: none;
  color: #E3530F;
  padding: 6px 14px;
  font-size: 12px;
  font-weight: 700;
  border-radius: 6px;
  cursor: pointer;
}



/* PRICE LINE */
.price {
  margin: 8px 0 6px;
  font-size: 14px;
  font-weight: 700;
}



.price span {
  font-weight: 400;
  color: #777;
  margin-left: 4px;
}



/* DESCRIPTION */
.desc {
  font-size: 13px;
  line-height: 18px;
  color: #666;
  margin-bottom: 6px;
}



/* READ MORE */
.read-more-btn {
  font-size: 11px;
  color: #ec6625 !important;
  text-decoration: none;
  text-align: right !important;
  /* text-decoration:underline; */
  /* float: right; */
  font-weight: 700;
}

.cover-card .price {
  font-size: 12px;
  font-weight: 800 !important
}

.cover-card spna {
  font-size: 11px;
  font-weight: 500 !important
}




.pop-head-wrap {
  border-bottom: 1px solid #F0F0F0;
}

.pop-head-wrap h4 {
  color: #1A1A1A;



  font-size: 20px;
  font-style: normal;
  font-weight: 800;
  line-height: 30px;
  margin-bottom: 2px
}



.pop-head-wrap p {



  color: #9E9E9E;
  font-size: 12px !important;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
}

.pop-head-wrap p .idvValue {
  color: #9E9E9E;
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
}

.popular-cover-footer__button:hover {
  transition: none !important;
  animation: none !important;
}


#additional-benefits .popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 666px;
  background: #fff;
  z-index: 0;
  height: 100%;
  /* z-index: 99999;
   -webkit-transform: none; */
  -ms-transform: none;
  transform: none;
  /* -webkit-transition: all .5s cubic-bezier(0.77, 0, 0.175, 1); */
  transition: all .5s cubic-bezier(0.77, 0, 0.175, 1);
  margin-top: 0;
  border-radius: 0
}

#additional-benefits {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);

}

.js-popup-wrap .popup .close {
  border: none !important;
  right: 2rem;
}

.important-covers p {
  color: #757575;

  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}

.garage-img-section {
  position: relative;
  min-height: 260px;
}

.garage-img-section img {
  position: absolute;
  right: 0;
  bottom: -1px;
}

.networkGarage .row {
  display: grid;

  grid-template-columns: 58% 42%;
}

.networkGarage .row:before {
  display: none
}

.cities {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}


.sum-plan-wraper button {
  max-height: 100%;
  min-height: 100% !important;
  border-radius: 12px !important;
}

.select-cover-wrapper p {
  color: #282828;

  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 1rem;

}

.plan-premium {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
}


.plan-premium h6 {
  color: var(--Global-black-1000, #020202);

  font-size: 15px !important;
  font-style: normal;
  font-weight: 800 !important;

}

.plan-premium .plan-prem-amount {
  font-size: 17px !important;
  font-style: normal;
  font-weight: 900 !important;
}

.plans-sec-details {
  padding: 1rem 1.8rem !important;
}

.plan-first-details h3 {
  color: #020202;
  font-size: 15px !important;
  font-style: normal;
  font-weight: 800 !important;
  line-height: 22.5px;
  /* 150% */
  margin-bottom: 0;
}

.ui-wrapper-content .premium-amount {
  font-size: 17px !important;
  font-weight: 900 !important
}

.ui-wrapper-content .discount-amount {
  padding-left: 0 !important
}

.plan-first-details .amount-wrap {
  margin-right: 1.4rem
}

.plans-box.plans-box-active .rec-plan-active {
  background: #2168F6;
  left: 10px;
  right: 0;
  text-align: center;
  width: 100px;
  padding: 4px 0;
  font-size: 10px !important
}

.ui-wrapper-content .pro-tip p {
  line-height: 16px
}

p {
  line-height: 20px
}

.customise-benefits-link {
  font-family: Mulish, sans-serif !important;
}

.policy-ten-right-side img {
  width: 13px;
  height: 13px;
}

.policyTenure {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
  align-items: center;
}

.policy-ten-right-side {
  display: flex;
  gap: 5px;
  align-items: center;
}

.il-smart-assist-popup-body {
  width: min(1040px, calc(100vw - 24px));
}

.il-smart-assist-popup-content {
  padding: 0;
}

.pageLoader {
  height: 100vh;
}

.pageLoader img,
.pageLoader p,
.pageLoader h4 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

.pageLoader p {
  color: #282828;
  font-weight: 700;
  margin-top: 7.5rem;
  font-size: 16px;
  font-weight: 700
}

.pageLoader h4 {
  color: #E3530F;

  font-size: 16px;

  font-weight: 800;

  margin-top: 5rem;

}

.optimal-plan-section app-comprehensive-plans header {
  border-bottom: none !important;
  padding-bottom: 0 !important
}

.policy-ten-left-side h5 {
  font-family: Mulish, sans-serif !important;
}

.policy-ten-right-side p {
  color: #01A252 !important;
  font-size: 10px;
  font-weight: 700
}

.optimal-plan-section app-comprehensive-plans header {
  border-bottom: none !important;
  padding-bottom: 0 !important
}

.policy-ten-left-side h5 {
  font-family: Mulish, sans-serif !important;
  padding-bottom: 0 !important;
}

.policy-ten-right-side p {
  color: #01A252 !important;
  font-size: 10px;
  font-weight: 700
}

span.plan-gst {
  font-size: 10px !important;
  font-weight: 700 !important;
}

.networkGarage .network-garage h4 {
  font-family: Mulish, sans-serif !important;
  font-size: 14px
}

.bottom-tp-section .tp-section {
  font-size: 16px !important;
  font-weight: 900
}

.bottom-tp-section {
  padding-right: 0;
  align-items: center !important;
}

.tb-buynow-btn {
  margin-top: 0;
  font-size: 16px;
  font-weight: 700;
  padding: 1.2rem 3rem
}

.covers-grid .addition-cover-wraper header h4 span.mandatory-tag {
  background: #004A80 !important;
  color: #fff !important;
  font-family: Mulish, sans-serif !important;
  margin-left: 0 !important;
  margin-top: 4px;
  margin-bottom: 4px;
  display: flex !important;
  flex-direction: column !important;
}

.cover-grid-value-wrapper .label-class {
  font-weight: 800 !important;
  font-size: 12px !important;
  color: #1a1a1a
}

.cover-grid-value-wrapper .label {
  font-size: 11px !important;
  font-weight: 500 !important
}

span.plan-gst {
  display: flex !important;
  align-items: center;
  gap: 5px;
}

span.tooltip svg {
  color: #282828;
  width: 12px !important;
}

/* .bg-blue .input-block input {
    border-bottom: none;
} */

.additional-discounts .additional-discount-label {
  font-size: 12px !important;
  font-weight: 400;
}

.electrical-asses-12 .options-label ul.renewpolicy-list li .radio label,
.policyform-section .addition-plans-border .radio label {
  font-size: 1.2rem !important;
  font-weight: 400;
}

.electrical-asses-12 .options-label .renewpolicy-list .radio input[type=radio]+.radio-label:before,
.policyform-section .addition-plans-border .radio input[type=radio]+.radio-label:before {
  width: 1.6rem;
  height: 1.6rem;

}

span.error_message {
  color: #e71a1a;
  font-weight: 600;
  font-size: 11px
}

.policyTenure {
  margin-top: .5rem;
}

.addition-cover-wraper header h4 span {
  border-left: solid 1.5px #cbcdce;
  height: auto !important;
  ;
}

/* 
.addition-cover-wraper.cover-card{
    border: 1px solid #e5e5!important;
} */
.cover-grid-value-wrapper .gst-lbl {
  font-size: 10px !important;
  font-weight: 800 !important;
  color: #01A252;
  margin-left: 5px
}

#additional-benefits .popup {
  width: 9000px !important;
  max-width: 900px !important;
  overflow: auto;
}

.covers-grid .additional-discounts .addition-cover-wraper-right h4 {
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 18px;
  display: flex;
  flex-direction: column;
}


.covers-grid .addition-cover-wraper.cover-card .input-check+label:before {
  width: 66px !important;
}

.covers-grid .ac-checkbox .check-feild .input-check+label:after {
  content: none !important
}

.covers-grid .ac-checkbox .input-check+label:before {
  content: none !important
}

.covers-grid .ac-checkbox .input-check+label {
  border: 1px solid #e3530f;
  border-radius: 8px;
  padding: .6rem 1.9rem;
  color: #e3530f;
  font-weight: 700 !important;
  font-size: 12px !important;
}

.addition-cover-text {
  padding-bottom: 0 !important
}

.additional-discounts p {
  font-family: Mulish, sans-serif !important;
  font-size: 11.5px;
}

.additional-discounts .addition-cover-wraper-right.tw-addition-head h4 {
  font-family: Mulish, sans-serif !important;
  font-size: 13px !important;
  font-weight: 800 !important
}

.cover-card h2 {
  font-size: 13px !important;
  font-weight: 800 !important
}

.pop-head-wrap h4 {
  font-family: Mulish, sans-serif !important;
}

.additional-discounts .addition-cover-wraper-right h4 {
  font-family: Mulish, sans-serif !important;
  font-weight: 800 !important;
  font-size: 13px !important;
  margin-bottom: 1rem !important;
  color: #282828 !important;
}

.popular-cover-footer__gst {
  display: flex;
  align-items: center;
}

.addition-cover-wraper-left {
  width: max-content !important;
  margin-right: 2rem !important;
}


.additional-discounts .smart-cov {
  flex-direction: column !important
}

span.new-lbl {
  align-self: flex-start;
}


div#additional-benefits .content-heightauto {
  overflow-x: hidden
}

.electrical-asses .input-block {
  max-width: 100% !important
}

div#additional-benefits .content-heightauto {
  overflow-x: hidden
}

.electrical-asses .input-block {
  max-width: 100% !important
}

.addition-cover-text {
  padding-right: 0
}

.smart-n {
  margin-top: 1rem
}

/* 
.important-covers .addition-cover-wraper-left {
  top: 15px
} */

.additional-covers .addition-cover-wraper-left {
  top: 0
}

.sum-plan-wraper .plan-active {
  padding: 0
}

.plan-premium {
  padding: 15px !important
}

.plans-sec-details {
  padding: 0 !important;
  border-radius: 0 0 1rem 1rem !important;
  background: #fff !important;
}

.plans-sec-details h6 {
  padding: 0 2rem !important
}

.sum-plan-wraper .plan-premium {

  padding-top: 20px !important;
}

.plans-details-block .plan-ben-more {

  background: linear-gradient(91.45deg, #edf6ff, #fff) !important;
  padding: 18px 15px 18px 15px;
  border-radius: 10px 10px;
}


.plan-premium h6:last-child {
  margin-right: 3rem !important
}

.sum-plan-wraper .btn-plan:before {
  top: 1.2rem !important;
  right: 2rem !important;
}

.sum-plan-wraper .btn-plan.plan-active:after {
  top: 1.8rem !important;
  right: 1.5rem !important;
}

.sum-plan-wraper button {
  padding: 0 !important
}

a.customise-benefits-link {
  display: flex;
  justify-content: flex-end;

  /* margin-bottom: 1rem !important; */
}

.plan-ben-more a.customise-benefits-link {
  /* position:absolute;
    
    top: 0px;
    right: 1.4rem; */
  width: 100%;
  margin-top: 0
}

.plans-details-block .plan-ben-more {
  position: relative !important;
  right: 0;
  top: 0;
}

.il-assist-essential-card {

  border-radius: 0 0 8px 8px !important;
}

.sum-plan-wraper .plan-time h6 span {
  line-height: 16px !important;
}

.il-assist-chip {
  border: 1px solid #E0E0E0 !important;
  color: #020202;
  font-weight: 600 !important;
  font-size: 10px
}

.il-assist-essential-card {
  padding-top: 0
}

.il-assist-chip {
  border: 1px solid #E0E0E0;
  color: #020202;
  font-weight: 600 !important;
  font-size: 10px
}

.il-assist-essential-card {
  padding-top: 0
}

.addons-section h2 {
  margin-top: 1rem
}

.ac-checkbox .input-check {
  height: 100%;
  /* increase clickable area */
  width: 100% !important;
  /* optional */
  cursor: pointer
}

.ac-checkbox .input-check+label {
  position: static;
  cursor: pointer
}

.popular-cover-footer {
  position: fixed !important;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  max-width: 900px !important;

  margin-top: 5rem;
  background: #fff;
  box-shadow: 0 -3px 8px rgb(0 0 0 / 5%);
  text-align: right;
  padding: 1rem 4rem;
  z-index: 9;
}

.js-popup-wrap .popup .close {
  border: 1px solid #f0efee !important;
  border-radius: 5px;
}

#smartEssentialbenefits .content {
  padding: 2rem !important
}


.protection-submit-btn {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  max-width: 900px;
  margin-top: 5rem;
  background: #fff;
  box-shadow: 0 -3px 8px rgb(0 0 0 / 5%);
  text-align: right;
  /* padding: 1rem 7rem; */
  z-index: 9;
}

.protection-submit-btn .ui-submit-btn {
  margin-bottom: 1rem !important;
}

.choose-coverage-wrapper.renew-home-policy-main {
  margin-bottom: -3rem !important;
}


.addition-cover-text {
  font-family: Mulish, sans-serif;
  /* text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 365px; */
}



.addition-cover-wraper header h4 p.policyTenure {
  margin-bottom: 0
}

.addition-cover-wraper header h4 span {
  border-left: solid 1.5px #cbcdce;
  height: 1.3rem;
}

.sum-plan-wraper .plan-time h6 span {
  line-height: 16px !important;
  font-size: 11px !important;
  font-weight: 600 !important
}

.minh-50.plan-premiumtext {
  min-height: auto
}

.sum-plan-wraper .plan-time h6 span {
  padding-top: 0 !important
}

.plans-sec-details h6 {
  padding: 10px 16px !important;
}

.sum-plan-wraper button .plan-premium {
  margin-bottom: 0;
  padding-top: 12px !important;
}

.il-assist-essential-card {
  padding: 0;
}

.ui-wrapper-content .sum-plan-wraper .btn-plan {
  border: 2.5px solid #E0E0E0;
}

.plan-ben-more-tp {
  padding-top: 0
}

.plan-ben-more-tp .customise-benefits-link {
  margin-top: 0
}

.insured-value h2 {
  font-family: Mulish, sans-serif !important;
}

.sum-plan-wraper {
  padding-right: 0 !important
}

.bg-blue .input-block input {
  color: #282828;
  font-weight: 600;
  font-size: 1.2rem;
  line-height: 16px;
  height: 56px;
  margin-top: 0;
  width: 100%;
  padding: 1rem 2rem !important;
  /* border: 1px solid #c9c9c9;
  border-radius: 5px; */
}

.bg-blue #additional-benefits .input-block input {
  border: 1px solid #c9c9c9;
  border-radius: 5px;
}

.input-price.focus .price-symbol {
  font-size: 1.4rem;
  top: 1rem !important;
  left: .5rem;
}

.important-covers .input-block input {
  height: 40px
}

.apr-popup .bg-light .ripple-bar:after,
.hfb-popup .ripple-bar:after {
  background: transparent;
}

.additional-discounts .additional-discount-label {
  margin-bottom: 0 !important
}

.additional-discount-label {
  display: flex;
  gap: 2px;
}

.electrical-asses-12 .options-label .renewpolicy-list .radio input[type=radio]:checked+.radio-label:before,
.policyform-section .addition-plans-border .radio input[type=radio]:checked+.radio-label:before {

  border: 1.2px solid #ec6608;
}

.ui-submit-btn.mb-15 {
  float: right;
  margin-right: 4rem;
}

.ui-submit-btn.mb-15 .btn-primary {
  padding: 1rem 3rem;
  font-size: 16px
}

.mdc-text-field--no-label:not(.mdc-text-field--textarea) .mat-mdc-form-field-input-control.mdc-text-field__input,
.mat-mdc-text-field-wrapper .mat-mdc-form-field-input-control {
  border: none !important;
  font-size: 1.6rem;
  color: #282828;
  padding-left: 0 !important;
  margin-top: 1rem !important;
}


.electrical-asses-12.additonal-discountlist h2 {
  margin-bottom: 0rem !important;
}

.membership-aa label {
  font-size: 12px !important
}

.col-sm-12.col-xs-12.p-0.mt-10 {
  margin-top: 0 !important
}

.additional-discount-label {
  margin-top: 10px !important
}

select option {
  background-color: #f2f2f2;
  color: #000;
}

select option.option-style {
  background: #eaeaea !important;
  color: #282828 !important;
  font-weight: 600;
  font-size: 1rem;
}

.condition-right .policy-wheel {
  font-size: 12px !important;
}

body .additional-discounts .addition-cover-wraper-right.tw-addition-head select {
  /* border-bottom: none !important; */
  border-bottom: 1px !important;
  font-size: 12px !important;
  font-weight: 700;
  border: 1px solid #e6e0e0 !important;
  border-radius: 4px !important;
}

.addition-cover-text {
  font-size: 11.5px !important
}

.addition-cover-text p {
  font-size: 12px !important
}

.addon-add.il-assist-essential-card .il-assist-chip-row {
  padding: 0 0 1rem 1.5rem !important;
  border-radius: 8px 8px 0 0 !important
}

.addon-add.il-assist-essential-card .plan-ben-more {
  border-radius: 8px 8px 0 0 !important
}

.ncb-left .bike-name {
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  /* border-right: 0; */
  /* max-width: 50%; */
  border-right: 1px solid #b6b0b0;
  padding-right: 1rem;
}

.ncb-left div:nth-child(2) {
  width: 100%;
}

.popular-cover-footer__button:hover {
  font-size: 1.6rem !important;
  padding: 1rem !important
}

@media (max-width: 768px) {

  #additional-benefits.hfb-popup .popup.light,
  #updatesum-insured-form.hfb-popup .popup.light {
    width: 100% !important;
  }

  .covers-grid {
    grid-template-columns: 1fr;
    padding-bottom: 2rem;
  }

  .tab-panel.cover-tab-panel {
    padding-bottom: 8rem !important;
    overflow-x: hidden;
  }

  section.addition-cover-wraper.il-tw-smart .smart-ben a {
    white-space: nowrap
  }

  .electrical-asses-12 .additional-discount-label {
    display: inline-block;

  }

  .tab-panel.additional-tab-panel {
    padding-bottom: 8rem !important;
  }

  section.addition-cover-wraper.il-tw-smart .smart-ben a {
    white-space: nowrap
  }

  .plan-type-dropdown-input {
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  .plan-page-wrapper {

    display: flex;
    flex-direction: column;
  }

  .planpageActivetabs {
    margin: 0 auto;
    display: flex;
    width: 100%;
  }

  .planPageStepper {
    display: flex;
  }

  .planpageActivetabs li {
    flex-direction: column
  }

  .planpageActivetabs li .step::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 102%;
    transform: rotate3d(120deg);
    transform: rotate(360deg);
    width: 12rem;
    height: 1px;

  }

  .form-group.addon-input-wrapper label:before {
    display: none
  }

  .home-insurance-main {
    display: flex !important;
    box-sizing: border-box;
    width: 100%;
  }

  .ncb-left .bike-name {
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    /* max-width: 30%; */
    text-overflow: ellipsis;
    position: relative;
    padding-right: 1rem;
  }

  .ncb-left {
    width: 85%;
  }

  .bike-name:after {
    width: 1px;
    border-right: none !important;
    padding-left: 1.5rem !important;
    position: absolute;
    right: 4px;
    height: 100%;
    z-index: 1;
  }

  .pageactiveLine {
    display: none !important
  }

  .idv-plan-type-mob {
    padding-bottom: 0;
  }

  .cover-card {
    border: 1px solid #aca3a3 !important;
  }

  /* .js-popup-wrap .content.content-heightauto {
    max-height: 100vh;
  } */

  .pop-head-wrap p {
    display: none;
  }
}

.addition-cover-wraper {
  flex-direction: row-reverse !important;
  margin-bottom: 0;
  margin-top: 0
}

.addition-cover-wraper {
  display: block
}

.addition-cover-wraper-left {
  position: absolute;
  right: 0;

}

section.addition-cover-wraper.il-tw-smart {
  position: static !important;
  top: 2rem
}

.plan-ben-more-tp {
  padding: 12px 15px 12px 15px;
}

.readMore p {
  color: #f26624 !important;
  text-decoration: none;
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
  margin-top: 1rem;
}

.ac-checkbox {
  width: 100%;
}

.addition-cover-text {
  font-family: Mulish, sans-serif;
  /* text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        width: 365px; */
}

body label,
body p,
body span,
body a,
.hfb-popup .input-block input {
  font-family: Mulish, sans-serif !important;
}

.additional-discounts .addition-cover-wraper-right label {
  font-size: 11px !important;
  font-weight: 500;
  z-index: 4;
}

.addition-cover-wraper header h4 p.policyTenure {
  margin-bottom: 0
}

.popular-cover-footer__premium {
  align-items: flex-start !important;
}

.ui-wrapper-content .plans-box.plans-box-active,
.ui-wrapper-content .sum-plan-wraper .plan-active {
  border-color: #ec6625;
  background: #fff2eb;
}

.popular-cover-footer {
  position: sticky;
  bottom: 0;
  z-index: 4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 16px;
  margin-top: 16px;
  background: #fff;
  border-top: 1px solid #e6e6e6;
  box-shadow: 0 -8px 20px rgba(0, 0, 0, 0.06);
}

.popular-cover-footer__premium {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}


.popular-cover-footer__value {
  font-size: 20px;
  line-height: 1.2;
  font-weight: 700;
  color: #1f1f1f;
}

.popular-cover-footer__gst {
  font-size: 12px;
  line-height: 1.2;
  color: #7a7a7a;
}

.popular-cover-footer__button {
  min-width: 140px;
  flex: 0 0 auto;
  margin-top: 0;
  padding: 1rem;
  font-size: 16px !important;
  font-weight: 700 !important;
}

.tp-price .plan-gst {
  display: flex;
  align-items: center;
  gap: 4px;
}

body {
  font-family: Mulish, sans-serif !important;
}

.idv-value #editIdv {
  position: absolute;
  right: 1.5rem;
  top: 2rem
}

.idv-value #editIdv {
  position: absolute;
  right: 1.5rem;
  top: 2rem
}



.plans-sec-details h6 {
  display: flex;
  align-items: center;
  line-height: 16px !important;
  gap: 8px
}

.plans-sec-details h6 span {
  line-height: 16px !important;
}

.btn-plan .rec-plan-active {
  border-radius: 0.4rem;
  background: #2168F6;
  color: #fff;
  font-size: 1rem;
  font-weight: 800;
  position: absolute !important;
  top: -12px;
  padding: 0.3rem 1.5rem;
  left: 20px;
  right: 0;
  text-align: center;
  width: max-content;

  z-index: 1;
}

span.new-lbl {
  background: linear-gradient(276deg, #E3530F 4.26%, #8B001C 95.74%);
  font-size: 7px;
  font-weight: 900;

}

.btn-plan {
  margin-top: 1rem
}

.btn-plan span.tooltip-text {
  width: 210px !important;
  font-size: 13px !important;
  white-space: normal;
}


.plan-premium h6:last-child {
  margin-right: 4rem !important;
}

div#twmakeModelform .twmodel-panel-content h2 {
  padding: 0;
  margin: 0;
  font-size: 2.4rem !important;
}

div#twmakeModelform .twmodel-panel-content p {
  color: #575757;
  margin-top: .5rem;
  font-size: 16px;
  font-weight: 400;
}

.hfb-popup.popup-open {
  overflow: auto !important;
}

.ncb-saved {
  font-size: 11px !important;
  font-weight: 800 !important;
  color: #01a252 !important;
  white-space: nowrap;
}

a.link-blue {
  font-size: 14px;
  font-weight: 700;
  color: #000;
  top: 3rem;

}

.custom-dropdown-list {
  /* max-width: 457px; */
  max-width: auto;
  left: 0;
  top: 56px;
}

.comp-od-block {
  position: relative;
}

a.js-backbtn:before {
  border-width: 0 2px 2px 0 !important;
  border: solid #000;
  padding: 4px;
  top: 1px
}

.policy-breakup-block h3 {
  font-size: 16px !important;
  font-weight: 700 !important;
  margin-bottom: 0 !important
}

.summery-block .summery-heading {
  padding-bottom: 1rem
}

li.sub-total {
  border-top: 1px solid #EAEAEA !important
}

li.net-prm {
  border-top: 1px solid #EAEAEA !important
}

.net-prm .boldTxt {
  font-size: 16px !important;
  font-weight: 700 !important
}

.plan-gst {
  color: #6C6C6C !important;

}

.overlayN {
  background: rgba(0, 0, 0, 0.9) !important;
}

.addition-cover-wraper {
  position: relative !important;
}

/* section.addition-cover-wraper.Additional_Cov_border .addition-cover-wraper-left {
  margin-right: 0 !important
} */

.popup.light.js-popup-body.il-smart-assist-popup-body {
  display: flex;
  /* margin: 0 auto; */
  border-radius: 20px;
  padding: 2rem;
  font-family: Mulish, sans-serif !important;
  align-items: center !important;
  border-radius: 0 10px 10px 0 !important;

  height: 100vh !important;
  margin: 0 !important;
}

.il-smart-assist-popup-wrap .js-popup-wrap .content.content-heightauto {
  margin-top: 4rem;
}

.smart-ben p {
  text-align: left !important
}

.popup.light.js-popup-body.il-smart-assist-popup-body .addition-cover-text {
  text-align: left
}

.addition-cover-wraper header h4 {
  font-family: Mulish, sans-serif !important;
}

.popup.light.js-popup-body.il-smart-assist-popup-body .input-check+label:before {
  width: 27px !important;
}

.popup.light.js-popup-body.il-smart-assist-popup-body .smart-drop {
  margin-top: 1.2rem;

}


#premiumSum.js-popup-wrap .popup .close {
  right: 2.3rem !important
}

#home-insurance-editform .input-orange {
  color: #f26624 !important;
  font-size: 16px !important;
  font-weight: 700 !important;
}

#home-insurance-editform .input-price.focus .price-symbol {
  font-size: 16px !important;
  top: 1rem !important;

}

#home-insurance-editform .input-block input {
  height: 40px !important
}

.hfb-popup .section-content.bg-light {
  padding-top: 16px
}

.container-fluid {
  padding: 0
}

.popup.light.js-popup-body.il-smart-assist-popup-content {
  height: 100vh;
  margin: 0;
  border-radius: 0;
  align-items: flex-start;
}

.il-smart-assist-popup-content .il-smart-assist-popup-wrap .addition-cover-wraper-left {
  right: .7rem
}

.smart-popup-il section.addition-cover-wraper.il-tw-smart {
  margin-top: 4rem
}

.il-smart-assist-popup-wrap .popup {
  width: 9000px !important;
  max-width: 900px !important;
}

.input-block label {
  letter-spacing: normal
}

.smart-popup-il section.addition-cover-wraper.il-tw-smart {
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  padding: 16px;
  background: #fff;
}

.covers-grid .ac-checkbox .input-check+label {

  padding: 8px 18px;
  background: #fff;
  border: 1px solid #e3530f;
  border-radius: 8px;
  width: auto;
  box-shadow: 0 2px 3px 1px rgb(0 0 0 / 7%);
  position: relative;
  text-align: left;
}

.covers-grid .ac-checkbox .input-check+label.added button {
  background: #fff2eb;
  border: 1px solid #ec6625;
  border-radius: 5px;
}

.smart-popup-il .popup.light.js-popup-body.il-smart-assist-popup-body .input-check+label:before {
  content: none;
}

.smart-popup-il .ac-checkbox .check-feild .input-check+label:after {
  content: none
}

.smart-popup-il .il-smart-assist-popup-content .addition-cover-wraper-left {
  margin-right: 5rem !important
}

.planPageStepper {
  justify-content: flex-start;
  flex-direction: column;
}

.planPageStepper .link-blue.js-backbtn {
  /* margin-left: 29%; */
  margin-bottom: 1rem;
}

.addon-add.plan-ben-more {
  border-radius: 10px 0px;
}



.covers-grid .ac-checkbox:has(.added) label.added {
  background: #fff2eb !important;
  border: 1px solid #ec6625 !important;
  border-radius: 5px !important;
}


.search-garage.input-block label {
  top: 25px !important;
  padding-left: 1rem
}

.search-garage {
  padding-top: 1rem !important
}

.view-plan-benefit {
  font-size: 1.2rem !important;
  margin-right: 1rem !important
}

.search-garage .view-plan {

  bottom: 23px !important;
}

.cities .btn-transparent {
  margin-bottom: 0 !important
}

.comp-od-block ul.custom-dropdown-list li {
  font-size: 12px !important
}

.comp-od-block ul.custom-dropdown-list {
  max-width: 517px;
  width: 100%;
  left: 0;
  top: 3rem;
}

.plan-type-dropdown-input {

  font-size: 1.3rem;

  padding-left: 1rem;

  margin-top: 1rem;

  font-weight: 700;

  position: relative;

}

.plan-type-dropdown-input:hover {

  border: none !important;

  background: fff;


}

.suminsured-left.saf-show-comp.plan-left {

  height: 6.5rem;

}



.comp-od-block.dropdown-list.dropdown {

  padding: 0 10px;

}

.comp-od-block {
  position: relative;
  display: flex;
  align-items: center;
}

.plan-type-dropdown-arrow {
  width: 12px;
  height: 12px;
  border: 2px solid #404040;
  border-left-width: 0;
  border-top-width: 0;
  transform: rotate(45deg);
  flex: 0 0 auto;
  margin-left: 12px;
  margin-right: 8px;
}

.plan-type-dropdown-input {
  cursor: pointer;
  padding-left: 0;
  flex: 1 1 auto;
  padding-right: 4rem;
}

.plan-type-dropdown-list {
  display: block;
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  right: 0;
  z-index: 20;
}

.comp-od-block {
  flex-direction: row-reverse;
}

.plan-type-dropdown-input {
  margin-top: .5rem;

}

.plan-type-dropdown-arrow {
  width: 10px;
  height: 10px;
}

.suminsured-left.saf-show-comp.plan-left {
  position: relative !important;
  padding: 1rem 0 !important;
  max-height: 15rem !important;
  height: 5.5rem;
}

.suminsured-left.saf-show-comp.plan-left .lbl {
  padding-left: 1rem
}

.policycar-block {
  margin-top: 4rem;
  display: flex;
}


@media(max-width:768px) {
  .addition-cover-wraper-right {
    margin-top: 7px;
  }

  .popular-cover-footer {
    padding: 12px 12px 14px;
  }

  .popular-cover-footer__button {
    min-width: 118px;
  }

  .js-popup-wrap .popup .close {
    border: none !important;
    right: 2rem;
    top: 3.3rem;
    padding: 1rem;
  }

  #premiumSum .popup .content h3 {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }

  .summery-block ul li {
    padding: 1rem 0;
  }

  ul.total-premium {
    padding-bottom: 0
  }

  #update-choose-policy .cd-thirdparty-block {
    margin-bottom: 0;
  }

  app-edit-idv #updatesum-insured-form .input-price.focus .price-symbol {
    top: -2px;
    color: #282828;
  }

  app-edit-idv #updatesum-insured-form .ripple-bar input {
    color: #282828 !important;
  }

  #updatesum-insured-form.hfb-popup .popup.light {

    margin-bottom: 0;
  }


  app-edit-idv #updatesum-insured-form .ripple-bar input {
    color: #282828 !important;
  }

  #updatesum-insured-form.hfb-popup .popup.light {

    margin-bottom: 0;
  }

  .mobile-block.ripple-bar:after {
    background: none
  }

  .rec-idv {
    color: #575757;
    font-size: 14px !important;
    font-weight: 600;
    font-family: Mulish, sans-serif !important;
  }

  .cust_slider span:first-child {
    font-family: Mulish, sans-serif !important;
    font-size: 14px !important;
    font-weight: 600;
  }

  .cust_slider span:last-child {
    font-family: Mulish, sans-serif !important;
    font-size: 14px !important;
    font-weight: 600;

  }

  a.tb-buynow-btn {
    margin-top: 0
  }

  .tp-price .plan-gst {
    display: flex;
    align-items: center;
    gap: 4px;
  }

  .addons-section h2 {
    font-weight: 700
  }

  .idv-val-wrapper h2 {
    padding-bottom: 0;
  }

  .sum-plan-wraper .plan-time h6 span {
    line-height: 16px !important;
  }

  .addition-cover-wraper header h4 span {
    height: auto !important;
  }

  #additional-benefits .popup {
    margin-top: 10rem !important;
    border-radius: 12px !important;
  }

  #home-insurance-editform .addition-cover-wraper header {
    padding-right: 6rem;
  }

  .input-price.focus .price-symbol {
    top: 2rem !important
  }

  #additional-benefits .input-block input {
    font-size: 16px !important;
  }

  #additional-benefits .electrical-asses {
    margin-top: 0 !important
  }

  .popup.light.js-popup-body.il-smart-assist-popup-body {
    max-width: 95%;
    width: 100%;
    /* margin: 0 auto; */
    border-radius: 20px;
    padding: 2rem;

    font-family: Mulish, sans-serif !important;
    border-radius: 0 10px 10px 0 !important;

    height: 100vh !important;
    margin: 0 !important;
  }

  .addon-card p {
    margin-left: 0;
  }

  .il-makemodel-readonly .dob-form-block.input-block {

    border-bottom: none !important;
  }

  .bg-blue .input-block input#carMake[disabled] {
    border: none;
    padding-left: 0 !important;
  }

  .bg-blue .fla-tw .input-block input#carMake[disabled] {

    padding-left: 1.5rem !important;
  }

  section.personal-details-main>div {
    position: relative;
  }

  .home-insurance-main .btn-edit {
    position: absolute;
    right: 42px;

  }

  .additional-discounts .addition-cover-wraper-right.tw-addition-head h4 {
    width: 80%;
    font-size: 12px !important;
  }

  #additional-benefits .input-price.focus .price-symbol {
    font-size: 16px !important;
  }

  #additional-benefits .content {
    padding: 16px !important;
  }

  .cover-card {
    border: 3px solid #EBEBEB !important;
  }

  .mat-mdc-form-field-has-icon-suffix .mat-mdc-text-field-wrapper {
    padding-left: 0 !important;
  }

  /* .js-popup-wrap .content.content-heightauto {
    max-height: 90vh;
  } */

  p.additional-discount-label .tooltip .tooltip-text {
    left: -54px;
    right: 0 !important;
    /* margin-top: 0; */
  }

  p.additional-discount-label .tooltip .tooltip-text:after {
    right: 29px;
    left: 79%;
    /* top: -20px; */
  }
}


body .car-detail-wrap a.link-blue.js-backbtn.triggerClick {
  position: static
}

.plans-sec-details span.new-lbl {

  font-size: 0.7rem;
}

span.cov-amt-val {

  top: 12px;
}

.smart-cov .dropdown-block .dropdown:after {

  top: 13px;
}


.additional-discount-label span.tooltip-text:after {
  left: 201px;
}

.additional-discount-label .tooltip:hover .tooltip-text {
  left: -206px;
}

.additional-discount-label span.tooltip-text {

  width: 250px;
}

.makemodel-search-list .custom-dropdown-list {
  max-width: 100%;
  left: 0;
  top: -2px;
}



.comp-od-block.dropdown-list.dropdown:after {
  content: "";
  display: inline-block;
  padding: 5px;
  vertical-align: top;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  margin-top: 0.4rem;
  position: absolute;
  right: 18px;
  border-width: 0 2px 2px 0 !important;
  border: solid #000;
  padding: 4px;
  top: 1px;
}

.plan-type-dropdown-arrow {
  display: none
}


.plan-premium h6 {
  display: flex;
  gap: 6px;
  align-items: center;
}

.plan-time h6 span {
  top: 0px !important
}

.sum-plan-wraper button .plan-premium {
  padding-bottom: 12px !important;
}

.sum-plan-wraper .btn-plan:before {
  top: 1rem !important;
}

.sum-plan-wraper .btn-plan.plan-active:after {
  top: 1.6rem !important;
}

/* #additional-benefits.js-popup-wrap .content.content-heightauto {
  max-height: 100vh !important;
} */
#additional-benefits .content {
  padding-bottom: 10rem !important;
  overflow: hidden;
}

.tooltip:hover .tooltip-text {
  transform: none;
  animation: none;
}

.important-covers {
  padding-bottom: 0
}

#home-insurance-editform .input-block input {
  cursor: pointer
}

#home-insurance-editform .custom-dropdown-list {
  top: 4rem !important
}

@media(max-width:768px) {
  .networkGarage .row {
    display: grid;
    grid-template-columns: 1fr;
  }
}

.bg-blue .vehicalpurchase-year .input-block input {
  font-size: 1.6rem !important
}

.makemodel-search-list {
  position: relative !important
}

.bg-blue .input-block.cc-dropdown input {
  height: 30px !important;
}

#smartEssentialbenefits {
  z-index: 99999 !important
}

body .good_cred_cont h4 {
  font-size: 1.4rem !important;
}

body .good_cred_cont p {
  font-size: 1rem !important;
}


.search-garage.input-block input {
  font-size: 1.5rem !important;
  font-family: Mulish, sans-serif !important;
  font-weight: 600 !important;
  border: none;
  border-radius: 0px;
  padding-right: 9rem !important;
  padding-left: 0 !important;
  margin-bottom: 0 !important;


}


.partner-garages {

  bottom: 4px;
  left: 35.5%;
}

.partner-garages .small {

  font-size: 7px;
}

.partner-garages h2 {
  font-size: 1.5rem;
  margin-bottom: 0px;
}

.suminsured-left.saf-show-comp.plan-left {
  width: 100%;
  max-width: 50%;
}

.smart-cov .input-block {
  height: 50px
}

.additional-discounts .smart-cov {
  gap: 0
}

.addition-cover-wraper-right {
  padding-bottom: 0
}

.readMore p {
  margin-bottom: 0
}

.condition-right {
  margin-top: 1.2rem
}


.electrical-asses .input-block {
  margin-bottom: 0;
}

body .electrical-asses .input-block {

  height: 39px !important;
}

.addition-cover-wraper-right {
  padding-bottom: 0
}

.readMore p {
  margin-bottom: 0
}

.condition-right {
  margin-top: 1.2rem
}

#engineChanum .input-block label {
  font-size: 1.5rem;
  position: absolute;
  top: 13px;
}

#engineChanum .input-block.focus label {
  font-size: 1.6rem;
  top: -22px;
}

.bg-blue #engineChanum .input-block input {
  font-size: 2rem;
  font-weight: 300;
  padding-left: 0 !important
}

#home-insurance-editform #valid-setsi {
  font-size: 2rem !important
}

#home-insurance-editform .input-price.focus .price-symbol {
  font-size: 2rem !important;
  top: 0.6rem !important;
}

#updatesum-insured-form .js-popup-wrap .content.content-heightauto {
  max-height: auto !important
}

.policyform-section1 .ui-submit-btn {
  margin-bottom: 0 !important;
}

#updatesum-insured-form #home-insurance-editform .row {
  display: flex;
  width: 100%;

}

#home-insurance-editform .slider-p {
  width: 100%
}

button.btn-plan:has(.rec-plan-active) {
  margin-top: 2rem
}

.bg-blue .insured-details-heading h3 {
  line-height: normal;
}

.innerpageActivecall {
  display: flex;
}

.twinput-form-block {
  margin-bottom: 5rem;
}

@media (max-width: 767px) {
  .suminsured-left.saf-show-comp.plan-left {
    width: 100%;
    max-width: 100%;
  }
}

.newPopups-overlay .helper-txt.subtitle .txt_section {
  font-family: Mulish, sans-serif !important;
}


.search-garage .view-plan a {

  right: 1rem;
  font-size: 1.5rem;
  font-weight: bold;
}

.il-tw-smart .add-remove-btn .js-added-btn {
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  width: max-content;

}

.add-remove-btn span {
  color: #ec6625 !important;
  background: #fff !important;
  border: 1px solid #e3530f;
  border-radius: 8px;
  width: auto;
  box-shadow: 0 2px 3px 1px rgb(0 0 0 / 7%);
  padding: 8px 18px;
}

.il-tw-smart .js-added-btn span.added {
  background: #fff2eb !important;
  border: 1px solid #ec6625 !important;
  border-radius: 5px !important;
}

@media (max-width: 767px) {
  .twmodel-panel-content .twmodel-input-row {
    width: 100% !important
  }

  .default-input:disabled {
    border-color: #837b7b;
  }

  .input-block .dropdown {
    border: .5px solid#c9c9c9 !important;
    border-bottom: none !important;
    border-radius: 8px;
  }

  .idv-plan-type-mob {
    display: none
  }

  .choose-coverage-wrapper .personal-details-main.details-saved-ncb {
    position: relative
  }

  .home-insurance-main .btn-edit {
    right: 23px;
  }

  .additional-discount {
    bottom: 57px;
    margin: 0 auto;
    border-radius: 8px !important;
    width: 100%;
    left: 18px;
    max-width: 92%;
    box-sizing: border-box;
  }

  .networkGarage {
    margin: 0
  }

  .cities {
    display: grid;
    grid-template-columns: repeat(2, 1fr)
  }

  .networkGarage .network-garage {
    padding-right: 2rem
  }

  .premium-summary-wrapper {
    display: none
  }

  .renew-home-policy-main .optimal-plan-section {
    padding-bottom: 8rem
  }

  .smart-assist-header {
    padding-right: 0 !important
  }

  .additional-discounts .smart-cov {
    gap: 2rem
  }

  #home-insurance-editform .input-price.focus .price-symbol {
    font-size: 1.7rem !important;
    top: 1.9rem !important;
    color: #BDBDBD !important;
    font-weight: 400 !important;
  }

  .addition-cover-wraper header {
    margin-bottom: 2rem;
  }

  .cover-card {

    border: 1px solid #847e7e8f !important;
  }

  #home-insurance-editform .input-block {

    margin-bottom: 2rem;
  }

  p.additional-discount-label .tooltip .tooltip-text {
    left: -54px;
  }


  .additional-discounts p {
    font-size: 11.5px;
  }


  .additional-discounts .addition-cover-wraper-right h4 {
    font-size: 18px;
    padding-top: 1rem;
  }

  .Additional_Cov_border p {
    margin-top: 3rem
  }

  .smart-cov .select-input-block.focus label {
    z-index: 4;
    padding-bottom: 0 !important;
  }

  .addition-cover-wraper header {
    margin-bottom: 1rem;
  }

  .additional-discounts .addition-cover-wraper-right label {
    font-size: 11px !important;
    font-weight: 700 !important;
    padding-bottom: 1rem !important
  }

  #additional-benefits .input-block input {
    border: 1px solid #b4c4d3 !important;
  }

  .additional-discount-label .tooltip:hover .tooltip-text {
    left: -104px;
    top: 2rem;
  }

}


.twmodel-side-panel .form-group label {
  font-size: 12px !important;
  font-weight: 500 !important;
}

/* .appPopular-covers .covers-grid{
        grid-template-columns: auto;
} */


@media (max-width: 767px) {
  .il-makemodel-readonly .twmodel-input-row {
    gap: 2rem;
    margin-bottom: 3rem
  }

  .il-makemodel-readonly .vehicalpurchase-year .input-block .dropdown {
    border: none !important;

    border-bottom: .5px solid #c9c9c9 !important;
    border-radius: 0px !important;
  }

  .input-block .dropdown {
    border-radius: 8px !important;
  }

  .bg-blue .il-makemodel-readonly .vehicalpurchase-year .input-block input {
    padding-left: 0 !important
  }

  .il-makemodel-readonly .mdc-text-field--no-label:not(.mdc-text-field--textarea) .mat-mdc-form-field-input-control.mdc-text-field__input,
  .mat-mdc-text-field-wrapper .mat-mdc-form-field-input-control {
    border: none !important;
    font-size: 1.6rem;
    color: #282828;
    padding-left: 0px !important;
    margin-top: 1rem !important;
  }

  .mdc-text-field--no-label:not(.mdc-text-field--textarea) .mat-mdc-form-field-input-control.mdc-text-field__input,
  .mat-mdc-text-field-wrapper .mat-mdc-form-field-input-control {
    padding-left: 15px !important
  }

}

#home-insurance-editform .input-price.focus .electrical-asses .price-symbol {
  font-size: 14px !important;
  top: 1rem !important;
}


body div#ilheaderInner ul.innerpageActivetabs {
  display: none !important;
}


.policyform-section1 .input-price.focus .price-symbol {
  font-size: 2.4rem !important;
  top: .5rem !important;
}

.bg-blue .policyform-section1 .appImportant-covers .input-block input {
  font-size: 1rem !important;
}

ul.total-premium .extraboldTxt {
  font-size: 16px;
  font-weight: 700 !important
}

ul.total-premium .extraboldTxt span {
  font-size: 16px;
  font-weight: 700 !important
}

.premium-summary-wrapper.summery-block .net-prm span {
  font-weight: 700 !important;
  font-size: 16px !important;
}

.premium-summary-wrapper.summery-block li {
  justify-content: space-between;
  align-items: center;
}


ul.basic-premium>li:first-child {
  border-bottom: .2px solid #eaeaea !important;
  padding-top: 1rem
}

ul.total-premium {
  border-top: none
}


div#additional-benefits.third-party .appPopular-covers .covers-grid {
  grid-template-columns: auto !important;



}

div#additional-benefits.third-party .appImportant-covers .covers-grid {
  grid-template-columns: auto !important;



}

div#additional-benefits.third-party .appPopular-covers .addition-cover-wraper {
  display: block !important;



}



div#additional-benefits.third-party .appPopular-covers .covers-grid .cover-card {
  border: none;
  padding: 0
}

div#additional-benefits.third-party .appPopular-covers .covers-grid .cover-card .il-smart-assist-wrap {
  margin-top: 1rem
}

div#additional-benefits.third-party .appPopular-covers .covers-grid .cover-card .il-smart-assist-wrap .add-remove-btn button {

  background: transparent;
  border: none;

  box-shadow: none;
}

div#additional-benefits.third-party .appPopular-covers .important-covers .covers-grid {

  grid-template-columns: auto !important;
}


div#additional-benefits.third-party .appPopular-covers .covers-grid .cover-card .il-smart-assist-wrap {
  padding-right: 16px
}

div#additional-benefits.third-party .appPopular-covers .covers-grid .cover-card .il-smart-assist-wrap .add-remove-btn button {
  padding: 0 !important;

  width: 70% !important;
}

div#additional-benefits.third-party .appPopular-covers .covers-grid .add-remove-btn :has(.added) span.added {
  background: #fff2eb !important;
  border: 1px solid #ec6625 !important;
  border-radius: 5px !important;
}

.electrical-asses.cover-card {
  padding-bottom: 3.5rem;
}

.electrical-asses .error {
  top: 4.2rem !important;
}

#home-insurance-editform .input-price.focus .price-symbol {
  font-size: 1.8rem !important;
  top: 0.8rem !important;
}

#updatesum-insured-form #home-insurance-editform .row:last-of-type {
  justify-content: center !important;
}



/* insured-detail */

.insuredetails-sec {
  display: grid;
  grid-template-columns: 15% 56% 26%;

  justify-content: space-between;
  width: 100%;
  gap: 1rem;
}

.policy-break-wrapper {
  border: 1px solid #E0E0E0;
  padding: 1rem;
  border-radius: 8px;
  height: max-content;
  background: #f8f6f6;
}

body app-policy-breakup #insured-policy-breakup .policy-breakup-block {

  padding: 0 4rem 4rem 2rem !important;
}

.car-modelname p {

  margin-top: 1rem;
}

app-edit-idv #updatesum-insured-form .ripple-bar input {

  padding-left: 2.5rem !important;
}

app-edit-idv #updatesum-insured-form .input-price.focus .price-symbol {
  color: #f26624 !important;
  font-weight: 700 !important;
  font-size: 2.3rem !important;
}

#twmakeModelform {
  position: absolute;
  max-width: 852px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 1.5rem !important;
  margin: 3.5rem auto;
}

.twinput-form-block {
  padding-bottom: 10rem;
  overflow: auto;
  /* height: 100%; */
}

.twmodel-panel-content.active {
  border-radius: 2rem;
  overflow: auto;
  padding: 2rem;
  height: auto;
  position: relative;
}

.btn-update.slide-btn-wrap {
  margin-top: 0;
  bottom: 0;
  border-radius: 21px;
}

.slide-btn-wrap {
  position: absolute;

}

/* .note-block {
      padding-bottom: 8rem;
} */

.tb-buynow-btn:hover {
  margin-top: 0;
}

app-root a {
  transition: none !important
}

.tw-amount-detail {
  margin-right: 0 !important
}

.car-detail-wrap ul.break-up {
  background: #f8f6f6;
}

.car-detail-wrap ul.break-up {

  padding: 1rem;
}

.car-detail-wrap .total-amt {
  margin-bottom: 3rem
}

.car-detail-wrap .link-blue {
  position: absolute;
  right: 0;
  top: -20px;
}

.pb-block {
  position: relative
}

/* Tooltip styles for premium info icon */
.tooltip {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.tooltip svg {
  color: #b2b2b2;
  width: 16px;
  height: 16px;
}

.tooltip:hover svg {
  color: #004a80;
}

.tooltip:hover .tooltip-text {
  visibility: visible !important;
  background-color: #fff;
  color: #333333;
  text-align: left;
  border-radius: 6px;
  padding: 11px 22px;
  font-size: 13px;
  position: absolute;
  z-index: 9999;
  box-shadow: 0 2px 9px 2px rgba(0, 0, 0, 0.11);
}

.popular-cover-footer {
  justify-content: flex-end;
}



/* Flex layout for addition-cover-wraper to place heading and button side-by-side */
.addition-cover-wraper {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  /* border-bottom: transparent; */
}

.addition-cover-wraper-right {
  flex: 1;
}

.addition-cover-wraper-left {
  flex-shrink: 0;
}

/* Adjust h4 heading styling for consistency */
.addition-cover-wraper-right h4 {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 17px;
  font-weight: 600;
  color: #004a80;
}

@media (max-width: 768px) {

  .insuredetails-sec {
    grid-template-columns: auto;
  }

  #home-insurance-editform .input-price.focus .price-symbol {
    font-size: 1.8rem !important;
    top: 1.9rem !important;
  }

  #twmakeModelform {
    position: fixed;
    bottom: 0;
    top: 0%;
    left: 0;
    transform: none;
    margin: 0;
    height: 100%;


  }

  .twmodel-panel-content.active {
    border-radius: 2rem 2rem 0 0;
    position: fixed;
    bottom: 0;
    top: auto;
    height: auto;
    overflow: auto
  }
}


.good_cred_cont {
  display: flex;
  flex-direction: column;
  position: relative;
}

.good_cred_scr {
  padding: 1rem !important
}

.good_cred_cont p {
  padding-left: 0
}

.good_cred_cont .link-btn.small-linkBtn {
  position: absolute;
  right: -3px;
  top: 11px;
  font-size: 10px !important;
  font-weight: 700 !important;
}

.electrical-asses-12 .addition-cover-wraper {
  border: none
}

.ui-wrapper-content .plans-sec-details h4 {
  width: 100%;
}

#premiumSum .popup .content h3 {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important
}

.mat-datepicker-content .mat-calendar {

  height: 100%;
  min-height: 375px;
}

.electrical-asses .tw-additon-p p {

  margin-top: 2rem !important;
}

.electrical-asses-12 p {
  margin-top: 2rem !important
}

.insured-kyc {
  width: 100%;
}

.read-more {

  font-weight: 700;
  font-style: Bold;
  font-size: 11px;

  line-height: 16.5px;

  text-align: center;

}

.addition-cover-wraper-right.tw-addition-head h4 {
  margin-bottom: 3rem !important
}

ul.additional-premium li {
  align-items: flex-end !important;
}

ul.add-premium-details {
  padding-bottom: 1rem !important;
}

.insuredetails-sec .planPageStepper {
  position: relative;
}

.insuredetails-sec .planPageStepper a.link-blue.js-backbtn.triggerClick {
  position: absolute;
  top: 0;
  left: 7px;
}

.insuredetails-sec .planPageStepper .planpageActivetabs li {
  margin-top: 4rem !important;
}

.got-new-vehical-left.ncb-left {
  width: 100%;
}

.got-new-vehical-left.ncb-left .bike-name.lineShow:after {
  border-right: none !important
}

.got-new-vehical-left.ncb-left .bike-name {
  border-right: none
}

.got-new-vehicle-left.ncb-left .bike-name {
  width: 100%;
  border-right: 0;
}

section.personal-details-main .got-new-vehicle-left.ncb-left {
  width: 100%;
}

.tb-buynow-btn:hover {

  font-size: 16px;

  padding: 1.2rem 3rem;
}

.tw-additon-p .readMore p {
  font-size: 11px !important;
  font-weight: 700 !important;
  margin-top: 1rem !important
}

.bg-blue .insured-details-block .input-block input {
  padding: 0 !important;
}

#motor-kyc-wrapper .accordion-sec .accordion-body {
  padding: 0;
}


#motor-kyc-wrapper .accordion-sec .accordion-body {
  padding: 0 2rem;
}

.dropdown-block:after {
  display: none !important
}

.bg-blue .insured-details-block .input-block input {
  padding: 2rem !important;
  padding-right: 4rem !important;
}

/* .custom-dropdown-list{
   top:0rem!important
} */


.btn-update.slide-btn-wrap {
  text-align: center !important
}

.twinput-form-block {
  padding-bottom: 1rem;
}

.searchCounter {
  margin-top: 2rem !important
}


.il-insured-car-details-wrap {
  padding: 13px 24px;
  border-radius: 10px;
  border: 1px solid #FFD6C8;
  background: linear-gradient(101deg, #FFF2ED 0%, #FFFFFF 100%);
  width: 100%;
  display: flex;
  margin-bottom: 24px;
  justify-content: space-between;
}

.il-insured-car-details-wrap .il-car-desc-wrap .il-car-details-head {
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  color: #736F6F;
}

.il-insured-car-details-wrap .il-car-desc-wrap .il-car-details {
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px;
  color: #3C3838;
  margin-top: .2rem;
}

app-insured-details .container {
  margin-top: 3rem !important
}

.total-premium-wrap .container {
  margin-top: 0 !important
}



#insured-policy-breakup .popup .close:after,
#insured-policy-breakup .popup .close:before {
  height: 1.3rem;
  width: 0.1rem;
  background-color: #333;
  top: 4px;
  left: 1rem !important;
}

#insured-policy-breakup .policycar-block {
  margin-top: 0
}

#insured-policy-breakup.js-popup-wrap .popup .close {
  top: 10px;
  right: 13px;
  width: 20px !important;
  height: 20px !important;
}

.saving-corner-wrapper {
  border: 1px solid #BDBDBD;
  padding: 0 !important;
  margin-top: 2rem;
  border-radius: 10px;
  background: #fff;
}

.saving-title {
  color: #212121;
  font-size: 16px;
  font-weight: 800;
  text-align: left;
  display: flex;

  background: #dfffe6;

  border-radius: 10px 10px 0 0;
  padding-left: 2rem !important;
  padding: 9px 0 9px 9px !important;
  gap: 0 !important;
  align-items: center;
}

.saving-title img {
  margin-right: 1rem;
}

.hap_fresh_cibil {
  margin: 1rem
}

.btn-update.Slide-btn-wrap {
  text-align: center !important
}

.twinput-form-block {
  padding-bottom: 1rem;
}

.searchCounter {
  margin-top: 2rem !important
}

.bg-blue .insured-details-block .dob-form-block .input-block input {
  padding: 0rem !important;
  padding-right: 0rem !important;
}

.insured-details-block input.default-input {
  padding-right: 5rem
}

.il-smart-assist {
  width: 100%;
}

.chevron-down-icon {
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
}

.chevron-down-icon::after {
  content: "";
  position: absolute;
  top: 5px;
  right: .3rem;
  width: 1rem;
  height: 1rem;
  border: 2px solid #404040;
  border-right-width: 0;
  border-top-width: 0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  padding: 0;
}


.dropdown-block.active .chevron-down-icon::after {

  transform: rotate(135deg);

}

.motor-insured-wrapper .bike-details-card {
  justify-content: space-between;
}

section.addition-cover-wraper.cover-card.il-smart-assist {
  display: block;
}

section.addition-cover-wraper.cover-card.il-smart-assist {
  display: block;
  margin-bottom: 1rem;
}

section.addition-cover-wraper.il-tw-smart .smart-cov {
  display: flex;
  flex-direction: row !important;
  gap: 1rem;
}

section.addition-cover-wraper.il-tw-smart .smart-drop {
  width: 42%;
}

section.addition-cover-wraper.il-tw-smart .smart-ben {
  width: 55%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
}

section.addition-cover-wraper.il-tw-smart .smart-ben p {
  margin-bottom: 0;
}

#insured-policy-breakup.js-popup-wrap .popup .close {
  width: 20px !important;
  height: 20px !important;
}

#insured-policy-breakup .popup .close:before {
  position: absolute;
  left: 1rem;
}




div#additional-benefits.third-party .appPopular-covers .il-smart-assist-wrap {
  margin-top: 0 !important;


}

div#additional-benefits.third-party .appPopular-covers .cover-card {
  padding: 0 !important;
  border: none !important
}

div#additional-benefits.third-party .add-remove-btn button {
  border: none !important;
  box-shadow: none !important;
  padding: 0;
  width: auto;
}

div#additional-benefits.third-party .add-remove-btn button:hover {
  border: none !important
}

div#additional-benefits.third-party .add-remove-btn.added button {
  background: none !important;
  border: none !important;
}

div#additional-benefits.third-party .js-addoncover.added {
  background: #fff2eb !important
}

div#additional-benefits.third-party .add-remove-btn.added button:hover {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.tw-filter-block {
  position: relative;
  top: 0;
  box-shadow: none;
}


.plan-ben-more .customise-benefits-link {
  margin-left: auto !important;
  white-space: nowrap
}

.plan-ben-more a.customise-benefits-link {
  width: auto;
}

.ncb-left .tp-plan-select.bike-name {
  border-right: none;
}

.plan-type-dropdown-list li:after {
  right: 1px;

  top: 23%;



}

@media (max-width: 991px) {
  .planPageStepper .link-blue.js-backbtn {
    display: none;
  }
}

@media (max-width: 768px) {
  .tab-panel.cover-tab-panel {
    /* max-height: 375px; */
    overflow: auto;
  }

  .insuredetails-sec .planPageStepper .planpageActivetabs li {
    margin-top: 0rem !important;
  }

  .il-insured-car-details-wrap {

    flex-wrap: wrap;
    gap: 1.5rem;
  }

  #smartEssentialbenefits .popup {

    overflow: auto;
    position: static;
    bottom: 0;
    border-radius: 12px 12px 0 0;
  }

  .btn-update.slide-btn-wrap {
    position: fixed !important;
  }

  #additional-benefits .content {
    overflow: auto !important;
    padding-bottom: 10rem !important;
  }

  app-edit-idv #updatesum-insured-form .input-price.focus .price-symbol {
    color: #282828 !important;
    font-weight: 700 !important;
    font-size: 2.4rem !important;
    top: .5rem !important;
  }

  div#twmakeModelform .twmodel-panel-content h2 {
    width: 96%
  }

  .mat-mdc-form-field-bottom-align {
    display: none
  }

  .mdc-text-field--no-label:not(.mdc-text-field--textarea) .mat-mdc-form-field-input-control.mdc-text-field__input,
  .mat-mdc-text-field-wrapper .mat-mdc-form-field-input-control {
    font-size: 1.8rem !important;
  }

  .twmodel-side-panel .twmodel-input-row .dob-form-block span.pyp-mask-date {
    font-size: 1.8rem !important;
  }


  .additional-discounts .addition-cover-wraper-right h4 {
    padding-top: 0
  }

  .good_cred_cont .link-btn.small-linkBtn {
    top: 0
  }

  #registrationNo .popup,
  #engineChanum .popup {
    max-width: 100%;
    position: fixed;
    bottom: 0;
    border-radius: 20px 20px 0 0;
  }

  #insured-policy-breakup .popup.light {
    max-width: 100%;
    width: 100%;
    position: static;
    bottom: 0;
    overflow: auto;
  }

  .car-modelname.car-modelname-mobile {

    padding-left: 2rem;
  }

  .policycar-block {
    margin-top: 0;
    padding-left: 0;
  }

  .car-detail-wrap .link-blue {
    display: none;
  }

  .electrical-asses .error {
    top: 5.2rem !important;
  }

  /* .additional-benefits .js-popup-wrap .popup .close {
        border: 1px solid #cdbfbf !important;
        right: 2rem;
        top: 1.8rem;
    } */
  .search-garage.input-block label {
    padding-left: 0;
  }

  .popup.light.js-popup-body.mob_button_stickey .js-popup-wrap .popup .close {
    top: 1.5rem !important;

  }

  .pop-head-wrap {
    border-bottom: none !important
  }


  .mat-mdc-slider .mdc-slider__thumb-knob {
    background-image: url(/docs/default-source/assets/images/motor/tw/tw-landing/idv-slider-mob.svg);
    background-repeat: no-repeat;
    width: 40px !important;
    height: 31px !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    margin-top: -2px;
    border-radius: 0% !important;
  }

  #premiumSum.js-popup-wrap .popup .close {
    top: 2.3rem;
  }

  .comp-tenure-tabs {
    gap: 3px;

    flex-wrap: wrap;
  }

  .comp-tenure-tab {
    width: 49%;
  }

  .got-new-vehicle-left.ncb-left .bike-name {
    max-width: 92%;
  }

  div#additional-benefits .js-popup-wrap .popup .close {

    top: 2.3rem;
  }

  .idv-year-block .idv-year-details p {
    white-space: nowrap;
  }

  #premiumSum .js-popup-wrap .popup .close {
    top: 2.3rem !important
  }

  section.addition-cover-wraper.il-tw-smart .smart-cov {
    display: block;
  }

  section.addition-cover-wraper.il-tw-smart .smart-drop {
    width: 100%;
  }

  section.addition-cover-wraper.il-tw-smart .smart-ben {
    width: 100%;
  }

  #additional-benefits .addition-cover-wraper-right span {
    font-size: 13px;
  }

  p.additional-discount-label .tooltip .tooltip-text:after {
    right: 35px;
  }

  .additional-discount-label .tooltip:hover .tooltip-text {
    left: -94px;
    top: 1rem;
  }

  .additional-discounts .additional-discount-label {
    font-size: 15px !important;
  }

  .additional-discount-label span.tooltip-text {
    left: -155% !important;
    top: 3rem !important;
    right: 0 !important;
    font-size: 1.2rem !important;
    width: 186px !important;
    padding: 1rem;
    margin: 0 !important;
  }

  p.additional-discount-label .tooltip .tooltip-text:after {
    right: 100%;
    left: 20px;
    top: -20px;
  }

  body .car-detail-wrap {
    display: none
  }

  .bg-blue .makemodel-btn-wrap a.primary-gray-btn {
    color: #282828 !important;
  }

  .filmodel-btn a.primary-gray-btn {
    color: #282828 !important;
  }

  .comp-tenure-tabs {
    justify-content: flex-start;
  }

  .comp-tenure-tab {
    width: 23% !important;
    padding: 1rem !important;
  }

  .policycar-block {
    flex-direction: column;
    padding-left: 0;
  }

  .car-breakupdetail {
    padding: 0;
    padding-left: 1.5rem;
  }

}








@media (max-width: 480px) {
  #additional-benefits .addition-cover-wraper {
    margin-top: 0 !important;
  }
}

@media (max-width: 400px) {
  /* .ncb-left .bike-name {
    max-width: 25%;
  } */

  .bike-name:after {
    right: 4px;
  }


  .additional-discounts .addition-cover-wraper-right .no-bg label {
    display: block
  }

  .additional-discounts .addition-cover-wraper-right h4 {
    max-width: 70% !important;
  }

  .comp-od-block ul.custom-dropdown-list li {
    font-size: 1rem !important
  }
}




















.got-new-plan-type.suminsured-left.saf-show-comp.plan-left {
  border: none !important;
  height: auto !important;
  padding-top: 0 !important;

}

.feature-check-icon {
  background: none !important;


}

.buy-new-save-tag {
  font-size: 10px !important;
  font-weight: 600px
}

.feature-item span {
  font-size: 1.1rem !important;
  ;
  font-weight: 600 !important;
}

.got-new-plan-type.plan-left .lbl {
  font-weight: 700 !important;
  padding-left: 0 !important;

  font-size: 14px !important;
  margin-bottom: 0.2rem !important;
}

.got-new-plan-type.plan-left .lbl {
  display: block !important;
  margin-bottom: 8px !important;
  font-size: 14px !important;
  line-height: 20px !important;

  color: #282828 !important;
}

/* Main switcher */
.buy-new-plan-switcher {
  position: relative !important;
  width: 100 !important;
}

/* Standard / Long term wrapper */
.buy-new-tabs {
  display: flex !important;
  width: 100% !important;
  padding: 3px !important;
  box-sizing: border-box !important;
  
  border: 1px solid #e2e2e2 !important;
  border-radius: 8px !important;
  gap: 2px;
      background: #FAFAFA !important;
}

/* Both tabs */
.buy-new-tab {
  flex: 1 1 50% !important;
  height: 40px !important;


  font-size: 14px !important;
  font-weight: 700 !important;
  color: #424242 !important;
  cursor: pointer !important;
  outline: none !important;
  transition: all 0.2s ease !important;
  border: 1px solid #EEEEEE;
  border-radius: 8px!important;
  background: #fff;
}



.plan-right-inside-wrapper .idv-value{
    margin-top:0!important;
}

/* Selected tab */
.buy-new-tab.active {
  border-color: #ff6b35;
  font-weight: 700 !important;
  font-size: 14px !important;
  border-radius: 8px;
  border: 1px solid #FF9D76;
   color: #eb5a2a !important;
       background: #FFF2ED !important;
}

/* Hover */
.buy-new-tab:not(.active):hover {
  background: #fafafa !important;
}

/* Save more badge */
.buy-new-save-tag {
  position: absolute !important;
  top: -21px !important;
  right: 8px !important;

  min-height: 22px !important;
  padding: 3px 10px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center;

  background: #e9f8e7;
  color: #267a31;

  border-radius: 10px 10px 0 0;

  font-size: 11px;
  line-height: 16px;
  font-weight: 500;

  white-space: nowrap;
}

/* Small green icon before Save more */
.buy-new-save-tag::before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    background-image: url('/docs/default-source/assets/images/motor/tw/tw-landing/discount-ico.gif');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;

  margin-right: 4px;
  color: #42a54d;
  font-size: 11px;
}

/* Features below tabs */
.buy-new-features {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;

  margin-top: 10px;
}

/* Individual feature pill */
.feature-item {
  display: inline-flex;
  align-items: center;
  gap: 5px;

  min-height: 24px;
  padding: 3px 9px;

  box-sizing: border-box;

  border: 1px solid #dbe4ee;
  border-radius: 16px;



  color: #333;
  font-size: 11px;
  line-height: 16px;
  white-space: nowrap;
  background: radial-gradient(238.48% 929.35% at 134.56% 63.82%, #DCE6FF 0%, #FFFFFF 45.36%)
}

/* Tick */
.feature-check-icon {
  position: relative;
  display: inline-block;
  width: 11px;
  height: 11px;
  flex: 0 0 11px;
}



.buy-new-save-tag {
  border-radius: 10px 10px 0 0 !important;
  font-weight: 700 !important;
}

.feature-check-icon:after {
  content: "";
  position: absolute;
  left: 4px;
  top: 3px;
  width: 4px !important;
  height: 7px;
  border: solid #282828;
  border-width: 0 1.5px 1.5px 0;
  transform: rotate(45deg);
}

.buy-new-save-tag {
  right: 4px !important
}




.got-new-vehicle-wrapper .plan-left {
  max-width: 62% !important;
}

.got-new-vehicle-wrapper .plan-right {
  width: -13% !important;
  max-width: none !important;
  flex: 0 0 35%;
}

.feature-item {
  width: 47%;
}

.got-new-vehicle-wrapper .plan-right {
  border: none
}

.got-new-vehicle-wrapper .plan-right .lbl {
  font-size: 14px;
  font-weight: 700;
  color: #282828;
  margin-bottom: 1rem;


}

.got-new-vehicle-wrapper .plan-right {
  padding: 0 !important
}

.plan-right-inside-wrapper {

  border-radius: 8px;

  padding: 12px;

    background: #fafafa;
    border: 1px solid  #EEEEEE;

}

@media (max-width: 768px) {
  .got-new-plan-type.suminsured-left.saf-show-comp.plan-left .lbl {
    margin-bottom: 0 !important;
  }

  .got-new-vehicle-wrapper.plan-container {
    flex-direction: column !important;

  }

  .got-new-vehicle-wrapper .plan-left {
    max-width: 100% !important;
    order: 2;
  }

  .got-new-vehicle-wrapper .plan-right {
    width: 100%
  }
}
span.tooltip-text:after{
  left: 16px!important;
}
/************** prod issue *************/
@media(max-width:767px){
  .additional-discounts .addition-cover-wraper-right h4 {
        max-width: 85% !important;
    }
.addon-add.il-assist-essential-card .tooltip:hover .tooltip-text{
right: 50%;
    transform: translate(50%, 0);
    top: calc(100% + 18px);
    transform: translate(50%, 0);
    z-index: 9999;
    bottom: auto;
    width: 160px !important;
    left: auto;
    margin: 0;
    font-size: 1.2rem !important;
    padding: 1rem;
}
span.tooltip-text:after{
        top: -20px;
        left: auto;
        margin-left: 0;
        bottom: auto;
        top: -18px;
        left: 50%;
        margin-left: -10px;
}
.additional-discounts .addition-cover-wraper-right label{
          font-size: 10px !important;
}
}

/************** prod issue *************/

#twmakeModelform .twinput-form-block .twmodel-input-row .input-block.dob-form-block{
    width: 48%;
}

@media (max-width: 768px) {
#twmakeModelform .twinput-form-block .twmodel-input-row .input-block.dob-form-block{
    width: 100%;
}
}

.insuredetails-sec .insured-details-block .dropdown   .custom-dropdown-list{
    top:0
}

#attention-reg .popup.light{
    width:38%
}
 
#attention-reg .additional-discounts{
    text-align:center;
     margin:1rem;
    margin-top:3rem;

}
#attention-reg .additional-discounts p{
    font-size:1.4rem;
    margin:0 2rem; 
}
 
@media (max-width: 767px) {
#attention-reg .popup.light{width: 91%;margin: 0 auto;border-radius: 2rem;margin-top: 4rem;}
}


/* prod issue */


.bankinfo-content .ui-radio-group .checkmark {
    display: none;
}
.bankinfo-popup-wrap .ui-radio-group{
    padding-left:0!important
}
.bg-blue .dob-form-block .input-block input.day, .bg-blue .dob-form-block .input-block input.months {
    width: 65px;
    padding: 4px !important;
}
.bankinfo-content .dob-form-block .input-block {
    height: 100%;
    padding:.8rem 2rem;
}

.bg-blue .dob-form-block .input-block input.year{
    padding:1rem!important
}
.bankinfo-popup-wrap .dob-form-block.focus .input-block {
    outline: none;
    padding: .7rem !important;
}
div#attention-reg .restrict-submit-btn {
    text-align:center!important
}
/* prod issue end */


@media (max-width: 767px) {
    .addon-add.il-assist-essential-card .tooltip:hover .tooltip-text {
        right: 36px;
    }

        .addon-add.il-assist-essential-card span.tooltip-text:after {
            right: 0!important;
            left: 110px!important;
        }
}


.premium-summary-wrapper .good_cred_cont .link-btn.small-linkBtn{
        top: 4px;
}


@media (max-width: 400px) {
#ilheaderInner .il-logo-new a img{
    width: 175px!important;
}
        div#twmakeModelform .twmodel-panel-content h2 {
        width: 92%;
        font-size: 2rem !important;
    }


}

@media (max-width: 390px) {
    .inspolitics-details h5 .tooltip-icon:hover .tooltipTxt {
  
    left: -2rem;
        font-size:1.2rem
}
      .inspolitics-details h5 .tooltipTxt:after{
        left:1.6rem;
          
    }
}


.bg-blue div#engineChanum span.ui-error{
   bottom: -16px!important;
}
#engineChanum .input-block
{
  margin-bottom: 4rem;
}