@charset "UTF-8";
@import "https://code.jquery.com/ui/1.14.1/themes/base/jquery-ui.css";

/* node_modules/@ng-select/ng-select/themes/default.theme.css */
.ng-select.ng-select-opened > .ng-select-container {
  background: #fff;
  border-color: hsl(0, 0%, 70%) #ccc hsl(0, 0%, 85%);
}
.ng-select.ng-select-opened > .ng-select-container:hover {
  box-shadow: none;
}
.ng-select.ng-select-opened > .ng-select-container .ng-arrow {
  top: -2px;
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #999;
  border-width: 0 5px 5px;
}
.ng-select.ng-select-opened > .ng-select-container .ng-arrow:hover {
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #333;
}
.ng-select.ng-select-opened.ng-select-top > .ng-select-container {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.ng-select.ng-select-opened.ng-select-right > .ng-select-container {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ng-select.ng-select-opened.ng-select-bottom > .ng-select-container {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.ng-select.ng-select-opened.ng-select-left > .ng-select-container {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ng-select.ng-select-focused:not(.ng-select-opened) > .ng-select-container {
  border-color: #007eff;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 3px rgba(0, 126, 255, .1);
}
.ng-select.ng-select-disabled > .ng-select-container {
  background-color: #f9f9f9;
}
.ng-select .ng-has-value .ng-placeholder {
  display: none;
}
.ng-select .ng-select-container {
  color: #333;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #ccc;
  min-height: 36px;
  align-items: center;
}
.ng-select .ng-select-container:hover {
  box-shadow: 0 1px 0 rgba(0, 0, 0, .06);
}
.ng-select .ng-select-container .ng-value-container {
  align-items: center;
  padding-left: 10px;
}
[dir=rtl] .ng-select .ng-select-container .ng-value-container {
  padding-right: 10px;
  padding-left: 0;
}
.ng-select .ng-select-container .ng-value-container .ng-placeholder {
  color: #999;
}
.ng-select.ng-select-single .ng-select-container {
  height: 36px;
}
.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input {
  top: 5px;
  left: 0;
  padding-left: 10px;
  padding-right: 50px;
}
[dir=rtl] .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input {
  padding-right: 10px;
  padding-left: 50px;
}
.ng-select.ng-select-multiple.ng-select-disabled > .ng-select-container .ng-value-container .ng-value {
  background-color: #f9f9f9;
  border: 1px solid hsl(0, 0%, 90%);
}
.ng-select.ng-select-multiple.ng-select-disabled > .ng-select-container .ng-value-container .ng-value .ng-value-label {
  padding: 0 5px;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container {
  padding-top: 5px;
  padding-left: 7px;
}
[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container {
  padding-right: 7px;
  padding-left: 0;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
  font-size: .9em;
  margin-bottom: 5px;
  color: #333;
  background-color: rgb(234.6, 244.68, 255);
  border-radius: 2px;
  margin-right: 5px;
}
[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
  margin-right: 0;
  margin-left: 5px;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled {
  background-color: #f9f9f9;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label {
  padding-left: 5px;
}
[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label {
  padding-left: 0;
  padding-right: 5px;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label {
  display: inline-block;
  padding: 1px 5px;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon {
  display: inline-block;
  padding: 1px 5px;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover {
  background-color: rgb(209.1, 231.78, 255);
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left {
  border-right: 1px solid rgb(183.6, 218.88, 255);
}
[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left {
  border-left: 1px solid rgb(183.6, 218.88, 255);
  border-right: none;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right {
  border-left: 1px solid rgb(183.6, 218.88, 255);
}
[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right {
  border-left: 0;
  border-right: 1px solid rgb(183.6, 218.88, 255);
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input {
  padding: 0 0 3px 3px;
}
[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input {
  padding: 0 3px 3px 0;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input > input {
  color: #000;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder {
  top: 5px;
  padding-bottom: 5px;
  padding-left: 3px;
}
[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder {
  padding-right: 3px;
  padding-left: 0;
}
.ng-select .ng-clear-wrapper {
  color: #999;
}
.ng-select .ng-clear-wrapper:hover .ng-clear {
  color: #d0021b;
}
.ng-select .ng-clear-wrapper:focus .ng-clear {
  color: #d0021b;
}
.ng-select .ng-clear-wrapper:focus {
  outline: none;
}
.ng-select .ng-spinner-zone {
  padding: 5px 5px 0 0;
}
[dir=rtl] .ng-select .ng-spinner-zone {
  padding: 5px 0 0 5px;
}
.ng-select .ng-arrow-wrapper {
  width: 25px;
  padding-right: 5px;
}
[dir=rtl] .ng-select .ng-arrow-wrapper {
  padding-left: 5px;
  padding-right: 0;
}
.ng-select .ng-arrow-wrapper:hover .ng-arrow {
  border-top-color: #666;
}
.ng-select .ng-arrow-wrapper .ng-arrow {
  border-color: #999 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
  border-style: solid;
  border-width: 5px 5px 2.5px;
}
.ng-dropdown-panel {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0 1px 0 rgba(0, 0, 0, .06);
  left: 0;
}
.ng-dropdown-panel.ng-select-top {
  bottom: 100%;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-color: hsl(0, 0%, 90%);
  margin-bottom: -1px;
}
.ng-dropdown-panel.ng-select-top .ng-dropdown-panel-items .ng-option:first-child {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
.ng-dropdown-panel.ng-select-right {
  left: 100%;
  top: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-color: hsl(0, 0%, 90%);
  margin-bottom: -1px;
}
.ng-dropdown-panel.ng-select-right .ng-dropdown-panel-items .ng-option:first-child {
  border-top-right-radius: 4px;
}
.ng-dropdown-panel.ng-select-bottom {
  top: 100%;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-color: hsl(0, 0%, 90%);
  margin-top: -1px;
}
.ng-dropdown-panel.ng-select-bottom .ng-dropdown-panel-items .ng-option:last-child {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.ng-dropdown-panel.ng-select-left {
  left: -100%;
  top: 0;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-color: hsl(0, 0%, 90%);
  margin-bottom: -1px;
}
.ng-dropdown-panel.ng-select-left .ng-dropdown-panel-items .ng-option:first-child {
  border-top-left-radius: 4px;
}
.ng-dropdown-panel .ng-dropdown-header {
  border-bottom: 1px solid #ccc;
  padding: 5px 7px;
}
.ng-dropdown-panel .ng-dropdown-footer {
  border-top: 1px solid #ccc;
  padding: 5px 7px;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup {
  -webkit-user-select: none;
  user-select: none;
  padding: 8px 10px;
  font-weight: 500;
  color: rgba(0, 0, 0, .54);
  cursor: pointer;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled {
  cursor: default;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked {
  background-color: rgb(244.8, 249.84, 255);
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected,
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected.ng-option-marked {
  color: rgba(0, 0, 0, .54);
  background-color: rgb(234.6, 244.68, 255);
  font-weight: 600;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
  background-color: #fff;
  color: rgba(0, 0, 0, .87);
  padding: 8px 10px;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked {
  color: #333;
  background-color: rgb(234.6, 244.68, 255);
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-label,
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked .ng-option-label {
  font-weight: 600;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked {
  background-color: rgb(244.8, 249.84, 255);
  color: #333;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled {
  color: #ccc;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child {
  padding-left: 22px;
}
[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child {
  padding-right: 22px;
  padding-left: 0;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label {
  font-size: 80%;
  font-weight: 400;
  padding-right: 5px;
}
[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label {
  padding-left: 5px;
  padding-right: 0;
}
[dir=rtl] .ng-dropdown-panel {
  direction: rtl;
  text-align: right;
}

/* projects/shell/src/assets/css/motor_buy_product.css */
.moterbyproduct {
  width: 100%;
  float: left;
  display: none;
}
.moterby_hader {
  width: 100%;
  float: left;
  background: url(https://rvmp.prod.bajajgeneral.com/assets/images/gauge_bg.png)no-repeat;
  background-size: cover;
  padding: 50px 70px;
}
.moterby_back_logo {
  width: 50%;
  display: flex;
  gap: 54px;
  padding-bottom: 52px;
  align-items: center;
}
.backpage {
  float: left;
}
.backpage img {
  width: 40px;
  height: 40px;
  float: left;
}
.logomoter {
  float: left;
}
.logomoter img {
  width: 180px;
  height: auto;
  float: left;
}
.moterby_text {
  width: 100%;
  float: left;
  display: flex;
  gap: 23px;
}
.moterby_text h2 {
  font-size: 48px;
  font-weight: 700;
  background:
    linear-gradient(
      180deg,
      #FFFFFF -10.16%,
      rgba(255, 255, 255, 0) 129.69%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding-top: 30px;
}
.moterby_text img {
  width: 130px;
}
.moterbyform {
  width: 100%;
  float: left;
}
.moterbyform_data {
  width: 795px;
  margin: 0 auto;
}
.moterbyform_data form {
  width: 100%;
  float: left;
  padding: 50px 0;
}
.motorbuytab {
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
}
.motorbuytab li {
  float: left;
  margin-right: 10px;
}
.motorbuytab li a {
  float: left;
  padding: 10px 20px;
  border-radius: 90px;
  color: #454545;
  font-size: 20px;
  font-weight: 400;
  background: rgba(69, 69, 69, .1);
  cursor: pointer;
  border: 1px solid transparent;
  transition: .5s all ease-in-out;
  display: flex;
  align-items: center;
}
.motorbuytab li:last-child {
  margin-right: 0;
}
.motorbuytab li.active a {
  background: #005dac;
  color: #fff;
}
.motorbuyform_box {
  width: 100%;
  float: left;
  background: #fff;
  padding: 20px 20px 38px;
  border-radius: 0 0 25px 25px;
}
.motorbuyform_data {
  width: 100%;
  float: left;
  display: none;
}
.motorbuyform_data.active {
  display: block;
}
.moterbuymain .formfild {
  width: 100%;
  float: left;
  margin-bottom: 40px;
  position: relative;
}
.moterbuymain .formfild label {
  width: 100%;
  float: left;
  font-size: 20px;
  font-weight: 400;
  letter-spacing: -.72px;
  color: #000;
  line-height: 118%;
  margin-bottom: 15px;
}
.moterbuymain .formfild input {
  width: 100%;
  float: left;
  border-radius: 10px;
  border: 1px solid #cecece;
  background: #fff;
  padding: 20px;
  font-size: 20px;
  font-weight: 400;
  line-height: 110%;
  color: #454545;
}
.moterbuymain .formfild input:disabled {
  background-color: #f9f9f9;
  cursor: not-allowed;
  border: 1px solid #cecece;
}
.formfild select {
  width: 100%;
  float: left;
  border-radius: 10px;
  border: 1px solid #cecece;
  background: #fff;
  padding: 20px;
  font-size: 20px;
  font-weight: 400;
  line-height: 110%;
  color: #454545;
  -webkit-appearance: none;
}
.formfild .arrowimg {
  position: absolute;
  right: 25px;
  top: 65px;
  width: 15px;
}
.formradio {
  width: 100%;
  float: left;
  margin-bottom: 40px;
  position: relative;
}
.formradio strong {
  width: 100%;
  float: left;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -.72px;
  color: #000;
  line-height: 118%;
  margin-bottom: 15px;
}
.radioclick {
  width: 100%;
  float: left;
  display: flex;
  gap: 60px;
}
.formradio strong.longtext {
  color: #454545;
  line-height: 30px;
}
.select_type {
  display: block;
  position: relative;
  padding-left: 40px;
  cursor: pointer;
  font-size: 20px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding-top: 4px;
  color: #454545;
}
.select_type input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.select_type .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 30px;
  width: 30px;
  background-color: #fff;
  border-radius: 50%;
  border: 1px solid #8F8F8F;
}
.select_type input:checked ~ .checkmark {
  background-color: #fff;
  border: 1px solid #8F8F8F;
}
.select_type .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.select_type input:checked ~ .checkmark:after {
  display: block;
}
.select_type .checkmark:after {
  top: 7px;
  left: 7px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #005DAC;
}
.confirmsave {
  width: 100%;
  float: left;
  padding-top: 20px;
}
.confirmsave .submit {
  border-radius: 10px;
  background: #005dac;
  padding: 20px 60px;
  color: #fff;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  line-height: 100%;
  transition: .3s all ease-in;
  width: 100%;
  float: left;
  border: 0;
}
.titleform_mobuy {
  width: 100%;
  float: left;
  margin: 40px 0;
}
.titleform_mobuy h2 {
  width: 100%;
  float: left;
  color: #454545;
  font-size: 32px;
  font-weight: 400;
}
.twoformfild {
  width: 100%;
  float: left;
  display: flex;
  gap: 48px;
}
.editclick {
  position: absolute;
  right: 20px;
  bottom: 18px;
}
.moterbuymain {
  width: 100%;
  float: left;
}
.vahical_slider {
  width: 100%;
  float: left;
  margin-bottom: 40px;
}
.vahical_slider .slider.slider-horizontal {
  width: 100%;
}
.slider.slider-horizontal .slider-track {
  height: 15px;
  border-radius: 30px;
}
.slider-selection {
  background: #F58220;
  border-radius: 30px;
}
.slider-handle {
  background: #fff;
  width: 32px;
  height: 32px;
  border: 8px solid #F58220;
  top: -4px;
  box-shadow: 0 0 5px #000;
}
.valueslider {
  width: 100%;
  float: left;
  list-style-type: none;
  display: flex;
  justify-content: space-between;
  padding-top: 20px;
}
.valueslider li {
  float: left;
}
.valueslider li p {
  font-size: 18px;
  color: #454545;
  font-weight: 400;
}
.title_points {
  width: 100%;
  float: left;
  list-style-type: none;
  display: flex;
  justify-content: space-between;
  padding-bottom: 20px;
  align-items: center;
}
.title_points li {
  float: left;
}
.valueslider li strong {
  font-size: 20px;
  color: #000;
  font-weight: 400;
}
.points_rupay {
  float: left;
  display: flex;
  gap: 5px;
  padding: 10px 15px;
  border: 1px solid #8F8F8F;
  border-radius: 5px;
}
.points_rupay i {
  font-size: 20px;
  color: #000;
  font-weight: 700;
  font-style: normal;
}
.points_rupay input {
  font-size: 20px;
  color: #F58220;
  font-weight: 700;
  border: 0;
  width: 105px;
}
.mopro_errordiv {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  column-gap: 10px;
  padding-top: 10px;
}
.mopro_errordiv img {
  width: 20px;
  height: 20px;
}
.mopro_errordiv p {
  font-size: 14px;
  line-height: 21px;
  color: #FF3B30;
}
.dropdownWithInput {
  position: absolute;
  top: 103px;
  left: 0;
  width: 100%;
  border-radius: 10px;
  border: 1px solid #cecece;
  background: #fff;
  z-index: 1;
  padding: 10px 0;
  display: none;
}
.dropdownWithInput ul {
  float: left;
  width: 100%;
  list-style-type: none;
}
.dropdownWithInput ul li {
  float: left;
  width: 100%;
}
.dropdownWithInput ul li a {
  float: left;
  width: 100%;
  font-size: 14px;
  color: #454545;
  padding: 4px 14px;
}
.dropdownWithInput ul li a:hover {
  background: #eee;
}
.V_changeknow {
  width: 100%;
  float: left;
  border: 1px solid #005DAC;
  padding: 16px 20px;
  border-radius: 10px;
  text-align: center;
  background: #005DAC;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
}
.V_changeknow p {
  font-size: 16px;
  font-weight: 700;
  color: #FFFFFF;
}
.motorbuytab li a i {
  font-style: normal;
  font-size: 10px;
  color: #454545;
  background:
    linear-gradient(
      270deg,
      #60FDCD -27.69%,
      #D6FE11 100%);
  margin-left: 10px;
  padding: 2px 7px;
  border-radius: 90px;
}
.motorbuytab li a i.expired {
  background:
    linear-gradient(
      270deg,
      #F21C19 -27.69%,
      #F38252 100%);
  color: #fff;
}
.motorbuyform_data .expired90 {
  float: left;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 24px 24px 0;
  border-top: 1px dashed #999;
  margin-top: 24px;
}
.motorbuyform_data .expired90 a {
  font-size: 20px;
  color: #454545;
  padding: 7px 20px;
  border: 1px solid #4545451A;
  border-radius: 90px;
  margin: 0 5px;
}
.motorbuyform_data .expired90 a.active {
  border: 1px solid #005DAC;
  color: #005DAC;
  font-weight: 700;
  background: #005DAC1A;
}
.vehicle_inspop {
  width: 100%;
  float: left;
  position: relative;
  display: none;
  z-index: 9;
}
.vehicle_blackbg {
  width: 100%;
  float: left;
  background: rgb(0 0 0 / 89%);
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  z-index: 999;
  display: flex;
  justify-content: center;
  align-items: center;
}
.vehicleins_box {
  width: 620px;
  float: left;
  position: relative;
}
.closeins_popup {
  float: left;
  position: absolute;
  right: 20px;
  top: 20px;
}
.closeins_popup a {
  width: 40px;
  height: 40px;
  padding: 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #000;
  border-radius: 50%;
}
.vehicle_text {
  width: 100%;
  float: left;
  background: #fff;
}
.vehiclebanner {
  width: 100%;
  float: left;
}
.vehiclebanner img {
  width: 100%;
  float: left;
}
.vehicleinsdata {
  width: 100%;
  float: left;
  padding: 35px 26px;
}
.vehicleinsdata h2 {
  width: 100%;
  float: left;
  color: #000000;
  font-size: 48px;
  font-weight: 400;
  margin-bottom: 20px;
}
.vehicleinsdata strong {
  width: 100%;
  float: left;
  font-size: 32px;
  font-weight: 400;
  line-height: 34px;
  color: #000;
  padding-bottom: 13px;
}
.vehicleinsdata > p {
  width: 100%;
  float: left;
  font-size: 20px;
  font-weight: 400;
  color: #454545;
  line-height: 26px;
}
.vehicle_can_dele {
  width: 100%;
  float: left;
  gap: 10px;
  margin-top: 30px;
  display: flex;
}
.V_acknow {
  width: 50%;
  float: left;
  border: 1px solid #005DAC;
  padding: 16px 20px;
  border-radius: 10px;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  color: #FFFFFF;
  background: #005DAC;
}
.closeins_popup a {
  padding: 15px;
}
.mopro_errordiv {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  column-gap: 10px;
  padding-top: 10px;
}
.mopro_errordiv img {
  width: 20px;
  height: 20px;
}
.mopro_errordiv p {
  font-size: 14px;
  line-height: 21px;
  color: #FF3B30;
}
.moterslider {
  width: 100%;
  float: left;
}
.moterslider ul {
  width: 100%;
  float: left;
  list-style-type: none;
}
.moterslider ul li {
  float: left;
  padding: 0 10px;
}
.otpback {
  width: 100%;
  float: left;
}
.otpback a {
  float: left;
}
.otpback a img {
  filter: brightness(0);
  width: 40px;
}
.formtwobox {
  width: 100%;
  float: left;
  display: flex;
  gap: 30px;
}
.moter_mainform .formfild input.dobVD {
  background: url("./media/calendar.png")no-repeat center right 15px;
}
.moterbystate .resend_otp_box {
  margin-bottom: 15px;
}
.moterbystate .mopro_errordiv {
  margin-bottom: 20px;
}
@media screen and (max-width: 425px) {
  .vehicleinsdata {
    font-size: 20px;
    padding: 35px 26px 100px;
  }
}
@media screen and (max-width: 1600px) {
  .editclick img {
    width: 20px;
  }
  .editclick {
    bottom: 11px;
    right: 12px;
  }
  .vehicleinsdata h2 {
    font-size: 32px;
  }
  .vehicleinsdata strong {
    font-size: 26px;
  }
  .vehicleinsdata p {
    font-size: 14px;
    line-height: 21px;
  }
  .vehicleinsdata {
    font-size: 20px;
  }
  .vehicleins_box {
    width: 440px;
  }
  .V_acknow {
    width: 35%;
    padding: 13px 12px;
  }
  .vehicleinsdata h2 {
    margin-bottom: 15px;
  }
}
@media screen and (max-width:1440px) {
  .moterbyform_data {
    width: 700px;
  }
  .moterbuymain .formfild label {
    font-size: 14px;
    margin-bottom: 10px;
  }
  .moterbuymain .formfild input {
    font-size: 14px;
    padding: 14px;
  }
  .moterbuymain .formfild select {
    font-size: 16px;
    padding: 14px;
    font-size: 14px;
  }
  .moterbuymain .formfild {
    margin-bottom: 25px;
  }
  .formfild .arrowimg {
    right: 16px;
    top: 44px;
  }
  .formradio strong {
    font-size: 14px;
  }
  .select_type {
    font-size: 14px;
    padding-left: 30px;
  }
  .select_type .checkmark {
    width: 20px;
    height: 20px;
  }
  .select_type .checkmark:after {
    top: 4px;
    left: 4px;
    width: 10px;
    height: 10px;
  }
  .radioclick {
    gap: 30px;
  }
  .formradio {
    margin-bottom: 25px;
  }
  .formradio strong.longtext {
    line-height: 24px;
  }
  .motorbuytab li a {
    font-size: 14px;
  }
  .motorbuyform_box {
    padding: 0 0;
  }
  .titleform_mobuy h2 {
    font-size: 20px;
  }
  .confirmsave .submit {
    font-size: 16px;
    padding: 16px 60px;
  }
  .moterby_hader {
    padding: 30px 24px;
  }
  .moterby_back_logo {
    gap: 20px;
    padding-bottom: 30px;
  }
  .backpage img {
    width: 30px;
    height: 30px;
  }
  .logomoter img {
    width: 180px;
    height: auto;
  }
  .moterby_text h2 {
    font-size: 26px;
    padding-top: 0;
  }
  .moterby_text img {
    width: 65px;
  }
  .moterby_text {
    gap: 15px;
    align-items: center;
  }
  .dropdownWithInput {
    top: 72px;
  }
}
@media screen and (max-width:767px) {
  .moterbyform_data {
    width: 100%;
    float: left;
  }
  .moterbuymain .formfild label {
    font-size: 14px;
    margin-bottom: 10px;
  }
  .moterbuymain .formfild input {
    font-size: 14px;
    padding: 14px;
  }
  .moterbuymain .formfild select {
    font-size: 16px;
    padding: 14px;
    font-size: 14px;
  }
  .moterbuymain .formfild {
    margin-bottom: 25px;
  }
  .formfild .arrowimg {
    right: 16px;
    top: 44px;
    width: 12px;
  }
  .formradio strong {
    font-size: 14px;
  }
  .select_type {
    font-size: 14px;
    padding-left: 30px;
  }
  .select_type .checkmark {
    width: 20px;
    height: 20px;
  }
  .select_type .checkmark:after {
    top: 4px;
    left: 4px;
    width: 10px;
    height: 10px;
  }
  .radioclick {
    gap: 30px;
  }
  .formradio {
    margin-bottom: 25px;
  }
  .formradio strong.longtext {
    line-height: 24px;
  }
  .motorbuytab li a {
    font-size: 14px;
  }
  .motorbuyform_box {
    padding: 0 0;
  }
  .titleform_mobuy h2 {
    font-size: 20px;
  }
  .confirmsave .submit {
    font-size: 16px;
    padding: 16px 60px;
  }
  .moterby_hader {
    padding: 30px 24px;
  }
  .moterby_back_logo {
    gap: 20px;
    padding-bottom: 30px;
  }
  .backpage img {
    width: 30px;
    height: 30px;
  }
  .logomoter img {
    width: 130px;
    height: auto;
  }
  .moterby_text h2 {
    font-size: 26px;
    padding-top: 0;
  }
  .moterby_text img {
    width: 65px;
  }
  .moterby_text {
    gap: 15px;
    align-items: center;
  }
  .valueslider li p {
    font-size: 14px;
  }
  .valueslider {
    padding-top: 15px;
  }
  .title_points {
    padding-bottom: 15px;
  }
  .titleform_mobuy {
    margin: 30px 0;
  }
  .motorbuyform_data .expired90 {
    padding: 20px 0;
  }
  .motorbuyform_data .expired90 a {
    font-size: 14px;
  }
  .vehicleins_box {
    width: 100%;
    position: fixed;
    left: 0;
    transition: all .5s;
  }
  .vehicleins_box.active {
    bottom: 0;
  }
  .closeins_popup {
    position: initial;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
    margin-bottom: 20px;
  }
  .vehicleinsdata h2 {
    font-size: 32px;
  }
  .vehicleinsdata strong {
    font-size: 20px;
  }
  .vehicleinsdata p {
    font-size: 14px;
  }
  .formtwobox {
    gap: 0px;
    flex-direction: column;
  }
  .moterby_hader {
    padding: 30px 24px;
  }
  .moterby_back_logo {
    gap: 20px;
    padding-bottom: 30px;
  }
  .backpage img {
    width: 30px;
    height: 30px;
  }
  .logomoter img {
    width: 130px;
    height: auto;
  }
  .moterby_text h2 {
    font-size: 26px;
    padding-top: 0;
  }
  .moterby_text img {
    width: 65px;
  }
  .moterby_text {
    gap: 15px;
    align-items: center;
  }
}
.editclick {
  top: 37px !important;
}
.mandate_symbol {
  font-style: normal;
  color: #FF3B30;
}
::ng-deep input :disabled {
  background-color: #a59b9b !important;
}

/* projects/shell/src/assets/css/travel_claim.css */
.travelclaim-banner-img {
  max-width: 100%;
}
.travelclaim-section {
  width: 100%;
  float: left;
  position: relative;
}
.travelclaim-section::after {
  content: "";
  position: absolute;
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0) 0,
      rgba(255, 255, 255, .3) 6%,
      rgba(255, 255, 255, 0) 100%);
  background-repeat: repeat-x;
  width: 100%;
  height: 300px;
  top: 50%;
  bottom: 0;
  left: 0;
  right: 0;
}
.travelclaim-section .wrapper {
  padding: 260px 160px 189px;
}
.travelclaim-bg {
  position: relative;
  background:
    linear-gradient(
      90deg,
      #07C0E0 0%,
      #0086C5 100%);
  overflow: hidden;
}
.travelclaim-wrapper {
  width: 100%;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  column-gap: 50px;
  z-index: 1;
}
.travelclaim-section .simplifly-title {
  position: absolute;
  right: 0;
  white-space: nowrap;
  left: 100px;
  font-size: 150px;
  font-weight: 700;
  line-height: 115%;
  letter-spacing: -1px;
  text-align: center;
  background:
    linear-gradient(
      180deg,
      #FFF 0%,
      rgba(255, 255, 255, 0) 100%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  display: block;
  width: max-content;
  animation: travel-scroll-left 15s linear infinite;
  top: 220px;
}
.travelclaim-left-box {
  width: 100%;
  align-items: center;
  justify-content: center;
  animation: travel-imgscroll 3s linear;
  text-align: center;
}
.travelclaim-section .product_over {
  width: calc(100% - 750px);
}
.travelclaim-right-box {
  width: 700px;
  background-color: #FFFFFF;
  border-radius: 25px;
  overflow: hidden;
}
.travelclaim_form {
  width: 100%;
  float: left;
}
.travelfild {
  width: 100%;
  float: left;
}
.travelclaim_form .formfild {
  width: 100%;
  float: left;
  margin-bottom: 20px;
  position: relative;
}
.travelclaim_form .formfild label {
  width: 100%;
  float: left;
  font-size: 20px;
  font-weight: 400;
  letter-spacing: -.72px;
  color: #000;
  line-height: 118%;
  margin-bottom: 15px;
}
.travelclaim_form .formfild input {
  width: 100%;
  float: left;
  border-radius: 10px;
  border: 1px solid #cecece;
  background: #fff;
  padding: 20px;
  font-size: 20px;
  font-weight: 400;
  line-height: 110%;
  color: #454545;
}
.travelclaim_form .formfild select {
  width: 100%;
  float: left;
  border-radius: 10px;
  border: 1px solid #cecece;
  background: #fff;
  padding: 20px;
  font-size: 20px;
  font-weight: 400;
  line-height: 110%;
  color: #454545;
  -webkit-appearance: none;
}
.travelclaim_form .formfild .arrowimg {
  position: absolute;
  right: 25px;
  top: 65px;
  width: 15px;
}
.separaterDiv_tarvel {
  position: relative;
  border-bottom: 2px dashed #999;
  margin: 55px 0 60px;
  display: flex;
  justify-content: center;
  width: 100%;
  float: left;
}
.separetText_tarvel {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
  border: 2px dashed #999;
  display: block;
  padding: 10px;
  font-size: 14px;
  line-height: 110%;
  color: #000;
  background: #fff;
  font-weight: 400;
}
.travelformtab {
  width: 100%;
  float: left;
}
.travelformtab ul {
  width: 100%;
  float: left;
}
.travelformtab ul li {
  float: left;
  margin-right: 10px;
}
.travelformtab ul li.active a {
  background: #005DAC;
  color: #fff;
}
.travelformtab ul li a {
  padding: 8px 20px;
  font-weight: 400;
  font-size: 20px;
  color: #454545;
  background: #4545451A;
  border-radius: 100px;
  float: left;
  transition: .5s allease-in-out;
}
.travelformbox {
  width: 100%;
  float: left;
  margin-top: 40px;
}
.travelformdata {
  width: 100%;
  float: left;
  display: none;
}
.travelformdata.active {
  display: block;
}
.travelformdata .formfild {
  margin-bottom: 48px;
}
.travelform_one {
  width: 100%;
  float: left;
  padding: 40px 20px;
}
.travelclaim_form .otpback {
  width: 100%;
  float: left;
}
.travelclaim_form .otpback a {
  float: left;
}
.travelclaim_form .otpback a img {
  filter: brightness(0);
  width: 40px;
}
.travelclaim_form .otp_section {
  display: none;
  padding: 40px 20px;
}
.travelproceed {
  border-radius: 10px;
  background: #005dac;
  padding: 20px 60px;
  color: #fff;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  line-height: 100%;
  transition: .3s allease-in;
  width: 100%;
  float: left;
  border: 0;
}
.travelpolicy {
  width: 100%;
  float: left;
}
.travelpolicylider {
  width: 100%;
  float: left;
  padding: 40px 0 60px;
  box-shadow: 0px 0px 50px 0px #00000024 inset;
}
.travelpolicylider > ul {
  width: 100%;
  float: left;
  list-style-type: none;
  z-index: 1;
}
.travelpolicylider > ul li {
  float: left;
}
.travelpolicylider > ul li.slick-slide {
  margin: 0 10px;
}
.travelace_box {
  width: 100%;
  float: left;
  background:
    linear-gradient(
      180deg,
      rgba(182, 217, 242, 0) 0%,
      rgba(182, 217, 242, 0.3) 77.17%);
  border: 1px solid #005DAC1A;
  box-shadow: 0px 0px 10px 0px #00000024;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 15px;
}
.travelace_one {
  width: 100%;
  float: left;
  padding: 0px 0 15px 21px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  border-bottom: 1px dashed rgb(0 0 0 / 40%);
}
.travelaceicon_names {
  float: left;
  display: flex;
  gap: 26px;
  align-items: center;
  padding: 15px 0 0;
}
.travelaceicon_names img {
  float: left;
  width: 55px;
  height: 55px;
}
.travelacenames_text {
  float: left;
}
.travelacenames_text p {
  font-size: 24px;
  font-weight: 700;
  color: #454545;
  margin-bottom: 5px;
}
.travelacenames_text i {
  font-style: normal;
  font-size: 18px;
  font-weight: 400;
  color: #454545;
}
.travelace_two {
  width: 100%;
  float: left;
  padding: 18px 21px;
  display: grid;
  row-gap: 24px;
  grid-template-columns: auto auto auto;
}
.travelace_data {
  float: left;
  display: flex;
  flex-direction: column;
}
.travelace_data i {
  font-style: normal;
  font-size: 16px;
  font-weight: 400;
  color: #454545;
  padding-bottom: 7px;
}
.travelace_data p {
  font-size: 18px;
  font-weight: 400;
  color: #454545;
}
.travelace_btn {
  width: 100%;
  float: left;
  padding: 6px 21px 20px;
  display: flex;
  gap: 24px;
}
.travelace_btn a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  border-radius: 10px;
  padding: 16px 20px;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0px;
}
.travelace_btn a.fileaclaim_po {
  color: #000000;
  border: 1px solid #454545;
}
.travelace_btn a.renewnow_po {
  background: #005DAC;
  color: #fff;
}
.travelres_title {
  float: left;
  display: flex;
  justify-content: space-between;
}
.travelres_title strong {
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  background: #005DAC;
  padding: 10px 20px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  float: left;
}
.travelpolicylider .slick-dots {
  display: flex;
  justify-content: center;
}
.travelpolicylider .slick-dots > li {
  height: 5px;
  margin: 0px 2px;
}
.travelpolicylider .slick-dots > li button {
  width: 100%;
  height: 10px;
  width: 10px;
  padding: 0px;
}
.travelpolicylider .slick-dots > li button:before {
  content: "";
  width: 10px;
  height: 10px;
  background: transparent;
  transition: 0.3s all ease-in;
  opacity: 1;
  border-radius: 50%;
  border: 1px solid #005DAC;
}
.travelpolicylider .slick-dots > li.slick-active button:before {
  background: #F58220;
  transition: 0.3s all ease-in;
  opacity: 1;
  border: 1px solid #F58220;
}
.travelpolicylider .slick-dotted.slick-slider {
  margin-bottom: 0;
}
.policyclaim {
  width: 100%;
  float: left;
  padding: 40px 20px;
}
.policyclaim h2 {
  width: 100%;
  float: left;
  font-size: 32px;
  font-weight: 400;
  color: #454545;
  margin-bottom: 40px;
}
.viewplanstravel {
  border-radius: 10px;
  background: #005dac;
  padding: 20px 60px;
  color: #fff;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  line-height: 100%;
  transition: .3s allease-in;
  width: 100%;
  float: left;
  border: 0;
}
.policyclaim .formfild {
  margin-bottom: 40px;
}
.error-msg {
  display: none;
}
.super-script {
  padding-left: 0.2rem;
  color: #ff0d00;
}
.show-error .error-msg {
  display: block;
}
.travelclaim_form .mopro_errordiv {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  column-gap: 10px;
  padding-top: 10px;
}
.travelclaim_form .mopro_errordiv img {
  width: 20px;
  height: 20px;
}
.travelclaim_form .mopro_errordiv p {
  font-size: 14px;
  line-height: 21px;
  color: #FF3B30;
}
.travelclaim_form .resend_otp_box {
  margin-bottom: 15px;
}
.travelclaim_form .otp_verify_btnbox {
  margin-top: 15px;
  float: left;
}
.travelres_title.redbg strong {
  background: #a60000;
}
.travelres_title.greenbg strong {
  background: #0b6b1d;
}
.travelres_title.orangebg strong {
  background: #f58321;
}
.download_policy_documents {
  width: 100%;
  float: left;
  padding: 135px 0;
}
.claim_title {
  width: 100%;
  float: left;
  margin-bottom: 60px;
}
.claim_title h2 {
  width: 100%;
  float: left;
  font-size: 32px;
  color: #000000;
}
.download_policy_list {
  width: 100%;
  float: left;
  display: flex;
  gap: 10px;
}
.download_policybox {
  width: 25%;
  float: left;
  background:
    linear-gradient(
      180deg,
      rgba(182, 217, 242, 0) 0%,
      rgba(182, 217, 242, 0.2) 100%);
  border: 1.41px solid #005DAC1A;
  box-shadow: 0px 14.1px 42.31px 0px #00000024;
  padding: 44px 44px;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  gap: 147px;
}
.dpolicyimg {
  width: 100%;
  float: left;
}
.dpolicyimg img {
  width: 64px;
  height: 64px;
  float: left;
}
.dpolicytext {
  width: 100%;
  float: left;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.dpolicytext p {
  font-size: 20px;
  color: #454545;
  font-weight: 400;
  float: left;
}
.dpolicytext a {
  float: left;
}
.dpolicytext a img {
  width: 34px;
  height: 34px;
  float: left;
}
.beclaim_section {
  width: 100%;
  float: left;
  padding-bottom: 135px;
}
.beclaim_section .wrapper {
  padding-top: 35px;
  padding-bottom: 35px;
}
.beclaim_section .travel-bg {
  position: relative;
  background:
    linear-gradient(
      to bottom,
      #177F96 0%,
      #8ADAEC 67%,
      #0D8DA9 100%);
  overflow: hidden;
}
.beclaim_section .travel-wrapper {
  width: 100%;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  column-gap: 50px;
}
.beclaim_section .simplifly-title {
  position: absolute;
  right: 0;
  white-space: nowrap;
  left: 100px;
  font-size: 120px;
  font-weight: 700;
  line-height: 115%;
  letter-spacing: -1px;
  text-align: center;
  background:
    linear-gradient(
      180deg,
      #FFF 0%,
      rgba(255, 255, 255, 0) 100%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  display: block;
  width: max-content;
  animation: travel-scroll-left 15s linear infinite;
  top: 280px;
}
.beclaim_section .travel-left-box {
  width: calc(100% - 750px);
  align-items: center;
  justify-content: center;
  animation: travel-imgscroll 3s linear;
}
.beclaim_section .travel-banner-img {
  max-width: 100%;
}
.beclaim_section .travel-right-box {
  width: 700px;
  background-color: #FFFFFF;
  padding: 31px 45px;
  border-radius: 25px;
  float: left;
}
.beclaim_title {
  width: 100%;
  float: left;
  margin-bottom: 40px;
}
.beclaim_title h2 {
  width: 100%;
  float: left;
  font-size: 32px;
  color: #000;
  width: 100%;
  float: left;
  margin-bottom: 10px;
}
.beclaim_title p {
  font-size: 20px;
  color: #000;
  font-weight: 400;
  width: 100%;
  float: left;
}
.beclaim_acco {
  width: 100%;
  float: left;
}
.beclaim_acco_list {
  width: 100%;
  float: left;
  padding: 40px 0;
  border-top: 1px dashed #00000040;
}
.beclaim_acco_list a {
  width: 100%;
  float: left;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.beclaim_acco_list a p {
  float: left;
  font-size: 32px;
  color: #454545;
  font-weight: 400;
}
.beclaim_acco_list a img {
  float: left;
  width: 24px;
  height: 24px;
}
.beclaim_acco_data {
  width: 100%;
  float: left;
  margin-top: 40px;
  display: none;
}
.beclaim_acco_data .guide-tabs {
  width: 100%;
  float: left;
}
.beclaim_acco_data .guide-step-li {
  width: 100%;
  display: flex;
  column-gap: 20px;
  align-items: center;
  padding: 10px 0px;
  position: relative;
}
.beclaim_acco_data .guide-step-li::before {
  content: "";
  position: absolute;
  height: 49%;
  width: 1px;
  border-left: 1px dashed #454545;
  left: 17px;
  top: 50%;
  z-index: 0;
}
.beclaim_acco_data .guide-step-li:first-child:after {
  content: none;
}
.beclaim_acco_data .guide-step-li::after {
  content: "";
  position: absolute;
  height: 50%;
  width: 1px;
  border-left: 1px dashed #454545;
  left: 17px;
  bottom: 50%;
  z-index: 0;
}
.beclaim_acco_data .guide-step-li:last-child:before {
  content: none;
}
.beclaim_acco_data .step-counter {
  z-index: 1;
  position: relative;
  width: 35px;
  height: 35px;
  border: 1.35px solid #454545;
  background-color: #B6D9F2;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
}
.beclaim_acco_data .step-counter p {
  font-size: 16px;
  color: #2F2E2E;
}
.beclaim_acco_data .guide-step-description {
  width: calc(100% - 55px);
  font-size: 20px;
  line-height: 22px;
}
.beclaim_acco_data .guide-btn-box {
  margin-top: 45px;
}
.beclaim_acco_data .know-more-btn {
  width: 100%;
  display: inline-block;
  padding: 20px;
  color: #005DAC;
  font-weight: 600;
  border: 1px solid #005DAC;
  text-align: center;
  border-radius: 10px;
  font-size: 20px;
}
.beclaim_acco_data .guide-video-box {
  width: 100%;
  height: 250px;
  border-radius: 10px;
  overflow: hidden;
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px;
  margin: 0 0 15px 0;
}
.beclaim_acco_data .video-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  z-index: 2;
}
.beclaim_acco_data .guide-bgimg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.beclaim_acco_data .video-btn-box {
  position: relative;
  z-index: 3;
}
.beclaim_acco_data .video-btn-box .icon-play {
  color: #ffffff;
  font-size: 24px;
}
.beclaim_acco_data .video-btn-box .icon-play:before {
  content: "\e819";
}
.beclaim_acco_data.active {
  display: block;
}
.need_assistancepet {
  width: 100%;
  float: left;
  padding-bottom: 135px;
}
.need_assista_bg {
  width: 100%;
  float: left;
  background:
    linear-gradient(
      270deg,
      #15EFEF 0%,
      #FEDA82 100%);
  border-radius: 20px;
  display: flex;
  align-items: center;
  padding: 0 90px;
  justify-content: space-around;
  height: 240px;
  overflow: hidden;
}
.need_assi_img {
  float: left;
}
.need_assi_img img {
  width: auto;
  height: 295px;
  float: left;
}
.need_assitext {
  float: left;
  display: flex;
  flex-direction: column;
}
.need_assitext h2 {
  float: left;
  font-size: 48px;
  color: #000000;
  font-weight: 400;
  margin-bottom: 16px;
}
.need_assitext p {
  font-size: 26px;
  color: #000000;
  font-weight: 400;
  float: left;
  width: 67%;
  line-height: 35px;
}
.getstart_pet {
  color: #fff;
  font-weight: 700;
  font-size: 20px;
  background: #F58220;
  padding: 20px 20px;
  border-radius: 10px;
  float: left;
}
.needtectclaim {
  float: left;
  display: flex;
  align-items: center;
}
.pet_ins_coverage {
  width: 100%;
  float: left;
  box-shadow: 0px 0px 50px 0px #00000024 inset;
  padding: 80px 0;
}
.pet_ins_coverage .faqlist {
  width: 100%;
  float: left;
}
.pet_ins_coverage .faqdata {
  width: 100%;
  float: left;
  padding: 32px 0;
  border-top: 1px dashed rgba(0, 0, 0, 0.4);
}
.pet_ins_coverage .faqdata a {
  width: 100%;
  float: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.pet_ins_coverage .faqdata a strong {
  float: left;
  color: #131313;
  font-size: 32px;
  font-weight: 400;
}
.pet_ins_coverage .faqdata a p {
  float: left;
  font-size: 20px;
  color: #454545;
}
.pet_ins_coverage .faqdatatext {
  width: 100%;
  float: left;
  margin-top: 30px;
}
.pet_ins_coverage .faqdatatext p {
  width: 100%;
  float: left;
  color: #454545;
  font-size: 20px;
}
.pet_ins_coverage .faqdata a .icon-slider-arrow {
  font-size: 14px;
  color: #454545;
  transform: rotate(90deg);
  transition: 0.2s ease;
}
.covtitle {
  float: left;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.pet_ins_coverage .faqdata.active a .icon-slider-arrow {
  transform: rotate(270deg);
}
.claimprocessvideo img {
  max-width: 100%;
  display: block;
}
.claimprocessvideo .slick-track {
  display: flex !important;
}
.claimprocessvideo .slick-slide {
  height: inherit !important;
}
.claimprocessvideo {
  width: 100%;
  float: left;
  background: #454545;
  box-shadow: 0 0 188.579px 150.863px #000 inset;
  padding: 90px 0 90px 0;
}
.claimprocessvideo .headingBox {
  margin-bottom: 60px;
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
}
.claimprocessvideo .headingBox .secHeadingBox {
  width: 70%;
}
.claimprocessvideo .secHeadingBox .secHeading {
  color: #fff;
  font-size: 32px;
  font-weight: 400;
  line-height: 106%;
  letter-spacing: -.96px;
}
.claimprocessvideo .insurancetoggle-option.active {
  color: #454545;
  z-index: 2;
}
.claimprocessvideo .insurancetoggle-slider {
  position: absolute;
  top: 0;
  left: 0;
  width: 55%;
  height: 100%;
  background-color: #fff;
  border-radius: 52px;
  transition: left .3s ease;
}
.claimprocessvideo .headingBox .ctaDiv {
  display: flex;
  align-items: center;
  justify-content: center;
}
.claimprocessvideo .headingBox .ctaDiv .headingCta {
  margin-left: 20px;
  border-radius: 10px;
  background: #f58220;
  padding: 15px 30px;
  color: #fff;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  line-height: 100%;
  display: inline-block;
  transition: .3s all ease-in;
}
.claimprocessvideo .filterBox {
  margin-bottom: 30px;
}
.claimprocessvideo .filterBox ul {
  display: flex;
  align-items: center;
  gap: 20px;
}
.claimprocessvideo .filterBox ul li button {
  padding: 8px 30px;
  border-radius: 90px;
  color: #fff;
  font-size: 20px;
  font-weight: 400;
  background: 0 0;
  cursor: pointer;
  transition: .5s all ease-in-out;
  border: 1px solid transparent;
}
.claimprocessvideo .headingBox .toggle-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 120px;
  height: 36px;
  border-radius: 90px;
  border: 1px solid #fff;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0);
  overflow: hidden;
  cursor: pointer;
  position: relative;
}
.claimprocessvideo .insurancetoggle-option {
  width: 50%;
  text-align: center;
  transition: color .3s ease;
  font-weight: 500;
  font-size: 18px;
  letter-spacing: -.54px;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
}
.claimprocessvideo .filterBox ul li button:hover {
  border: 1px solid #454545;
}
.claimprocessvideo .filterBox ul li button.active {
  background: #f58220;
  border: 1px solid #f58220;
}
.claimprocessvideo .insuransesamjoSlider {
  padding: 0 0 40px;
  margin-bottom: 0;
}
.claimprocessvideo .insuransesamjoSlider .slick-list {
  padding-left: 160px;
  padding-right: 160px;
}
.claimprocessvideo .insuransesamjoSlider .slick-track {
  margin-left: unset;
}
.claimprocessvideo .insuransesamjoBox {
  margin-right: 10px;
}
.claimprocessvideo .insuransesamjoBox:last-child {
  margin-right: 0;
}
.claimprocessvideo .insuransesamjoImg {
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}
.claimprocessvideo .insuransesamjoImg::before {
  content: "";
  display: block;
  background: rgba(0, 0, 0, .2);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.claimprocessvideo .insuransesamjoImg i {
  color: #fff;
  font-size: 48px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.claimprocessvideo .insuransesamjoImg .videoThumb {
  transition: .5s all ease-in-out;
}
.claimprocessvideo .insuransesamjoBox:hover .insuransesamjoImg .videoThumb {
  transform: scale(1.1);
}
.claimprocessvideo .insuransesamjoSlider .insuransesamjoHeading .cardHeading {
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  line-height: 135%;
  margin-top: 24px;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.claimprocessvideo .wrapperfull .hidden {
  display: none !important;
}
.claimprocessvideo .headingBox .ctaDiv .headingCta:hover {
  background: rgba(245, 130, 32, .6);
}
.claimprocessvideo .insuransesamjoSlider .slick-dots {
  display: flex;
  overflow: hidden;
  bottom: -25px;
  left: 8%;
  width: 90%;
}
.claimprocessvideo .insuransesamjoSlider .slick-dots li {
  flex: 1;
  height: 5px;
  margin: 0px;
  overflow: hidden;
}
.claimprocessvideo .insuransesamjoSlider .slick-dots li:first-child {
  border-top-left-radius: 90px;
  border-bottom-left-radius: 90px;
}
.claimprocessvideo .insuransesamjoSlider .slick-dots li:last-child {
  border-top-right-radius: 90px;
  border-bottom-right-radius: 90px;
}
.claimprocessvideo .insuransesamjoSlider .slick-dots li button {
  width: 100%;
  height: 5px;
  padding: 0px;
}
.claimprocessvideo .insuransesamjoSlider .slick-dots li button:before {
  content: "";
  width: 100%;
  height: 5px;
  background: rgba(255, 255, 255, 0.2);
  transition: 0.3s all ease-in;
  opacity: 1;
}
.claimprocessvideo .insuransesamjoSlider .slick-dots li button:hover:before {
  transform: scaleY(1.5);
}
.claimprocessvideo .insuransesamjoSlider .slick-dots li.slick-active button:before {
  background: #fff;
  transition: 0.3s all ease-in;
  opacity: 1;
}
.claimprocessvideo .popup-main-bg {
  z-index: 5;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.8);
  display: none;
}
.claimprocessvideo .popup-modal-body {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 2px;
  background-color: #000;
}
.claimprocessvideo .popup-width-800 {
  width: 800px;
  background-color: #000;
}
.claimprocessvideo .popup-modal-relative {
  position: relative;
  width: 100%;
}
.claimprocessvideo .popup-close {
  cursor: pointer;
  position: absolute;
  right: -10px;
  top: -10px;
  z-index: 9999;
  width: 25px;
  height: 25px;
  border-radius: 25px;
  text-align: center;
  background-color: #000;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.claimprocessvideo .popup-close i {
  font-size: 12px;
  font-style: normal;
}
.claimprocessvideo .video-wrapper {
  width: 100%;
  height: 500px;
}
.claimprocessvideo .video-wrapper iframe {
  width: 100%;
  height: 100%;
}
.whychooseSecbajaj {
  width: 100%;
  float: left;
  padding: 90px 0;
}
.whychooseSecbajaj .whychooseContent {
  width: 100%;
  float: left;
}
.whychooseSecbajaj .secHeadingBox {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.whychooseSecbajaj .secHeadingBox .secHeading {
  color: #000;
  font-size: 32px;
  font-weight: 400;
  line-height: 106%;
  letter-spacing: -0.96px;
}
.whychooseSecbajaj .secHeadingBox .viewCta {
  border-radius: 8px;
  border: 1px solid rgba(69, 69, 69, 0.5);
  padding: 6px 14px;
  color: #454545;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: -0.54px;
  display: inline-block;
  transition: 0.3s all ease-in;
}
.whychooseSecbajaj .secHeadingBox .viewCta:hover {
  border: 1px solid #454545;
  background: #FFF;
}
.whychooseSecbajaj .whychooseContent .whychooseData {
  padding: 60px 0px 0;
}
.whychooseSecbajaj .whychooseContent .whychooseData .whychooseBox {
  margin-right: 10px;
  position: relative;
  padding: 16px 12px;
  border-radius: 20px;
  border: 1px solid rgba(0, 93, 172, 0.1);
  background: #FFF;
  box-shadow: 5px 10px 10px 0px rgba(0, 0, 0, 0.1);
  transition: 0.3s all ease-in-out;
}
.whychooseSecbajaj .whychooseData .whychooseBox:hover img {
  transform: scale(1.1);
}
.whychooseSecbajaj .whychooseData .whychooseBox:last-child {
  margin-right: 0px;
}
.whychooseSecbajaj .whychooseData .whychooseBox .whychooseImg {
  overflow: hidden;
  border-radius: 20px;
  position: relative;
}
.whychooseSecbajaj .whychooseData .whychooseBox .whychooseImg img {
  transition: 0.5s all ease-in-out;
}
.whychooseSecbajaj .whychooseSecondryHeading {
  position: absolute;
  padding: 24px;
  z-index: 1;
}
.whychooseSecbajaj .whychooseSecondryHeading .cardHeading {
  color: #FFF;
  font-size: 32px;
  font-weight: 400;
  line-height: 106%;
  margin-bottom: 10px;
}
.whychooseSecbajaj .whychooseData .whychooseBox.slick-slide {
  transform: scaleY(0.85);
}
.whychooseSecbajaj .whychooseData .whychooseBox.slick-active {
  transform: scaleY(1);
}
.whychooseSecbajaj .whychooseData .slick-dots {
  display: flex;
  overflow: hidden;
  bottom: -50px;
}
.whychooseSecbajaj .whychooseData .slick-dots li {
  flex: 1;
  height: 5px;
  margin: 0px;
  overflow: hidden;
}
.whychooseSecbajaj .whychooseData .slick-dots li:first-child {
  border-top-left-radius: 90px;
  border-bottom-left-radius: 90px;
}
.whychooseSecbajaj .whychooseData .slick-dots li:last-child {
  border-top-right-radius: 90px;
  border-bottom-right-radius: 90px;
}
.whychooseSecbajaj .whychooseData .slick-dots li button {
  width: 100%;
  height: 5px;
  padding: 0px;
}
.whychooseSecbajaj .whychooseData .slick-dots li button:before {
  content: "";
  width: 100%;
  height: 5px;
  background: rgba(0, 0, 0, 0.15);
  transition: 0.3s all ease-in;
}
.whychooseSecbajaj .whychooseData .slick-dots li button:hover:before {
  transform: scaleY(1.5);
}
.whychooseSecbajaj .whychooseData .slick-dots li.slick-active button:before {
  background: #000;
  transition: 0.3s all ease-in;
}
.whychooseSecbajaj .whychooseData .slick-track {
  margin-bottom: 15px;
}
.whychooseSecbajaj .whychooseHeading {
  padding: 40px 28px 54px;
}
.whychooseSecbajaj .whychooseHeading .cardHeading {
  color: #000;
  font-size: 22px;
  font-weight: 400;
  line-height: 118%;
  margin-bottom: 10px;
}
.whychooseSecbajaj .whychooseHeading .cardDescription {
  color: #454545;
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
}
.whychooseSecbajaj .cardDescription {
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
}
.testimonialsSec {
  background: #454545;
  box-shadow: 0px 0px 250px 200px #000 inset;
  padding: 235px 0px;
  float: left;
  width: 100%;
}
.testimonialsSec .wrapper {
  padding-left: 160px;
  padding-right: 160px;
}
.testimonialsSec .wrapper .headingBox {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 60px;
  flex-flow: wrap;
}
.testimonialsSec .wrapper .headingBox .secHeadingBox .secHeading {
  color: #fff;
  font-size: 32px;
  font-weight: 400;
  line-height: 106%;
  letter-spacing: -0.96px;
}
.testimonialsSec .wrapper .headingBox .filterBox ul {
  display: flex;
  align-items: center;
  gap: 10px;
  list-style-type: none;
}
.testimonialsSec .wrapper .headingBox .filterBox ul li button {
  padding: 8px 30px;
  border-radius: 90px;
  color: #FFF;
  font-size: 20px;
  font-weight: 400;
  background: transparent;
  cursor: pointer;
  transition: 0.5s all ease-in-out;
  border: 1px solid transparent;
}
.testimonialsSec .wrapper .headingBox .filterBox ul li button:hover {
  border: 1px solid #454545;
}
.testimonialsSec .wrapper .headingBox .filterBox ul li button.active {
  background: #F58220;
  border: 1px solid #F58220;
}
.testimonialsSec .slick-track {
  float: left;
}
.testimonialsSec .testimonialsBox {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 10px;
  border: 1px solid rgba(0, 93, 172, 0.1);
  background:
    linear-gradient(
      180deg,
      rgba(182, 217, 242, 0) 0%,
      rgba(182, 217, 242, 0.2) 100%),
    #FFF;
  box-shadow: 0px 30px 90px 0px rgba(0, 0, 0, 0.14);
  margin-right: 10px;
}
.testimonialsSec .testimonialsBox:last-child {
  margin-right: 0px;
}
.testimonialsSec .testimonialsBox .testimonialsData {
  padding: 30px;
}
.testimonialsSec .testimonialsBox .testimonialsData .cardHeading {
  color: #000;
  font-size: 22px;
  font-weight: 400;
  line-height: 118%;
  margin-bottom: 15px;
  letter-spacing: 0.03em;
}
.testimonialsSec .testimonialsBox .testimonialsData .cardDescription {
  color: #454545;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.03em;
}
.testimonialsSec .testimonialsBox .testimonialsPD {
  border-top: 1px dashed rgba(0, 0, 0, 0.4);
  padding: 20px;
  display: flex;
  justify-content: space-between;
}
.testimonialsSec .testimonialsBox .testimonialsPD .ispersonData {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 65%;
}
.testimonialsSec .testimonialsBox .testimonialsPD .ispersonData .ispersonImg {
  width: 68px;
  height: 68px;
  border-radius: 50%;
  overflow: hidden;
}
.testimonialsSec .testimonialsBox .testimonialsPD .ispersonData .ispersonInfo {
  width: calc(100% - 82px);
}
.testimonialsSec .testimonialsBox .testimonialsPD .ispersonData .ispersonInfo .cardPersonName {
  color: #000;
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
  margin-bottom: 6px;
}
.testimonialsSlide .slick-track {
  display: flex;
}
.testimonialsSlide .slick-slide {
  height: inherit;
}
.testimonialsSlide .slick-dots > li:only-child {
  display: none;
}
.testimonialsSec .testimonialsBox .testimonialsPD .ispersonData .ispersonInfo .cardPersonLocation {
  color: #454545;
  font-size: 18px;
  font-weight: 400;
  line-height: 100%;
}
.testimonialsSec .testimonialsBox .testimonialsPD .ratedateBox {
  width: 32%;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
}
.testimonialsSec .testimonialsBox .testimonialsPD .ratedateBox .ratingStar {
  border-radius: 10px;
  background: #0A5;
  padding: 2px 8px;
  display: flex;
  align-items: center;
  width: 50px;
  justify-content: space-between;
  margin-bottom: 12px;
}
.testimonialsSec .testimonialsBox .testimonialsPD .ratedateBox .ratingStar p {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: 0.5px;
  display: block;
  width: auto;
}
.testimonialsSec .testimonialsBox .testimonialsPD .ratedateBox .ratingStar i {
  color: #fff;
  font-size: 10px;
  line-height: 100%;
}
.testimonialsSec .testimonialsBox .testimonialsPD .ratedateBox .dateBox p {
  color: #454545;
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
}
.testimonialsSec .slick-dots {
  display: flex;
  overflow: hidden;
  bottom: -37px;
}
.testimonialsSec .slick-dots li {
  flex: 1;
  height: 5px;
  margin: 0px;
  overflow: hidden;
}
.testimonialsSec .slick-dots li:first-child {
  border-top-left-radius: 90px;
  border-bottom-left-radius: 90px;
}
.testimonialsSec .slick-dots li:last-child {
  border-top-right-radius: 90px;
  border-bottom-right-radius: 90px;
}
.testimonialsSec .slick-dots li button {
  width: 100%;
  height: 5px;
  padding: 0px;
}
.testimonialsSec .slick-dots li button:before {
  content: "";
  width: 100%;
  height: 5px;
  background: rgba(255, 255, 255, 0.2);
  transition: 0.3s all ease-in;
  opacity: 1;
}
.testimonialsSec .slick-dots li button:hover:before {
  transform: scaleY(1.5);
}
.testimonialsSec .slick-dots li.slick-active button:before {
  background: #fff;
  transition: 0.3s all ease-in;
  opacity: 1;
}
.faqclaim {
  width: 100%;
  float: left;
  padding: 124px 0 57px;
  box-shadow: 0px 0px 50px 0px #00000024 inset;
}
.faqclaim .faqthankyou_title {
  width: 100%;
  float: left;
  margin-bottom: 32px;
}
.faqclaim .faqthankyou_title h2 {
  width: 100%;
  float: left;
  font-size: 32px;
  color: #454545;
  font-weight: 400;
}
.faqclaim .faqlist {
  width: 100%;
  float: left;
}
.faqclaim .faqdata {
  width: 100%;
  float: left;
  padding: 32px 0;
  border-top: 1px dashed rgba(0, 0, 0, 0.4);
}
.faqclaim .faqdata strong {
  width: 100%;
  float: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.faqclaim .faqdata strong p {
  float: left;
  color: #131313;
  font-size: 24px;
  font-weight: 400;
}
.faqclaim .faqdatatext {
  width: 100%;
  float: left;
  margin-top: 16px;
}
.faqclaim .faqdatatext p {
  width: 100%;
  float: left;
  color: #454545;
  font-size: 20px;
}
.faqclaim .faqdata strong .icon-slider-arrow {
  font-size: 14px;
  color: #454545;
  transform: rotate(90deg);
  transition: 0.2s ease;
}
.faqclaim .faqdata.active strong .icon-slider-arrow {
  transform: rotate(270deg);
}
.godigital {
  width: 100%;
  float: left;
  padding: 135px 0;
}
.godigital .godigitalImg img {
  max-width: 580px;
  display: block;
}
.godigital .godigitalBox {
  display: flex;
  flex-flow: wrap;
  align-items: center;
  justify-content: space-between;
  border-radius: 20px;
  padding: 30px 147px;
  width: 100%;
  float: left;
  height: 390px;
  overflow: hidden;
}
.godigital .godigitalBox.blue_dgbox {
  background:
    radial-gradient(
      139.39% 140.26% at 100% 0%,
      #00559C 0%,
      #1882B9 27.4%,
      #42D0E9 67.24%);
  align-items: flex-start;
}
.godigital .godigitalImg {
  width: 36%;
  float: left;
}
.godigital .godigitalTxt {
  width: 40%;
  float: left;
  padding: 50px 0;
}
.godigital .godigitalCardheading {
  color: #fff;
  font-size: 57px;
  font-weight: 400;
  line-height: 105%;
  margin-bottom: 20px;
}
.godigital .godigitalCardDescription {
  color: #FFF;
  font-size: 22px;
  font-weight: 400;
  line-height: 145%;
}
.godigital .godigitalHeading {
  width: 100%;
  float: left;
}
.storelogo {
  width: 100%;
  float: left;
  margin-top: 39px;
  display: flex;
  gap: 20px;
}
.storelogo a {
  float: left;
}
.storelogo a img {
  float: left;
  max-width: 100%;
}
@media screen and (max-width:1800px) {
  .travelclaim-section .travel-banner-img {
    max-width: 100%;
  }
  .simplifly-title {
    font-size: 80px;
    left: 100px;
  }
  .travelclaim-banner-img {
    max-width: 80%;
  }
  .download_policybox {
    gap: 80px;
  }
  .dpolicytext p {
    font-size: 18px;
  }
  .dpolicyimg img {
    width: auto;
    height: 60px;
  }
  .download_policy_documents {
    padding: 100px 0;
  }
  .beclaim_section .simplifly-title {
    font-size: 80px;
    left: 100px;
  }
  .beclaim_section .travel-left-box {
    width: calc(100% - 400px);
  }
  .beclaim_section .travel-banner-img {
    max-width: 80%;
  }
  .beclaim_section .travel-right-box {
    padding: 30px;
  }
  .beclaim_acco_data .guide-step-li {
    padding: 8px 0;
  }
  .beclaim_acco_data .guide-step-description {
    font-size: 14px;
    line-height: 19px;
  }
  .beclaim_acco_data .guide-btn-box {
    margin-top: 20px;
  }
  .beclaim_acco_data .know-more-btn {
    padding: 15px;
    font-size: 16px;
  }
  .pet_ins_coverage .faqdata a strong {
    font-size: 20px;
  }
  .pet_ins_coverage .faqdata {
    padding: 25px 0;
  }
  .need_assistancepet {
    padding-bottom: 100px;
  }
  .pet_ins_coverage {
    padding: 60px 0;
  }
  .claimprocessvideo {
    padding: 35px 0;
  }
  .claimprocessvideo .secHeadingBox .secHeading {
    font-size: 20px;
    letter-spacing: -.72px;
  }
  .claimprocessvideo .insurancetoggle-option {
    font-size: 14px;
  }
  .claimprocessvideo .headingBox .ctaDiv .headingCta {
    font-size: 16px;
    padding: 10px 16px;
  }
  .claimprocessvideo .filterBox ul li button {
    font-size: 16px;
    padding: 7px 22px;
  }
  .claimprocessvideo .insuransesamjoImg i {
    font-size: 40px;
  }
  .claimprocessvideo .insuransesamjoSlider .insuransesamjoHeading .cardHeading {
    font-size: 18px;
    margin-top: 20px;
  }
  .claimprocessvideo .insuransesamjoSlider .slick-dots {
    width: 90%;
  }
  .claimprocessvideo .insuransesamjoSlider .slick-list {
    padding-left: 80px;
    padding-right: 80px;
  }
  .claimprocessvideo .headingBox {
    margin-bottom: 44px;
  }
  .claimprocessvideo .headingBox .toggle-container {
    width: 100px;
    height: 30px;
  }
  .claimprocessvideo .filterBox {
    margin-bottom: 24px;
  }
  .claimprocessvideo .filterBox ul {
    gap: 15px;
  }
  .claimprocessvideo .insuransesamjoSlider {
    padding: 0 0 80px;
  }
  .whychooseSecbajaj .whychooseHeading .cardHeading {
    font-size: 18px;
  }
  .whychooseSecbajaj .whychooseSecondryHeading .cardHeading {
    font-size: 24px;
  }
  .whychooseSecbajaj .whychooseSecondryHeading .cardDescription {
    font-size: 14px;
  }
  .whychooseSecbajaj .secHeadingBox .secHeading {
    letter-spacing: -0.72px;
  }
  .whychooseSecbajaj .secHeadingBox .secHeading {
    font-size: 24px;
  }
  .whychooseSecbajaj .whychooseContent .whychooseData {
    padding: 44px 0px;
  }
  .whychooseSecbajaj .whychooseData .whychooseBox {
    padding: 12px 10px;
  }
  .whychooseSecbajaj .whychooseBox .whychooseHeading {
    padding: 30px 20px 32px;
  }
  .whychooseSecbajaj .whychooseHeading .cardHeading {
    margin-bottom: 8px;
  }
  .whychooseSecbajaj .whychooseHeading .cardDescription {
    font-size: 14px;
    height: 40px;
  }
  .whychooseSecbajaj .secHeadingBox .viewCta {
    font-size: 14px;
  }
  .testimonialsSec .wrapper {
    padding-left: 116px;
    padding-right: 116px;
  }
  .testimonialsSec {
    padding: 35px 0px;
  }
  .testimonialsSec {
    padding: 100px 0;
  }
  .faqclaim .faqthankyou_title h2 {
    font-size: 24px;
  }
  .faqclaim .faqdata strong p {
    font-size: 20px;
  }
  .faqclaim .faqdata {
    padding: 25px 0;
  }
  .godigital .godigitalBox {
    padding: 30px 40px;
  }
  .godigital .godigitalCardheading {
    font-size: 44px;
  }
  .godigital .godigitalCardDescription {
    font-size: 18px;
  }
  .godigital .godigitalImg {
    width: 44%;
  }
  .godigital .godigitalBox {
    padding: 20px 40px;
  }
  .godigital {
    padding: 100px 0;
  }
  .faqclaim {
    padding: 100px 0;
  }
}
@media screen and (max-width:1440px) {
  .travelclaim-section .wrapper {
    padding: 150px 24px 150px;
  }
  .travelclaim-section .simplifly-title {
    font-size: 115px;
    top: 200px;
  }
  .travelformtab ul li a {
    font-size: 18px;
  }
  .travelformbox {
    margin-top: 30px;
  }
  .travelaceicon_names img {
    width: 45px;
    height: 45px;
  }
  .travelacenames_text p {
    font-size: 16px;
  }
  .travelace_btn {
    gap: 15px;
  }
  .travelace_btn a {
    padding: 12px 20px;
  }
  .travelacenames_text i {
    font-size: 14px;
  }
  .travelacenames_text p {
    font-size: 16px;
  }
  .travelacenames_text i {
    font-size: 14px;
  }
  .travelaceicon_names img {
    width: 48px;
    height: 48px;
  }
  .travelaceicon_names {
    gap: 16px;
  }
  .travelace_btn {
    padding: 6px 16px 18px;
  }
  .travelace_btn a {
    padding: 13px 20px;
  }
  .policyclaim h2 {
    font-size: 22px;
    margin-bottom: 25px;
  }
  .travelace_btn a {
    font-size: 16px;
  }
  .travelpolicylider {
    padding: 40px 0 46px;
  }
  .viewplanstravel {
    font-size: 18px;
  }
  .policyclaim .formfild {
    margin-bottom: 25px;
  }
  .beclaim_section .travel-wrapper {
    display: flex;
    justify-content: center;
    column-gap: 20px;
  }
  .beclaim_section .travel-bg {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .beclaim_acco_list {
    padding: 20px 0;
  }
  .beclaim_title h2 {
    font-size: 20px;
  }
  .beclaim_title p {
    font-size: 14px;
  }
  .beclaim_acco_list a p {
    font-size: 18px;
  }
  .beclaim_acco_list a img {
    width: auto;
    height: 14px;
  }
  .beclaim_acco_data .step-counter {
    width: 25px;
    height: 25px;
    margin: 0 4px;
  }
  .beclaim_acco_data .guide-step-li {
    column-gap: 10px;
  }
  .need_assitext h2 {
    font-size: 32px;
  }
  .need_assitext p {
    line-height: 26px;
    width: 100%;
    font-size: 18px;
  }
  .getstart_pet {
    padding: 14px 20px;
    font-size: 18px;
  }
  .need_assista_bg {
    padding: 0 15px;
    gap: 50px;
  }
  .needtectclaim {
    justify-content: space-between;
  }
  .beclaim_section {
    padding-bottom: 100px;
  }
  .pet_ins_coverage .faqdata a strong {
    font-size: 20px;
  }
  .pet_ins_coverage .faqdata {
    padding: 24px 0;
  }
  .claim_title h2 {
    font-size: 26px;
  }
  .claimprocessvideo {
    padding: 35px 0;
  }
  .claimprocessvideo .headingBox {
    margin-bottom: 36px;
  }
  .claimprocessvideo .headingBox .toggle-container {
    width: 80px;
  }
  .claimprocessvideo .filterBox {
    margin-bottom: 20px;
  }
  .claimprocessvideo .filterBox ul {
    gap: 10px;
  }
  .claimprocessvideo .insuransesamjoSlider {
    padding: 0 0 70px;
  }
  .claimprocessvideo .insuransesamjoSlider .insuransesamjoHeading .cardHeading {
    margin-top: 18px;
  }
  .claimprocessvideo .insuransesamjoSlider .slick-dots {
    width: 90%;
    bottom: 14px;
  }
  .whychooseSecbajaj .whychooseContent .whychooseData {
    padding: 0 0px;
  }
  .whychooseSecbajaj .whychooseData .whychooseBox {
    padding: 10px 8px;
  }
  .whychooseSecbajaj .whychooseBox .whychooseHeading {
    padding: 20px 15px 26px;
  }
  .whychooseSecbajaj .whychooseHeading .cardHeading {
    margin-bottom: 8px;
  }
  .claim_title {
    margin-bottom: 40px;
  }
  .whychooseSecbajaj .secHeadingBox {
    margin-bottom: 40px;
  }
  .testimonialsSec .wrapper {
    padding-left: 80px;
    padding-right: 80px;
  }
  .testimonialsSec .wrapper .headingBox .filterBox ul li button {
    padding: 8px 16px;
  }
  .testimonialsSec .wrapper .headingBox .filterBox ul li button.active {
    padding: 8px 20px;
  }
  .testimonialsSec .wrapper .headingBox {
    margin-bottom: 36px;
  }
  .testimonialsSec .slick-dots {
    bottom: -36px;
  }
}
@media screen and (max-width:1024px) {
  .travelclaim-right-box {
    width: 530px;
  }
  .travelclaim-section .product_over {
    width: calc(100% - 530px);
  }
  .travelclaim-section .simplifly-title {
    font-size: 94px;
    top: 100px;
  }
  .travelclaim-section .travel-banner-img {
    max-width: 100%;
  }
  .travelclaim-section .wrapper {
    padding: 150px 24px 150px;
  }
  .travelformtab ul li a {
    font-size: 18px;
  }
  .travelclaim_form .formfild label {
    font-size: 18px;
  }
  .travelclaim_form .formfild input {
    font-size: 18px;
  }
  .separaterDiv_tarvel {
    margin: 40px 0 50px;
  }
  .travelformdata .formfild {
    margin-bottom: 24px;
  }
  .travelproceed {
    font-size: 16px;
    padding: 16px 0px;
  }
  .download_policybox {
    gap: 80px;
    padding: 30px 30px;
  }
  .claim_title h2 {
    font-size: 24px;
  }
  .dpolicytext p {
    font-size: 18px;
  }
  .download_policy_documents {
    padding: 70px 0;
  }
  .dpolicyimg img {
    width: auto;
    height: 45px;
  }
  .beclaim_section {
    padding-bottom: 70px;
  }
  .need_assistancepet {
    padding-bottom: 70px;
  }
  .pet_ins_coverage .faqdata a p {
    font-size: 14px;
  }
  .covtitle {
    gap: 6px;
  }
  .pet_ins_coverage {
    padding: 40px 0;
  }
  .claimprocessvideo {
    padding: 50px 0;
  }
  .claimprocessvideo .secHeading {
    font-size: 22px;
    letter-spacing: -.6px;
  }
  .claimprocessvideo .insuransesamjoImg i {
    font-size: 24px;
  }
  .claimprocessvideo .insuransesamjoSlider .slick-dots {
    width: 89%;
    bottom: -10px;
  }
  .claimprocessvideo .insuransesamjoSlider .slick-list {
    padding-left: 32px;
    padding-right: 32px;
  }
  .claimprocessvideo .insuransesamjoSlider {
    padding: 0 0 40px;
  }
  .claimprocessvideo .popup-width-800 {
    width: 90%;
  }
  .whychooseSecbajaj {
    padding: 50px 0;
  }
  .whychooseSecbajaj .whychooseContent .whychooseData {
    padding: 20px 0px;
    margin: 0 0;
  }
  .whychooseSecbajaj .whychooseHeading .cardHeading {
    font-size: 16px;
  }
  .whychooseSecbajaj .whychooseImg .whychooseSecondryHeading .cardHeading {
    font-size: 22px;
  }
  .whychooseSecbajaj .secHeadingBox .secHeading {
    letter-spacing: -0.6px;
  }
  .whychooseSecbajaj .secHeadingBox .secHeading {
    font-size: 22px;
  }
  .whychooseSecbajaj .whychooseData .slick-dots {
    bottom: -10px;
  }
  .whychooseSecbajaj .secHeadingBox {
    margin-bottom: 20px;
  }
  .testimonialsSec .wrapper .headingBox .secHeadingBox .secHeading {
    font-size: 20px;
    letter-spacing: -0.6px;
  }
  .testimonialsSec .testimonialsBox .testimonialsData .cardHeading {
    font-size: 16px;
  }
  .testimonialsSec {
    padding: 50px 0px;
  }
  .faqclaim .faqdata strong p {
    font-size: 20px;
  }
  .faqclaim .faqthankyou_title h2 {
    font-size: 24px;
  }
  .faqclaim .faqdata {
    padding: 24px 0;
  }
  .faqclaim .faqthankyou_title {
    margin-bottom: 20px;
  }
  .faqclaim {
    padding: 60px 0px;
  }
  .godigitalCardheading {
    font-size: 24px;
    margin-bottom: 10px;
  }
  .godigitalCardDescription {
    font-size: 16px;
  }
  .godigitalBox {
    padding: 30px 40px;
  }
  .godigitalImg {
    width: 40%;
  }
  .godigitalTxt {
    width: 40%;
    padding-bottom: 15px;
  }
  .godigitalBox {
    padding: 20px 40px 0px;
  }
  .godigitalImg {
    width: 35%;
  }
  .godigitalTxt {
    width: 60%;
  }
  .godigital .godigitalImg img {
    max-width: 100%;
  }
  .godigital .godigitalBox {
    height: auto;
  }
  .godigital {
    padding: 60px 0 !important;
  }
  .travelace_data i {
    font-size: 12px;
  }
  .travelace_data p {
    font-size: 14px;
  }
}
@media screen and (max-width:820px) {
  .travelclaim-section .product_over {
    width: 100%;
    text-align: center;
  }
  .travelclaim-section .wrapper {
    padding: 0 0;
  }
  .travelclaim-wrapper {
    padding: 0px 0px;
    display: block;
  }
  .travelclaim-left-box {
    width: auto;
    padding: 55px 24px 50px;
    margin-top: 0;
  }
  .travelclaim-right-box {
    width: 100%;
    border-radius: 0;
    float: left;
  }
  .travelclaim-section {
    margin: 0 0;
  }
  .travelclaim-left-box img {
    max-width: 100%;
  }
  .travelclaim-section .simplifly-title {
    font-size: 64px;
    top: 30px;
  }
  .travelclaim_form .formfild label {
    font-size: 14px;
  }
  .travelclaim_form .formfild input {
    font-size: 14px;
    padding: 16px;
  }
  .separaterDiv_tarvel {
    margin: 30px 0 40px;
  }
  .travelformtab ul li a {
    font-size: 14px;
  }
  .travelformbox {
    margin-top: 24px;
  }
  .separetText_tarvel {
    padding: 8px;
  }
  .travelform_one {
    padding: 40px 24px;
  }
  .travelclaim_form .otp_section {
    padding: 40px 24px;
  }
  .travelpolicylider {
    position: relative;
    background:
      linear-gradient(
        90deg,
        #60ddff 0%,
        #3aadde 100%);
    padding: 10px 0 60px;
  }
  .travelpolicylider::after {
    content: "";
    position: absolute;
    background:
      linear-gradient(
        180.03deg,
        rgba(2, 163, 210, 0) 5.09%,
        rgba(2, 163, 210, 0.48) 45.5%,
        rgba(2, 163, 210, 0.84) 71.13%,
        #02A3D2 99.97%);
    background-repeat: repeat-x;
    width: 100%;
    height: 60px;
    bottom: 0;
    left: 0;
    right: 0;
  }
  .travelace_box {
    background: #fff;
  }
  .travelace_btn a {
    font-size: 16px;
  }
  .travelpolicylider .slick-dots > li button:before {
    width: 8px;
    height: 8px;
  }
  .travelpolicylider .slick-dots > li {
    margin: 0px -2px;
  }
  .travelpolicylider .slick-dots > li button:before {
    border: 1px solid #ffffff;
  }
  .travelpolicylider .slick-dots > li.slick-active button:before {
    background: #ffffff;
    border: 1px solid #ffffff;
  }
  .travelace_two {
    padding: 18px 16px;
    grid-template-columns: auto auto;
  }
  .policyclaim h2 {
    font-size: 20px;
    margin-bottom: 20px;
  }
  .viewplanstravel {
    font-size: 16px;
    padding: 16px 0px;
  }
  .policyclaim .formfild {
    margin-bottom: 20px;
  }
  .travelclaim-section::after {
    top: 34%;
  }
  .travelres_title strong {
    font-size: 12px;
    padding: 6px 8px;
  }
  .download_policy_documents {
    padding: 60px 0;
    border-top: 1px dashed #0000003d;
  }
  .claim_title h2 {
    font-size: 20px;
  }
  .claim_title {
    margin-bottom: 20px;
  }
  .download_policy_list {
    display: block;
    overflow-x: scroll;
    white-space: nowrap;
    overflow-y: hidden;
  }
  .download_policy_list::-webkit-scrollbar {
    height: 0;
  }
  .download_policybox {
    display: inline-block;
    float: none;
    box-shadow: 0 0 5px #d9d9d9;
  }
  .dpolicytext p {
    white-space: normal;
    font-size: 12px;
  }
  .download_policybox {
    padding: 13px 13px;
  }
  .dpolicyimg img {
    width: auto;
    height: 32px;
  }
  .dpolicytext a {
    display: none;
  }
  .download_policybox {
    width: 30%;
    height: 124px;
    margin-right: 7px;
    border-radius: 10px;
  }
  .dpolicyimg {
    margin-bottom: 40px;
  }
  .beclaim_acco_data .guide-video-box {
    display: flex;
    margin: 0px;
  }
  .beclaim_acco_data .step-counter {
    width: 25px;
    height: 25px;
    margin: 0 3px;
  }
  .beclaim_acco_data .guide-step-ul {
    margin-top: 15px;
  }
  .beclaim_acco_data .guide-step-li {
    column-gap: 12px;
  }
  .beclaim_acco_data .guide-step-li::after {
    left: 15px;
  }
  .beclaim_acco_data .guide-step-li::before {
    left: 15px;
  }
  .beclaim_acco_data .step-counter p {
    font-size: 14px;
  }
  .beclaim_acco_data .guide-step-description {
    width: calc(100% - 42px);
    font-size: 14px;
    line-height: 17px;
  }
  .beclaim_acco_data .guide-btn-box {
    margin-top: 10px;
    margin-bottom: 15px;
  }
  .beclaim_acco_data .know-more-btn {
    padding: 15px;
    font-size: 14px;
    padding: 12px;
  }
  .beclaim_acco_data .guide-video-box {
    height: 175px;
  }
  .beclaim_section .wrapper {
    padding: 0 0;
  }
  .beclaim_section .travel-wrapper {
    padding: 0px 0;
    display: block;
  }
  .beclaim_section .travel-left-box {
    width: auto;
    margin-top: 70px;
  }
  .beclaim_section .travel-right-box {
    width: 100%;
    padding: 0 0;
    border-radius: 0;
  }
  .beclaim_section {
    margin: 0 0;
    padding-bottom: 35px;
  }
  .beclaim_section .simplifly-title {
    font-size: 55px;
  }
  .beclaim_title {
    padding: 0 24px;
    margin-bottom: 30px;
  }
  .beclaim_acco_data {
    margin-top: 18px;
  }
  .beclaim_section .travel-wrapper {
    padding: 0px 0;
    display: block;
    width: 100%;
  }
  .beclaim_section .travel-left-box {
    display: none;
  }
  .beclaim_acco_list {
    padding: 25px 24px;
  }
  .need_assista_bg {
    padding: 0 30px;
    gap: 30px;
  }
  .need_assitext {
    margin-bottom: 20px;
  }
  .need_assitext h2 {
    font-size: 28px;
  }
  .need_assi_img {
    width: 40%;
  }
  .need_assistancepet {
    padding-bottom: 60px;
  }
  .pet_ins_coverage {
    box-shadow: none;
    padding: 0 0;
  }
  .pet_ins_coverage .faqdata a p {
    font-size: 14px;
  }
  .covtitle {
    gap: 6px;
  }
  .pet_ins_coverage {
    margin-bottom: 60px;
  }
  .claimprocessvideo .filterBox ul li button.active {
    padding: 8px 20px;
  }
  .claimprocessvideo .insuransesamjoSlider .slick-list {
    padding-left: 24px;
    padding-right: 24px;
  }
  .claimprocessvideo .insuransesamjoSlider .slick-dots {
    padding-left: 24px;
    padding-right: 24px;
    display: none;
  }
  .claimprocessvideo {
    padding: 25px 0 50px;
    background: #454545;
    box-shadow: 0 0 150px 0 #000 inset;
    margin-bottom: 60px;
  }
  .claimprocessvideo .filterBox {
    margin: 0 -24px 20px;
  }
  .claimprocessvideo .filterBox ul {
    padding: 0 24px;
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .claimprocessvideo .filterBox ul::-webkit-scrollbar {
    display: none;
  }
  .claimprocessvideo .filterBox ul li button {
    width: max-content;
    font-size: 14px;
  }
  .claimprocessvideo .headingBox {
    margin-bottom: 30px;
  }
  .claimprocessvideo .headingBox .ctaDiv .headingCta {
    padding: 6px 14px;
    font-size: 14px;
  }
  .claimprocessvideo .insuransesamjoSlider {
    padding: 0 0 0;
  }
  .claimprocessvideo .insuransesamjoBox .insuransesamjoHeading .cardHeading {
    text-align: center;
    -webkit-line-clamp: 3;
    font-size: 14px;
    width: 100%;
  }
  .claimprocessvideo .insuransesamjoImg {
    width: 106px;
    height: 106px;
    border-radius: 50%;
    margin: 0 auto;
  }
  .claimprocessvideo .secHeading {
    font-size: 20px;
    margin-bottom: 0px;
  }
  .claimprocessvideo .insurancetoggle-option {
    font-size: 12px;
  }
  .claimprocessvideo .insuransesamjoHeading {
    width: 100%;
    float: left;
  }
  .claimprocessvideo .video-wrapper {
    height: 300px;
  }
  .claimprocessvideo .insuransesamjoSlider .slick-dots li {
    width: 88px;
  }
  .claimprocessvideo .insuransesamjoSlider .slick-dots {
    bottom: -24px;
  }
  .whychooseSecbajaj {
    padding: 0 0 50px;
  }
  .whychooseSecbajaj .wrapper {
    padding-right: 0px;
  }
  .whychooseSecbajaj .secHeadingBox .secHeading {
    width: 100%;
  }
  .whychooseSecbajaj .whychooseBox {
    border-radius: 10px;
  }
  .whychooseSecbajaj .whychooseBox {
    border-radius: 10px;
  }
  .whychooseSecbajaj .whychooseImg {
    border-radius: 10px;
  }
  .whychooseSecbajaj .whychooseHeading .cardHeading {
    font-size: 18px;
  }
  .whychooseSecbajaj .whychooseSecondryHeading .cardHeading {
    font-size: 20px;
  }
  .whychooseSecbajaj .whychooseSecondryHeading .cardDescription {
    font-size: 14px;
  }
  .whychooseSecbajaj .whychooseHeading .cardDescription {
    font-size: 14px;
  }
  .whychooseSecbajaj .secHeadingBox .viewCta {
    font-size: 12px;
  }
  .whychooseSecbajaj .secHeadingBox .secHeading {
    font-size: 20px;
  }
  .whychooseSecbajaj .wrapper {
    padding-left: 24px;
    padding-right: 24px;
  }
  .whychooseSecbajaj .whychooseContent .whychooseData .slick-list {
    padding: 0 15px;
  }
  .whychooseSecbajaj .whychooseImg .whychooseSecondryHeading .cardHeading {
    font-size: 18px;
  }
  .whychooseSecbajaj .whychooseData .slick-dots {
    bottom: -9px;
  }
  .testimonialsSec .wrapper {
    padding-right: 0px;
  }
  .testimonialsSec .wrapper .headingBox .filterBox ul {
    margin-right: 20px;
  }
  .testimonialsSec .slick-dots {
    padding: 0 10px;
  }
  .testimonialsSec .wrapper {
    padding-right: 0px;
    padding-left: 0;
  }
  .testimonialsSec .wrapper .headingBox {
    padding: 0 24px;
  }
  .testimonialsSlide .slick-list {
    padding-left: 24px;
  }
}
@media screen and (max-width:760px) {
  .travelclaim-left-box img {
    max-width: 50%;
  }
  .travelclaim-section::after {
    top: 23%;
  }
  .travelformtab ul {
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
  }
  .travelformtab ul li {
    float: none;
    display: inline-block;
  }
  .travelformtab ul::-webkit-scrollbar {
    height: 0;
  }
  .travelclaim_form .otpback {
    padding-bottom: 20px;
  }
  .travelres_title strong {
    font-size: 10px;
    padding: 6px 8px;
  }
  .dpolicyimg {
    margin-bottom: 32px;
  }
  .need_assista_bg {
    padding: 0 0;
    height: 172px;
    gap: 0;
  }
  .need_assitext {
    margin-bottom: 10px;
    width: 100%;
  }
  .need_assitext h2 {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .need_assitext p {
    font-size: 12px;
    width: 100%;
    line-height: 20px;
  }
  .getstart_pet {
    padding: 6px 14px;
    font-size: 12px;
    float: left;
    border-radius: 8px;
  }
  .need_assi_img {
    width: 40%;
  }
  .needtectclaim {
    width: 60%;
    padding: 12px 12px;
  }
  .need_assi_img img {
    height: 172px;
  }
  .need_assi_img {
    padding-left: 12px;
  }
  .needtectclaim {
    flex-direction: column;
    align-items: flex-start;
  }
  .pet_ins_coverage .faqdata {
    padding: 20px 0;
  }
  .pet_ins_coverage .faqdata a strong {
    font-size: 20px;
    line-height: 27px;
  }
  .pet_ins_coverage .faqdatatext p {
    font-size: 14px;
    line-height: 20px;
  }
  .claimprocessvideo .insuransesamjoSlider .slick-dots li {
    width: 31px;
  }
  .claimprocessvideo .insuransesamjoSlider .slick-dots {
    bottom: -24px;
  }
  .whychooseSecbajaj .whychooseData .slick-dots {
    bottom: 0;
  }
  .testimonialsSec .wrapper .headingBox .filterBox ul li button.active {
    padding: 8px 20px;
  }
  .testimonialsSec {
    padding: 35px 0px;
    background: #454545;
    box-shadow: 0px 0px 150px 0px #000 inset;
  }
  .testimonialsSec .wrapper .headingBox {
    margin-bottom: 20px;
  }
  .testimonialsSec .wrapper .headingBox .secHeading {
    margin-bottom: 16px;
  }
  .testimonialsSec .wrapper .headingBox .filterBox {
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .testimonialsSec .wrapper .headingBox .filterBox::-webkit-scrollbar {
    display: none;
  }
  .testimonialsSec .wrapper .headingBox .filterBox ul {
    margin-right: 0;
  }
  .testimonialsSec .wrapper .headingBox .filterBox ul li button {
    width: max-content;
    font-size: 14px;
  }
  .testimonialsSec .testimonialsBox {
    transition: 0.3s all ease-in;
  }
  .testimonialsSec .testimonialsBox .testimonialsData {
    padding: 16px;
  }
  .testimonialsSec .testimonialsBox .testimonialsPD .ispersonData .ispersonImg {
    width: 44px;
    height: 44px;
  }
  .testimonialsSec .testimonialsBox .testimonialsPD .ispersonData .ispersonInfo {
    width: calc(100% - 60px);
  }
  .testimonialsSec .testimonialsBox .testimonialsPD .ratedateBox {
    width: 32%;
  }
  .testimonialsSec .testimonialsBox .testimonialsPD .ratedateBox .ratingStar {
    width: 40px;
    margin-bottom: 10px;
  }
  .testimonialsSec .testimonialsBox .testimonialsPD .ratedateBox .ratingStar p {
    font-size: 12px;
  }
  .testimonialsSec .testimonialsBox .testimonialsPD .ratedateBox .dateBox p {
    font-size: 12px;
  }
  .testimonialsSec .testimonialsBox.slick-slide {
    transform: scaleY(0.85);
  }
  .testimonialsSec .testimonialsBox.slick-active {
    transform: scaleY(1);
  }
  .faqclaim .faqthankyou_title h2 {
    font-size: 24px;
  }
  .faqclaim .faqthankyou_title {
    margin-bottom: 14px;
  }
  .faqclaim .faqdata {
    padding: 20px 0;
  }
  .faqclaim .faqdata strong p {
    font-size: 20px;
    line-height: 27px;
  }
  .faqclaim .faqdatatext p {
    font-size: 14px;
    line-height: 20px;
  }
  .godigital .godigitalCardDescription {
    font-size: 14px;
  }
  .godigital .godigitalBox {
    padding: 30px 10px 30px;
    border-radius: 10px;
    height: auto;
    display: block;
  }
  .godigital .godigitalTxt {
    text-align: center;
  }
  .godigital .godigitalImg img {
    max-width: 100%;
  }
  .godigital .godigitalCardheading {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .godigital .godigitalImg {
    width: 30%;
    float: right;
  }
  .godigital .godigitalTxt {
    width: 70%;
    padding: 0 0 0 15px;
  }
  .godigital .godigitalHeading {
    text-align: left;
  }
  .storelogo {
    margin-top: 15px;
    gap: 10px;
  }
}
/*! CSS Used keyframes */
@keyframes travel-scroll-left {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes travel-scroll-left {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes travel-imgscroll {
  0% {
    transform: translateX(-30%);
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes travel-imgscroll {
  0% {
    transform: translateX(-30%);
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

/* projects/shell/src/assets/css/travel_member_details.css */
.travel_member_details {
  width: 100%;
  float: left;
}
.travel_member_details .personal_details_data {
  width: 100%;
  float: left;
  border: 1px solid #45454599;
  padding: 20px 20px;
  border-radius: 10px;
  margin-bottom: 67px;
}
.travel_member_details .personaledit {
  width: 100%;
  float: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}
.travel_member_details .nameprsonal {
  float: left;
}
.travel_member_details .nameprsonal p {
  font-size: 24px;
  color: #000;
  font-weight: 400;
  margin-bottom: 10px;
}
.travel_member_details .personaledit a {
  float: left;
}
.travel_member_details .personaledit a img {
  width: 30px;
  height: 30px;
}
.travel_member_details .personalbio {
  width: 100%;
  float: left;
}
.travel_member_details .personalbio ul {
  width: 100%;
  float: left;
  list-style-type: none;
  display: grid;
  grid-template-columns: 30% auto 15% 10% 5%;
  gap: 34px;
  margin-bottom: 34px;
}
.travel_member_details .personalbio ul li {
  float: left;
}
.travel_member_details .personalbio ul li p {
  font-size: 16px;
  color: #454545;
  font-weight: 400;
  padding-bottom: 14px;
}
.travel_member_details .personalbio ul li input {
  font-weight: 400;
  font-size: 20px;
  color: #000000;
  border: 0;
  width: 100%;
  float: left;
}
.travel_member_details .addressbio {
  width: 100%;
  float: left;
}
.travel_member_details .addressbio p {
  font-size: 16px;
  color: #454545;
  font-weight: 400;
  padding-bottom: 14px;
}
.travel_member_details .addressbio textarea {
  font-weight: 400;
  font-size: 20px;
  color: #000000;
  border: 0;
  width: 100%;
  float: left;
  resize: none;
  height: 30px;
}
.travel_member_details .addressbio {
  margin-bottom: 34px;
}
.travel_member_details .addressbio input {
  font-weight: 400;
  font-size: 20px;
  color: #000000;
  border: 0;
  width: 100%;
  float: left;
}
.travel_member_details .personalbio ul.homedetails {
  margin-bottom: 0;
}
.memberdetailsForm {
  width: 100%;
  float: left;
}
.memberdetails_title {
  width: 100%;
  float: left;
  margin-bottom: 50px;
}
.memberdetails_title h2 {
  width: 100%;
  float: left;
  font-size: 32px;
  color: #454545;
  font-weight: 400;
}
.travel_member_details .checknow {
  width: 100%;
  float: left;
  margin-bottom: 40px;
}
.travel_member_details .checktype {
  display: block;
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding-top: 3px;
}
.travel_member_details .checktype input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.travel_member_details .checktype .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #fff;
  border-radius: 2px;
  border: 1px solid #000;
}
.travel_member_details .checktype input:checked ~ .checkmark {
  background-color: #005dac;
  border: 1px solid #005dac;
}
.travel_member_details .checktype .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.travel_member_details .checktype input:checked ~ .checkmark:after {
  display: block;
}
.travel_member_details .checktype .checkmark:after {
  left: 6px;
  top: 2px;
  width: 5px;
  height: 9px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.memberdetailsForm .terms_conditions {
  width: 100%;
  float: left;
  margin-bottom: 50px;
}
.memberdetailsForm a {
  width: 100%;
  float: left;
  color: #005DAC;
  font-size: 20px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: underline;
}
.alltad_travel {
  width: 100%;
  float: left;
}
@media screen and (max-width:1800px) {
}
@media screen and (max-width:1440px) {
  .travel_member_details .nameprsonal p {
    font-size: 22px;
  }
  .travel_member_details .personalbio ul li input {
    font-size: 16px;
  }
  .travel_member_details .addressbio textarea {
    font-size: 16px;
  }
  .travel_member_box {
    width: 100%;
  }
  .memberdetails_title h2 {
    font-size: 20px;
    color: #000;
  }
  .memberdetails_title {
    margin-bottom: 20px;
  }
  .memberdetailsForm {
    padding: 0 0 40px;
  }
  .memberdetailsForm .formfild input.dobVD {
    background-size: 20px;
  }
  .memberdetailsForm .formfild label {
    font-size: 16px;
  }
  .memberdetailsForm .formfild input {
    font-size: 16px;
  }
  .formtravelFull_box .formfild {
    margin-bottom: 24px;
  }
  .memberdetailsForm a {
    font-size: 14px;
  }
  .travel_member_details .checknow {
    margin-bottom: 20px;
  }
  .memberdetailsForm .terms_conditions {
    margin-bottom: 24px;
  }
}
@media screen and (max-width:1024px) {
  .travel_member_details .nameprsonal p {
    font-size: 20px;
    margin-bottom: 8px;
  }
  .travel_member_details .personaledit a img {
    width: 20px;
    height: 20px;
  }
  .travel_member_details .personalbio ul li p {
    font-size: 14px;
  }
  .travel_member_details .personalbio ul li input {
    font-size: 16px;
  }
  .travel_member_details .personalbio ul li p {
    padding-bottom: 8px;
  }
  .travel_member_details .addressbio p {
    font-size: 14px;
    padding-bottom: 8px;
  }
  .travel_member_details .addressbio textarea {
    font-size: 16px;
  }
  .travel_member_details .personalbio ul {
    margin-bottom: 24px;
    gap: 24px;
    grid-template-columns: auto auto;
  }
  .travel_member_details .addressbio textarea {
    height: auto;
    line-height: 24px;
  }
  .travel_member_details .personal_details_data {
    padding: 15px 15px;
    margin-bottom: 30px;
  }
}
@media screen and (max-width:820px) {
  .oneboxmember {
    width: 100%;
    float: left;
    padding: 40px 24px 40px;
    border-bottom: 1px dashed rgb(0 0 0 / 40%);
  }
  .travel_member_box {
    width: 100%;
    padding: 0 0;
    float: left;
  }
  .travel_member_details .addressbio {
    margin-bottom: 24px;
  }
  .memberdetails_title h2 {
    font-size: 20px;
    color: #000;
  }
  .memberdetails_title {
    margin-bottom: 20px;
  }
  .memberdetailsForm {
    padding: 30px 24px 40px;
  }
  .memberdetailsForm .formfild input.dobVD {
    background-size: 20px;
  }
  .memberdetailsForm .formfild label {
    font-size: 14px;
  }
  .memberdetailsForm .formfild input {
    font-size: 14px;
  }
  .formtravelFull_box .formfild {
    margin-bottom: 24px;
  }
  .memberdetailsForm a {
    font-size: 14px;
  }
  .travel_member_details .checknow {
    margin-bottom: 20px;
  }
  .memberdetailsForm .terms_conditions {
    margin-bottom: 24px;
  }
}
@media screen and (max-width:767px) {
}

/* projects/shell/src/assets/css/travel_upload_documents.css */
.upload_documents {
  width: 100%;
  float: left;
  padding-bottom: 60px;
}
.upload_documents_body {
  width: 100%;
  float: left;
}
.upload_docbox {
  width: 794px;
  margin: 0 auto;
}
.claimintimationno {
  width: 100%;
  float: left;
  border-bottom: 1px dashed rgb(0 0 0 / 40%);
  padding-bottom: 60px;
}
.claimintimation_box {
  width: 100%;
  float: left;
  font-size: 32px;
  border: 2px dashed rgb(69 69 69 / 40%);
  padding: 25px 0;
  text-align: center;
  margin-bottom: 24px;
  border-radius: 10px;
}
.claimintimation_box p {
  font-size: 32px;
  color: #454545;
  font-weight: 400;
}
.notepls {
  width: 100%;
  float: left;
}
.notepls strong {
  width: 100%;
  float: left;
  font-size: 20px;
  color: #8F8F8F;
  font-weight: 400;
  line-height: 30px;
}
.upload_doc_form {
  width: 100%;
  float: left;
  padding: 60px 0;
  border-bottom: 1px dashed rgb(0 0 0 / 40%);
}
.upload_doc_form:last-of-type {
  border-bottom: 0;
}
.updoc_title {
  width: 100%;
  float: left;
  padding-bottom: 24px;
}
.updoc_title h2 {
  width: 100%;
  float: left;
  font-weight: 400;
  font-size: 32px;
  color: #454545;
}
.upload_doc_form .uploadhealthBTN {
  width: 100%;
  float: left;
}
.upload_doc_form .uploadhealthBTN label {
  width: 100%;
  float: left;
  border: 1px solid #454545;
  padding: 18px 0;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  gap: 10px;
  cursor: pointer;
}
.upload_doc_form .uploadhealthBTN label img {
  width: 24px;
  height: 24px;
  float: left;
}
.upload_doc_form .uploadhealthBTN label p {
  font-size: 20px;
  color: #454545;
  font-weight: 700;
  float: left;
}
.upload_doc_form .uploadhealthBTN label input {
  display: none;
}
.upload_doc_form .uploadhealthBTN a {
  width: 100%;
  float: left;
  border: 1px solid #454545;
  padding: 18px 0;
  border-radius: 10px;
  display: none;
  justify-content: center;
  gap: 10px;
  align-items: center;
}
.upload_doc_form .uploadhealthBTN a img {
  width: 24px;
  height: 24px;
  float: left;
}
.upload_doc_form .uploadhealthBTN a p {
  font-size: 20px;
  color: #454545;
  font-weight: 700;
  float: left;
}
.upload_doc_form .viewdocument {
  width: 100%;
  float: left;
  gap: 25px;
  display: flex;
  align-items: center;
}
.docupview {
  width: 90%;
  float: left;
  border: 1px solid #454545;
  padding: 18px 0;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  gap: 10px;
}
.docupview p {
  font-size: 20px;
  color: #454545;
  font-weight: 700;
}
.deletedoc {
  border: 1px solid #454545;
  padding: 18px 0;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  width: 10%;
}
.upload_documents .checknow {
  width: 100%;
  float: left;
  margin-bottom: 40px;
}
.upload_documents .checktype {
  display: block;
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding-top: 3px;
}
.upload_documents .checktype input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.upload_documents .checktype .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #fff;
  border-radius: 2px;
  border: 1px solid #000;
}
.upload_documents .checktype input:checked ~ .checkmark {
  background-color: #005dac;
  border: 1px solid #005dac;
}
.upload_documents .checktype .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.upload_documents .checktype input:checked ~ .checkmark:after {
  display: block;
}
.upload_documents .checktype .checkmark:after {
  left: 6px;
  top: 2px;
  width: 5px;
  height: 9px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.upload_documents .terms_conditions {
  width: 100%;
  float: left;
  margin-bottom: 50px;
}
.upload_documents .terms_conditions a {
  width: 100%;
  float: left;
  color: #005DAC;
  font-size: 20px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: underline;
}
.alltad_travel {
  width: 100%;
  float: left;
}
.uploadAll_doc {
  width: 100%;
  float: left;
}
.checkandterm {
  width: 100%;
  float: left;
  margin-top: 22px;
  background: #fff;
}
.upload_doc_form .cm_errordiv {
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
  column-gap: 10px;
  background: rgba(255, 59, 48, 0.102);
  padding: 12px;
  border-radius: 4px;
  margin-top: 20px;
}
.upload_doc_form .cm_errordiv p {
  font-size: 16px;
  line-height: 21px;
  color: #FF3B30;
}
.upload_doc_form .cm_errordiv img {
  width: 20px;
  height: 20px;
}
@media screen and (max-width:1024px) {
  .upload_docbox {
    width: 100%;
  }
  .claimintimationno {
    padding: 0 24px 40px;
  }
  .notepls strong {
    line-height: 30px;
  }
  .claimintimation_box p {
    font-size: 28px;
  }
  .updoc_title h2 {
    font-size: 26px;
  }
  .upload_doc_form {
    padding: 40px 24px;
  }
  .checkandterm {
    padding: 40px 24px 0;
  }
}
@media screen and (max-width:820px) {
  .upload_docbox {
    width: 100%;
  }
  .claimintimation_box p {
    font-size: 18px;
    font-weight: 700;
  }
  .claimintimation_box {
    border: 1px dashed rgb(69 69 69 / 40%);
  }
  .notepls strong {
    font-size: 14px;
    text-align: center;
    line-height: 23px;
  }
  .upload_documents {
    padding-top: 20px;
  }
  .claimintimationno {
    padding: 0 24px 40px;
  }
  .uploadAll_doc {
    padding: 0 0;
  }
  .updoc_title h2 {
    font-size: 20px;
  }
  .updoc_title {
    padding-bottom: 20px;
  }
  .upload_doc_form .uploadhealthBTN label {
    padding: 16px 0;
  }
  .upload_doc_form .uploadhealthBTN a {
    padding: 16px 0;
    display: flex;
  }
  .upload_doc_form .uploadhealthBTN label p {
    font-size: 16px;
  }
  .upload_doc_form .uploadhealthBTN a p {
    font-size: 16px;
  }
  .upload_doc_form .uploadhealthBTN label img {
    width: 20px;
    height: 20px;
  }
  .upload_doc_form .uploadhealthBTN a img {
    width: 20px;
    height: 20px;
  }
  .docupview p {
    font-size: 16px;
  }
  .viewdocument {
    gap: 12px;
  }
  .deletedoc img {
    width: 20px;
  }
  .docupview {
    width: 80%;
    padding: 16px 0;
  }
  .deletedoc {
    width: 20%;
    padding: 16px 0;
  }
  .upload_doc_form {
    padding: 30px 24px;
  }
  .checkandterm {
    padding: 0 24px 0;
  }
  .upload_documents .checknow {
    margin-bottom: 20px;
  }
  .upload_documents .terms_conditions a {
    font-size: 16px;
  }
  .upload_documents .terms_conditions {
    margin-bottom: 30px;
  }
  .upload_documents .checktype {
    padding-top: 0;
  }
  .upload_doc_form .uploadhealthBTN {
    display: flex;
    gap: 15px;
  }
  .upload_doc_form .cm_errordiv p {
    font-size: 14px;
    padding: 0 0;
  }
}
@media screen and (max-width:760px) {
}

/* projects/shell/src/assets/css/travel_update_kyc.css */
.travel_update_KYC {
  width: 100%;
  float: left;
  display: none;
}
.travel_update_KYC.active {
  display: block;
}
.travel_update_KYC .motorbuytab {
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
}
.travel_update_KYC .motorbuytab li {
  float: left;
  margin-right: 10px;
}
.travel_update_KYC .motorbuytab li a {
  float: left;
  padding: 10px 20px;
  border-radius: 90px;
  color: #454545;
  font-size: 20px;
  font-weight: 400;
  background: rgba(69, 69, 69, .1);
  cursor: pointer;
  border: 1px solid transparent;
  transition: .5s all ease-in-out;
  display: flex;
  align-items: center;
}
.travel_update_KYC .motorbuytab li a.active {
  background: #005dac;
  color: #fff;
}
.travel_update_KYC .motorbuytab li:last-child {
  margin-right: 0;
}
.travel_update_KYC .tab_maxwidbox {
  max-width: 790px;
  margin: 54px auto 0;
}
.travel_update_KYC .kyc_tabcontant_box {
  width: 100%;
  display: none;
}
.travel_update_KYC .kyc_tabcontant_box.active {
  display: block;
}
.travel_update_KYC .common_formtitle {
  width: 100%;
  font-size: 32px;
  line-height: 37px;
  margin-bottom: 40px;
  color: #454545;
}
.travel_update_KYC .cm_formgroup {
  width: 100%;
  margin-bottom: 40px;
}
.travel_update_KYC .cm_inputlabel {
  width: 100%;
  font-size: 20px;
  line-height: 20px;
  margin-bottom: 24px;
  display: inline-block;
}
.travel_update_KYC .mandate_symbol {
  font-style: normal;
  color: #FF3B30;
}
.travel_update_KYC .cm_inputtext {
  width: 100%;
  padding: 20px;
  border: 1px solid #454545;
  font-size: 20px;
  line-height: 20px;
  border-radius: 5px;
}
.travel_update_KYC .cm_inputtext::placeholder {
  color: #CECECE;
}
.travel_update_KYC .cm_errordiv {
  width: 100%;
  display: flex;
  justify-content: center;
  column-gap: 10px;
  background: rgba(255, 59, 48, 0.102);
  padding: 12px;
  border-radius: 4px;
  margin-bottom: 40px;
}
.travel_update_KYC .cm_errordiv img {
  width: 20px;
  height: 20px;
}
.travel_update_KYC .cm_errordiv p {
  font-size: 16px;
  line-height: 21px;
  color: #FF3B30;
}
.travel_update_KYC .mrb_20 {
  margin-bottom: 20px;
}
.travel_update_KYC .primary_verifybtn {
  width: 400px;
  padding: 20px;
  background-color: #005DAC;
  border: none;
  border-radius: 10px;
  text-align: center;
  color: #ffffff;
  font-size: 20px;
  line-height: 20px;
  font-weight: 700;
}
.travel_update_KYC .upload_doctitle {
  width: 100%;
  font-size: 32px;
  margin-bottom: 24px;
}
.travel_update_KYC .uploaddoc_checkwrapper {
  width: 100%;
  list-style: none;
  display: flex;
  column-gap: 20px;
  margin-bottom: 40px;
}
.travel_update_KYC .uploaddoc_checkwrapper li {
  display: inline-block;
  width: 30%;
  position: relative;
}
.travel_update_KYC .radioclick_up {
  width: 100%;
}
.travel_update_KYC .upload_type {
  display: block;
  position: relative;
  padding-left: 40px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding-top: 4px;
  color: #454545;
}
.travel_update_KYC .upload_type input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.travel_update_KYC .upload_type .checkmark_up {
  position: absolute;
  top: 0;
  left: 0;
  height: 30px;
  width: 30px;
  background-color: #fff;
  border-radius: 50%;
  border: 1px solid #8F8F8F;
}
.travel_update_KYC .upload_type input:checked ~ .checkmark_up {
  background-color: #fff;
  border: 1px solid #8F8F8F;
}
.travel_update_KYC .upload_type .checkmark_up:after {
  content: "";
  position: absolute;
  display: none;
}
.travel_update_KYC .upload_type input:checked ~ .checkmark_up:after {
  display: block;
}
.travel_update_KYC .upload_type .checkmark_up:after {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #005DAC;
}
.travel_update_KYC .fileupload_label {
  width: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 16px;
  border: 1px solid #454545;
  border-radius: 5px;
  column-gap: 10px;
  overflow: hidden;
  cursor: pointer;
}
.travel_update_KYC .input_upload {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
}
.travel_update_KYC .upload_icon {
  width: 16px;
  height: 16px;
}
.travel_update_KYC .upload_text {
  font-size: 20px;
  color: #454545;
  font-weight: 600;
}
.travel_update_KYC .accept_contant {
  width: 100%;
  text-align: center;
  font-size: 12px;
  margin-top: 4px;
  color: #454545;
}
.travel_update_KYC .kyc_btnbox {
  width: 100%;
  display: flex;
  justify-content: center;
}
.travel_update_KYC .kycspace_box .motorbuytab {
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
}
.travel_update_KYC .kycspace_box .motorbuytab li {
  float: left;
  margin-right: 10px;
}
.travel_update_KYC .kycspace_box .motorbuytab li a {
  float: left;
  padding: 10px 20px;
  border-radius: 90px;
  color: #454545;
  font-size: 20px;
  font-weight: 400;
  background: rgba(69, 69, 69, .1);
  cursor: pointer;
  border: 1px solid transparent;
  transition: .5s all ease-in-out;
  display: flex;
  align-items: center;
}
.travel_update_KYC .kycspace_box .motorbuytab li a.active {
  background: #005dac;
  color: #fff;
}
.travel_update_KYC .kycspace_box .motorbuytab li:last-child {
  margin-right: 0;
}
@media screen and (max-width:1440px) {
  .travel_update_KYC .motorbuytab li a {
    font-size: 16px;
  }
  .travel_update_KYC .common_formtitle {
    font-size: 26px;
  }
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:820px) {
  .travel_update_KYC .myPolicyTabBlock.singaltext ul li a {
    color: #fff;
    font-size: 20px;
    padding: 24px 20px;
  }
  .travel_update_KYC .myPolicyTabBlock.singaltext ul li {
    border-bottom: 1px dashed rgb(255 255 255 / 20%);
  }
  .travel_update_KYC .myPolicyleftTab::-webkit-scrollbar {
    width: 0px;
  }
  .travel_update_KYC .kyc_tabcontant_box {
    padding: 0 0 30px;
  }
  .travel_update_KYC .upload_doctitle {
    font-size: 20px;
    line-height: 28px;
  }
  .travel_update_KYC .cm_inputtext {
    font-size: 16px;
    padding: 15px;
  }
  .travel_update_KYC .cm_errordiv p {
    font-size: 14px;
  }
  .travel_update_KYC .common_formtitle {
    margin-bottom: 20px;
    font-size: 20px;
  }
  .travel_update_KYC .tab_maxwidbox {
    max-width: 100%;
    padding: 0 24px;
  }
  .travel_update_KYC .primary_verifybtn {
    font-size: 16px;
    padding: 16px;
  }
  .travel_update_KYC .cm_inputlabel {
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 10px;
  }
  .travel_update_KYC .cm_formgroup {
    margin-bottom: 24px;
  }
}
@media screen and (max-width:767px) {
  .travel_update_KYC .motorbuytab li a {
    font-size: 14px;
  }
}

/* projects/shell/src/assets/css/travel_review_details.css */
.review_details_body {
  width: 100%;
  float: left;
}
.review_details_box {
  width: 795px;
  margin: 0 auto;
}
.revdetails_fullbox {
  width: 100%;
  float: left;
}
.revdetailsmember {
  width: 100%;
  float: left;
  padding-bottom: 60px;
  border-bottom: 1px dashed rgb(0 0 0 / 40%);
}
.oneboxmember_title {
  width: 100%;
  float: left;
  margin-bottom: 24px;
}
.oneboxmember_title h2 {
  width: 100%;
  float: left;
  font-weight: 400;
  font-size: 32px;
  color: #454545;
}
.review_details_box .personal_details_data {
  width: 100%;
  float: left;
  border: 1px solid #45454599;
  padding: 20px 20px;
  border-radius: 10px;
}
.review_details_box .personaledit {
  width: 100%;
  float: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}
.review_details_box .nameprsonal {
  float: left;
  display: flex;
  flex-direction: column;
}
.review_details_box .nameprsonal p {
  font-size: 24px;
  color: #000;
  font-weight: 400;
  margin-bottom: 10px;
}
.review_details_box .nameprsonal i {
  font-size: 16px;
  color: #454545;
  font-weight: 400;
  padding-bottom: 14px;
  font-style: normal;
}
.review_details_box .personaledit a {
  float: left;
}
.review_details_box .personaledit a img {
  width: 30px;
  height: 30px;
}
.review_details_box .personalbio {
  width: 100%;
  float: left;
}
.review_details_box .personalbio ul {
  width: 100%;
  float: left;
  list-style-type: none;
  display: grid;
  grid-template-columns: 30% auto auto;
  gap: 34px;
  margin-bottom: 34px;
}
.review_details_box .personalbio ul li {
  float: left;
}
.review_details_box .personalbio ul li p {
  font-size: 16px;
  color: #454545;
  font-weight: 400;
  padding-bottom: 14px;
}
.review_details_box .personalbio ul li input {
  font-weight: 400;
  font-size: 20px;
  color: #000000;
  border: 0;
  width: 100%;
  float: left;
}
.review_details_box .addressbio {
  width: 100%;
  float: left;
}
.review_details_box .addressbio p {
  font-size: 16px;
  color: #454545;
  font-weight: 400;
  padding-bottom: 14px;
}
.review_details_box .addressbio textarea {
  font-weight: 400;
  font-size: 20px;
  color: #000000;
  border: 0;
  width: 100%;
  float: left;
  resize: none;
  height: 30px;
}
.review_details_box .addressbio {
  margin-bottom: 34px;
}
.review_details_box .addressbio input {
  font-weight: 400;
  font-size: 20px;
  color: #000000;
  border: 0;
  width: 100%;
  float: left;
}
.review_details_box .personalbio ul.homedetails {
  margin-bottom: 0;
}
.upload_doc_details_body {
  width: 100%;
  float: left;
  padding-top: 50px;
  padding-bottom: 50px;
}
.updoc_title {
  width: 100%;
  float: left;
  padding-bottom: 24px;
}
.updoc_title h2 {
  width: 100%;
  float: left;
  font-size: 32px;
  font-weight: 400;
}
.kycvierifid {
  width: 100%;
  float: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 26px;
}
.kycvierifid p {
  font-weight: 700;
  font-size: 20px;
  color: #01AA55;
}
.kycvierifid img {
  width: 30px;
  height: 30px;
  float: left;
}
.upload_doc_box {
  width: 100%;
  float: left;
  margin-bottom: 55px;
}
.upload_doc_box ul {
  width: 100%;
  float: left;
  display: grid;
  grid-template-columns: auto auto auto;
  gap: 10px;
}
.upload_doc_box ul li {
  float: left;
}
.upload_doc_box ul li a {
  float: left;
  background:
    linear-gradient(
      180deg,
      rgba(182, 217, 242, 0) 0%,
      rgba(182, 217, 242, 0.2) 100%);
  padding: 34px 28px;
  border-radius: 20px;
  width: 100%;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  box-shadow: 0px 0 10px 0px #00000024;
  margin: 10px 0;
}
.ourimgbox_doc {
  width: 100%;
  float: left;
  margin-bottom: 145px;
}
.ourimgbox_doc img {
  max-width: 100%;
  height: 60px;
}
.ourtext_doc {
  width: 100%;
  float: left;
}
.ourtext_doc p {
  width: 100%;
  float: left;
  color: #454545;
  font-size: 20px;
  font-weight: 400;
}
.upload_doc_details_body .checknow {
  width: 100%;
  float: left;
  margin-bottom: 40px;
}
.upload_doc_details_body .checktype {
  display: block;
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding-top: 3px;
}
.upload_doc_details_body .checktype input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.upload_doc_details_body .checktype .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #fff;
  border-radius: 2px;
  border: 1px solid #000;
}
.upload_doc_details_body .checktype input:checked ~ .checkmark {
  background-color: #005dac;
  border: 1px solid #005dac;
}
.upload_doc_details_body .checktype .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.upload_doc_details_body .checktype input:checked ~ .checkmark:after {
  display: block;
}
.upload_doc_details_body .checktype .checkmark:after {
  left: 6px;
  top: 2px;
  width: 5px;
  height: 9px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media screen and (max-width:1440px) {
  .review_details_box .nameprsonal p {
    font-size: 22px;
  }
  .review_details_box .personalbio ul li input {
    font-size: 16px;
  }
  .review_details_box .addressbio textarea {
    font-size: 16px;
  }
  .oneboxmember_title h2 {
    font-size: 26px;
  }
  .review_details_box .personaledit a img {
    width: 25px;
    height: 25px;
  }
  .updoc_title h2 {
    font-size: 26px;
  }
}
@media screen and (max-width:1024px) {
  .review_details_box .nameprsonal p {
    font-size: 20px;
    margin-bottom: 8px;
  }
  .review_details_box .personaledit a img {
    width: 20px;
    height: 20px;
  }
  .review_details_box .personalbio ul li p {
    font-size: 14px;
  }
  .review_details_box .personalbio ul li input {
    font-size: 16px;
  }
  .review_details_box .personalbio ul li p {
    padding-bottom: 8px;
  }
  .review_details_box .addressbio p {
    font-size: 14px;
    padding-bottom: 8px;
  }
  .review_details_box .addressbio textarea {
    font-size: 16px;
  }
  .review_details_box .personalbio ul {
    margin-bottom: 24px;
    gap: 24px;
    grid-template-columns: auto auto;
  }
  .review_details_box .addressbio textarea {
    height: auto;
    line-height: 24px;
  }
  .review_details_box .personal_details_data {
    padding: 15px 15px;
  }
}
@media screen and (max-width:820px) {
  .oneboxmember_title h2 {
    font-size: 20px;
  }
  .review_details_box {
    width: 100%;
  }
  .updoc_title h2 {
    font-size: 20px;
  }
  .kycvierifid p {
    font-size: 14px;
  }
  .kycvierifid img {
    width: 20px;
    height: 20px;
  }
  .upload_doc_box ul li a {
    padding: 13px 13px;
    height: 124px;
    border-radius: 10px;
  }
  .ourimgbox_doc img {
    height: 34px;
  }
  .ourtext_doc p {
    font-size: 14px;
    line-height: 18px;
  }
  .ourimgbox_doc {
    margin-bottom: 0;
  }
  .revdetailsmember {
    padding: 0 24px 60px;
  }
  .upload_doc_details_body {
    padding: 50px 24px;
  }
  .upload_doc_details_body .checktype {
    padding-top: 0;
  }
  .upload_doc_details_body .checknow {
    margin-bottom: 20px;
  }
}

/* projects/shell/src/assets/css/travel_bank_details.css */
.travel_bank_details {
  width: 100%;
  float: left;
  display: none;
}
.travel_bank_details.active {
  display: block;
}
.travel_bank_details .common_formtitle {
  width: 100%;
  font-size: 32px;
  line-height: 37px;
  margin-bottom: 40px;
  color: #454545;
}
.travel_bank_details .cm_formgroup {
  width: 100%;
  margin-bottom: 40px;
}
.travel_bank_details .cm_inputtext {
  width: 100%;
  padding: 20px;
  border: 1px solid #454545;
  font-size: 20px;
  line-height: 20px;
  border-radius: 5px;
}
.travel_bank_details .cm_inputtext::placeholder {
  color: #CECECE;
}
.travel_bank_details .primary_verifybtn {
  padding: 20px 70px;
  background-color: #005DAC;
  border: none;
  border-radius: 10px;
  text-align: center;
  color: #ffffff;
  font-size: 20px;
  line-height: 20px;
  font-weight: 700;
}
.travel_bank_details .upaccordian_contant {
  width: 100%;
  float: left;
}
.travel_bank_details .uptab_contantbox.active .upaccordian_contant {
  display: block;
}
.travel_bank_details .upinfo_label {
  width: 100%;
  font-size: 20px;
  display: flex;
  column-gap: 2px;
  color: #454545;
  margin-bottom: 10px;
}
.travel_bank_details .cm_selectbox {
  width: 100%;
  padding: 20px;
  border: 1px solid #454545;
  font-size: 20px;
  line-height: 24px;
  border-radius: 5px;
  -webkit-appearance: none;
  background: url("./media/select-planarrow.svg")no-repeat center right 15px;
}
.travel_bank_details .upinfo_btnbox {
  display: flex;
  justify-content: flex-start;
}
.upload_doc_form {
  padding: 0;
  padding-top: 15px;
}
.updoc_title h2 {
  font-size: 16px;
}
.upload_doc_form .uploadhealthBTN label {
  padding: 15px;
}
.upload_doc_form {
  border-bottom: none;
}
@media screen and (max-width:1600px) {
  .travel_bank_details .common_formtitle {
    font-size: 26px;
    line-height: 21px;
  }
  .travel_bank_details .cm_formgroup {
    margin-bottom: 25px;
  }
  .travel_bank_details .cm_inputtext {
    padding: 15px;
    line-height: 17px;
    font-size: 14px;
  }
  .travel_bank_details .primary_verifybtn {
    font-size: 16px;
    font-weight: 600;
    border-radius: 5px;
    padding: 16px 70px;
  }
  .travel_bank_details .cm_selectbox {
    padding: 15px;
    line-height: 17px;
    font-size: 14px;
  }
  .travel_bank_details .upinfo_label {
    font-size: 16px;
  }
}
@media screen and (max-width:1024px) {
  .travel_bank_details .common_formtitle {
    margin-bottom: 20px;
  }
  .travel_bank_details .cm_formgroup {
    margin-bottom: 24px;
  }
  .travel_bank_details .cm_formgroup {
    line-height: 18px;
  }
  .travel_bank_details .primary_verifybtn {
    width: 100%;
  }
  .travel_bank_details .upaccordian_contant {
    padding: 40px 26px;
  }
  .travel_bank_details .upinfo_label {
    font-size: 14px;
  }
  .travel_bank_details .primary_verifybtn {
    font-size: 16px;
    font-weight: 600;
    border-radius: 5px;
    padding: 16px 70px;
  }
}

/* projects/shell/src/assets/css/travel_claim_registered.css */
body.claimregbody {
  padding-top: 0;
}
.travelclaim_reg {
  width: 100%;
  float: left;
}
.travelclaimregbody {
  width: 100%;
  float: left;
  display: flex;
  align-items: center;
  height: 100vh;
}
.travelclaim_reg_left {
  float: left;
  background: #57c2ef;
  width: 50%;
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.claim_regimg img {
  float: left;
  max-width: 100%;
  height: 455px;
}
.travelclaim_reg_right {
  width: 50%;
  float: left;
  padding: 0 137px;
  text-align: center;
  height: 100%;
  display: flex;
  align-items: center;
}
.travelclaim_reg_title {
  width: 100%;
  float: left;
}
.travelclaimtitle {
  width: 100%;
  float: left;
  color: #000;
  font-size: 48px;
  font-weight: 400;
  text-align: center;
  margin-bottom: 40px;
}
.travelclaim_reg .claimintimation_box {
  width: 100%;
  float: left;
  font-size: 32px;
  border: 2px dashed rgb(69 69 69 / 40%);
  padding: 25px 0;
  text-align: center;
  margin-bottom: 40px;
  border-radius: 10px;
  margin-bottom: 20px;
}
.travelclaim_reg .claimintimation_box p {
  font-size: 32px;
  color: #454545;
  font-weight: 400;
}
.notekindly {
  width: 100%;
  float: left;
  font-size: 20px;
  font-weight: 400;
  color: #8F8F8F;
  text-align: center;
  padding-bottom: 40px;
}
.notekindly i {
  font-weight: 700;
  font-style: normal;
}
.backlogoreg {
  width: 100%;
  float: left;
  display: flex;
  gap: 57px;
  padding: 30px 30px;
  align-items: center;
}
.backhome {
  display: inline-block;
  padding: 19px 65px;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  border-radius: 10px;
  background: #005DAC;
}
.claim_regimg {
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
  flex: 1;
  align-items: center;
}
@media screen and (max-width:1800px) {
}
@media screen and (max-width:1440px) {
  .travelclaimtitle {
    font-size: 32px;
  }
  .travelclaim_reg .claimintimation_box p {
    font-size: 24px;
  }
}
@media screen and (max-width:1024px) {
  .claim_regimg img {
    height: 280px;
  }
  .travelclaim_reg_right {
    padding: 0 24px;
  }
  .travelclaimtitle {
    font-size: 34px;
  }
  .travelclaim_reg .claimintimation_box p {
    font-size: 24px;
  }
  .notekindly {
    font-size: 16px;
    padding-bottom: 30px;
  }
  .backhome {
    padding: 16px 65px;
    font-size: 16px;
  }
}
@media screen and (max-width:820px) {
  .travelclaim_reg_left {
    width: 100%;
    padding-bottom: 40px;
  }
  .travelclaim_reg_right {
    width: 100%;
    padding: 60px 24px;
  }
  .travelclaimregbody {
    flex-direction: column;
    height: auto;
  }
  .claim_regimg img {
    height: 177px;
  }
  .backlogoreg {
    padding: 15px 30px;
    gap: 20px;
  }
  .travelclaimtitle {
    font-size: 32px;
    text-align: left;
    margin-bottom: 34px;
  }
  .travelclaim_reg .claimintimation_box p {
    font-size: 14px;
    font-weight: 700;
  }
  .notekindly {
    font-size: 14px;
    padding-bottom: 40px;
  }
  .backhome {
    font-size: 16px;
    padding: 16px 65px;
    width: 100%;
  }
  .travelclaim_reg .claimintimation_box {
    padding: 20px 0;
  }
}
@media screen and (max-width:767px) {
}

/* projects/shell/src/assets/css/health_upload_documents.css */
.upload_documents {
  width: 100%;
  float: left;
  padding-top: 67px;
  padding-bottom: 60px;
}
.upload_documents_body {
  width: 100%;
  float: left;
}
.upload_docbox {
  width: 794px;
  margin: 0 auto;
}
.claimintimationno {
  width: 100%;
  float: left;
  border-bottom: 1px dashed rgb(0 0 0 / 40%);
  padding-bottom: 60px;
}
.claimintimation_box {
  width: 100%;
  float: left;
  font-size: 23px;
  border: 1px solid rgb(69 69 69 / 40%);
  background:
    linear-gradient(
      180deg,
      rgba(0, 93, 172, 0) 0%,
      rgba(0, 93, 172, 0.2) 100%),
    #FFF;
  padding: 15px 0;
  text-align: left;
  margin-bottom: 0px;
  border-radius: 10px;
}
.claimintimation_box p {
  font-size: 32px;
  color: #454545;
  font-weight: 400;
  margin-left: 20px;
}
.notepls {
  width: 100%;
  float: left;
}
.notepls strong {
  width: 100%;
  float: left;
  font-size: 20px;
  color: #8F8F8F;
  font-weight: 400;
  line-height: 30px;
}
.upload_doc_form {
  width: 100%;
  float: left;
  padding: 60px 0;
  border-bottom: 1px dashed rgb(0 0 0 / 40%);
}
.upload_doc_form:last-of-type {
  border-bottom: 0;
}
.updoc_title {
  width: 100%;
  float: left;
  padding-bottom: 24px;
}
.updoc_title h2 {
  width: 100%;
  float: left;
  font-weight: 400;
  font-size: 32px;
  color: #454545;
}
.upload_doc_form .uploadhealthBTN {
  width: 100%;
  float: left;
}
.upload_doc_form .uploadhealthBTN label {
  width: 100%;
  float: left;
  border: 1px solid #454545;
  padding: 18px 0;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  gap: 10px;
  cursor: pointer;
}
.upload_doc_form .uploadhealthBTN label img {
  width: 24px;
  height: 24px;
  float: left;
}
.upload_doc_form .uploadhealthBTN label p {
  font-size: 20px;
  color: #454545;
  font-weight: 700;
  float: left;
}
.upload_doc_form .uploadhealthBTN label input {
  display: none;
}
.upload_doc_form .uploadhealthBTN a {
  width: 100%;
  float: left;
  border: 1px solid #454545;
  padding: 18px 0;
  border-radius: 10px;
  display: none;
  justify-content: center;
  gap: 10px;
  align-items: center;
}
.upload_doc_form .uploadhealthBTN a img {
  width: 24px;
  height: 24px;
  float: left;
}
.upload_doc_form .uploadhealthBTN a p {
  font-size: 20px;
  color: #454545;
  font-weight: 700;
  float: left;
}
.upload_doc_form .viewdocument {
  width: 100%;
  float: left;
  gap: 25px;
  display: flex;
  align-items: center;
}
.docupview {
  width: 100%;
  float: left;
  border: 1px solid #454545;
  padding: 18px 0;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  gap: 10px;
}
.docupview p {
  font-size: 20px;
  color: #454545;
  font-weight: 700;
}
.deletedoc {
  border: 1px solid #454545;
  padding: 18px 0;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  width: 10%;
}
.upload_view {
  width: 65%;
}
.img_delete {
  width: 20px;
  margin-top: 8px;
}
.upload_sec {
  background-color: #FBFBFB;
  float: left;
  padding: 6px;
  border-radius: 5px;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.errordiv {
  background: #ffa6a657;
  border: 1px solid red;
}
.upload_h4 {
  font-size: 24px;
  font-weight: 700;
  margin: 10px 0px;
  color: #454545;
}
.guideline_div {
  width: 100%;
  background: #d6effc;
  padding: 20px;
  border-radius: 10px;
  color: #454545;
}
.guideline li {
  list-style-type: disc;
  margin: 9px;
  color: #454545;
}
.upload_documents .checknow {
  width: 100%;
  float: left;
  margin-bottom: 40px;
}
.upload_documents .checktype {
  display: block;
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding-top: 3px;
}
.upload_documents .checktype input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.upload_documents .checktype .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #fff;
  border-radius: 2px;
  border: 1px solid #000;
}
.upload_documents .checktype input:checked ~ .checkmark {
  background-color: #005dac;
  border: 1px solid #005dac;
}
.upload_documents .checktype .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.upload_documents .checktype input:checked ~ .checkmark:after {
  display: block;
}
.upload_documents .checktype .checkmark:after {
  left: 6px;
  top: 2px;
  width: 5px;
  height: 9px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.upload_documents .terms_conditions {
  width: 100%;
  float: left;
  margin-bottom: 50px;
}
.upload_documents .terms_conditions a {
  width: 100%;
  float: left;
  color: #005DAC;
  font-size: 20px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: underline;
}
.alltad_travel {
  width: 100%;
  float: left;
}
.uploadAll_doc {
  width: 100%;
  float: left;
}
.checkandterm {
  width: 100%;
  float: left;
  margin-top: -1px;
  background: #fff;
}
.upload_doc_form .cm_errordiv {
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
  column-gap: 10px;
  background: rgba(255, 59, 48, 0.102);
  padding: 12px;
  border-radius: 4px;
  margin-top: 20px;
}
.upload_doc_form .cm_errordiv p {
  font-size: 16px;
  line-height: 21px;
  color: #FF3B30;
}
.upload_doc_form .cm_errordiv img {
  width: 20px;
  height: 20px;
}
.file-upload {
  position: relative;
  border: 1px dashed #ccc;
  border-radius: 10px;
  padding: 15px;
  text-align: center;
  transition: background-color 0.3s ease;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.file-upload .uploadhealthBTN {
  background: #005DAC !important;
  width: 50% !important;
  border-radius: 10px !important;
  border: none !important;
}
.file-upload .uploadhealthBTN label p {
  color: #fff !important;
}
.upload-icon p {
  color: #454545;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  vertical-align: middle;
}
.upload-icon p:nth-child(2) {
  font-weight: 700;
  padding-top: 8px;
}
.upload-icon p:last-child {
  font-weight: 400;
  padding-top: 5px;
}
.file-input {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  cursor: pointer;
}
.separate_blackbg_viewDoc {
  display: none;
}
.separatedata .uploadhealthBTN label input {
  display: none;
}
.separatedata .uploadhealthBTN {
  width: 100%;
  float: left;
  background-color: #454545;
  border-radius: 12px;
  margin: 10px 0;
}
.separatedata .uploadhealthBTN label {
  width: 100%;
  float: left;
  border: 1px solid #454545;
  padding: 18px 0;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  gap: 10px;
  cursor: pointer;
}
.separatedata .uploadhealthBTN label img {
  width: 24px;
  height: 24px;
  float: left;
}
.separatedata .uploadhealthBTN label p {
  font-size: 20px;
  color: #fff;
  font-weight: 700;
  float: left;
}
.separatedata .uploadhealthBTN label input {
  display: none;
}
.separatedata .uploadhealthBTN a {
  width: 100%;
  float: left;
  border: 1px solid #454545;
  padding: 18px 0;
  border-radius: 10px;
  display: none;
  justify-content: center;
  gap: 10px;
  align-items: center;
}
.separatedata .uploadhealthBTN a img {
  width: 24px;
  height: 24px;
  float: left;
}
.separatedata .uploadhealthBTN a p {
  font-size: 20px;
  color: #454545;
  font-weight: 700;
  float: left;
}
.separate_text {
  padding: 20px;
}
.separatedata {
  width: 80%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width:1024px) {
  .upload_docbox {
    width: 100%;
  }
  .claimintimationno {
    padding: 0 24px 40px;
  }
  .notepls strong {
    line-height: 30px;
  }
  .claimintimation_box p {
    font-size: 28px;
  }
  .updoc_title h2 {
    font-size: 26px;
  }
  .upload_doc_form {
    padding: 40px 24px;
  }
  .checkandterm {
    padding: 40px 24px 0;
  }
}
@media screen and (max-width:820px) {
  .upload_docbox {
    width: 100%;
  }
  .claimintimation_box p {
    font-size: 18px;
    font-weight: 700;
  }
  .claimintimation_box {
    border: 1px solid rgb(69 69 69 / 40%);
    background:
      linear-gradient(
        180deg,
        rgba(0, 93, 172, 0) 0%,
        rgba(0, 93, 172, 0.2) 100%),
      #FFF;
  }
}
.notepls strong {
  font-size: 14px;
  text-align: center;
  line-height: 23px;
}
.upload_documents {
  padding-top: 20px;
}
.claimintimationno {
  padding: 0 24px 40px;
}
.uploadAll_doc {
  padding: 0 0;
}
.updoc_title h2 {
  font-size: 20px;
}
.updoc_title {
  padding-bottom: 20px;
}
.upload_doc_form .uploadhealthBTN label {
  padding: 16px 0;
}
.upload_doc_form .uploadhealthBTN a {
  padding: 16px 0;
  display: flex;
}
.upload_doc_form .uploadhealthBTN label p {
  font-size: 16px;
}
.upload_doc_form .uploadhealthBTN a p {
  font-size: 16px;
}
.upload_doc_form .uploadhealthBTN label img {
  width: 20px;
  height: 20px;
}
.upload_doc_form .uploadhealthBTN a img {
  width: 20px;
  height: 20px;
}
.docupview p {
  font-size: 16px;
}
.viewdocument {
  gap: 12px;
}
.deletedoc img {
  width: 20px;
}
.docupview {
  width: 100%;
  padding: 16px 0;
  margin: 7px 0px;
}
.deletedoc {
  width: 20%;
  padding: 16px 0;
}
.upload_doc_form {
  padding: 25px 18px;
}
.checkandterm {
  padding: 0 24px 0;
}
.upload_documents .checknow {
  margin-bottom: 20px;
}
.upload_documents .terms_conditions a {
  font-size: 16px;
}
.upload_documents .terms_conditions {
  margin-bottom: 30px;
}
.upload_documents .checktype {
  padding-top: 0;
}
.upload_doc_form .uploadhealthBTN {
  display: flex;
  gap: 15px;
  margin-top: 10px;
  background: rgb(0 0 0 / 2%);
}
.upload_doc_form .cm_errordiv p {
  font-size: 14px;
  padding: 0 0;
}
@media screen and (max-width:760px) {
  .separate_box.separate_boxShow {
    bottom: 250px;
  }
}

/* projects/travel-claim/src/styles.scss */
a {
  cursor: pointer;
}
ul {
  padding-left: 0px;
}
button:disabled {
  background-color: #aaaaaa;
}
.error-message {
  color: red;
  font-size: 14px;
}
.button-enabled {
  background-color: #005dac;
  color: white;
  cursor: pointer;
}
.button-disabled {
  background-color: #ccc;
  color: black;
  cursor: not-allowed;
}
.cusleftpart_tab ul li a.active {
  border-right: 6px solid #005DAC;
}
.cusleftpart_tab ul li a {
  width: 100%;
  float: left;
  padding: 20px 40px;
  display: flex;
  align-items: center;
  gap: 18px;
  justify-content: space-between;
}
.cusleftpart_tab ul li a.active p {
  color: #005DAC;
  font-weight: 700;
}
.cusleftpart_tab ul li a p {
  font-size: 24px;
  font-weight: 400;
  color: #454545;
  display: flex;
  align-items: center;
  gap: 10px;
}
.common_formtitle {
  float: left;
  font-size: 32px;
  color: #454545;
  font-weight: 400;
  padding: 0px 20px 0px;
}
.formtravelFull_box {
  width: 100%;
  float: left;
  padding: 67px 100px 0px;
}
@media screen and (max-width: 820px) {
  .formtravelFull_box {
    width: 100%;
    float: left;
    padding: 0px 0px 0px !important;
  }
}
@media (min-width: 768px) and (max-width: 1190px) {
  .formtravelFull_box {
    width: 100%;
    float: left;
    padding: 67px 20px 0px;
  }
  .common_formtitle {
    float: left;
    font-size: 32px;
    color: #454545;
    font-weight: 400;
    padding: 0px 20px 0px;
  }
}

/* projects/shell/src/assets/css/root.css */
@font-face {
  font-family: "Rubik-Regular";
  src: url("./media/Rubik-Regular.ttf") format("truetype");
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Rubik-Regular";
  font-weight: 400;
}
button {
  cursor: pointer;
  outline: none;
  border: none;
}
a {
  text-decoration: none;
}
:focus-visible {
  outline: -webkit-focus-ring-color auto 0px;
}
img {
  max-width: 100%;
}
::-webkit-scrollbar {
  width: 10px;
}
::-webkit-scrollbar-track {
  background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
  background: #0473D1;
}
::-webkit-scrollbar-thumb:hover {
  background: #005DAC;
}
ul,
li,
h2,
a,
p {
  text-decoration: none;
  margin: 0;
  outline: none;
  list-style: none;
}
.wrapper {
  padding-left: 160px;
  padding-right: 160px;
}
.mt-50 {
  margin-top: 50px;
}
@media screen and (max-width: 1600px) {
}
@media screen and (max-width: 1366px) {
  .wrapper {
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media screen and (max-width: 1280px) {
  .wrapper {
    padding-left: 32px;
    padding-right: 32px;
  }
}
@media screen and (max-width: 760px) {
  .wrapper {
    padding-left: 24px;
    padding-right: 24px;
  }
}

/* projects/shell/src/assets/css/fontello.css */
@font-face {
  font-family: "fontello";
  src: url("./media/fontello.woff2?39494671") format("woff2");
  font-weight: normal;
  font-style: normal;
}
[class^=icon-]:before,
[class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-check-mark:before {
  content: "\e800";
}
.icon-facebook:before {
  content: "\e801";
}
.icon-heart:before {
  content: "\e802";
}
.icon-instagram:before {
  content: "\e804";
}
.icon-language:before {
  content: "\e805";
}
.icon-linkedin:before {
  content: "\e806";
}
.icon-lock:before {
  content: "\e809";
}
.icon-search:before {
  content: "\e80d";
}
.icon-cart:before {
  content: "\e80f";
}
.icon-youtube:before {
  content: "\e811";
}
.icon-notification:before {
  content: "\e813";
}
.icon-apple:before {
  content: "\e814";
}
.icon-star:before {
  content: "\e815";
}
.icon-twitter:before {
  content: "\e816";
}
.icon-google-play:before {
  content: "\e817";
}
.icon-slider-arrow:before {
  content: "\e818";
}
.icon-play:before {
  content: "\e819";
}
.icon-support:before {
  content: "\e81a";
}
.icon-products:before {
  content: "\e81b";
}
.icon-renew:before {
  content: "\e81c";
}
.icon-mic:before {
  content: "\e81d";
}
.icon-claim:before {
  content: "\e81e";
}
.icon-image:before {
  content: "\e81f";
}
.icon-info:before {
  content: "\e81f";
}

/* projects/shell/src/assets/css/moterbystate.css */
.moterbystate {
  width: 100%;
  float: left;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.moterby_bg {
  position: relative;
  background:
    radial-gradient(
      96.7% 51.31% at 50% 35.97%,
      #4aa2c5 5%,
      #246bad 100%);
  overflow: hidden;
  padding-bottom: 100px;
  padding-top: 100px;
  min-height: 100vh;
}
.moterbystate .wrapper::before {
  content: "";
  position: absolute;
  background:
    linear-gradient(
      180deg,
      rgba(0, 0, 0, .1) 0,
      rgba(0, 0, 0, 0) 100%) repeat;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
}
.moterbystate .wrapper::after {
  content: "";
  position: absolute;
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0) 0,
      rgba(255, 255, 255, .3) 12%,
      rgba(255, 255, 255, 0) 100%);
  background-repeat: repeat-x;
  width: 100vw;
  height: 595px;
  top: 543px;
  left: 0;
  right: 0;
}
.moterby_hading {
  position: relative;
  z-index: 2;
}
.moterby_hading .innerHeadingBox {
  width: 100%;
  white-space: nowrap;
  position: absolute;
  top: 200px;
  left: 0;
  z-index: -1;
}
.moterby_hading .secHeadinginner {
  font-size: 120px;
  font-weight: 700;
  line-height: 115%;
  letter-spacing: -1px;
  text-align: center;
  background:
    linear-gradient(
      180deg,
      #fff 0,
      rgba(255, 255, 255, 0) 100%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  display: block;
  width: max-content;
  animation: difins-scroll-left 15s linear infinite;
}
.moterby_hading .insuranceImg img {
  margin: 0 auto;
}
.moterbystate.moterbystateNew .wrapper .insuranceImg {
  width: calc(100% - 750px);
  animation: difins-imgscroll 5s linear;
}
.moterby_hading img {
  max-width: 100%;
  display: block;
}
.moterbystate_part {
  display: flex;
  justify-content: space-between;
  align-items: center;
  column-gap: 50px;
  width: 100%;
  float: left;
  align-items: flex-start;
}
.formpart_moter {
  width: 700px;
  border-radius: 25px;
  background: #fff;
}
.motortablayout {
  width: 100%;
  float: left;
  background: #f7f7f7;
  padding: 20px 20px;
  border-radius: 25px 25px 0 0;
}
.motortablayout li {
  float: left;
  margin-right: 10px;
}
.motortablayout li a {
  float: left;
  padding: 10px 20px;
  border-radius: 90px;
  color: #454545;
  font-size: 20px;
  font-weight: 400;
  background: rgba(69, 69, 69, .1);
  cursor: pointer;
  border: 1px solid transparent;
  transition: .5s all ease-in-out;
}
.motortablayout li:last-child {
  margin-right: 0;
}
.motortablayout li.active a {
  background: #005dac;
  color: #fff;
}
.motortablayout_box {
  width: 100%;
  float: left;
  padding: 20px 20px 38px;
}
.motortablayout_data {
  width: 100%;
  float: left;
  display: none;
}
.motortablayout_data.active {
  display: block;
}
.moter_mainform {
  width: 100%;
  float: left;
}
.formfild {
  width: 100%;
  float: left;
  margin-bottom: 20px;
  position: relative;
}
.moter_mainform .formfild label {
  width: 100%;
  float: left;
  font-size: 20px;
  font-weight: 400;
  letter-spacing: -.72px;
  color: #000;
  line-height: 118%;
  margin-bottom: 15px;
}
.moter_mainform .formfild input {
  width: 100%;
  float: left;
  border-radius: 10px;
  border: 1px solid #cecece;
  background: #fff;
  padding: 20px;
  font-size: 20px;
  font-weight: 400;
  line-height: 110%;
  color: #454545;
}
.formfild select {
  width: 100%;
  float: left;
  border-radius: 10px;
  border: 1px solid #cecece;
  background: #fff;
  padding: 20px;
  font-size: 16px;
  font-weight: 400;
  line-height: 110%;
  color: #454545;
  -webkit-appearance: none;
}
.formfild .arrowimg {
  position: absolute;
  right: 25px;
  top: 64px;
  width: 15px;
}
.disclaimer-content {
  text-align: left;
  font-size: 14px;
  line-height: 16px;
  width: 100%;
  margin: 20px;
  margin-left: 30px;
}
.checknow {
  width: 100%;
  float: left;
  margin-bottom: 25px;
}
.checktype {
  display: block;
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding-top: 3px;
}
.checktype input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.checktype .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #fff;
  border-radius: 2px;
  border: 1px solid #000;
}
.checktype input:checked ~ .checkmark {
  background-color: #005dac;
  border: 1px solid #005dac;
}
.checktype .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.checktype input:checked ~ .checkmark:after {
  display: block;
}
.checktype .checkmark:after {
  left: 6px;
  top: 2px;
  width: 5px;
  height: 9px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.moter_mainform .terms_conditions {
  width: 100%;
  float: left;
  margin-bottom: 30px;
}
.terms_conditions a {
  width: 100%;
  float: left;
  color: #005DAC;
  font-size: 20px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: underline;
}
.submitbtn {
  width: 100%;
  float: left;
}
.submitbtn button {
  border-radius: 10px;
  background: #005dac;
  padding: 20px 60px;
  color: #fff;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  line-height: 100%;
  transition: .3s all ease-in;
  width: 100%;
  float: left;
  border: 0;
}
.motortablayout_data .otp_section {
  display: none;
}
.mosliderbox {
  width: 100%;
  float: left;
}
.mosliderbox {
  width: 100%;
  float: left;
  list-style-type: none;
}
.mosliderbox li {
  width: 100%;
  float: left;
  margin: 0 -5px;
}
.mosliderbox li a {
  width: 100%;
  float: left;
  position: relative;
  padding: 0 10px;
}
.mosliderbox li a img {
  width: 100%;
  float: left;
}
.mo_bannertext {
  width: 100%;
  float: left;
  padding: 20px 40px;
  background: url("./media/VehicalBg.png")no-repeat;
  background-size: cover;
  border-radius: 10px;
}
.mo_bannertext strong {
  width: 100%;
  float: left;
  font-size: 20px;
  color: #fff;
  padding-top: 10px;
  margin-bottom: 25px;
}
.mo_bannertext p {
  font-size: 14px;
  color: #FFFFFF;
  font-weight: 400;
  padding-bottom: 10px;
  border-bottom: 1px dashed #fff;
  width: 100%;
  float: left;
}
.mo_bannertext i {
  padding: 10px 70px;
  background: #F58220;
  color: #fff;
  font-size: 14px;
  font-style: normal;
  border-radius: 5px;
  float: left;
}
.separaterDiv_mo {
  position: relative;
  border-bottom: 2px dashed #999;
  margin: 75px 0 60px;
  display: flex;
  justify-content: center;
  width: 100%;
  float: left;
}
.separaterDiv_mo .separetText_mo {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
  border: 2px dashed #999;
  display: block;
  padding: 10px;
  font-size: 14px;
  line-height: 110%;
  color: #000;
  background: #fff;
  font-weight: 400;
}
.motortablayout_data .slick-dots {
  bottom: -50px;
  display: flex;
  justify-content: center;
}
.motortablayout_data .slick-dots li {
  margin: 0 1px;
  width: auto;
  padding: 0 0;
}
.motortablayout_data .slick-dots li button:before {
  content: "";
  width: 8px;
  height: 8px;
  border: 1px solid #005DAC;
  border-radius: 50%;
  opacity: 1;
}
.motortablayout_data .slick-dots li.slick-active button:before {
  border: 1px solid #F58220;
  background: #F58220;
}
.vehicle_inspop {
  width: 100%;
  float: left;
  position: relative;
  display: none;
  z-index: 9;
}
.vehicle_blackbg {
  width: 100%;
  float: left;
  background: rgb(0 0 0 / 89%);
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  z-index: 999;
  display: flex;
  justify-content: center;
  align-items: center;
}
.vehicleins_box {
  width: 620px;
  float: left;
  position: relative;
  z-index: 20;
}
.closeins_popup {
  float: left;
  position: absolute;
  right: 20px;
  top: 20px;
}
.closeins_popup a {
  width: 40px;
  height: 40px;
  padding: 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #000;
  border-radius: 50%;
}
.vehicle_text {
  width: 100%;
  float: left;
  background: #fff;
}
.vehiclebanner {
  width: 100%;
  float: left;
}
.vehiclebanner img {
  width: 100%;
  float: left;
}
.vehicleinsdata {
  width: 100%;
  float: left;
  padding: 37px 26px;
}
.vehicleinsdata h2 {
  width: 100%;
  float: left;
  color: #000000;
  font-size: 48px;
  font-weight: 400;
  margin-bottom: 20px;
}
.vehicleinsdata strong {
  width: 100%;
  float: left;
  font-size: 32px;
  font-weight: 400;
  line-height: 34px;
  color: #000;
  padding-bottom: 13px;
}
.vehicleinsdata > p {
  width: 100%;
  float: left;
  font-size: 20px;
  font-weight: 400;
  color: #454545;
  line-height: 26px;
}
.vehicle_can_dele {
  width: 100%;
  float: left;
  gap: 10px;
  margin-top: 30px;
  display: flex;
}
.V_acknow {
  width: 50%;
  float: left;
  border: 1px solid #005DAC;
  padding: 16px 20px;
  border-radius: 10px;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  color: #FFFFFF;
  background: #005DAC;
}
.closeins_popup a {
  padding: 15px;
}
.mopro_errordiv {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  column-gap: 10px;
  padding-top: 10px;
}
.mopro_errordiv img {
  width: 20px;
  height: 20px;
}
.mopro_errordiv p {
  font-size: 14px;
  line-height: 21px;
  color: #FF3B30;
}
.moterslider {
  width: 100%;
  float: left;
}
.moterslider ul {
  width: 100%;
  float: left;
  list-style-type: none;
}
.moterslider ul li {
  float: left;
  padding: 0 10px;
}
.otpback {
  width: 100%;
  float: left;
}
.otpback a {
  float: left;
}
.otpback a img {
  filter: brightness(0);
  width: 40px;
}
.formtwobox {
  width: 100%;
  float: left;
  display: flex;
  gap: 30px;
}
.moter_mainform .formfild input.dobVD {
  background: url("./media/calendar.png")no-repeat center right 15px;
}
.moterbystate .resend_otp_box {
  margin-bottom: 15px;
}
.moterbystate .mopro_errordiv {
  margin-bottom: 20px;
}
.recenetbanner {
  width: 98%;
  float: left;
  background:
    linear-gradient(
      180deg,
      rgba(182, 217, 242, 0) 0%,
      rgba(182, 217, 242, 0.3) 77.17%);
  border: 1px solid #005DAC1A;
  margin-top: 27px;
  padding: 0 0 14px 20px;
  border-radius: 10px;
}
.res_title {
  width: 100%;
  float: left;
  display: flex;
  justify-content: space-between;
  margin-bottom: 35px;
}
.res_title p {
  font-size: 20px;
  font-weight: 400;
  color: #454545;
  padding: 6px 0;
}
.res_title strong {
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  background: #005DAC;
  padding: 10px 20px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  float: left;
}
.modeldatatext {
  width: 100%;
  float: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 21px;
}
.modeltext {
  float: left;
}
.modeltext p {
  font-size: 20px;
  font-weight: 400;
  color: #000000;
  margin-bottom: 8px;
}
.modeltext strong {
  font-size: 36px;
  font-weight: 700;
  color: #000000;
}
.conbtn {
  font-style: normal;
  font-size: 16px;
  font-weight: 700;
  color: #454545;
  padding: 5px 14px;
  border: 1px solid #45454580;
  border-radius: 8px;
}
.moterbystate .tandc_link {
  padding-left: 30px;
  color: #005DAC;
  display: inline-block;
}
.terms_popupwrapper {
  display: none;
  z-index: 9999;
  position: relative;
}
.terms_blackbg {
  width: 100%;
  float: left;
  background: rgb(0 0 0 / 30%);
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
}
.termsins_box {
  width: 620px;
  float: left;
  position: relative;
}
.closeins_popup {
  float: left;
  position: absolute;
  right: 20px;
  top: 20px;
}
.closeins_popup a {
  width: 40px;
  height: 40px;
  padding: 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #000;
  border-radius: 50%;
}
.terms_text {
  width: 100%;
  float: left;
  background: #fff;
}
.termsnsdata {
  width: 100%;
  float: left;
  padding: 37px 26px;
}
.termsnsdata h2 {
  width: 100%;
  float: left;
  color: #000000;
  font-size: 48px;
  font-weight: 400;
  margin-bottom: 20px;
}
.termsnsdata strong {
  width: 100%;
  float: left;
  font-size: 32px;
  font-weight: 400;
  line-height: 34px;
  color: #000;
  padding-bottom: 13px;
}
.termsnsdata > p {
  width: 100%;
  float: left;
  font-size: 20px;
  font-weight: 400;
  color: #454545;
  line-height: 26px;
}
.terms_can_dele {
  width: 100%;
  float: left;
  gap: 10px;
  margin-top: 30px;
  display: flex;
}
.closeins_popup a {
  padding: 15px;
}
/*! CSS Used keyframes */
@keyframes difins-scroll-left {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes difins-imgscroll {
  0% {
    transform: translateX(-30%);
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@media screen and (max-width: 1600px) {
  .moterbystate.moterbystateNew .wrapper .insuranceImg {
    width: calc(100% - 550px);
  }
  .moterby_bg {
    padding-bottom: 50px;
  }
  .moterby_hading .innerHeadingBox {
    padding: 25px 0;
    top: 97px;
  }
  .motortablayout li a {
    font-size: 14px;
  }
  .moter_mainform .formfild label {
    font-size: 14px;
    margin-bottom: 10px;
  }
  .moter_mainform .formfild input {
    font-size: 14px;
    padding: 14px;
  }
  .terms_conditions a {
    font-size: 14px;
  }
  .submitbtn button {
    font-size: 14px;
  }
  .submitbtn button {
    padding: 16px 60px;
  }
  .moter_mainform .formfild select {
    font-size: 16px;
    padding: 14px;
    font-size: 14px;
  }
  .moterbystate .wrapper::after {
    top: 356px;
  }
  .vehicleinsdata h2 {
    font-size: 32px;
  }
  .vehicleinsdata strong {
    font-size: 26px;
  }
  .vehicleinsdata p {
    font-size: 14px;
    line-height: 21px;
  }
  .vehicleinsdata {
    font-size: 20px;
  }
  .vehicleins_box {
    width: 440px;
  }
  .V_acknow {
    width: 35%;
    padding: 13px 12px;
  }
  .vehicleinsdata h2 {
    margin-bottom: 15px;
  }
  .moter_mainform .formfild input.dobVD {
    background-size: 20px;
  }
  .formfild .arrowimg {
    right: 18px;
    top: 44px;
    width: 12px;
  }
  .termsnsdata h2 {
    font-size: 32px;
  }
  .termsnsdata strong {
    font-size: 26px;
  }
  .termsnsdata p {
    font-size: 14px;
    line-height: 21px;
  }
  .termsnsdata {
    font-size: 20px;
  }
  .termsins_box {
    width: 440px;
  }
  .termsnsdata h2 {
    margin-bottom: 15px;
  }
}
@media screen and (min-width:760px) and (max-width:1199px) {
  .moterbystate_part {
    flex-direction: column;
    align-items: center;
  }
  .moterby_bg {
    padding: 50px 10px 50px;
  }
  .moterbystate .insuranceImg {
    display: none;
  }
  .formpart_moter {
    width: 60%;
  }
  .moterby_hading .innerHeadingBox {
    padding: 25px 0;
  }
  .moterby_hading .secHeadinginner {
    font-size: 64px;
    line-height: 70px;
  }
  .motortablayout li a {
    font-size: 14px;
  }
  .moter_mainform .formfild label {
    font-size: 14px;
    margin-bottom: 10px;
  }
  .moter_mainform .formfild input {
    font-size: 14px;
    padding: 14px;
  }
  .terms_conditions a {
    font-size: 14px;
  }
  .submitbtn button {
    font-size: 14px;
  }
  .submitbtn button {
    padding: 16px 60px;
  }
  .moter_mainform .formfild select {
    font-size: 16px;
    padding: 14px;
    font-size: 14px;
  }
  .moterbystate .wrapper::after {
    top: 0;
  }
  .moter_mainform .formfild input.dobVD {
    background-size: 20px;
  }
  .formfild .arrowimg {
    right: 18px;
    top: 44px;
    width: 12px;
  }
}
@media screen and (max-width:767px) {
  input {
    font-size: 16px !important;
  }
  .terms_blackbg {
    width: 100%;
    float: left;
    background: rgb(0 0 0 / 30%);
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: flex-end;
  }
  .moterbystate_part {
    flex-direction: column;
  }
  .moterby_bg {
    padding: 50px 10px 50px;
  }
  .moterbystate_part .insuranceImg {
    margin-top: -83px;
  }
  .moterbystate.moterbystateNew .wrapper .insuranceImg {
    width: auto;
    margin-top: -83px;
  }
  .formpart_moter {
    width: 100%;
  }
  .moterby_hading .innerHeadingBox {
    padding: 0 0;
    top: 0px;
  }
  .moterby_hading .secHeadinginner {
    font-size: 40px;
    line-height: 50px;
  }
  .motortablayout li a {
    font-size: 14px;
  }
  .moter_mainform .formfild label {
    font-size: 14px;
    margin-bottom: 10px;
  }
  .moter_mainform .formfild input {
    font-size: 14px;
    padding: 14px;
  }
  .terms_conditions a {
    font-size: 14px;
  }
  .submitbtn button {
    font-size: 14px;
  }
  .submitbtn button {
    padding: 16px 60px;
  }
  .moter_mainform .formfild select {
    font-size: 16px;
    padding: 14px;
    font-size: 14px;
  }
  .moterby_hading .insuranceImg img {
    width: 80%;
  }
  .moterbystate .wrapper::after {
    top: 101px;
  }
  .vehicleins_box {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all .5s;
  }
  .vehicleins_box.active {
    bottom: 0;
  }
  .closeins_popup {
    position: initial;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
    margin-bottom: 20px;
  }
  .vehicleinsdata h2 {
    font-size: 32px;
  }
  .vehicleinsdata strong {
    font-size: 20px;
  }
  .vehicleinsdata p {
    font-size: 14px;
  }
  .mo_bannertext {
    padding: 17px 20px;
  }
  .mo_bannertext p {
    font-size: 12px;
  }
  .mo_bannertext strong {
    font-size: 14px;
    margin-bottom: 15px;
  }
  .mosliderbox li a img {
    height: 135px;
  }
  .mo_bannertext i {
    padding: 10px 70px;
  }
  .formtwobox {
    gap: 0;
    flex-direction: column;
  }
  .moter_mainform .formfild input.dobVD {
    background-size: 20px;
  }
  .otpback {
    margin-bottom: 20px;
  }
  .otpback a img {
    width: 30px;
  }
  .res_title p {
    font-size: 14px;
  }
  .res_title strong {
    padding: 6px 12px;
  }
  .modeltext p {
    font-size: 16px;
  }
  .modeltext strong {
    font-size: 24px;
  }
  .conbtn {
    font-size: 14px;
  }
  .formfild .arrowimg {
    right: 18px;
    top: 44px;
    width: 12px;
  }
  .separaterDiv_mo {
    margin: 55px 0 40px;
  }
  .moterbystate .mopro_errordiv {
    margin-bottom: 0;
  }
  .termsins_box {
    width: 100%;
    position: static;
    bottom: -101%;
    left: 0;
    transition: 0.5s;
  }
  .active .termsins_box {
    bottom: 0;
  }
  .closeins_popup {
    position: initial;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
    margin-bottom: 20px;
  }
  .termsnsdata h2 {
    font-size: 32px;
  }
  .termsnsdata strong {
    font-size: 20px;
  }
  .termsnsdata p {
    font-size: 14px;
  }
}

/* projects/shell/src/assets/css/otp.css */
.otp_section {
  width: 100%;
  float: left;
  margin: 0px auto;
}
.otp_wrapper {
  width: 100%;
  padding: 23px;
}
.otp_maxwid {
  width: 100%;
  max-width: 342px;
  margin: 0px auto;
}
.otp_imgbox {
  width: 100%;
  margin-bottom: 30px;
}
.otp_imgbox img {
  width: 52px;
}
.otp_verification_title {
  width: 100%;
  font-size: 24px;
  line-height: 28px;
  margin-bottom: 10px;
}
.otp_sent_box {
  width: 100%;
  margin-bottom: 40px;
}
.an_otp_text {
  font-size: 14px;
  line-height: 20px;
}
.otp_noedit {
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  line-height: 20px;
  color: #005DAC;
  font-weight: 700;
  column-gap: 2px;
}
.otp_input_wrapper {
  width: 100%;
  display: flex;
  column-gap: 10px;
  justify-content: space-between;
  margin-bottom: 30px;
}
.otp_inputbox {
  width: 48px;
  height: 46px;
  padding: 10px;
  text-align: center;
  border: 1px solid #CECECE;
  border-radius: 5px;
  font-size: 14px;
  line-height: 14px;
}
.resend_otp_box {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 50px;
}
.resend_otp_link {
  display: inline-block;
  font-size: 14px;
  line-height: 14px;
  color: #005DAC;
  font-weight: 700;
  position: relative;
  padding-bottom: 1px;
}
.resend_otp_link.disabled {
  color: #A6A6A6;
  border-bottom: 1px solid #A6A6A6;
}
.resend_otp_counter {
  display: inline-block;
  font-size: 14px;
  line-height: 16px;
  color: #F58220;
  font-weight: 700;
}
.otp_verify_btnbox {
  width: 100%;
}
.verify_btn {
  border-radius: 10px;
  background: #005dac;
  padding: 20px 60px;
  color: #fff;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  line-height: 100%;
  transition: .3s all ease-in;
  width: 100%;
  float: left;
  border: 0;
}
@media screen and (max-width:767px) {
  .verify_btn {
    font-size: 16px;
    padding: 15px 20px;
  }
}
@media screen and (max-width:400px) {
  .otp_section {
    width: 100%;
  }
  .otp_maxwid {
    width: 100%;
  }
  .otp_inputbox {
    width: 100%;
  }
}

/* projects/shell/src/assets/css/motor_product_desc.css */
.motor_product_desc {
  width: 100%;
  float: left;
}
.motor_spacebox {
  width: 100%;
  float: left;
  display: flex;
}
.blackbgpop {
  width: 403px;
  border-right: 1px solid rgba(69, 69, 69, 0.302);
  padding-top: 60px;
  height: 100vh;
  position: sticky;
  top: 0;
  overflow-y: auto;
}
.descBox_left {
  width: 100%;
  float: left;
}
.descBox_right {
  width: calc(100% - 403px);
  padding: 57px 160px;
}
.motor_product_title {
  width: 100%;
  float: left;
  border-bottom: 1px dashed #999;
}
.motor_product_title h2 {
  width: 100%;
  float: left;
  font-size: 32px;
  color: #454545;
  padding: 0 40px 30px;
}
.motor_product_data {
  width: 100%;
  float: left;
}
.motor_product_acco {
  width: 100%;
  float: left;
  padding: 40px 32px;
  border-bottom: 1px dashed #999;
  overflow: hidden;
}
.motor_accotitle {
  width: 100%;
  float: left;
}
.motor_accotitle a {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.motor_accotitle a p {
  font-size: 24px;
  color: #000000;
  font-weight: 400;
}
.additonal_covbox {
  width: 100%;
  float: left;
  margin-top: 22px;
}
.add_clearall {
  width: 100%;
  float: left;
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 30px;
}
.add_clearall p {
  font-size: 16px;
  color: #454545;
  font-weight: 400;
}
.add_clearall a {
  font-size: 16px;
  color: #005DAC;
  font-weight: 700;
  text-decoration: underline;
}
.additonal_covbox_list {
  width: 100%;
  float: left;
}
.covbox_body {
  width: 100%;
  float: left;
  background:
    linear-gradient(
      180deg,
      rgba(182, 217, 242, 0) 0%,
      rgba(182, 217, 242, 0.2) 100%);
  border: 1px solid #005DAC1A;
  box-shadow: 0px 0px 20px 0px #0000001A;
  padding: 16px 16px;
  border-radius: 10px;
  margin-bottom: 16px;
}
.covbox_body:last-child {
  margin-bottom: 0;
}
.covbox_title {
  width: 100%;
  float: left;
}
.leftinfotitle {
  float: left;
  display: flex;
  gap: 10px;
  align-items: center;
  width: 100%;
  justify-content: space-between;
  padding-bottom: 15px;
  cursor: pointer;
}
.leftinfotitle p {
  font-size: 18px;
  font-weight: 400;
  color: #101010;
  max-width: 75%;
}
.leftinfotitle a {
  flex: 1;
  position: relative;
}
.tooltipCon {
  width: 180px;
  padding: 10px 16px;
  background: #fff;
  border-radius: 5px;
  box-shadow: 4px 4px 40px 0px #45454566;
  position: absolute;
  left: -125px;
  bottom: 45px;
  font-size: 14px;
  color: #454545;
  z-index: 1;
  text-wrap: wrap;
  display: none;
}
.tooltipCon::after {
  content: "";
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 15px solid #fff;
  position: absolute;
  right: 32px;
  bottom: -13px;
}
.leftinfotitle a img:hover ~ .tooltipCon {
  display: block;
}
.tooltipCon:hover {
  display: block;
}
.price_addbox {
  width: 100%;
  float: left;
  padding-top: 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px dashed #999;
}
.leftprice {
  float: left;
  display: flex;
  gap: 8px;
  align-items: flex-end;
}
.leftprice p {
  font-size: 20px;
  font-weight: 700;
  color: #454545;
}
.leftprice i {
  font-size: 14px;
  color: #000000;
  font-weight: 400;
  font-style: normal;
}
.leftprice strong i {
  font-weight: 700;
  color: #01AA55;
  font-size: 18px;
}
.addpluse {
  float: left;
  background: #00AA55;
  padding: 6px 10px;
  border-radius: 10px;
  display: flex;
  gap: 5px;
}
.addpluse > i {
  font-size: 16px;
  color: #fff;
  font-style: normal;
}
.addpluse p {
  font-size: 16px;
  color: #fff;
  font-weight: 700;
}
.deductibles_box {
  width: 100%;
  float: left;
  margin-top: 22px;
}
.deductibles_box_list {
  width: 100%;
  float: left;
  margin-bottom: 16px;
}
.selectprice {
  width: 100%;
  float: left;
  position: relative;
  margin-bottom: 12px;
}
.selectprice:last-child {
  margin-bottom: 0;
}
.priceclick {
  display: block;
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid #45454599;
  padding: 14px 16px;
  border-radius: 5px;
}
.priceclick input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.priceclick .checkmark {
  position: absolute;
  top: 15px;
  left: 16px;
  height: 20px;
  width: 20px;
  background-color: #fff;
  border-radius: 50%;
  border: 1px solid #45454599;
}
.priceclick input:checked ~ .checkmark {
  background-color: #00A140;
  border: 1px solid #00A140;
}
.priceclick .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.priceclick input:checked ~ .checkmark:after {
  display: block;
}
.priceclick .checkmark:after {
  left: 6px;
  top: 3px;
  width: 4px;
  height: 7px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.priceclick.active {
  border-color: #005DAC;
}
.priceclick.active .priceoff p {
  color: #454545;
  font-weight: 700;
}
.priceclick.active .priceoff i {
  color: #048538;
  font-weight: 700;
}
.priceoff {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  padding-left: 30px;
}
.priceoff p {
  color: #45454599;
  font-size: 18px;
  font-weight: 400;
}
.priceoff i {
  color: #45454599;
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
}
.discounts_form {
  width: 100%;
  float: left;
}
.discounts_form .formfild {
  width: 100%;
  float: left;
  margin-bottom: 20px;
  position: relative;
}
.discounts_form .formfild label {
  width: 100%;
  float: left;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -.72px;
  color: #454545;
  line-height: 118%;
  margin-bottom: 10px;
}
.discounts_form .formfild input {
  width: 100%;
  float: left;
  border-radius: 10px;
  border: 1px solid #cecece;
  background: #fff;
  padding: 16px 15px;
  font-size: 14px;
  font-weight: 400;
  line-height: 110%;
  color: #454545;
}
.named_driver_form {
  width: 100%;
  float: left;
  padding: 40px 0 40px;
  border-bottom: 1px dashed #999;
}
.innertitle {
  width: 80%;
  float: left;
  font-size: 20px;
  font-weight: 400;
  color: #454545;
  line-height: 27px;
}
.selectdriver {
  width: 100%;
  float: left;
}
.named_driver_form .formradio {
  width: 100%;
  float: left;
  position: relative;
}
.formradio strong {
  width: 100%;
  float: left;
  font-size: 16px;
  color: #454545;
  font-weight: 400;
  margin-bottom: 15px;
}
.radioclick {
  width: 100%;
  float: left;
  display: flex;
  gap: 30px;
}
.select_driver {
  display: block;
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding-top: 4px;
  color: #454545;
}
.select_driver input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.select_driver .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #fff;
  border-radius: 50%;
  border: 1px solid #8F8F8F;
}
.select_driver input:checked ~ .checkmark {
  background-color: #fff;
  border: 1px solid #8F8F8F;
}
.select_driver .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.select_driver input:checked ~ .checkmark:after {
  display: block;
}
.select_driver .checkmark:after {
  top: 4px;
  left: 4px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #005DAC;
}
.employee_discount {
  width: 100%;
  float: left;
  padding: 40px 0 40px;
}
.employee_fild {
  width: 100%;
  float: left;
  display: flex;
  flex-direction: row;
  gap: 15px;
  align-items: center;
  margin-bottom: 15px;
}
.employee_fild .formfild {
  width: 100%;
  float: left;
  margin-bottom: 20;
  position: relative;
}
.employee_fild .formfild label {
  width: 100%;
  float: left;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -.72px;
  color: #000;
  line-height: 118%;
  margin-bottom: 10px;
}
.employee_fild .formfild input {
  width: 100%;
  float: left;
  border-radius: 10px;
  border: 1px solid #cecece;
  background: #fff;
  padding: 15px;
  font-size: 14px;
  font-weight: 400;
  line-height: 110%;
  color: #454545;
}
.employee_fild .formfild select {
  width: 100%;
  float: left;
  border-radius: 10px;
  border: 1px solid #cecece;
  background: #fff;
  padding: 15px;
  font-size: 14px;
  font-weight: 400;
  line-height: 110%;
  color: #454545;
  -webkit-appearance: none;
}
.employee_fild .formfild .arrowimg {
  position: absolute;
  right: 12px;
  top: 47px;
  width: 12px;
}
.centertag {
  float: left;
  display: flex;
  align-items: baseline;
  height: 0px;
}
.centertag p {
  font-size: 14px;
  font-weight: 400;
  line-height: 23px;
}
.checkeligi {
  width: 100%;
  float: left;
  background: #005DAC;
  padding: 15px 0;
  border-radius: 5px;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
}
.topproduct_title {
  width: 100%;
  float: left;
}
.topproduct_title h2 {
  font-size: 32px;
  color: #454545;
  width: 100%;
  float: left;
  padding-bottom: 50px;
}
.topproduct_list {
  width: 100%;
  float: left;
}
.topproduct_box {
  width: 100%;
  float: left;
  background:
    linear-gradient(
      180deg,
      rgba(182, 217, 242, 0) 0%,
      rgba(182, 217, 242, 0.3) 77.17%);
  border: 1px solid #005DAC80;
  box-shadow: 0px 10px 30px 0px #00000024;
  border-radius: 10px;
  position: relative;
  margin-bottom: 70px;
}
.toppro_title {
  width: 100%;
  float: left;
  padding: 24px 41px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px dashed #000000;
}
.toppro_left {
  float: left;
  display: flex;
  gap: 24px;
  align-items: center;
}
.toppro_left img {
  width: 66px;
  height: 65px;
  float: left;
}
.textleft {
  float: left;
}
.textleft h2 {
  font-size: 24px;
  color: #454545;
  font-weight: 700;
  margin-bottom: 8px;
}
.textleft p {
  font-size: 18px;
  color: #FF3B30;
  font-weight: 400;
}
.toppro_right {
  float: left;
}
.amount_gst {
  background: #F58220;
  padding: 12px 19px;
  border-radius: 10px;
  display: flex;
  gap: 6px;
  align-items: center;
}
.amount_gst img {
  width: 25px;
}
.amount_gst i {
  color: #fff;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
}
.amount_gst strong {
  font-size: 20px;
  color: #fff;
  font-weight: 700;
}
.viewpremium {
  font-size: 18px;
  color: #005DAC;
  text-decoration: underline;
  padding-top: 12px;
  float: right;
}
.topproduct_benefits {
  width: 100%;
  float: left;
  padding: 24px 41px 24px 130px;
  border-bottom: 1px dashed #000000;
}
.benefits_title {
  width: auto;
  float: left;
  text-align: left;
}
.odometer-edit {
  float: right;
  width: auto;
  font-size: 12px;
  color: #005DAC;
  font-weight: 400;
  text-decoration: underline;
}
.benefits_points {
  width: 100%;
  float: left;
}
.benefits_title {
  font-size: 12px;
  color: #000000;
  float: left;
  font-weight: 400;
  margin-bottom: 15px;
}
.benefits_points ul {
  width: 100%;
  float: left;
  list-style-type: none;
  display: flex;
  gap: 15px;
}
.benefits_points ul li {
  float: left;
  display: flex;
  gap: 10px;
  align-items: center;
}
.benefits_points ul li a p {
  font-size: 18px;
  color: #454545;
  font-weight: 400;
}
.benefits_points ul li a p {
  color: #005DAC;
}
.payasyou_drive {
  width: 100%;
  float: left;
  margin-top: 15px;
}
.payasyou_drive i {
  color: #00AA55;
}
.payasyou_drive .benefits_title {
  margin: 3px 0 5px 11px;
}
.payasyou_drive ul {
  width: 100%;
  float: left;
  list-style-type: none;
  display: flex;
  margin-bottom: 0;
}
.payasyou_drive ul li {
  float: left;
  margin: 10px;
}
.payasyou {
  display: block;
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  font-size: 20px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #454545;
  width: auto;
  float: left;
}
.payasyou input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.payasyou .checkmark {
  position: absolute;
  top: 2px;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #fff;
  border-radius: 50%;
  border: 1px solid #8F8F8F;
}
.payasyou input:checked ~ .checkmark {
  background-color: #fff;
  border: 1px solid #8F8F8F;
}
.payasyou .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.payasyou input:checked ~ .checkmark:after {
  display: block;
}
.payasyou .checkmark:after {
  top: 4px;
  left: 4px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #005DAC;
}
.two_more {
  float: left;
}
.two_more a {
  float: left;
  text-decoration: underline;
  display: flex;
  gap: 10px;
  align-items: center;
}
.two_more a p {
  font-size: 18px;
  color: #005DAC;
  font-weight: 400;
}
.tenureclick {
  width: 100%;
  float: left;
  padding: 24px 41px 24px 130px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.tenureclick p {
  font-size: 18px;
  color: #FF3B30;
  font-weight: 400;
}
.cashless {
  float: left;
  display: flex;
  gap: 60px;
}
.cashless a {
  color: #005DAC;
  font-size: 18px;
  font-weight: 400;
  text-decoration: underline;
}
.recommended {
  float: left;
  position: absolute;
  top: -1px;
  left: -1px;
}
.recommended p {
  font-size: 14px;
  color: #fff;
  font-weight: 500;
  background: #FF68A7;
  padding: 8px 10px;
  border-radius: 10px 0px 10px 0px;
}
.recommended_addons {
  width: 100%;
  float: left;
  box-shadow: 0px 0px 50px 0px #0000001A inset;
  background: #fff;
  padding: 40px 20px;
  border-radius: 10px;
  margin-bottom: 60px;
}
.reco_addons {
  width: 100%;
  float: left;
  display: flex;
  gap: 60px;
  align-items: center;
  padding-bottom: 20px;
  justify-content: space-between;
}
.reco_addons h2 {
  float: left;
  font-size: 20px;
  color: #454545;
  font-weight: 400;
}
.reco_addons a {
  font-size: 20px;
  color: #005DAC;
  font-weight: 700;
  text-decoration: underline;
  float: left;
}
.recommended_addons ul {
  width: 100%;
  float: left;
  list-style-type: none;
  display: flex;
  gap: 20px;
}
.recommended_addons ul li {
  float: left;
}
.addons {
  display: block;
  position: relative;
  padding: 11px 13px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background:
    linear-gradient(
      180deg,
      rgba(182, 217, 242, 0) 0%,
      rgba(182, 217, 242, 0.2) 100%);
  border: 1px solid #005DAC33;
  border-radius: 10px;
}
.addons p {
  font-size: 18px;
  color: #101010;
  padding-left: 30px;
}
.addons input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.addons .checkmark {
  position: absolute;
  top: 10px;
  left: 13px;
  height: 20px;
  width: 20px;
  background-color: #fff;
  border-radius: 2px;
  border: 1px solid #CECECE;
}
.addons input:checked ~ .checkmark {
  background-color: #005dac;
  border: 1px solid #005dac;
}
.addons .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.addons input:checked ~ .checkmark:after {
  display: block;
}
.addons .checkmark:after {
  left: 6px;
  top: 2px;
  width: 5px;
  height: 9px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.addons.active {
  border-color: #005DAC;
}
.zerodepreciation_cover {
  width: 100%;
  float: left;
  background:
    linear-gradient(
      162.68deg,
      #EEF8FF 23.7%,
      #B5DAF1 86.48%);
  padding: 30px 26px;
  border-radius: 20px;
}
.zerodec_title {
  width: 100%;
  float: left;
  font-size: 18px;
  color: #454545;
  font-weight: 700;
  padding-bottom: 20px;
}
.zerodec_list {
  width: 100%;
  float: left;
  display: flex;
  align-items: flex-end;
}
.zerodec_box {
  width: 50%;
  float: left;
}
.zerodec_box ul {
  width: 100%;
  float: left;
  list-style-type: none;
}
.zerodec_box ul li {
  float: left;
  display: flex;
  gap: 10px;
  align-items: center;
  width: 100%;
  margin-bottom: 10px;
}
.zerodec_box ul li:last-child {
  margin-bottom: 0;
}
.zerodec_box ul li p {
  font-size: 18px;
  color: #454545;
  font-weight: 400;
}
.zerodec_price {
  width: 50%;
  float: left;
  display: flex;
  align-items: center;
  gap: 15px;
  justify-content: flex-end;
}
.zerodec_price > p {
  font-size: 20px;
  font-weight: 700;
  color: #454545;
}
.zerodec_price > p > i {
  font-size: 14px;
  color: #000000;
  font-weight: 400;
  font-style: normal;
}
.addzero {
  float: left;
  background: #00AA55;
  padding: 11px 14px;
  border-radius: 10px;
  display: flex;
  gap: 5px;
}
.addzero > i {
  font-size: 16px;
  color: #fff;
  font-style: normal;
}
.addzero > p {
  font-size: 16px;
  color: #fff;
  font-weight: 400;
}
.close_descbox {
  width: 50%;
  float: left;
}
.close_descbox {
  display: none;
}
.customize {
  width: 100%;
  float: left;
  display: none;
  justify-content: center;
  padding-top: 30px;
}
.customize a {
  background: #000;
  float: left;
  display: flex;
  gap: 10px;
  padding: 10px 16px;
  border-radius: 50px;
}
.customize a p {
  font-size: 16px;
  color: #fff;
  font-weight: 700;
}
.motor_product_desc .checknow {
  width: 100%;
  float: left;
  margin-bottom: 25px;
}
.motor_product_desc .checktype {
  display: block;
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding-top: 3px;
}
.motor_product_desc .checktype input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.motor_product_desc .checktype .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #fff;
  border-radius: 2px;
  border: 1px solid #000;
}
.motor_product_desc .checktype input:checked ~ .checkmark {
  background-color: #005dac;
  border: 1px solid #005dac;
}
.motor_product_desc .checktype .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.motor_product_desc .checktype input:checked ~ .checkmark:after {
  display: block;
}
.motor_product_desc .checktype .checkmark:after {
  left: 6px;
  top: 2px;
  width: 5px;
  height: 9px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.motor_product_banner {
  width: 100%;
  float: left;
  background: url(https://rvmp.prod.bajajgeneral.com/assets/images/cus_vehicalBg.png) no-repeat;
  background-size: cover;
  padding: 35px 70px 40px;
}
.stickyhead .moterprogress {
  display: none;
}
.stickyhead .vehicals {
  display: none;
}
.stickyhead .Vehicals_model {
  padding: 0;
  width: auto;
  float: right;
}
.stickyhead .back_progress .moterby_back_logo {
  width: auto !important;
}
.stickyhead .vehicals_data ul {
  width: auto;
  float: right;
}
.stickyhead .back_progress {
  width: auto;
}
.motor_product_banner.stickyhead {
  padding: 1% 2% 1% 2% !important;
  position: fixed;
  width: 100%;
  float: left;
  z-index: 9;
}
.stickyhead .vehicals_data {
  float: left;
  zoom: 90%;
}
.back_progress .moterby_back_logo {
  padding-bottom: 0;
  align-items: center;
  display: flex;
}
.back_progress {
  width: 100%;
  float: left;
  display: flex;
  justify-content: space-between;
}
.moterprogress {
  float: left;
  width: 25%;
}
.moterprogress ul {
  width: 100%;
  float: left;
  list-style-type: none;
  display: flex;
  gap: 10px;
  justify-content: space-between;
}
.moterprogress ul li {
  width: 85px;
  height: 6px;
  border-radius: 20px;
  background: #ffffff40;
  float: left;
}
.moterprogress ul li.active {
  width: 245px;
  background: #fff;
}
.moterprogress ul.active li {
  width: 245px;
  background: #fff;
}
.moterprogress_text {
  float: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 20px;
}
.moterprogress_text p {
  font-size: 20px;
  color: #FFFFFF;
  font-weight: 400;
}
.moterprogress_text p:last-child {
  font-size: 24px;
  font-weight: 700;
}
.Vehicals_model {
  width: 100%;
  float: left;
  display: flex;
  justify-content: space-between;
  padding: 70px 0 0 90px;
  align-items: flex-end;
}
.vehicals {
  float: left;
}
.vehicals img {
  width: 540px;
}
.vehicals_data {
  float: left;
}
.vehicals_data ul {
  float: left;
  list-style-type: none;
  display: flex;
  gap: 48px;
  align-items: center;
}
.vehicals_data ul li {
  float: left;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.vehicals_data ul li i {
  font-size: 20px;
  font-weight: normal;
  color: #FFFFFF;
  font-style: normal;
}
.vehicals_data ul li p {
  font-size: 24px;
  font-weight: 700;
  color: #FFFFFF;
}
.vehicals_data ul li a img {
  filter: brightness(20);
}
.coveragesPop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 999;
}
.coveragesInner {
  position: absolute;
  right: -101%;
  top: 0;
  height: 100%;
  background: #fff;
  width: 480px;
  overflow-y: auto;
  transition: 0.5s;
}
.coveragesInner.active {
  right: 0;
}
.coveragesclose {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: end;
  padding: 37px 48px 0;
  position: sticky;
  top: 0;
  z-index: 1;
}
.coveragesclose a {
  width: 48px;
  height: 48px;
  padding: 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 50%;
}
.coveragescon {
  float: left;
  width: 100%;
  padding: 0 75px;
}
.coveragescon h2 {
  font-size: 48px;
  color: #000;
  line-height: 50px;
  margin-bottom: 60px;
}
.coveragescon strong {
  font-size: 24px;
  color: #000;
  margin-bottom: 20px;
  float: left;
  width: 100%;
}
.coveragescon ul {
  float: left;
  width: 100%;
  list-style-type: none;
  margin-bottom: 16px;
}
.coveragescon ul li {
  float: left;
  width: 100%;
  margin-bottom: 24px;
  font-size: 20px;
  color: #454545;
  position: relative;
}
.coveragescon ul li p {
  position: relative;
  padding-left: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
.coveragescon ul li p::before {
  content: "";
  width: 20px;
  height: 20px;
  background: #B6D9F2;
  border: 1px solid #454545;
  position: absolute;
  left: 0;
  top: 2px;
  border-radius: 50%;
  box-sizing: border-box;
}
.coveragescon ul li p::after {
  content: "";
  width: 5px;
  height: 8px;
  border-right: 1px solid #454545;
  border-bottom: 1px solid #454545;
  position: absolute;
  left: 7px;
  top: 7px;
  box-sizing: border-box;
  transform: rotate(45deg);
}
.coveragescon ul.accord-Ul li .accord-Ul-con {
  float: left;
  width: 100%;
  font-size: 16px;
  margin-bottom: 20px;
  padding-left: 30px;
  line-height: 25px;
}
.coveragescon ul.accord-Ul li p.active img {
  transform: rotate(-180deg);
}
.coveragescon ul.accord-Ul {
  border-top: 1px dashed rgba(0, 0, 0, 0.4);
}
.coveragescon ul.accord-Ul li {
  border-bottom: 1px dashed rgba(0, 0, 0, 0.4);
  margin-bottom: 0;
}
.coveragescon ul.accord-Ul li p {
  padding: 20px 0 20px 30px;
}
.coveragescon ul.accord-Ul li p::before {
  top: 50%;
  transform: translate(0, -50%);
}
.coveragescon ul.accord-Ul li p::after {
  top: 50%;
  left: 5px;
  transform: rotate(45deg) translate(0, -50%);
  margin-top: -2px;
}
.upgradePalnPop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 1;
  display: none;
}
.upgradePalnMiddle {
  width: 794px;
  margin: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.upgradePalnInner {
  float: left;
  width: 100%;
  padding: 75px 55px 0;
  background: #fff;
}
.upgradePalnClose {
  display: flex;
  align-items: center;
  justify-content: end;
  position: absolute;
  right: 26px;
  top: 26px;
}
.upgradePalnClose a {
  width: 48px;
  height: 48px;
  padding: 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 50%;
}
.upgradePalnCon {
  float: left;
  width: 100%;
}
.upgradePalnCon > h2 {
  float: left;
  width: 100%;
  font-size: 48px;
  color: #000;
  margin-bottom: 20px;
}
.upgradePalnCon > p {
  float: left;
  width: 100%;
  font-size: 20px;
  color: #454545;
  margin-bottom: 40px;
}
.upgradePalnCard {
  float: left;
  width: 310px;
  box-shadow: 0px 10px 60px 0px #00000066;
  border: 2px solid #FF68A7;
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
  z-index: 1;
}
.upgradePalnCard .topLabel {
  float: left;
  width: 100%;
  background: #FF68A7;
  font-size: 11px;
  color: #fff;
  text-align: center;
  padding: 3px 0;
}
.upgradePalnCard .firstBlock {
  float: left;
  width: 100%;
  padding: 15px 57px;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.4);
  display: flex;
}
.upgradePalnCard .firstBlock img {
  width: 30px;
  height: 30px;
  margin-right: 8px;
}
.upgradePalnCard .firstBlock strong {
  float: left;
  width: 100%;
  font-size: 14px;
  font-weight: 700;
  color: #454545;
}
.upgradePalnCard .firstBlock i {
  float: left;
  width: 100%;
  font-size: 12px;
  font-weight: 700;
  color: #F58220;
  font-style: normal;
}
.upgradePalnCard .secondBlock {
  float: left;
  width: 100%;
  padding: 15px 57px 0;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.4);
}
.upgradePalnCard .secondBlock strong {
  float: left;
  width: 100%;
  font-size: 14px;
  font-weight: 700;
  color: #454545;
  margin-bottom: 7px;
}
.upgradePalnCard .secondBlock ul {
  float: left;
  width: 100%;
  list-style-type: none;
  margin-bottom: 17px;
}
.upgradePalnCard .secondBlock ul li {
  float: left;
  width: 100%;
  font-size: 14px;
  color: #454545;
  margin-bottom: 7px;
  position: relative;
  padding-left: 18px;
}
.upgradePalnCard .secondBlock ul li::after {
  content: "";
  width: 5px;
  height: 8px;
  border-right: 1px solid #00A140;
  border-bottom: 1px solid #00A140;
  position: absolute;
  left: 3px;
  top: 4px;
  box-sizing: border-box;
  transform: rotate(45deg);
}
.upgradePalnCard .thirdBlock {
  float: left;
  width: 100%;
  padding: 15px 57px;
  text-align: center;
}
.upgradePalnCard .thirdBlock p {
  font-size: 14px;
  font-weight: 700;
  color: #454545;
  margin-bottom: 4px;
}
.upgradePalnCard .thirdBlock strong {
  font-size: 20px;
  font-weight: 700;
  color: #00A140;
}
.upgradePalnCard.smallCard {
  border: 0;
  width: 175px;
  box-shadow: 10px 10px 50px 0px #00000033;
  margin-right: -4px;
  margin-left: -4px;
  z-index: 0;
}
.upgradePalnCard.smallCard .firstBlock {
  padding: 20px 18px;
}
.upgradePalnCard.smallCard .secondBlock {
  padding: 15px 24px 0;
}
.upgradePalnCard.smallCard .thirdBlock {
  padding: 20px 24px;
}
.upgradePalnCard.smallCard .secondBlock ul li::after {
  border-right: 1px solid #454545;
  border-bottom: 1px solid #454545;
}
.upgradePalnCardMain {
  display: flex;
  align-items: center;
  justify-content: center;
  float: left;
  width: 100%;
  margin-bottom: 60px;
}
.upgradePalnBtn {
  float: left;
  width: 100%;
  padding: 30px 0;
  display: flex;
}
.upgradePalnBtn a {
  float: left;
  width: 100%;
  font-size: 20px;
  color: #454545;
  border: 1px solid #45454580;
  border-radius: 10px;
  font-weight: 700;
  text-align: center;
  line-height: 22px;
  padding: 18px;
  margin: 0 5px;
}
.upgradePalnBtn a.upgradeNow {
  background: #005DAC;
  border: 1px solid #005DAC;
  color: #fff;
}
.com_motor_planPop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 10;
  overflow-y: auto;
  display: none;
}
.limitedkm_planPop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 10;
  overflow-y: auto;
}
.com_motor_planMiddle {
  width: 794px;
  margin: auto;
  display: flex;
}
.com_motor_planInner {
  float: left;
  width: 100%;
  padding: 75px 44px 30px;
  background: #fff;
  position: relative;
  max-height: calc(100vh - 50px);
  overflow: auto;
}
.com_motor_planClose {
  display: flex;
  align-items: center;
  justify-content: end;
  position: absolute;
  right: 26px;
  top: 26px;
}
.com_motor_planClose a {
  width: 48px;
  height: 48px;
  padding: 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 50%;
}
.com_motor_planCon {
  float: left;
  width: 100%;
}
.com_motor_planCon > h2 {
  float: left;
  width: 100%;
  font-size: 48px;
  color: #000;
  margin-bottom: 30px;
}
.com_motor_planCon ul {
  float: left;
  width: 100%;
  list-style-type: none;
  margin-bottom: 24px;
  padding: 0 24px;
}
.com_motor_planCon ul li {
  float: left;
  width: 100%;
  padding: 24px 0;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.4);
  display: flex;
  justify-content: space-between;
}
.com_motor_planCon ul li p {
  font-size: 20px;
  color: #454545;
}
.com_motor_planCon ul li strong {
  font-size: 24px;
  color: #454545;
  display: flex;
  align-items: center;
  min-width: 85px;
}
.com_motor_planCon ul li strong img {
  margin-left: 8px;
  cursor: pointer;
}
.com_motor_planCon .com_motor_planTtl {
  float: left;
  width: 100%;
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 24px;
  cursor: pointer;
}
.com_motor_planCon .com_motor_planTtl p {
  font-size: 20px;
  font-weight: 700;
  color: #454545;
  display: flex;
  align-items: center;
}
.com_motor_planCon .com_motor_planTtl p img {
  margin-left: 8px;
  margin-top: 4px;
}
.com_motor_planCon .com_motor_planTtl strong {
  font-size: 24px;
  color: #454545;
  display: flex;
  align-items: center;
  min-width: 85px;
}
.com_motor_planCon .com_motor_planTtl2 {
  float: left;
  width: 100%;
  margin-bottom: 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0px 24px;
}
.com_motor_planCon .com_motor_planTtl2 p {
  font-size: 20px;
  color: #454545;
  display: flex;
  align-items: center;
}
.com_motor_planCon .com_motor_planTtl2 strong {
  font-size: 24px;
  color: #454545;
  display: flex;
  align-items: center;
  min-width: 85px;
}
.com_motor_planCon .com_motor_planTotal {
  float: left;
  width: 100%;
  margin-bottom: 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 24px;
  background: #000;
}
.com_motor_planCon .com_motor_planTotal p {
  font-size: 24px;
  font-weight: 700;
  color: #fff;
  display: flex;
  align-items: center;
}
.com_motor_planCon .com_motor_planTotal strong {
  font-size: 24px;
  font-weight: 700;
  color: #fff;
  display: flex;
  align-items: center;
  min-width: 85px;
}
.covbox_body .checkList1 {
  float: left;
  width: 100%;
  list-style-type: none;
  margin-bottom: 10px;
}
.covbox_body.active {
  background:
    linear-gradient(
      180deg,
      rgba(182, 217, 242, 0) 0%,
      rgba(147, 210, 255, 0.6) 77.17%);
  border: 1px solid #005DAC;
}
.covbox_body .checkList1 li {
  float: left;
  width: 100%;
  font-size: 14px;
  color: #454545;
  margin-bottom: 7px;
  position: relative;
  padding-left: 18px;
}
.covbox_body .checkList1 li::after {
  content: "";
  width: 5px;
  height: 8px;
  border-right: 1px solid #454545;
  border-bottom: 1px solid #454545;
  position: absolute;
  left: 3px;
  top: 3px;
  box-sizing: border-box;
  transform: rotate(45deg);
}
.covbox_body .input1 {
  float: left;
  width: 100%;
  margin-bottom: 16px;
}
.covbox_body .input1 label {
  float: left;
  width: 100%;
  font-size: 14px;
  color: #454545;
  margin-bottom: 10px;
}
.covbox_body .input1 input {
  float: left;
  width: 100%;
  font-size: 14px;
  color: #454545;
  border: 1px solid #8F8F8F;
  background: #fff;
  border-radius: 5px;
  padding: 12px 16px 10px;
}
.covbox_body .input1 input.dobVD {
  background: #fff url("./media/calendar.png")no-repeat 97%;
  background-size: 16px;
}
.covbox_body .input1 select {
  float: left;
  width: 100%;
  font-size: 14px;
  color: #454545;
  border: 1px solid #8F8F8F;
  border-radius: 5px;
  padding: 12px 16px 10px;
  -webkit-appearance: none;
  background: #fff url("./media/down_arrow.png") no-repeat 95%;
}
.covbox_body .radioPart1 {
  float: left;
  width: 100%;
  margin-bottom: 16px;
}
.covbox_body .radioPart1 > strong {
  float: left;
  width: 100%;
  font-size: 14px;
  color: #454545;
  margin-bottom: 10px;
}
.covbox_body .radioPart1 label {
  float: left;
  margin-right: 30px;
}
.covbox_body .radioPart1 label input {
  display: none;
}
.covbox_body .radioPart1 label i {
  width: 20px;
  height: 20px;
  background: #fff;
  border: 1px solid #8F8F8F;
  border-radius: 50%;
  float: left;
  position: relative;
}
.covbox_body .radioPart1 label input:checked ~ i::after {
  content: "";
  width: 10px;
  height: 10px;
  background: #005DAC;
  border-radius: 50%;
  position: absolute;
  left: 4px;
  top: 4px;
}
.covbox_body .radioPart1 label strong {
  float: left;
  margin-left: 10px;
  color: #454545;
}
.covbox_body .addpluse.remove {
  border: 1px solid #454545;
  background: transparent;
}
.covbox_body .addpluse.remove p {
  font-size: 14px;
  color: #454545;
}
.covbox_body .additionlCon {
  float: left;
  width: 100%;
  display: none;
}
.covbox_body .ShowOnAdd {
  float: left;
  width: 100%;
  display: none;
}
.covbox_body .ShowOnremove {
  float: left;
  width: 100%;
  display: none;
}
.covbox_body .leftinfotitle.active > img {
  transform: rotate(-180deg);
}
.covbox_body .compulsory_gst {
  float: left;
  width: 100%;
  list-style-type: none;
  padding-top: 16px;
  border-top: 1px dashed #999;
  margin-top: 16px;
}
.covbox_body .compulsory_gst li {
  float: left;
  width: 100%;
  margin-bottom: 18px;
}
.covbox_body .compulsory_gst li:last-child {
  margin-bottom: 0;
}
.covbox_body .compulsory_gst li > p {
  float: left;
  font-size: 18px;
  color: #101010;
  display: flex;
  align-items: center;
}
.covbox_body .compulsory_gst li > p img {
  width: 18px;
  height: 18px;
  margin-left: 8px;
}
.covbox_body .compulsory_gst li > div {
  float: right;
}
.covbox_body .compulsory_gst li > div strong {
  font-size: 20px;
  color: #454545;
  font-weight: 700;
}
.covbox_body .compulsory_gst li > div strong sub {
  vertical-align: baseline;
  font-size: 12px;
  color: #000;
}
.covbox_body .compulsory_gst li > div label input {
  display: none;
}
.covbox_body .compulsory_gst li > div label i {
  width: 20px;
  height: 20px;
  border-radius: 5px;
  background: #005DAC;
  float: right;
  margin-left: 10px;
  position: relative;
}
.covbox_body .compulsory_gst li > div label input:checked ~ i::after {
  content: "";
  width: 6px;
  height: 10px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  position: absolute;
  left: 7px;
  top: 3px;
  box-sizing: border-box;
  transform: rotate(45deg);
}
.inneracco {
  width: 100%;
  float: left;
}
.inneracco a {
  width: 100%;
  float: left;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.addlist_driver {
  width: 100%;
  float: left;
}
.addlist_driver ul {
  width: 100%;
  float: left;
  display: flex;
  gap: 10px;
  white-space: nowrap;
  overflow-x: auto;
  padding-top: 5px;
}
.addlist_driver ul::-webkit-scrollbar {
  height: 10px;
}
.addlist_driver ul li {
  float: left;
  position: relative;
}
.addlist_driver ul li i {
  float: left;
  position: absolute;
  right: -4px;
  top: -5px;
  cursor: pointer;
}
.select_driver_list {
  display: block;
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid #45454599;
  padding: 10px 10px 10px 40px;
  border-radius: 10px;
  float: left;
  font-size: 16px;
  font-weight: 700;
  color: #454545;
}
.select_driver_list input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.select_driver_list .checkmark {
  position: absolute;
  top: 10px;
  left: 10px;
  height: 20px;
  width: 20px;
  background-color: #fff;
  border-radius: 50%;
  border: 1px solid #8F8F8F;
}
.select_driver_list input:checked ~ .checkmark {
  background-color: #fff;
  border: 1px solid #8F8F8F;
}
.select_driver_list .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.select_driver_list input:checked ~ .checkmark:after {
  display: block;
}
.select_driver_list .checkmark:after {
  top: 4px;
  left: 4px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #005DAC;
}
.select_driver_add {
  border: 1px solid #45454599;
  padding: 10px 10px;
  border-radius: 10px;
  float: left;
  display: flex;
  align-items: center;
  gap: 10px;
  width: max-content;
}
.select_driver_add img {
  width: 20px;
  height: 20px;
}
.select_driver_add p {
  font-size: 16px;
  font-weight: 700;
  color: #454545;
}
.leftcom_fild {
  width: 100%;
  float: left;
}
.driver_details_from {
  margin-top: 24px;
}
.leftcom_fild .formfild {
  width: 100%;
  float: left;
  margin-bottom: 20px;
  position: relative;
}
.leftcom_fild .formfild label {
  width: 100%;
  float: left;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -.72px;
  color: #454545;
  line-height: 118%;
  margin-bottom: 10px;
}
.leftcom_fild .formfild input {
  width: 100%;
  float: left;
  border-radius: 10px;
  border: 1px solid #cecece;
  background: #fff;
  padding: 16px 15px;
  font-size: 14px;
  font-weight: 400;
  line-height: 110%;
  color: #454545;
}
.leftcom_fild .formfild select {
  width: 100%;
  float: left;
  border-radius: 10px;
  border: 1px solid #cecece;
  background: #fff;
  padding: 16px 15px;
  font-size: 14px;
  font-weight: 400;
  line-height: 110%;
  color: #454545;
  -webkit-appearance: none;
}
.leftcom_fild .formfild .arrowimg {
  top: 48px;
  right: 15px;
  width: 12px;
}
.driveformfild {
  width: 100%;
  display: flex;
  gap: 10px;
}
.premium_further {
  width: 100%;
  float: left;
  padding: 40px 0 40px;
  border-bottom: 1px dashed #999;
}
.leftcom_fild .formradio {
  margin-bottom: 20px;
}
.leftcom_fild .formradio strong {
  color: #454545;
}
.leftcom_fild .checktype {
  color: #454545;
  line-height: 20px;
  padding-top: 0;
}
.leftcom_fild .checktype a {
  color: #005DAC;
  font-weight: 700;
  text-decoration: underline;
}
.leftinner_data {
  width: 100%;
  float: left;
  margin-top: 24px;
}
.alertbox {
  padding: 12px 8px;
  background: #00A1401A;
  width: 100%;
  float: left;
  border-radius: 5px;
  display: flex;
  gap: 10px;
  align-items: self-start;
  margin-bottom: 25px;
}
.alertbox p {
  color: #00A140;
  font-size: 14px;
  font-weight: 400;
}
.save_changes {
  width: 100%;
  float: left;
  padding: 15px 20px;
}
.save_changes button {
  width: 100%;
  float: left;
  background: #005DAC;
  padding: 15px 0;
  border-radius: 10px;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
}
.covbox_body .compulsory_gst li > div.compulsoryPainput {
  float: left;
  width: 100%;
  margin-top: 12px;
  border-bottom: 1px dashed #999;
  display: none;
}
.check_CIBIL_score {
  width: 100%;
  float: left;
  padding-bottom: 40px;
}
.zerodepreciation_cover .addzero.removezero {
  border: 1px solid #454545;
  background: transparent;
}
.zerodepreciation_cover .addzero.removezero p {
  color: #454545;
}
.recommended.currentplan p {
  background: #005DAC;
}
.cashless .viewpremium {
  padding-top: 0;
}
.needhelp {
  width: 100%;
  float: left;
  background: #fff;
  box-shadow: 0px 0px 50px 0px #0000001A inset;
  padding: 30px 30px;
  margin-bottom: 60px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.needhelptext {
  float: left;
  display: flex;
  gap: 20px;
}
.needhelptext img {
  float: left;
  width: 60px;
  height: 60px;
}
.texttitle {
  float: left;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.texttitle strong {
  font-size: 24px;
  font-weight: 700;
  color: #454545;
}
.texttitle p {
  font-size: 18px;
  font-weight: 400;
  color: #454545;
}
.reqtwobtn {
  float: left;
  display: flex;
  gap: 10px;
}
.reqtwobtn a {
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
}
.reqtwobtn a.req_support {
  padding: 11px 15px;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  border-radius: 8px;
  background: #005DAC;
  border: 1px solid #005DAC;
}
.reqtwobtn a.imassisted {
  padding: 11px 15px;
  color: #454545;
  font-size: 16px;
  font-weight: 700;
  border-radius: 8px;
  background: #fff;
  border: 1px solid #454545;
}
.supportbtn {
  width: 100%;
  float: left;
  justify-content: center;
  padding-top: 30px;
  display: flex;
}
.supportbtn a {
  background: #000;
  float: left;
  display: flex;
  gap: 10px;
  padding: 10px 16px;
  border-radius: 50px;
}
.supportbtn a p {
  font-size: 16px;
  color: #fff;
  font-weight: 700;
}
.scheduleappointment {
  width: 100%;
  float: left;
  position: relative;
  z-index: 9;
  display: block;
}
.appointment_blackbg {
  width: 100%;
  float: left;
  background: rgb(0 0 0 / 30%);
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  z-index: 999;
  display: flex;
  justify-content: center;
  align-items: center;
}
.appointment_box {
  width: 702px;
  float: left;
  position: absolute;
  bottom: 0;
  right: -101%;
  transition: 0.5s;
}
.appointment_box.active {
  right: 0;
}
.closeappointment_popup {
  float: left;
  position: absolute;
  right: 20px;
  top: 20px;
}
.closeappointment_popup a {
  width: 40px;
  height: 40px;
  padding: 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #000;
  border-radius: 50%;
}
.appointment_text {
  width: 100%;
  float: left;
  background: #fff;
  padding: 68px 68px 48px;
  height: 100vh;
}
.sch_appo_title {
  width: 100%;
  float: left;
  margin-bottom: 40px;
}
.sch_appo_title h2 {
  width: 100%;
  float: left;
  font-size: 1.7rem;
  font-weight: 400;
  color: #000;
  padding-bottom: 10px;
}
.sch_appo_title p {
  font-weight: 400;
  font-size: 20px;
  color: #454545;
  width: 100%;
  float: left;
  line-height: 30px;
}
.select_date_box {
  width: 100%;
  float: left;
  padding-bottom: 4%;
}
.titleselect {
  width: 100%;
  float: left;
  font-size: 16px;
  font-weight: 700;
  color: #454545;
  padding-bottom: 20px;
}
.selectdate_lable {
  width: 100%;
  float: left;
  display: grid;
  gap: 2%;
  grid-template-columns: auto auto auto;
}
.selectdate_lable li {
  float: left;
}
.selectdate_lable li label {
  float: left;
  width: 100%;
}
.selectdate_lable li label input {
  display: none;
}
.select_time_box {
  width: 100%;
  float: left;
  margin-bottom: 40px;
}
.select_time_box li {
  float: left;
}
.select_time_box li label {
  float: left;
  width: 100%;
}
.select_time_box li label input {
  display: none;
}
.select_time_box .datecon .checkmark {
  padding: 14px 0;
}
.scheduleappo_btn {
  width: 100%;
  float: left;
  display: flex;
  gap: 10px;
}
.scheduleappo_btn a {
  font-size: 20px;
  font-weight: 700;
  width: 50%;
  text-align: center;
  padding: 2% 0;
  border-radius: 10px;
}
.scheduleappo_btn a.bookacall {
  color: #454545;
  border: 1px solid #454545;
}
.scheduleappo_btn a.scdappobtn {
  background: #005DAC;
  color: #fff;
  border: 1px solid #005DAC;
}
.datecon {
  display: block;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.datecon .checkmark {
  width: 100%;
  float: left;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  padding: 5px 0;
  border-radius: 10px;
  background:
    linear-gradient(
      180deg,
      rgba(182, 217, 242, 0) 0%,
      rgba(182, 217, 242, 0.2) 100%);
  border: 2px solid #005DAC1A;
}
.datecon .checkmark i {
  font-style: normal;
}
.datecon .checkmark i:first-child {
  font-weight: 700;
  font-size: 20px;
  color: #454545;
}
.datecon .checkmark i:last-child {
  font-weight: 400;
  font-size: 16px;
  color: #454545;
}
.datecon input:checked ~ .checkmark {
  background:
    linear-gradient(
      180deg,
      rgba(182, 217, 242, 0) 0%,
      rgba(147, 210, 255, 0.6) 77.17%);
  border: 2px solid #bce3fd;
}
.datecon .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.datecon .checkmark:after {
  top: 9px;
  left: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}
.employeecode_inspop {
  width: 100%;
  float: left;
  position: relative;
  z-index: 9;
  display: block;
}
.employeecode_blackbg {
  width: 100%;
  float: left;
  background: rgb(0 0 0 / 30%);
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  z-index: 999;
  display: flex;
  justify-content: center;
  align-items: center;
}
.employeecode_box {
  width: 702px;
  float: left;
  position: absolute;
  bottom: 0;
  right: -101%;
  height: 100vh;
  transition: 0.5s;
}
.employeecode_box.active {
  right: 0;
}
.close_empcode_popup {
  float: left;
  position: absolute;
  right: 20px;
  top: 20px;
}
.close_empcode_popup a {
  width: 40px;
  height: 40px;
  padding: 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #000;
  border-radius: 50%;
}
.employeecode_text {
  width: 100%;
  float: left;
  background: #fff;
  padding: 68px 68px 50px;
  height: 100vh;
}
.close_empcode_popup a {
  padding: 15px;
}
.empcode_form {
  width: 100%;
  float: left;
}
.empcode_form .formfild {
  width: 100%;
  float: left;
  margin-bottom: 20px;
  position: relative;
}
.empcode_form .formfild label {
  width: 100%;
  float: left;
  font-size: 20px;
  font-weight: 400;
  letter-spacing: -.72px;
  color: #000;
  margin-bottom: 15px;
}
.empcode_form .formfild input {
  width: 100%;
  float: left;
  border-radius: 10px;
  border: 1px solid #cecece;
  background: #fff;
  padding: 17px 20px;
  font-size: 20px;
  font-weight: 400;
  color: #000;
}
.empsubmit {
  float: left;
  padding: 20px 65px;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  border-radius: 10px;
  background: #005DAC;
  width: 100%;
}
.imassisted_popup {
  width: 100%;
  float: left;
  position: relative;
  z-index: 9999;
  display: block;
}
.imassisted_popup .modifications_popkbg {
  width: 100%;
  float: left;
  background: rgb(0 0 0 / 30%);
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  z-index: 999;
}
.imassisted_popup .modifications_box {
  width: 621px;
  float: right;
  position: relative;
  position: absolute;
  right: -101%;
  transition: 0.5s;
  height: 100vh;
}
.imassisted_popup .modifications_box.active {
  right: 0;
}
.imassisted_popup .closemodifi_popup {
  float: left;
  position: absolute;
  right: 20px;
  top: 20px;
}
.imassisted_popup .closemodifi_popup a {
  width: 40px;
  height: 40px;
  padding: 15px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #000;
  border-radius: 50%;
}
.imassisted_popup .modifications_pop_text {
  width: 100%;
  float: left;
  background: #fff;
  height: 100vh;
}
.imassisted_popup .modificationsbanner {
  width: 100%;
  float: left;
}
.imassisted_popup .modificationsbanner img {
  width: 100%;
  float: left;
}
.imassisted_popup .modificationsdata {
  width: 100%;
  float: left;
  padding: 37px 26px;
}
.imassisted_popup .modificationsdata h2 {
  width: 100%;
  float: left;
  color: #000000;
  font-size: 32px;
  font-weight: 400;
  margin-bottom: 20px;
}
.imassisted_popup .modificationsdata strong {
  width: 100%;
  float: left;
  font-size: 24px;
  font-weight: 400;
  line-height: 34px;
  color: #000;
  padding-bottom: 24px;
}
.imassisted_popup .modificationsdata > p {
  width: 100%;
  float: left;
  font-size: 20px;
  font-weight: 400;
  color: #454545;
  line-height: 26px;
}
.imassisted_popup .modifications_dele {
  width: 100%;
  float: left;
  gap: 10px;
  margin-top: 30px;
  display: flex;
}
.imassisted_popup .modifications_acknow {
  width: 100%;
  float: left;
  border: 1px solid #005DAC;
  padding: 16px 20px;
  border-radius: 10px;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  color: #FFFFFF;
  background: #005DAC;
}
.error-msg {
  display: none;
}
.show-error .error-msg {
  display: block;
}
.ShowOnAdd .mopro_errordiv {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  column-gap: 10px;
  padding-top: 10px;
}
.ShowOnAdd .mopro_errordiv img {
  width: 20px;
  height: 20px;
}
.ShowOnAdd .mopro_errordiv p {
  font-size: 14px;
  line-height: 21px;
  color: #FF3B30;
}
.driverformtitle {
  width: 100%;
  float: left;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -.72px;
  color: #000;
  line-height: 118%;
  margin-bottom: 20px;
}
.activetp_popup {
  width: 100%;
  float: left;
  display: none;
  z-index: 9;
  position: absolute;
}
.activetpBG {
  width: 100%;
  float: left;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 1;
}
.activetpbox {
  position: absolute;
  right: -101%;
  top: 0;
  height: 100%;
  background: #fff;
  width: 480px;
  transition: 0.5s;
}
.activetpbox.active {
  right: 0;
}
.activetpclose {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: end;
  padding: 37px 48px 0;
  position: sticky;
  top: 0;
  z-index: 1;
}
.activetpclose a {
  width: 48px;
  height: 48px;
  padding: 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 50%;
}
.activetpinnerbox {
  width: 100%;
  float: left;
  padding: 0 40px;
}
.activetpinnerbox ul {
  width: 100%;
  float: left;
  list-style-type: none;
}
.activetpinnerbox ul li {
  width: 100%;
  float: left;
  margin-bottom: 20px;
}
.activetpinnerbox ul li p {
  font-size: 18px;
  color: #454545;
  font-weight: 400;
  width: 100%;
  float: left;
  margin-bottom: 5px;
}
.activetpinnerbox ul li strong {
  font-size: 20px;
  color: #454545;
  font-weight: 700;
  width: 100%;
  float: left;
}
.addontwo_fild {
  width: 100%;
  float: left;
  display: flex;
  gap: 10px;
}
.addon_tc {
  width: 100%;
  float: left;
  margin-bottom: 15px;
}
.addoncheck {
  display: block;
  position: relative;
  padding-left: 25px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.addoncheck input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.addoncheck .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #fff;
  border: 1px solid #454545;
  border-radius: 5px;
}
.addoncheck input:checked ~ .checkmark {
  background-color: #005DAC;
  border: 1px solid #005DAC;
}
.addoncheck .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.addoncheck input:checked ~ .checkmark:after {
  display: block;
}
.addoncheck .checkmark:after {
  left: 7px;
  top: 4px;
  width: 3px;
  height: 7px;
  border: solid white;
  border-width: 0px 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.addoncheck p {
  float: left;
  font-size: 14px;
}
.addoncheck p a {
  font-weight: 700;
  color: #005DAC;
  text-decoration: underline;
}
.kmstyle {
  margin-bottom: 20px;
  display: flex ba;
}
.kmstyle li {
  width: auto;
  padding: 1%;
}
.second-level li {
  border: none !important;
}
.kmstyle li:nth-child(2) {
  border-left: dashed 1px #00558b;
}
.second-level li:nth-child(2) {
  border-left: none;
}
.upinfo_label {
  width: 100%;
  font-size: 14px;
  display: flex;
  column-gap: 2px;
  color: #454545;
  margin-bottom: 10px;
}
.cm_inputtext {
  padding: 15px;
  line-height: 17px;
  font-size: 14px;
  width: 100%;
  border: 1px solid #454545;
  border-radius: 5px;
}
.cm_formgroup {
  margin: 20px;
}
.kmsubmit {
  background: #5764fe;
  padding: 8px 13px;
  border-radius: 10px;
  display: flex;
  gap: 5px;
  margin: 0 auto;
  font-size: 20px;
  margin-top: 20px;
  color: white;
}
@media screen and (max-width:1600px) {
  .topproduct_benefits {
    padding: 2%;
  }
  .descBox_right {
    padding: 50px 50px;
  }
  .addons p {
    font-size: 16px;
  }
  .recommended_addons ul {
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: auto;
    padding-left: 24px;
    gap: 10px;
  }
  .reco_addons {
    justify-content: space-between;
    gap: 0px;
    padding: 40px 24px 30px;
  }
  .recommended_addons {
    padding: 0 0 40px;
    margin-bottom: 40px;
  }
  .recommended_addons ul::-webkit-scrollbar {
    height: 0;
  }
  .payasyou .checkmark {
    top: -2px;
  }
  .payasyou {
    font-size: 16px;
  }
  .benefits_points ul li p {
    font-size: 14px;
  }
  .motor_product_banner {
    padding: 2%;
  }
  .Vehicals_model {
    gap: 1%;
    padding: 1% 0 0 0;
  }
  .vehicals_data ul {
    width: 100%;
    gap: 25px;
    justify-content: space-between;
  }
  .moterprogress_text p {
    font-size: 14px;
  }
  .moterprogress_text p:last-child {
    font-size: 16px;
  }
  .moterprogress_text {
    margin-bottom: 10px;
  }
  .vehicals_data ul li:first-child i {
    font-size: 16px;
  }
  .vehicals_data ul li:first-child p {
    font-weight: 700;
  }
  .vehicals_data ul li i {
    font-size: 14px;
  }
  .vehicals_data ul li p {
    font-size: 16px;
  }
  .moterprogress ul li {
    height: 4px;
  }
  .vehicals_data ul li:first-child p a {
    padding-left: 10px;
  }
  .coveragesInner {
    width: 420px;
  }
  .coveragescon {
    padding: 0 45px;
  }
  .coveragescon h2 {
    font-size: 40px;
    margin-bottom: 30px;
    line-height: normal;
  }
  .coveragesclose {
    padding: 30px 35px 0;
  }
  .coveragesclose a {
    width: 40px;
    height: 40px;
  }
  .upgradePalnMiddle {
    transform: translate(-50%, -50%) scale(0.7);
  }
  .benefits_points ul li a p {
    font-size: 14px;
  }
  .tenureclick {
    padding: 24px 24px;
  }
  .cashless a {
    font-size: 16px;
  }
  .tenureclick p {
    font-size: 16px;
  }
  .textleft h2 {
    font-size: 20px;
  }
  .appointment_text {
    padding: 40px 24px;
  }
  .sch_appo_title h2 {
    font-size: 1.7rem;
  }
  .sch_appo_title p {
    font-size: 16px;
    line-height: 27px;
  }
  .sch_appo_title {
    margin-bottom: 3%;
  }
  .scheduleappo_btn a {
    font-size: 18px;
  }
  .employeecode_text {
    padding: 40px 24px;
  }
}
@media screen and (max-width:1024px) {
  .descBox_right {
    padding: 57px 60px;
  }
  .recommended_addons ul {
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: auto;
    padding-left: 24px;
    gap: 10px;
  }
  .reco_addons {
    justify-content: space-between;
    gap: 0px;
    padding: 40px 24px 30px;
  }
  .recommended_addons {
    padding: 0 0 40px;
    margin-bottom: 40px;
  }
  .recommended_addons ul::-webkit-scrollbar {
    height: 0;
  }
  .topproduct_benefits {
    padding: 20px 20px;
  }
  .toppro_title {
    padding: 20px 20px;
  }
  .textleft h2 {
    font-size: 18px;
  }
  .textleft p {
    font-size: 14px;
  }
  .amount_gst i {
    font-size: 14px;
  }
  .amount_gst strong {
    font-size: 16px;
  }
  .viewpremium {
    font-size: 14px;
  }
  .amount_gst img {
    width: 30px;
  }
  .benefits_points ul {
    display: grid;
    grid-template-columns: auto auto auto auto;
  }
  .benefits_points ul li p {
    font-size: 16px;
  }
  .tenureclick {
    padding: 20px 20px;
  }
  .cashless a {
    font-size: 16px;
  }
  .tenureclick p {
    font-size: 16px;
  }
  .cashless {
    gap: 35px;
  }
  .topproduct_box {
    margin-bottom: 40px;
  }
  .payasyou_drive ul {
    display: contents;
  }
  .customize {
    display: flex;
  }
  .moterprogress {
    width: 50%;
  }
  .motor_product_banner {
    padding: 24px 24px;
  }
  .Vehicals_model {
    padding: 40px 0 0;
    gap: 30px;
  }
  .vehicals_data {
    width: 100%;
  }
  .vehicals_data ul {
    width: 100%;
    gap: 20px;
    justify-content: space-between;
  }
  .moterprogress_text p {
    font-size: 14px;
  }
  .moterprogress_text p:last-child {
    font-size: 16px;
  }
  .moterprogress_text {
    margin-bottom: 10px;
  }
  .vehicals_data ul li:first-child i {
    font-size: 16px;
  }
  .vehicals_data ul li:first-child p {
    font-weight: normal;
  }
  .vehicals_data ul li i {
    font-size: 14px;
  }
  .vehicals_data ul li p {
    font-size: 16px;
  }
  .moterprogress ul li {
    height: 4px;
  }
  .vehicals_data ul li:first-child p a {
    padding-left: 10px;
  }
  .needhelptext img {
    width: 40px;
    height: 40px;
  }
  .needhelp {
    padding: 24px 24px;
    gap: 14px;
    align-items: flex-start;
    flex-direction: column;
  }
  .texttitle strong {
    font-size: 16px;
  }
  .texttitle p {
    font-size: 14px;
  }
  .texttitle {
    gap: 7px;
  }
  .needhelptext {
    gap: 16px;
  }
  .reqtwobtn a.req_support {
    font-size: 14px;
  }
  .reqtwobtn a.imassisted {
    font-size: 14px;
  }
  .reqtwobtn a.req_support {
    padding: 7px 8px;
  }
  .reqtwobtn a.imassisted {
    padding: 7px 15px;
  }
  .reqtwobtn {
    width: 100%;
  }
  .reqtwobtn a {
    width: 50%;
    text-align: center;
  }
  .needhelptext {
    padding-bottom: 10px;
  }
}
@media screen and (max-width:820px) {
  .com_motor_planInner {
    max-height: calc(100vh);
  }
  .blackbgpop {
    background: #000000b8;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 999;
    width: 100%;
    float: left;
    padding-top: 0;
    display: none;
  }
  .descBox_left {
    width: 100%;
    float: left;
    position: absolute;
    left: 0;
    background: #fff;
    transition: 0.5s;
  }
  .descBox_left.active {
    bottom: 0;
  }
  .descBox_right {
    width: 100%;
    float: left;
    padding: 57px 24px;
  }
  .additonal_covbox {
    padding: 0 24px;
    margin-bottom: 30px;
  }
  .motor_product_title h2 {
    padding: 24px 24px;
    color: #000000;
  }
  .recommended_addons ul {
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: auto;
    padding-left: 24px;
    gap: 10px;
  }
  .benefits_points ul {
    flex-direction: column;
    gap: 10px;
  }
  .payasyou_drive ul {
    display: contents;
  }
  .close_descbox {
    position: initial;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
    margin-bottom: 20px;
    position: absolute;
    top: -60px;
  }
  .close_descbox a {
    width: 40px;
    height: 40px;
    padding: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #000;
    border-radius: 50%;
  }
  .motor_product_acco {
    padding: 0 0;
  }
  .motor_accotitle a {
    padding: 24px 24px;
  }
  .topproduct_title h2 {
    font-size: 20px;
    padding-bottom: 35px;
  }
  .recommended p {
    font-size: 11px;
    padding: 3px 10px;
  }
  .recommended {
    top: -1px;
  }
  .toppro_title {
    padding: 18px 18px;
  }
  .textleft h2 {
    font-size: 16px;
  }
  .textleft p {
    font-size: 12px;
  }
  .toppro_left img {
    width: 40px;
    height: 40px;
  }
  .amount_gst i {
    font-size: 10px;
  }
  .amount_gst strong {
    font-size: 14px;
  }
  .amount_gst img {
    width: 26px;
  }
  .toppro_left {
    gap: 12px;
    width: 55%;
  }
  .viewpremium {
    font-size: 12px;
  }
  .topproduct_benefits {
    padding: 18px 18px;
  }
  .benefits_title {
    font-size: 12px;
  }
  .benefits_points ul li p {
    font-size: 14px;
  }
  .benefits_points ul li img {
    width: 10px;
  }
  .payasyou_drive {
    margin-top: 24px;
  }
  .payasyou {
    font-size: 14px;
  }
  .payasyou .checkmark {
    top: -3px;
  }
  .two_more a p {
    font-size: 12px;
  }
  .tenureclick {
    padding: 18px 18px;
  }
  .tenureclick p {
    font-size: 12px;
  }
  .cashless a {
    font-size: 12px;
  }
  .cashless {
    gap: 16px;
  }
  .topproduct_box {
    margin-bottom: 33px;
  }
  .recommended_addons ul li {
    float: none;
    display: inline-block;
  }
  .reco_addons a {
    font-size: 16px;
  }
  .reco_addons {
    justify-content: space-between;
    gap: 0px;
    padding: 40px 24px 15px;
  }
  .recommended_addons {
    padding: 0 0 40px;
    border-radius: 0;
    margin-bottom: 40px;
  }
  .recommended_addons ul::-webkit-scrollbar {
    height: 0;
  }
  .descBox_right {
    padding: 50px 0;
  }
  .zerodec_box ul li p {
    font-size: 14px;
  }
  .zerodec_list {
    flex-direction: column;
  }
  .zerodec_box {
    width: 100%;
    margin-bottom: 20px;
  }
  .zerodec_price {
    width: 100%;
  }
  .zerodec_price {
    justify-content: space-between;
  }
  .zerodepreciation_cover {
    padding: 18px 18px;
  }
  .topproduct_space {
    padding: 0 24px;
  }
  .topproduct_title {
    padding: 0 24px;
  }
  .addzero {
    padding: 6px 10px;
  }
  .addzero > p {
    font-size: 14px;
  }
  .customize {
    display: flex;
    position: fixed;
    bottom: 24px;
    left: 0;
  }
  .motor_product_data {
    height: 65vh;
    overflow-y: auto;
    padding-bottom: 78px;
  }
  .moterprogress {
    width: 50%;
  }
  .motor_product_banner {
    padding: 24px 24px;
  }
  .Vehicals_model {
    padding: 40px 0 0;
    gap: 30px;
    flex-direction: column;
  }
  .vehicals_data {
    width: 100%;
  }
  .vehicals_data ul {
    width: 100%;
    gap: 20px;
    display: grid;
    grid-template-columns: auto auto auto auto;
  }
  .vehicals_data ul li:first-child {
    grid-column: 1 / span 4;
  }
  .moterprogress_text p {
    font-size: 14px;
  }
  .moterprogress_text p:last-child {
    font-size: 16px;
  }
  .moterprogress_text {
    margin-bottom: 10px;
  }
  .vehicals {
    width: 100%;
    text-align: center;
  }
  .vehicals_data ul li:first-child i {
    font-size: 16px;
  }
  .vehicals_data ul li:first-child p {
    font-weight: normal;
  }
  .vehicals_data ul li i {
    font-size: 14px;
  }
  .vehicals_data ul li p {
    font-size: 16px;
  }
  .moterprogress ul li {
    height: 4px;
  }
  .vehicals_data ul li:first-child p a {
    padding-left: 10px;
  }
  .coveragesInner {
    width: 100%;
    top: initial;
    background: none;
    overflow: hidden;
    height: auto;
  }
  .coveragesInner.active {
    bottom: 0;
    right: initial;
  }
  .coveragescon {
    padding: 0;
    background: #fff;
    overflow-y: auto;
    height: 80vh;
  }
  .coveragesclose {
    padding: 14px;
    justify-content: center;
  }
  .coveragescon h2 {
    padding: 20px 24px 0;
    font-size: 32px;
    margin-bottom: 24px;
  }
  .coveragescon strong {
    font-size: 20px;
    padding: 0 24px;
    margin-bottom: 16px;
  }
  .coveragescon ul {
    padding: 0 24px;
    margin-bottom: 4px;
  }
  .coveragescon ul li {
    font-size: 16px;
    margin-bottom: 20px;
  }
  .coveragescon ul li p::before {
    width: 18px;
    height: 18px;
    top: 1px;
  }
  .coveragescon ul li p::after {
    left: 7px;
    top: 5px;
  }
  .coveragescon ul.accord-Ul li p::after {
    left: 4px;
  }
  .coveragescon ul.accord-Ul {
    border-top: 0;
  }
  .coveragescon ul.accord-Ul li {
    border-bottom: 0;
    margin-bottom: 20px;
  }
  .coveragescon ul.accord-Ul li p {
    padding-top: 0;
    padding-bottom: 0;
  }
  .coveragescon strong:nth-of-type(2) {
    padding-top: 24px;
    border-top: 1px dashed rgba(0, 0, 0, 0.4);
  }
  .upgradePalnMiddle {
    width: 100%;
    transform: scale(1);
    left: 0;
    top: initial;
    transition: 0.5s;
  }
  .upgradePalnMiddle.active {
    bottom: 0;
  }
  .upgradePalnInner {
    padding: 0;
    background: transparent;
  }
  .upgradePalnCon {
    padding: 40px 24px 0;
  }
  .upgradePalnCon {
    height: 80vh;
    background: #fff;
    overflow-y: auto;
  }
  .upgradePalnCon > h2 {
    font-size: 32px;
    margin-bottom: 10px;
  }
  .upgradePalnCon > p {
    font-size: 14px;
    color: #000;
    line-height: 20px;
    margin-bottom: 18px;
  }
  .upgradePalnCardMain {
    margin-bottom: 25px;
  }
  .upgradePalnCard {
    width: 178px;
  }
  .upgradePalnCard .firstBlock {
    padding: 15px 18px;
  }
  .upgradePalnCard .secondBlock {
    padding: 15px 18px 0;
  }
  .upgradePalnCard .thirdBlock {
    padding: 15px 18px;
  }
  .upgradePalnCard.smallCard {
    margin-right: -15px;
  }
  .upgradePalnCard.smallCard .firstBlock {
    padding: 15px 15px;
  }
  .upgradePalnCard.smallCard .secondBlock {
    padding: 15px 15px 0;
  }
  .upgradePalnCard.smallCard .thirdBlock {
    padding: 15px 15px;
  }
  .upgradePalnClose {
    position: static;
    justify-content: center;
    padding: 14px;
  }
  .upgradePalnBtn a {
    font-size: 16px;
    padding: 12px;
  }
  .upgradePalnBtn {
    padding: 25px 0;
  }
  .com_motor_planPop {
    overflow: hidden;
  }
  .limitedkm_planPop {
    height: 100vh;
    display: block;
    overflow-y: hidden;
    height: 100vh !important;
  }
  .com_motor_planMiddle {
    height: auto;
    width: 100%;
    position: absolute;
    overflow: hidden;
    transition: 0.5s;
  }
  .com_motor_planMiddle.active {
    bottom: 0;
  }
  .com_motor_planInner {
    transform: scale(1);
    padding: 0;
    margin: 0;
    background: transparent;
  }
  .com_motor_planCon {
    background: #fff;
    overflow-y: auto;
  }
  .car-milage {
    height: 160vh !important;
    background: #fff;
    overflow-y: auto;
  }
  .com_motor_planClose {
    position: static;
    justify-content: center;
    padding: 14px;
  }
  .com_motor_planCon > h2 {
    font-size: 32px;
    padding: 30px 24px 0;
    margin-bottom: 20px;
  }
  .com_motor_planCon ul {
    margin-bottom: 20px;
  }
  .com_motor_planCon ul li p {
    font-size: 14px;
  }
  .com_motor_planCon ul li strong {
    font-size: 16px;
    color: #000;
    min-width: 65px;
  }
  .com_motor_planCon ul li {
    padding: 12px 0;
  }
  .com_motor_planCon .com_motor_planTtl p {
    font-size: 14px;
  }
  .com_motor_planCon .com_motor_planTotal {
    margin-bottom: 0;
  }
  .com_motor_planCon .com_motor_planTtl strong {
    font-size: 16px;
    min-width: 65px;
    color: #000;
  }
  .com_motor_planCon .com_motor_planTtl2 p {
    font-size: 14px;
  }
  .com_motor_planCon .com_motor_planTtl2 strong {
    font-size: 16px;
    min-width: 65px;
    color: #000;
  }
  .com_motor_planCon .com_motor_planTtl2 {
    padding: 12px 24px;
    margin-bottom: 12px;
  }
  .com_motor_planCon .com_motor_planTotal p {
    font-size: 18px;
  }
  .com_motor_planCon .com_motor_planTotal strong {
    font-size: 20px;
  }
  .named_driver_form {
    padding: 24px 0;
  }
  .premium_further {
    padding: 24px 0;
  }
  .check_CIBIL_score {
    padding-bottom: 24px;
  }
  .employee_discount {
    padding: 24px 0;
  }
  .save_changes {
    padding: 15px 20px;
    background: #fff;
    box-shadow: 0 0 5px #0000003d;
    position: fixed;
    bottom: 0;
    left: 0;
  }
  .benefits_points ul li a p {
    font-size: 14px;
  }
  .texttitle p {
    font-size: 16px;
  }
  .texttitle strong {
    font-size: 20px;
  }
  .needhelptext img {
    width: 50px;
    height: 50px;
  }
  .needhelp {
    gap: 10px;
  }
  .reqtwobtn a.req_support {
    padding: 11px 15px;
    font-size: 14px;
  }
  .reqtwobtn a.imassisted {
    font-size: 14px;
  }
  .needhelptext {
    width: 100%;
  }
  .appointment_text {
    padding: 30px 24px 30px;
    height: initial;
  }
  .sch_appo_title h2 {
    font-size: 1.7rem;
  }
  .sch_appo_title p {
    font-size: 14px;
    line-height: 23px;
  }
  .sch_appo_title {
    margin-bottom: 30px;
  }
  .datecon .checkmark i:first-child {
    font-size: 18px;
  }
  .datecon .checkmark i:last-child {
    font-size: 16px;
  }
  .titleselect {
    font-size: 16px;
  }
  .selectdate_lable {
    gap: 10px;
  }
  .select_time_box .datecon .checkmark {
    padding: 6px 0;
  }
  .select_time_box {
    margin-bottom: 30px;
  }
  .scheduleappo_btn {
    flex-direction: column;
  }
  .scheduleappo_btn a {
    font-size: 16px;
    width: 100%;
    padding: 16px 0;
  }
  .datecon .checkmark {
    padding: 5px 0;
  }
  .employeecode_text {
    padding: 30px 24px 30px;
    height: auto;
  }
  .empsubmit {
    padding: 16px 0;
    font-size: 16px;
  }
  .empcode_form .formfild input {
    font-size: 16px;
    padding: 15px 20px;
  }
  .empcode_form .formfild label {
    font-size: 16px;
  }
  .employeecode_box {
    width: 530px;
  }
  .imassisted_popup .modifications_pop_text {
    height: auto;
  }
  .imassisted_popup .modifications_box {
    width: 100%;
    position: absolute;
    bottom: -101%;
    left: 0;
    transition: all .5s;
  }
  .imassisted_popup .modifications_box.active {
    bottom: 0;
    height: initial;
  }
  .imassisted_popup .closemodifi_popup {
    position: initial;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
    margin-bottom: 20px;
  }
  .imassisted_popup .modificationsdata h2 {
    font-size: 32px;
    margin-bottom: 15px;
  }
  .imassisted_popup .modificationsdata strong {
    font-size: 20px;
    padding-bottom: 19px;
  }
  .imassisted_popup .modificationsdata p {
    font-size: 14px;
  }
  .imassisted_popup .modifications_dele {
    margin-top: 26px;
  }
  .activetpbox {
    width: 100%;
    height: auto;
    top: auto;
    background: #ffffff00;
  }
  .activetpbox.active {
    right: inherit;
    bottom: 0;
  }
  .activetpinnerbox {
    background: #fff;
    height: 50vh;
    padding: 35px 24px 0;
  }
  .activetpclose {
    padding: 14px;
    justify-content: center;
  }
  .activetpinnerbox ul li strong {
    font-size: 18px;
  }
  .activetpinnerbox ul li p {
    font-size: 16px;
  }
  .kmstyle li {
    width: 100%;
    float: left;
    background:
      linear-gradient(
        180deg,
        rgb(255 255 255) 0%,
        rgb(255 255 255 / 44%) 100%);
    border: 1px solid #005DAC1A;
    box-shadow: 0px 0px 20px 0px #0000001A;
    padding: 16px 16px;
    border-radius: 10px;
    margin-bottom: 16px;
  }
  .kmstyle li.active {
    background:
      linear-gradient(
        180deg,
        rgba(182, 217, 242, 0) 0%,
        rgba(147, 210, 255, 0.6) 77.17%);
    border: 1px solid #005DAC !important;
  }
  .kmstyle li label .kmstyle li:nth-child(2) {
    border-left: none;
  }
  .second-level li {
    width: auto !important;
    padding: 3.5%;
  }
  .com_motor_planCon {
    padding: 7%;
    border: 1px solid black;
  }
  .cm_formgroup {
    margin: 20px 0px;
  }
  .text p {
    text-align: justify;
  }
  .odometer-edit {
    float: right;
    width: 100%;
    font-size: 12px;
    text-align: center;
    margin: 3% 0 5%;
  }
  .payasyou_drive .benefits_title {
    margin-bottom: 5px 0 5px 11px;
  }
  .eidtsum {
    position: absolute;
    top: 0;
    right: 0;
  }
  .vehicals_data ul {
    position: relative;
  }
  .stickyhead .vehicals_data ul {
    padding: 2%;
    width: 100%;
  }
  .stickyhead .Vehicals_model {
    width: 100%;
  }
  .stickyhead .back_progress .moterby_back_logo {
    padding-bottom: 15px;
  }
}
@media screen and (max-width:767px) {
  .motor_product_banner {
    padding: 24px 24px;
  }
  .back_progress {
    flex-direction: column;
  }
  .Vehicals_model {
    gap: 1%;
    padding: 2% 0;
    flex-direction: column;
  }
  .vehicals_data {
    width: 100%;
  }
  .vehicals_data ul {
    width: 100%;
    gap: 20px;
    display: grid;
    grid-template-columns: auto auto auto;
  }
  .vehicals_data ul li:first-child {
    grid-column: 1 / span 2;
  }
  .back_progress .moterby_back_logo {
    padding-bottom: 40px;
  }
  .moterprogress_text p {
    font-size: 14px;
  }
  .moterprogress_text p:last-child {
    font-size: 16px;
  }
  .moterprogress_text {
    margin-bottom: 10px;
  }
  .vehicals {
    padding-bottom: 0;
    width: 100%;
  }
  .vehicals_data ul li:first-child i {
    font-size: 16px;
  }
  .vehicals_data ul li:first-child p {
    font-weight: normal;
  }
  .vehicals_data ul li i {
    font-size: 14px;
  }
  .vehicals_data ul li p {
    font-size: 16px;
  }
  .moterprogress ul li {
    height: 4px;
  }
  .vehicals_data ul li:first-child p a {
    padding-left: 10px;
  }
  .moterprogress {
    width: 100%;
  }
  .vehicals_data ul li {
    gap: 5px;
  }
  .toppro_left {
    width: 55%;
  }
  .amount_gst {
    padding: 12px 10px;
  }
  .benefits_points ul li a p {
    font-size: 12px;
  }
  .benefits_points ul {
    grid-template-columns: auto;
  }
  .needhelp {
    flex-direction: column;
  }
  .needhelptext img {
    width: 40px;
    height: 40px;
  }
  .needhelp {
    padding: 24px 24px;
    gap: 14px;
  }
  .texttitle strong {
    font-size: 16px;
  }
  .texttitle p {
    font-size: 14px;
  }
  .texttitle {
    gap: 7px;
  }
  .needhelptext {
    gap: 16px;
  }
  .reqtwobtn a.req_support {
    font-size: 14px;
  }
  .reqtwobtn a.imassisted {
    font-size: 14px;
  }
  .reqtwobtn a.req_support {
    padding: 7px 8px;
  }
  .reqtwobtn a.imassisted {
    padding: 7px 15px;
  }
  .appointment_box {
    width: 100%;
    position: absolute;
    bottom: -101%;
    left: 0;
    transition: all .5s;
  }
  .appointment_box.active {
    bottom: 0;
    height: initial;
  }
  .closeappointment_popup {
    position: initial;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
    margin-bottom: 20px;
  }
  .employeecode_box {
    width: 100%;
    position: absolute;
    bottom: -101%;
    left: 0;
    transition: all .5s;
  }
  .employeecode_box.active {
    bottom: 0;
    height: initial;
  }
  .close_empcode_popup {
    position: initial;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
    margin-bottom: 20px;
  }
  .needhelptext {
    padding-bottom: 0;
  }
  .kmstyle li {
    width: 100%;
    float: left;
    background:
      linear-gradient(
        180deg,
        rgb(255 255 255) 0%,
        rgb(255 255 255 / 44%) 100%);
    border: 1px solid #005DAC1A;
    box-shadow: 0px 0px 20px 0px #0000001A;
    padding: 16px 16px;
    border-radius: 10px;
    margin-bottom: 16px;
  }
  .kmstyle li.active {
    background:
      linear-gradient(
        180deg,
        rgba(182, 217, 242, 0) 0%,
        rgba(147, 210, 255, 0.6) 77.17%);
    border: 1px solid #005DAC !important;
  }
  .second-level li {
    width: auto !important;
    padding: 3.5%;
    background: none !important;
    border: none !important;
    box-shadow: none;
  }
  .kmstyle li:nth-child(2) {
    border-left: none;
  }
}
input[type=radio] {
  cursor: pointer !important;
}

/* projects/shell/src/assets/css/bootstrap-slider.min.css */
/*! =======================================================
                      VERSION  11.0.2              
========================================================= */
/*! =========================================================
 * bootstrap-slider.js
 *
 * Maintainers:
 *		Kyle Kemp
 *			- Twitter: @seiyria
 *			- Github:  seiyria
 *		Rohit Kalkur
 *			- Twitter: @Rovolutionary
 *			- Github:  rovolution
 *
 * =========================================================
 *
 * bootstrap-slider is released under the MIT License
 * Copyright (c) 2019 Kyle Kemp, Rohit Kalkur, and contributors
 * 
 * Permission is hereby granted, free of charge, to any person
 * obtaining a copy of this software and associated documentation
 * files (the "Software"), to deal in the Software without
 * restriction, including without limitation the rights to use,
 * copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the
 * Software is furnished to do so, subject to the following
 * conditions:
 * 
 * The above copyright notice and this permission notice shall be
 * included in all copies or substantial portions of the Software.
 * 
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
 * EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
 * OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
 * NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
 * HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
 * WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
 * OTHER DEALINGS IN THE SOFTWARE.
 *
 * ========================================================= */
.slider {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.slider.slider-horizontal {
  width: 210px;
  height: 20px;
}
.slider.slider-horizontal .slider-track {
  height: 10px;
  width: 100%;
  margin-top: -5px;
  top: 50%;
  left: 0;
}
.slider.slider-horizontal .slider-selection,
.slider.slider-horizontal .slider-track-low,
.slider.slider-horizontal .slider-track-high {
  height: 100%;
  top: 0;
  bottom: 0;
}
.slider.slider-horizontal .slider-tick,
.slider.slider-horizontal .slider-handle {
  margin-left: -10px;
}
.slider.slider-horizontal .slider-tick.triangle,
.slider.slider-horizontal .slider-handle.triangle {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  border-width: 0 10px 10px 10px;
  width: 0;
  height: 0;
  border-bottom-color: #036fa5;
  margin-top: 0;
}
.slider.slider-horizontal .slider-tick-container {
  white-space: nowrap;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.slider.slider-horizontal .slider-tick-label-container {
  white-space: nowrap;
  margin-top: 20px;
}
.slider.slider-horizontal .slider-tick-label-container .slider-tick-label {
  display: inline-block;
  text-align: center;
}
.slider.slider-horizontal.slider-rtl .slider-track {
  left: initial;
  right: 0;
}
.slider.slider-horizontal.slider-rtl .slider-tick,
.slider.slider-horizontal.slider-rtl .slider-handle {
  margin-left: initial;
  margin-right: -10px;
}
.slider.slider-horizontal.slider-rtl .slider-tick-container {
  left: initial;
  right: 0;
}
.slider.slider-vertical {
  height: 210px;
  width: 20px;
}
.slider.slider-vertical .slider-track {
  width: 10px;
  height: 100%;
  left: 25%;
  top: 0;
}
.slider.slider-vertical .slider-selection {
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
}
.slider.slider-vertical .slider-track-low,
.slider.slider-vertical .slider-track-high {
  width: 100%;
  left: 0;
  right: 0;
}
.slider.slider-vertical .slider-tick,
.slider.slider-vertical .slider-handle {
  margin-top: -10px;
}
.slider.slider-vertical .slider-tick.triangle,
.slider.slider-vertical .slider-handle.triangle {
  border-width: 10px 0 10px 10px;
  width: 1px;
  height: 1px;
  border-left-color: #036fa5;
  margin-left: 0;
}
.slider.slider-vertical .slider-tick-label-container {
  white-space: nowrap;
}
.slider.slider-vertical .slider-tick-label-container .slider-tick-label {
  padding-left: 4px;
}
.slider.slider-vertical.slider-rtl .slider-track {
  left: initial;
  right: 25%;
}
.slider.slider-vertical.slider-rtl .slider-selection {
  left: initial;
  right: 0;
}
.slider.slider-vertical.slider-rtl .slider-tick.triangle,
.slider.slider-vertical.slider-rtl .slider-handle.triangle {
  border-width: 10px 10px 10px 0;
}
.slider.slider-vertical.slider-rtl .slider-tick-label-container .slider-tick-label {
  padding-left: initial;
  padding-right: 4px;
}
.slider.slider-disabled .slider-handle {
  background-color: #cfcfcf;
  background-image: -moz-linear-gradient(top, #DFDFDF, #BEBEBE);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#DFDFDF), to(#BEBEBE));
  background-image: -webkit-linear-gradient(top, #DFDFDF, #BEBEBE);
  background-image: -o-linear-gradient(top, #DFDFDF, #BEBEBE);
  background-image:
    linear-gradient(
      to bottom,
      #DFDFDF,
      #BEBEBE);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#DFDFDF", endColorstr="#BEBEBE", GradientType=0);
}
.slider.slider-disabled .slider-track {
  background-color: #e7e7e7;
  background-image: -moz-linear-gradient(top, #E5E5E5, #E9E9E9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#E5E5E5), to(#E9E9E9));
  background-image: -webkit-linear-gradient(top, #E5E5E5, #E9E9E9);
  background-image: -o-linear-gradient(top, #E5E5E5, #E9E9E9);
  background-image:
    linear-gradient(
      to bottom,
      #E5E5E5,
      #E9E9E9);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#E5E5E5", endColorstr="#E9E9E9", GradientType=0);
  cursor: not-allowed;
}
.slider input {
  display: none;
}
.slider .tooltip-inner {
  white-space: nowrap;
  max-width: none;
}
.slider .bs-tooltip-top .tooltip-inner,
.slider .bs-tooltip-bottom .tooltip-inner {
  position: relative;
  left: -50%;
}
.slider.bs-tooltip-left .tooltip-inner,
.slider.bs-tooltip-right .tooltip-inner {
  position: relative;
  top: -100%;
}
.slider .tooltip {
  pointer-events: none;
}
.slider .tooltip.bs-tooltip-top .arrow,
.slider .tooltip.bs-tooltip-bottom .arrow {
  left: -.4rem;
}
.slider .tooltip.bs-tooltip-top {
  margin-top: -44px;
}
.slider .tooltip.bs-tooltip-bottom {
  margin-top: 2px;
}
.slider .tooltip.bs-tooltip-left,
.slider .tooltip.bs-tooltip-right {
  margin-top: -14px;
}
.slider .tooltip.bs-tooltip-left .arrow,
.slider .tooltip.bs-tooltip-right .arrow {
  top: 8px;
}
.slider .hide {
  display: none;
}
.slider-track {
  background-color: #f7f7f7;
  background-image: -moz-linear-gradient(top, #f5f5f5, #F9F9F9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#F9F9F9));
  background-image: -webkit-linear-gradient(top, #f5f5f5, #F9F9F9);
  background-image: -o-linear-gradient(top, #f5f5f5, #F9F9F9);
  background-image:
    linear-gradient(
      to bottom,
      #f5f5f5,
      #F9F9F9);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f5f5f5", endColorstr="#F9F9F9", GradientType=0);
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  position: absolute;
  cursor: pointer;
}
.slider-selection {
  background-color: #f7f7f7;
  background-image: -moz-linear-gradient(top, #F9F9F9, #f5f5f5);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#F9F9F9), to(#f5f5f5));
  background-image: -webkit-linear-gradient(top, #F9F9F9, #f5f5f5);
  background-image: -o-linear-gradient(top, #F9F9F9, #f5f5f5);
  background-image:
    linear-gradient(
      to bottom,
      #F9F9F9,
      #f5f5f5);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#F9F9F9", endColorstr="#f5f5f5", GradientType=0);
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  position: absolute;
}
.slider-selection.tick-slider-selection {
  background-color: #46c1fe;
  background-image: -moz-linear-gradient(top, #52c5ff, #3abcfd);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#52c5ff), to(#3abcfd));
  background-image: -webkit-linear-gradient(top, #52c5ff, #3abcfd);
  background-image: -o-linear-gradient(top, #52c5ff, #3abcfd);
  background-image:
    linear-gradient(
      to bottom,
      #52c5ff,
      #3abcfd);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#52c5ff", endColorstr="#3abcfd", GradientType=0);
}
.slider-track-low,
.slider-track-high {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  position: absolute;
  background: transparent;
}
.slider-handle {
  background-color: #0478b2;
  background-image: -moz-linear-gradient(top, #0480BE, #036fa5);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0480BE), to(#036fa5));
  background-image: -webkit-linear-gradient(top, #0480BE, #036fa5);
  background-image: -o-linear-gradient(top, #0480BE, #036fa5);
  background-image:
    linear-gradient(
      to bottom,
      #0480BE,
      #036fa5);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0480BE", endColorstr="#036fa5", GradientType=0);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  position: absolute;
  top: 0;
  width: 20px;
  height: 20px;
  background-color: #0480BE;
  border: 0px solid transparent;
}
.slider-handle:hover {
  cursor: pointer;
}
.slider-handle.round {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
.slider-handle.triangle {
  background: transparent none;
}
.slider-handle.custom {
  background: transparent none;
}
.slider-handle.custom::before {
  line-height: 20px;
  font-size: 20px;
  content: "\2605";
  color: #726204;
}
.slider-tick {
  background-color: #f7f7f7;
  background-image: -moz-linear-gradient(top, #f5f5f5, #F9F9F9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#F9F9F9));
  background-image: -webkit-linear-gradient(top, #f5f5f5, #F9F9F9);
  background-image: -o-linear-gradient(top, #f5f5f5, #F9F9F9);
  background-image:
    linear-gradient(
      to bottom,
      #f5f5f5,
      #F9F9F9);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f5f5f5", endColorstr="#F9F9F9", GradientType=0);
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  cursor: pointer;
  width: 20px;
  height: 20px;
  filter: none;
  opacity: 0.8;
  border: 0px solid transparent;
}
.slider-tick.round {
  border-radius: 50%;
}
.slider-tick.triangle {
  background: transparent none;
}
.slider-tick.custom {
  background: transparent none;
}
.slider-tick.custom::before {
  line-height: 20px;
  font-size: 20px;
  content: "\2605";
  color: #726204;
}
.slider-tick.in-selection {
  background-color: #46c1fe;
  background-image: -moz-linear-gradient(top, #52c5ff, #3abcfd);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#52c5ff), to(#3abcfd));
  background-image: -webkit-linear-gradient(top, #52c5ff, #3abcfd);
  background-image: -o-linear-gradient(top, #52c5ff, #3abcfd);
  background-image:
    linear-gradient(
      to bottom,
      #52c5ff,
      #3abcfd);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#52c5ff", endColorstr="#3abcfd", GradientType=0);
  opacity: 1;
}

/* projects/shell/src/assets/css/slick-theme.css */
.slick-loading .slick-list {
  background: #fff center center no-repeat;
}
.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: .25;
}
.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  opacity: .75;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-prev {
  left: -25px;
}
[dir=rtl] .slick-prev {
  right: -25px;
  left: auto;
}
.slick-prev:before {
  content: "\2190";
}
[dir=rtl] .slick-prev:before {
  content: "\2192";
}
.slick-next {
  right: -25px;
}
[dir=rtl] .slick-next {
  right: auto;
  left: -25px;
}
.slick-next:before {
  content: "\2192";
}
[dir=rtl] .slick-next:before {
  content: "\2190";
}
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}
.slick-dots {
  position: absolute;
  bottom: -25px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: "\2022";
  text-align: center;
  opacity: .25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  opacity: .75;
  color: black;
}

/* projects/shell/src/assets/css/slick.css */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before,
.slick-track:after {
  display: table;
  content: "";
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}

/* projects/shell/src/assets/css/motor_buy_thank_you.css */
.congrats {
  width: 100%;
  float: left;
  padding: 35px 0;
}
.congrats strong {
  font-weight: 700;
  font-size: 24px;
  color: #00A140;
  margin-bottom: 12px;
  width: 100%;
  float: left;
}
.congrats p {
  width: 100%;
  float: left;
  font-weight: 400;
  color: #454545;
  padding: 0 20px;
  font-size: 20px;
}
.retry_payment {
  width: 100%;
  float: left;
  padding: 35px 0;
}
.retry_payment strong {
  font-weight: 700;
  font-size: 24px;
  color: #FF3B30;
  margin-bottom: 12px;
  width: 100%;
  float: left;
}
.retry_payment p {
  width: 100%;
  float: left;
  font-weight: 400;
  color: #454545;
  padding: 0 20px;
  font-size: 20px;
}
.retry_payment p a {
  color: #005DAC;
  font-weight: 700;
}
.thankyouedit {
  width: 100%;
  float: left;
  padding: 35px 0 124px;
}
.thankyouedit h2 {
  width: 100%;
  float: left;
  font-size: 34px;
  color: #454545;
  margin-bottom: 30px;
}
.thankyoueditbox {
  width: 100%;
  float: left;
  border: 1px solid #45454599;
  padding: 22px 27px;
  border-radius: 10px;
  position: relative;
}
.thedit_bio {
  width: 100%;
  float: left;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  padding-bottom: 40px;
  gap: 40px;
}
.thedit_bio li {
  float: left;
}
.thedit_bio li p {
  font-size: 16px;
  color: #454545;
  font-weight: 400;
  padding-bottom: 14px;
}
.thedit_bio li input {
  font-weight: 400;
  font-size: 20px;
  color: #000000;
  border: 0;
  width: 100%;
  float: left;
}
.thedit_bio li textarea {
  font-weight: 400;
  font-size: 20px;
  color: #000000;
  border: 0;
  width: 100%;
  float: left;
  resize: none;
}
.thedit_bio:last-child {
  padding-bottom: 0;
}
.shareedit {
  position: absolute;
  right: 0;
  top: 0;
  padding: 20px;
}
.thedit_bio li a.downloadpolicy {
  float: left;
  text-decoration: underline;
  display: flex;
  align-items: center;
  gap: 10px;
}
.thedit_bio li a.downloadpolicy p {
  font-size: 20px;
  color: #005DAC;
  font-weight: 700;
  float: left;
  padding-bottom: 0;
}
.downloadpolicy a.downloadpolicy img {
  width: 20px;
}
.thedit_bio.policyup {
  align-items: center;
}
.thedit_bio.policyup li:last-child {
  justify-content: center;
}
.share_policy_details {
  width: 100%;
  float: left;
  display: none;
}
.share_policy_details_bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 1;
  overflow-y: auto;
  display: flex;
  align-items: center;
}
.share_policy_close {
  display: flex;
  align-items: center;
  justify-content: end;
  position: absolute;
  right: 26px;
  top: 26px;
}
.share_policy_close a {
  width: 48px;
  height: 48px;
  padding: 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 50%;
}
.share_policybox {
  width: 794px;
  margin: 0 auto;
  display: flex;
}
.share_policybox_bg {
  width: 100%;
  float: left;
  background: #fff;
  position: relative;
  padding: 67px 67px;
  transition: 0.5s;
}
.share_policymo_body {
  width: 100%;
  float: left;
  padding: 20px 0px;
}
.sharepolicy-headingpart {
  width: 100%;
  float: left;
}
.sharepolicy-title {
  width: 100%;
  float: left;
  font-size: 32px;
  font-family: "Rubik-Regular";
  font-weight: 400;
}
.shareemial-wp-sms {
  width: 100%;
  float: left;
  display: flex;
  flex-direction: column;
  border-bottom: 1px dashed #000000;
  padding: 41px 0;
}
.cust-radio {
  display: block;
  color: #000000;
  position: relative;
  padding-left: 43px;
  cursor: pointer;
  font-size: 28px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.cust-radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.cust-radio input:checked ~ .checkmark {
  border: 2px solid #005DAC;
  background-color: #fff;
}
.checkmark {
  width: 28px;
  border: 2px solid #005DAC;
  border-radius: 50%;
}
.cust-radio input:checked ~ .checkmark:after {
  display: block;
}
.cust-radio .checkmark:after {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #005DAC;
}
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.sharebutton {
  width: 100%;
  float: left;
}
.sharebtn {
  width: 100%;
  padding: 20px;
  background-color: #005DAC;
  border: none;
  color: #ffffff;
  font-size: 20px;
  margin-top: 30px;
  line-height: 20px;
  font-family: "Rubik-Regular";
  font-weight: 700;
  border-radius: 10px;
}
.shareemial-wp-sms .formfild {
  width: 100%;
  float: left;
  position: relative;
  margin-top: 30px;
}
.shareemial-wp-sms .formfild label {
  width: 100%;
  float: left;
  font-size: 20px;
  font-weight: 400;
  letter-spacing: -.72px;
  color: #000;
  line-height: 118%;
  margin-bottom: 15px;
}
.shareemial-wp-sms .formfild input {
  width: 100%;
  float: left;
  border-radius: 10px;
  border: 1px solid #cecece;
  background: #fff;
  padding: 20px;
  font-size: 20px;
  font-weight: 400;
  line-height: 110%;
  color: #454545;
}
.personabox {
  width: 100%;
  float: left;
}
.motorbuy_edit {
  width: 100%;
  float: left;
  gap: 10px;
}
.travelace_popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 9;
  overflow-y: auto;
  display: none;
}
.travelace_popup .com_motor_planMiddle {
  width: 794px;
  margin: auto;
  display: flex;
}
.travelace_popup .com_motor_planInner {
  float: left;
  width: 100%;
  padding: 75px 44px 30px;
  background: #fff;
  position: relative;
  margin: 100px 0;
}
.travelace_popup .com_motor_planClose {
  display: flex;
  align-items: center;
  justify-content: end;
  position: absolute;
  right: 26px;
  top: 26px;
}
.travelace_popup .com_motor_planClose a {
  width: 48px;
  height: 48px;
  padding: 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 50%;
}
.travelace_popup .com_motor_planCon {
  float: left;
  width: 100%;
}
.travelace_popup .com_motor_planCon > h2 {
  float: left;
  width: 100%;
  font-size: 48px;
  color: #000;
  margin-bottom: 30px;
}
.travelace_popup .com_motor_planCon ul {
  float: left;
  width: 100%;
  list-style-type: none;
  margin-bottom: 24px;
  padding: 0 24px;
}
.travelace_popup .com_motor_planCon ul li {
  float: left;
  width: 100%;
  padding: 24px 0;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.4);
  display: flex;
  justify-content: space-between;
}
.travelace_popup .com_motor_planCon ul li p {
  font-size: 20px;
  color: #454545;
}
.travelace_popup .com_motor_planCon ul li strong {
  font-size: 24px;
  color: #454545;
  display: flex;
  align-items: center;
  min-width: 85px;
}
.travelace_popup .com_motor_planCon ul li strong img {
  margin-left: 8px;
  cursor: pointer;
}
.travelace_popup .com_motor_planCon .com_motor_planTtl {
  float: left;
  width: 100%;
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 24px;
  cursor: pointer;
}
.travelace_popup .com_motor_planCon .com_motor_planTtl p {
  font-size: 20px;
  font-weight: 700;
  color: #454545;
  display: flex;
  align-items: center;
}
.travelace_popup .com_motor_planCon .com_motor_planTtl p img {
  margin-left: 8px;
  margin-top: 4px;
}
.travelace_popup .com_motor_planCon .com_motor_planTtl strong {
  font-size: 24px;
  color: #454545;
  display: flex;
  align-items: center;
  min-width: 85px;
}
.travelace_popup .com_motor_planCon .com_motor_planTtl2 {
  float: left;
  width: 100%;
  margin-bottom: 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px 24px;
}
.travelace_popup .com_motor_planCon .com_motor_planTtl2 p {
  font-size: 20px;
  color: #454545;
  display: flex;
  align-items: center;
}
.travelace_popup .com_motor_planCon .com_motor_planTtl2 strong {
  font-size: 24px;
  color: #454545;
  display: flex;
  align-items: center;
  min-width: 85px;
}
.travelace_popup .com_motor_planCon .com_motor_planTotal {
  float: left;
  width: 100%;
  margin-bottom: 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 24px;
  background: #000;
}
.travelace_popup .com_motor_planCon .com_motor_planTotal p {
  font-size: 24px;
  font-weight: 700;
  color: #fff;
  display: flex;
  align-items: center;
}
.travelace_popup .com_motor_planCon .com_motor_planTotal strong {
  font-size: 24px;
  font-weight: 700;
  color: #fff;
  display: flex;
  align-items: center;
  min-width: 85px;
}
.retry_paymentbtn {
  width: 100%;
  float: left;
  margin-top: 30px;
}
.retry_paymentbtn a {
  background: #005DAC;
  font-size: 16px;
  color: #fff;
  padding: 15px 121px;
  float: left;
  border-radius: 10px;
}
.peoplewho.peoplewhothankyou {
}
.peoplewho {
  width: 100%;
  float: left;
}
.peoplewho h2 {
  width: 100%;
  float: left;
  font-size: 32px;
  color: #454545;
}
.differentinsuranceSec img {
  max-width: 100%;
  display: block;
}
.iconBoxes {
  margin-bottom: 120px;
  height: 50px;
}
.diffcoverageBoxes {
  margin-top: 40px;
  width: 100%;
  float: left;
}
.boxTag {
  position: absolute;
  top: 2px;
  right: 2px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  background: #ff68a7;
  padding: 5px 10px;
}
.boxTag .tagHeading {
  font-size: 16px;
  font-weight: 500;
  line-height: 75%;
  letter-spacing: .1px;
  color: #fff;
}
.iconBoxes {
  width: 76px;
}
.contentDiv {
  width: calc(100% - 125px);
}
.contentHeading {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cardHeading {
  font-size: 24px;
  font-weight: 700;
  line-height: 82%;
  color: #454545;
  width: calc(100% - 40px);
}
.contentHeading svg {
  height: 30px;
  width: 30px;
  fill: none;
  cursor: pointer;
}
.contentDiv ul {
  margin-top: 32px;
}
.contentDiv ul li {
  display: flex;
  align-items: flex-start;
  font-size: 18px;
  font-weight: 400;
  line-height: 111%;
  color: #454545;
  margin-bottom: 16px;
}
.contentDiv ul li:last-child {
  margin-bottom: 0;
}
.contentDiv ul li i {
  font-size: 7px;
  color: #454545;
  margin-right: 16px;
}
.coverageCta {
  border-radius: 8px;
  border: 1px solid rgba(69, 69, 69, .5);
  padding: 6px 14px;
  color: #454545;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: -.54px;
  display: inline-block;
  transition: .3s all ease-in;
  margin-top: 24px;
}
.coverageCta:hover {
  border: 1px solid #454545;
  background: #fff;
}
.diffcoverageBoxes .innerBoxes .boxTag {
  position: absolute;
  top: 2px;
  right: 2px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  background: #ff68a7;
  padding: 5px 10px;
}
.diffcoverageBoxes .innerBoxes .boxTag .tagHeading {
  font-size: 16px;
  font-weight: 500;
  line-height: 75%;
  letter-spacing: .1px;
  color: #fff;
}
.diffcoverageBoxes .innerBoxes .iconBoxes {
  width: 76px;
}
.diffcoverageBoxes .innerBoxes .contentDiv {
  width: calc(100% - 125px);
}
.testimonialsSec.testimonialsthankyou {
  padding: 120px 0px;
}
.testimonialsSec {
  background: #454545;
  box-shadow: 0px 0px 250px 200px #000 inset;
  padding: 35px 0px;
  float: left;
  width: 100%;
}
.testimonialsSec .wrapper {
  padding-left: 160px;
  padding-right: 160px;
}
.testimonialsSec .wrapper .headingBox {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 60px;
  flex-flow: wrap;
}
.testimonialsSec .wrapper .headingBox .secHeadingBox .secHeading {
  color: #fff;
  font-size: 32px;
  font-weight: 400;
  line-height: 106%;
  letter-spacing: -0.96px;
}
.testimonialsSec .testimonialsBox {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 10px;
  border: 1px solid rgba(0, 93, 172, 0.1);
  background:
    linear-gradient(
      180deg,
      rgba(182, 217, 242, 0) 0%,
      rgba(182, 217, 242, 0.2) 100%),
    #FFF;
  box-shadow: 0px 30px 90px 0px rgba(0, 0, 0, 0.14);
  margin-right: 10px;
}
.testimonialsSec .testimonialsBox:last-child {
  margin-right: 0px;
}
.testimonialsSec .testimonialsBox .testimonialsData {
  padding: 30px;
}
.testimonialsSec .testimonialsBox .testimonialsData .cardHeading {
  color: #000;
  font-size: 22px;
  font-weight: 400;
  line-height: 118%;
  margin-bottom: 15px;
  letter-spacing: 0.03em;
}
.testimonialsSec .testimonialsBox .testimonialsData .cardDescription {
  color: #454545;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.03em;
}
.testimonialsSec .testimonialsBox .testimonialsPD {
  border-top: 1px dashed rgba(0, 0, 0, 0.4);
  padding: 20px;
  display: flex;
  justify-content: space-between;
}
.testimonialsSec .testimonialsBox .testimonialsPD .ispersonData {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 65%;
}
.testimonialsSec .testimonialsBox .testimonialsPD .ispersonData .ispersonImg {
  width: 68px;
  height: 68px;
  border-radius: 50%;
  overflow: hidden;
}
.testimonialsSec .testimonialsBox .testimonialsPD .ispersonData .ispersonInfo {
  width: calc(100% - 82px);
}
.testimonialsSec .testimonialsBox .testimonialsPD .ispersonData .ispersonInfo .cardPersonName {
  color: #000;
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
  margin-bottom: 6px;
}
.testimonialsSec .testimonialsBox .testimonialsPD .ispersonData .ispersonInfo .cardPersonLocation {
  color: #454545;
  font-size: 18px;
  font-weight: 400;
  line-height: 100%;
}
.testimonialsSec .testimonialsBox .testimonialsPD .ratedateBox {
  width: 32%;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
}
.testimonialsSec .testimonialsBox .testimonialsPD .ratedateBox .ratingStar {
  border-radius: 10px;
  background: #0A5;
  padding: 2px 8px;
  display: flex;
  align-items: center;
  width: 50px;
  justify-content: space-between;
  margin-bottom: 12px;
}
.testimonialsSec .testimonialsBox .testimonialsPD .ratedateBox .ratingStar p {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: 0.5px;
  display: block;
  width: auto;
}
.testimonialsSec .testimonialsBox .testimonialsPD .ratedateBox .ratingStar i {
  color: #fff;
  font-size: 10px;
  line-height: 100%;
}
.testimonialsSec .testimonialsBox .testimonialsPD .ratedateBox .dateBox p {
  color: #454545;
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
}
.testimonialsSec .slick-dots {
  display: flex;
  overflow: hidden;
  bottom: -37px;
}
.testimonialsSec .slick-dots li {
  flex: 1;
  height: 5px;
  margin: 0px;
  overflow: hidden;
}
.testimonialsSec .slick-dots li:first-child {
  border-top-left-radius: 90px;
  border-bottom-left-radius: 90px;
}
.testimonialsSec .slick-dots li:last-child {
  border-top-right-radius: 90px;
  border-bottom-right-radius: 90px;
}
.testimonialsSec .slick-dots li button {
  width: 100%;
  height: 5px;
  padding: 0px;
}
.testimonialsSec .slick-dots li button:before {
  content: "";
  width: 100%;
  height: 5px;
  background: rgba(255, 255, 255, 0.2);
  transition: 0.3s all ease-in;
  opacity: 1;
}
.testimonialsSec .slick-dots li button:hover:before {
  transform: scaleY(1.5);
}
.testimonialsSec .slick-dots li.slick-active button:before {
  background: #fff;
  transition: 0.3s all ease-in;
  opacity: 1;
}
.faqthankyou {
  width: 100%;
  float: left;
  padding: 124px 0 57px;
}
.faqthankyou_title {
  width: 100%;
  float: left;
  margin-bottom: 32px;
}
.faqthankyou_title h2 {
  width: 100%;
  float: left;
  font-size: 32px;
  color: #454545;
  font-weight: 400;
}
.faqlist {
  width: 100%;
  float: left;
}
.faqdata {
  width: 100%;
  float: left;
  padding: 32px 0;
  border-top: 1px dashed rgba(0, 0, 0, 0.4);
}
.faqdata strong {
  width: 100%;
  float: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.faqdata strong p {
  float: left;
  color: #131313;
  font-size: 24px;
  font-weight: 400;
}
.faqdatatext {
  width: 100%;
  float: left;
  margin-top: 16px;
}
.faqdatatext p {
  width: 100%;
  float: left;
  color: #454545;
  font-size: 20px;
}
.faqdata strong .icon-slider-arrow {
  font-size: 14px;
  color: #454545;
  transform: rotate(90deg);
  transition: 0.2s ease;
}
.faqdata.active strong .icon-slider-arrow {
  transform: rotate(270deg);
}
.godigital {
  width: 100%;
  float: left;
  padding: 35px 0;
}
.godigital .godigitalImg img {
  max-width: 580px;
  display: block;
}
.godigital .godigitalBox {
  display: flex;
  flex-flow: wrap;
  align-items: center;
  justify-content: space-between;
  border-radius: 20px;
  padding: 30px 147px;
  width: 100%;
  float: left;
  height: 390px;
  overflow: hidden;
}
.godigital .godigitalBox.blue_dgbox {
  background:
    radial-gradient(
      139.39% 140.26% at 100% 0%,
      #00559C 0%,
      #1882B9 27.4%,
      #42D0E9 67.24%);
  align-items: flex-start;
}
.godigital .godigitalImg {
  width: 36%;
  float: left;
}
.godigital .godigitalTxt {
  width: 40%;
  float: left;
  padding: 50px 0;
}
.godigital .godigitalCardheading {
  color: #fff;
  font-size: 57px;
  font-weight: 400;
  line-height: 105%;
  margin-bottom: 20px;
}
.godigital .godigitalCardDescription {
  color: #FFF;
  font-size: 22px;
  font-weight: 400;
  line-height: 145%;
}
.godigital .godigitalTxt .platformLogos {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-top: 40px;
  width: 100%;
  float: left;
}
.godigital .storeLogo {
  width: calc(50% - 5px);
}
.godigital .storeLogo a {
  background: #000;
  padding: 10px;
  border-radius: 12px;
  display: flex;
  border: 2px solid #a6a6a6;
  align-items: center;
}
.godigital .storeLogo a i {
  color: #fff;
  font-size: 40px;
}
.godigital .storeLogo a .innerDet {
  margin-left: 10px;
}
.godigital .appsubHeading {
  font-size: 18px;
  font-weight: 400;
  color: #fff;
  line-height: 100%;
  letter-spacing: 1px;
  text-align: left;
}
.godigital .appHeading {
  font-size: 32px;
  font-weight: 500;
  color: #fff;
  line-height: 100%;
  letter-spacing: 1px;
  text-align: left;
  width: 100%;
  float: left;
}
.godigital .godigitalTxt .downloadCta {
  margin-top: 20px;
  text-align: center;
  width: 100%;
  float: left;
}
.godigital .godigitalTxt .downloadCta a {
  border-radius: 10px;
  background: #F58220;
  padding: 15px 30px;
  color: #FFF;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  line-height: 100%;
  display: inline-block;
  transition: 0.3s all ease-in;
}
.godigital .godigitalTxt .downloadCta a:hover {
  background: rgba(245, 130, 32, 0.6);
}
.godigital .godigitalHeading {
  width: 100%;
  float: left;
}
.storelogo {
  width: 100%;
  float: left;
  margin-top: 39px;
  display: flex;
  gap: 20px;
}
.storelogo a {
  float: left;
}
.storelogo a img {
  float: left;
  max-width: 100%;
}
.rateSection {
  float: left;
  width: 100%;
  padding: 120px 0;
  box-shadow: 0px 0px 50px 0px #00000024 inset;
}
.rateSection .rateTtl {
  float: left;
  width: 100%;
  margin-bottom: 24px;
}
.rateSection .rateTtl h2 {
  float: left;
  width: 100%;
  font-size: 32px;
  color: #454545;
  margin-bottom: 14px;
}
.rateSection .rateTtl p {
  float: left;
  width: 100%;
  font-size: 20px;
  color: #454545;
}
.rateSection ul {
  float: left;
  width: 100%;
  list-style-type: none;
  margin-bottom: 60px;
}
.rateSection ul li {
  float: left;
  margin-right: 40px;
}
.rateSection ul li a {
  float: left;
}
.rateSection ul li a img {
  float: left;
  width: 56px;
  height: 52px;
}
.rateSection .rateDec {
  float: left;
  width: 100%;
}
.rateSection .rateDec p {
  float: left;
  width: 100%;
  font-size: 20px;
  color: #454545;
  font-weight: 700;
  margin-bottom: 34px;
}
.rateSection .rateDec textarea {
  float: left;
  width: 100%;
  height: 150px;
  resize: none;
  border: 1px solid #454545;
  border-radius: 5px;
  margin-bottom: 30px;
  font-size: 16px;
  padding: 20px;
}
.rateSection .rateDec button {
  background: #005DAC;
  font-size: 20px;
  color: #fff;
  padding: 18px 230px;
  float: right;
  border-radius: 10px;
}
.diffcoverageBoxes .slick-dots li {
  width: auto;
  margin: 0 2px;
  height: auto;
}
.diffcoverageBoxes .slick-dots li button:before {
  content: "";
  width: 0;
  height: 0;
}
.diffcoverageBoxes .slick-dots li button {
  width: 8px;
  height: 8px;
  border: 1px solid #454545;
  border-radius: 50%;
}
.diffcoverageBoxes .slick-dots li.slick-active button {
  border-color: #F58220;
  background: #F58220;
}
@media screen and (max-width:1600px) {
  .thedit_bio.policyup li:nth-last-of-type(1) {
    grid-column: span 1;
  }
  .thedit_bio.policyup li:nth-last-of-type(2) {
    grid-column: span 1;
  }
  .thedit_bio {
    column-gap: 15px;
  }
  .thedit_bio li a.downloadpolicy p {
    font-size: 18px;
  }
  .thedit_bio li textarea {
    font-size: 18px;
  }
  .thedit_bio li input {
    font-size: 18px;
  }
  .congrats {
    padding: 40px 0;
  }
  .iconBoxes {
    margin-bottom: 100px;
  }
  .diffcoverageBoxes {
    margin-top: 30px;
  }
  .diffcoverageBoxes .innerBoxes {
    padding: 30px 28px 28px;
  }
  .iconBoxes {
    width: 66px;
  }
  .contentHeading svg {
    height: 24px;
    width: 24px;
  }
  .contentDiv ul {
    margin-top: 28px;
  }
  .contentDiv ul li {
    margin-bottom: 14px;
  }
  .contentDiv ul li i {
    margin-right: 14px;
  }
  .coverageCta {
    border-radius: 8px;
    border: 1px solid rgba(69, 69, 69, .5);
    padding: 6px 14px;
    color: #454545;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: -.54px;
    display: inline-block;
    transition: .3s all ease-in;
  }
  .coverageCta:hover {
    border: 1px solid #454545;
    background: #fff;
  }
  .diffcoverageBoxes .innerBoxes .iconBoxes {
    width: 66px;
  }
  .diffcoverageBoxes .innerBoxes .contentDiv {
    width: calc(100% - 100px);
  }
  .cardHeading {
    width: calc(100% - 30px);
  }
  .testimonialsSec {
    padding: 35px 0px;
  }
  .testimonialsSec .wrapper {
    padding-left: 140px;
    padding-right: 140px;
  }
  .testimonialsSec .wrapper .headingBox .secHeadingBox .secHeading {
    font-size: 24px;
    letter-spacing: -0.72px;
  }
  .testimonialsSec .testimonialsBox .testimonialsData .cardHeading {
    font-size: 18px;
  }
  .testimonialsSec .testimonialsBox .testimonialsData .cardDescription {
    font-size: 14px;
  }
  .testimonialsSec .testimonialsBox .testimonialsPD .ispersonData .ispersonInfo .cardPersonName {
    font-size: 14px;
  }
  .testimonialsSec .testimonialsBox .testimonialsPD .ispersonData .ispersonInfo .cardPersonLocation {
    font-size: 14px;
  }
  .testimonialsSec {
    padding: 35px 0px;
  }
  .testimonialsSec .wrapper .headingBox {
    margin-bottom: 44px;
  }
  .testimonialsSec .testimonialsBox .testimonialsData {
    padding: 24px;
  }
  .testimonialsSec .testimonialsBox .testimonialsData .cardHeading {
    margin-bottom: 10px;
  }
  .testimonialsSec .testimonialsBox .testimonialsPD {
    padding: 15px;
  }
  .testimonialsSec .testimonialsBox .testimonialsPD .ispersonData .ispersonImg {
    width: 50px;
    height: 50px;
  }
  .testimonialsSec .testimonialsBox .testimonialsPD .ispersonData .ispersonInfo {
    width: calc(100% - 60px);
  }
  .testimonialsSec .testimonialsBox .testimonialsPD .ratedateBox {
    width: 32%;
  }
  .testimonialsSec .testimonialsBox .testimonialsPD .ratedateBox .ratingStar {
    width: 40px;
    margin-bottom: 10px;
  }
  .testimonialsSec .testimonialsBox .testimonialsPD .ratedateBox .ratingStar p {
    font-size: 12px;
  }
  .testimonialsSec .testimonialsBox .testimonialsPD .ratedateBox .dateBox p {
    font-size: 12px;
  }
  .thankyouedit h2 {
    font-size: 24px;
  }
  .peoplewho h2 {
    font-size: 24px;
  }
  .faqthankyou_title h2 {
    font-size: 24px;
  }
  .faqdata strong p {
    font-size: 20px;
  }
  .faqdata {
    padding: 25px 0;
  }
  .godigital .godigitalBox {
    padding: 30px 40px;
  }
  .godigital .godigitalCardheading {
    font-size: 44px;
  }
  .godigital .godigitalCardDescription {
    font-size: 18px;
  }
  .godigital .storeLogo a i {
    font-size: 32px;
  }
  .godigital .appsubHeading {
    font-size: 14px;
  }
  .godigital .appHeading {
    font-size: 24px;
  }
  .godigital .downloadCta a {
    font-size: 16px;
    padding: 10px 16px;
  }
  .godigital .godigitalImg {
    width: 44%;
  }
  .godigital .platformLogos {
    margin-top: 30px;
  }
  .godigital .godigitalBox {
    padding: 20px 40px;
  }
}
@media screen and (max-width:1024px) {
  .thedit_bio li p {
    font-size: 14px;
    padding-bottom: 8px;
  }
  .thedit_bio li input {
    font-size: 16px;
  }
  .thedit_bio.policyup {
    grid-template-columns: repeat(3, 1fr);
    column-gap: 30px;
  }
  .thedit_bio li textarea {
    font-size: 16px;
  }
  .thedit_bio li a.downloadpolicy p {
    font-size: 16px;
  }
  .thedit_bio.policyup li:nth-last-of-type(1) {
    grid-column: span 1;
    justify-content: flex-start;
  }
  .thedit_bio.policyup li:nth-last-of-type(2) {
    grid-column: span 1;
  }
  .thedit_bio {
    grid-template-columns: repeat(3, 1fr);
    row-gap: 20px;
    padding-bottom: 20px;
  }
  .congrats {
    padding: 30px 0;
  }
  .thankyouedit h2 {
    font-size: 24px;
    margin-bottom: 24px;
  }
  .share_policybox_bg {
    background: #ffffff00;
    padding: 0 0;
    position: absolute;
    left: 0;
  }
  .share_policybox_bg.active {
    bottom: 0;
  }
  .share_policymo_body {
    background: #fff;
    padding: 40px 24px;
  }
  .sharepolicy-title {
    font-size: 26px;
  }
  .cust-radio {
    font-size: 20px;
    padding-top: 6px;
  }
  .shareemial-wp-sms .formfild label {
    font-size: 18px;
  }
  .shareemial-wp-sms .formfild input {
    font-size: 16px;
  }
  .shareemial-wp-sms {
    padding: 25px 0;
  }
  .sharebtn {
    padding: 15px;
    font-size: 18px;
  }
  .share_policy_close {
    position: static;
    justify-content: center;
    padding: 14px;
  }
  .share_policy_close a {
    width: 48px;
    height: 48px;
    padding: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.8);
    border-radius: 50%;
  }
  .travelace_popup {
    overflow: hidden;
  }
  .travelace_popup .com_motor_planMiddle {
    height: auto;
    width: 100%;
    position: absolute;
    bottom: -101%;
    overflow: hidden;
    transition: 0.5s;
  }
  .travelace_popup .com_motor_planMiddle.active {
    bottom: 0;
  }
  .travelace_popup .com_motor_planInner {
    transform: scale(1);
    padding: 0;
    margin: 0;
    background: transparent;
  }
  .travelace_popup .com_motor_planCon {
    height: 598px;
    background: #fff;
    overflow-y: auto;
  }
  .travelace_popup .com_motor_planClose {
    position: static;
    justify-content: center;
    padding: 14px;
  }
  .travelace_popup .com_motor_planCon > h2 {
    font-size: 32px;
    padding: 30px 24px 0;
    margin-bottom: 20px;
  }
  .travelace_popup .com_motor_planCon ul {
    margin-bottom: 20px;
  }
  .travelace_popup .com_motor_planCon ul li p {
    font-size: 14px;
  }
  .travelace_popup .com_motor_planCon ul li strong {
    font-size: 16px;
    color: #000;
    min-width: 65px;
  }
  .travelace_popup .com_motor_planCon ul li {
    padding: 12px 0;
  }
  .travelace_popup .com_motor_planCon .com_motor_planTtl p {
    font-size: 14px;
  }
  .travelace_popup .com_motor_planCon .com_motor_planTotal {
    margin-bottom: 0;
  }
  .travelace_popup .com_motor_planCon .com_motor_planTtl strong {
    font-size: 16px;
    min-width: 65px;
    color: #000;
  }
  .travelace_popup .com_motor_planCon .com_motor_planTtl2 p {
    font-size: 14px;
  }
  .travelace_popup .com_motor_planCon .com_motor_planTtl2 strong {
    font-size: 16px;
    min-width: 65px;
    color: #000;
  }
  .travelace_popup .com_motor_planCon .com_motor_planTtl2 {
    padding: 12px 24px;
    margin-bottom: 12px;
  }
  .travelace_popup .com_motor_planCon .com_motor_planTotal p {
    font-size: 18px;
  }
  .travelace_popup .com_motor_planCon .com_motor_planTotal strong {
    font-size: 20px;
  }
  .retry_paymentbtn a {
    padding: 15px 0;
    width: 100%;
    text-align: center;
  }
  .retry_payment strong {
    font-size: 16px;
  }
  .retry_payment p {
    font-size: 14px;
    padding: 0 0;
  }
  .iconBoxes {
    margin-bottom: 80px;
  }
  .iconBoxes img {
    width: 45px;
  }
  .diffcoverageBoxes .innerBoxes .boxTag {
    padding: 4px 8px;
  }
  .diffcoverageBoxes .innerBoxes .boxTag .tagHeading {
    font-size: 14px;
  }
  .cardHeading {
    font-size: 18px;
  }
  .iconBoxes {
    margin-bottom: 30px;
  }
  .iconBoxes img {
    width: 40px;
  }
  .peoplewho h2 {
    font-size: 24px;
  }
  .testimonialsSec .wrapper {
    padding-left: 116px;
    padding-right: 116px;
  }
  .testimonialsSec {
    padding: 35px 0px;
  }
  .testimonialsSec .wrapper {
    padding-left: 80px;
    padding-right: 80px;
  }
  .testimonialsSec .wrapper .headingBox {
    margin-bottom: 36px;
  }
  .testimonialsSec .wrapper {
    padding-left: 32px;
    padding-right: 32px;
  }
  .testimonialsSec .wrapper .headingBox .secHeadingBox .secHeading {
    font-size: 22px;
    letter-spacing: -0.6px;
  }
  .testimonialsSec .testimonialsBox .testimonialsData .cardHeading {
    font-size: 16px;
  }
  .testimonialsSec {
    padding: 50px 0px;
  }
  .faqdata strong p {
    font-size: 20px;
  }
  .faqthankyou_title h2 {
    font-size: 24px;
  }
  .faqdata {
    padding: 24px 0;
  }
  .faqthankyou_title {
    margin-bottom: 20px;
  }
  .godigitalCardheading {
    font-size: 24px;
    margin-bottom: 10px;
  }
  .godigitalCardDescription {
    font-size: 16px;
  }
  .appHeading {
    font-size: 18px;
  }
  .godigitalBox {
    padding: 30px 40px;
  }
  .godigitalImg {
    width: 40%;
  }
  .godigitalTxt {
    width: 40%;
    padding-bottom: 15px;
  }
  .platformLogos {
    margin-top: 20px;
    column-gap: 10px;
  }
  .storeLogo a {
    padding: 14px 5px;
  }
  .storeLogo a .innerDet {
    margin-left: 8px;
  }
  .godigitalTxt .downloadCta {
    margin-top: 14px;
  }
  .appsubHeading {
    font-size: 14px;
  }
  .godigitalBox {
    padding: 20px 40px 0px;
  }
  .godigitalImg {
    width: 35%;
  }
  .godigitalTxt {
    width: 60%;
  }
  .storeLogo {
    width: 100%;
  }
  .godigitalTxt .downloadCta a {
    font-size: 16px;
    padding: 10px 18px;
  }
  .godigital .godigitalImg img {
    max-width: 100%;
  }
  .godigital .godigitalBox {
    height: auto;
  }
  .rateSection {
    padding: 40px 0;
  }
  .rateSection .rateTtl {
    margin-bottom: 8px;
  }
  .rateSection .rateTtl h2 {
    font-size: 20px;
    margin-bottom: 4px;
    color: #000;
  }
  .rateSection .rateTtl p {
    font-size: 16px;
  }
  .rateSection ul {
    margin-bottom: 30px;
  }
  .rateSection ul li {
    margin-right: 20px;
  }
  .rateSection ul li a img {
    width: 30px;
    height: 28px;
  }
  .rateSection .rateDec p {
    font-size: 16px;
    margin-bottom: 17px;
  }
  .rateSection .rateDec textarea {
    height: 88px;
    margin-bottom: 16px;
    font-size: 14px;
    padding: 16px;
  }
  .rateSection .rateDec button {
    font-size: 16px;
    width: 100%;
    padding: 14px 0px;
  }
  .thankyouedit {
    padding: 35px 0;
  }
  .testimonialsSec.testimonialsthankyou {
    padding: 40px 0px;
  }
  .faqthankyou {
    padding: 40px 0px;
  }
  .godigital {
    padding: 0 0 40px;
  }
  .motorbuy_edit {
    flex-direction: column;
    gap: 40px;
  }
  .diffcoverageBoxes .slick-dots {
    bottom: -12px;
  }
}
@media screen and (max-width:767px) {
  .congrats {
    padding: 30px 0;
  }
  .congrats strong {
    font-size: 16px;
  }
  .congrats p {
    font-size: 14px;
    padding: 0 0;
  }
  .thankyouedit h2 {
    font-size: 24px;
  }
  .thankyouedit h2 {
    margin-bottom: 20px;
  }
  .thankyoueditbox {
    padding: 20px 15px;
  }
  .thedit_bio {
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
    padding-bottom: 24px;
  }
  .thedit_bio.policyup {
    grid-template-columns: repeat(2, 1fr);
    column-gap: 15px;
  }
  .thedit_bio li p {
    font-size: 14px;
    padding-bottom: 8px;
  }
  .thedit_bio li input {
    font-size: 16px;
  }
  .shareedit {
    padding: 10px;
  }
  .shareedit img {
    width: 20px;
  }
  .thedit_bio.policyup li:nth-last-of-type(1) {
    grid-column: span 1;
  }
  .thedit_bio.policyup li:nth-last-of-type(2) {
    grid-column: span 1;
  }
  .thedit_bio li textarea {
    font-size: 16px;
  }
  .thedit_bio li a.downloadpolicy p {
    font-size: 16px;
  }
  .diffcoverageBoxes {
    margin-bottom: 50px;
  }
  .coverageCta {
    font-size: 14px;
    margin-top: 12px;
  }
  .iconBoxes {
    margin-bottom: 12px;
    width: 40px;
  }
  .iconBoxes img {
    width: 36px;
  }
  .diffcoverageBoxes {
    margin: 20px 0 50px;
  }
  .diffcoverageBoxes .innerBoxes .contentDiv {
    width: calc(100% - 60px);
  }
  .cardHeading {
    width: calc(100% - 24px);
  }
  .contentHeading svg {
    height: 22px;
    width: 22px;
  }
  .contentDiv ul {
    margin-top: 15px;
  }
  .contentDiv ul li {
    margin-bottom: 6px;
    font-size: 14px;
    line-height: 130%;
  }
  .contentDiv ul li i {
    margin-right: 10px;
    font-size: 6px;
  }
  .testimonialsSec .wrapper {
    padding-left: 24px;
    padding-right: 24px;
  }
  .testimonialsSec .wrapper .headingBox .secHeadingBox {
    padding: 0 24px;
  }
  .testimonialsSec {
    padding: 25px 0px;
    background: #454545;
    box-shadow: 0px 0px 150px 0px #000 inset;
  }
  .testimonialsSec .wrapper {
    padding-right: 0px;
    padding-left: 0;
  }
  .testimonialsSec .wrapper .headingBox {
    margin-bottom: 20px;
  }
  .testimonialsSec .wrapper .headingBox .secHeading {
    margin-bottom: 16px;
  }
  .testimonialsSec .testimonialsBox {
    transition: 0.3s all ease-in;
  }
  .testimonialsSec .testimonialsBox .testimonialsData {
    padding: 16px;
  }
  .testimonialsSec .testimonialsBox .testimonialsPD .ispersonData .ispersonImg {
    width: 44px;
    height: 44px;
  }
  .testimonialsSec .testimonialsBox .testimonialsPD .ispersonData .ispersonInfo {
    width: calc(100% - 60px);
  }
  .testimonialsSec .testimonialsBox .testimonialsPD .ratedateBox {
    width: 32%;
  }
  .testimonialsSec .testimonialsBox .testimonialsPD .ratedateBox .ratingStar {
    width: 40px;
    margin-bottom: 10px;
  }
  .testimonialsSec .testimonialsBox .testimonialsPD .ratedateBox .ratingStar p {
    font-size: 12px;
  }
  .testimonialsSec .testimonialsBox .testimonialsPD .ratedateBox .dateBox p {
    font-size: 12px;
  }
  .testimonialsSec .wrapper .headingBox .secHeadingBox .secHeading {
    font-size: 24px;
  }
  .testimonialsSec .testimonialsBox .testimonialsData .cardHeading {
    font-size: 16px;
  }
  .testimonialsSec .testimonialsBox .testimonialsData .cardDescription {
    font-size: 14px;
  }
  .testimonialsSec .testimonialsBox .testimonialsPD .ispersonData .ispersonInfo .cardPersonName {
    font-size: 14px;
  }
  .testimonialsSec .testimonialsBox .testimonialsPD .ispersonData .ispersonInfo .cardPersonLocation {
    font-size: 12px;
  }
  .testimonialsSec .slick-dots {
    padding: 0 15px;
  }
  .faqthankyou_title h2 {
    font-size: 24px;
  }
  .faqthankyou_title {
    margin-bottom: 14px;
  }
  .faqdata {
    padding: 20px 0;
  }
  .faqdata strong p {
    font-size: 20px;
    line-height: 27px;
  }
  .faqdatatext p {
    font-size: 14px;
    line-height: 20px;
  }
  .godigital .godigitalCardDescription {
    font-size: 14px;
  }
  .godigital .storeLogo a i {
    font-size: 24px;
  }
  .godigital .appsubHeading {
    font-size: 10px;
  }
  .godigital .appHeading {
    font-size: 14px;
  }
  .godigital .godigitalTxt .downloadCta a {
    font-size: 14px;
    padding: 6px 14px;
  }
  .godigital .godigitalBox {
    padding: 30px 10px 30px;
    border-radius: 10px;
    height: auto;
    display: block;
  }
  .godigital .godigitalTxt {
    text-align: center;
  }
  .godigital .godigitalTxt .platformLogos {
    margin-top: 20px;
  }
  .godigital .storeLogo {
    width: 100%;
  }
  .godigital .storeLogo a {
    padding: 10px 4px;
  }
  .godigital .storeLogo a .innerDet {
    margin-left: 5px;
  }
  .godigital .godigitalImg img {
    max-width: 100%;
  }
  .godigital .godigitalCardheading {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .godigital .godigitalImg {
    width: 30%;
    float: right;
  }
  .godigital .godigitalTxt {
    width: 70%;
    padding: 0 0 0 15px;
  }
  .godigital .godigitalHeading {
    text-align: left;
  }
  .storelogo {
    margin-top: 15px;
    gap: 10px;
  }
  .travelace_popup .com_motor_planMiddle {
    height: auto;
    width: 100%;
    position: absolute;
    bottom: 0%;
    overflow: hidden;
    transition: 0.5s;
  }
}

/* projects/shell/src/assets/css/travel_claim_processes.css */
.travelclaim_process {
  width: 100%;
  float: left;
}
.travelclaim_process_body {
  width: 100%;
  float: left;
  padding-top: 60px;
}
.travelclaim_process_box {
  width: 794px;
  margin: 0 auto;
}
.tegbody {
  float: left;
  padding: 6px 20px;
  border-radius: 5px;
  margin-bottom: 24px;
}
.tegbody.redteg {
  background: #FF3B30;
}
.tegbody.orangeteg {
  background: #F58220;
}
.tegbody.greenteg {
  background: #00AA55;
}
.tegbody i {
  font-style: normal;
  color: #fff;
  font-weight: 700;
}
.goldbox {
  width: 100%;
  float: left;
}
.goldbox .revdetailsmember {
  width: 100%;
  float: left;
  padding-bottom: 60px;
  border-bottom: 1px dashed rgb(0 0 0 / 40%);
}
.goldbox .oneboxmember_title {
  width: 100%;
  float: left;
  margin-bottom: 24px;
}
.goldbox .oneboxmember_title h2 {
  width: 100%;
  float: left;
  font-weight: 400;
  font-size: 32px;
  color: #454545;
}
.goldbox .personal_details_data {
  width: 100%;
  float: left;
  border: 1px solid #45454599;
  padding: 20px 20px;
  border-radius: 10px;
}
.goldbox .personaledit {
  width: 100%;
  float: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}
.goldbox .nameprsonal {
  float: left;
  display: flex;
  flex-direction: column;
}
.goldbox .nameprsonal p {
  font-size: 24px;
  color: #000;
  font-weight: 400;
  margin-bottom: 10px;
}
.goldbox .nameprsonal i {
  font-size: 16px;
  color: #454545;
  font-weight: 400;
  padding-bottom: 14px;
  font-style: normal;
}
.goldbox .personaledit a {
  float: left;
}
.goldbox .personaledit a img {
  width: 30px;
  height: 30px;
}
.goldbox .personalbio {
  width: 100%;
  float: left;
}
.goldbox .personalbio ul {
  width: 100%;
  float: left;
  list-style-type: none;
  display: grid;
  grid-template-columns: 30% auto auto;
  gap: 34px;
  margin-bottom: 34px;
}
.goldbox .personalbio ul li {
  float: left;
}
.goldbox .personalbio ul li p {
  font-size: 16px;
  color: #454545;
  font-weight: 400;
  padding-bottom: 14px;
}
.goldbox .personalbio ul li input {
  font-weight: 400;
  font-size: 20px;
  color: #000000;
  border: 0;
  width: 100%;
  float: left;
}
.goldbox .personalbio ul.homedetails {
  margin-bottom: 0;
}
.claimprocess_timeline {
  width: 100%;
  float: left;
  padding: 50px 0;
}
.claimtime_title {
  width: 100%;
  float: left;
  margin-bottom: 24px;
}
.claimtime_title h2 {
  width: 100%;
  float: left;
  font-size: 32px;
  color: #000000;
  font-weight: 400;
  margin-bottom: 9px;
}
.claimtime_title p {
  font-size: 20px;
  color: #454545;
  width: 100%;
  float: left;
}
.gendoc {
  width: 100%;
  float: left;
  margin-top: 60px;
}
.gendoc a {
  width: 100%;
  float: left;
  color: #005DAC;
  font-size: 20px;
  text-decoration: underline;
  font-weight: 700;
}
.timelinetrack_cliam {
  float: left;
  width: 100%;
}
.timelinetrack_cliam li {
  width: 100%;
  display: flex;
  column-gap: 20px;
  align-items: flex-start;
  padding: 0 0px 24px;
  position: relative;
}
.timelinetrack_cliam li:last-child {
  padding-bottom: 0;
}
.timelinetrack_cliam li::before {
  content: "";
  position: absolute;
  height: 49%;
  width: 1px;
  border-left: 1px dashed #454545;
  left: 17px;
  top: 50%;
  z-index: 0;
}
.timelinetrack_cliam .step_check {
  z-index: 1;
  position: relative;
  width: 33px;
  height: 33px;
  border: 1.35px solid #00A140;
  background-color: #00A140;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.step_check.redbg_time {
  border: 1.35px solid #FF3B30;
  background-color: #FF3B30;
}
.step_check.ornbg_time {
  border: 1.35px solid #F58220;
  background-color: #F58220;
}
.timelinetrack_cliam li::after {
  content: "";
  position: absolute;
  height: 50%;
  width: 1px;
  border-left: 1px dashed #454545;
  left: 17px;
  bottom: 50%;
  z-index: 0;
}
.timelinetrack_cliam .step_check_empty {
  z-index: 1;
  position: relative;
  width: 33px;
  height: 33px;
  border: 1.35px solid #454545;
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
}
.timelinetext {
  flex: 1;
}
.timelinetrack_cliam li p {
  font-size: 20px;
  font-weight: 400;
  color: #000;
  width: calc(100% - 55px);
}
.timelinetrack_cliam li p i {
  font-size: 14px;
  color: #454545;
  font-weight: 400;
  font-style: normal;
}
.timelinetrack_cliam .step_check .icon-check-mark {
  font-size: 10px;
  color: #fff;
  margin-left: -3px;
}
.timelinetext strong {
  margin: 20px 0;
  width: 100%;
  float: left;
  font-size: 20px;
  color: #454545;
  line-height: 26px;
}
.timelinelink {
  width: 100%;
  float: left;
  color: #005DAC;
  font-size: 20px;
  text-decoration: underline;
  font-weight: 700;
}
.timelinetext .uploadhealthBTN {
  width: 100%;
  float: left;
}
.timelinetext .uploadhealthBTN label {
  float: left;
  border: 1px solid #454545;
  padding: 18px 76px;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  gap: 10px;
  cursor: pointer;
}
.timelinetext .uploadhealthBTN label img {
  width: 24px;
  height: 24px;
  float: left;
}
.timelinetext .uploadhealthBTN label p {
  font-size: 20px;
  color: #454545;
  font-weight: 700;
  float: left;
  width: auto;
}
.timelinetext .uploadhealthBTN label input {
  display: none;
}
.claimboxtime {
  width: 100%;
  float: left;
}
@media screen and (max-width:1440px) {
  .goldbox .nameprsonal p {
    font-size: 22px;
  }
  .goldbox .personalbio ul li input {
    font-size: 16px;
  }
  .goldbox .oneboxmember_title h2 {
    font-size: 26px;
  }
  .goldbox .personaledit a img {
    width: 25px;
    height: 25px;
  }
}
@media screen and (max-width:1024px) {
  .goldbox .nameprsonal p {
    font-size: 20px;
    margin-bottom: 8px;
  }
  .goldbox .personaledit a img {
    width: 20px;
    height: 20px;
  }
  .goldbox .personalbio ul li p {
    font-size: 14px;
  }
  .goldbox .personalbio ul li input {
    font-size: 16px;
  }
  .goldbox .personalbio ul li p {
    padding-bottom: 8px;
  }
  .goldbox .personalbio ul {
    margin-bottom: 24px;
    gap: 24px;
    grid-template-columns: auto auto;
  }
  .goldbox .personal_details_data {
    padding: 15px 15px;
  }
}
@media screen and (max-width:820px) {
  .travelclaim_process_body {
    padding-top: 0;
  }
  .goldbox .oneboxmember_title h2 {
    font-size: 20px;
  }
  .claimboxtime {
    padding: 60px 24px 60px;
    box-shadow: 0px 0px 50px 0px #00000024 inset;
  }
  .travelclaim_process_box {
    width: 100%;
    float: left;
  }
  .goldbox .revdetailsmember {
    padding-bottom: 0;
    border-bottom: 0;
  }
  .claimprocess_timeline {
    padding: 40px 24px;
  }
  .claimtime_title h2 {
    font-size: 20px;
  }
  .claimtime_title p {
    font-size: 14px;
  }
  .timelinetrack_cliam li p {
    font-size: 14px;
    padding-top: 4px;
  }
  .timelinetrack_cliam .step_check {
    width: 23px;
    height: 23px;
  }
  .timelinetrack_cliam li::after {
    left: 12px;
  }
  .timelinetrack_cliam li::before {
    left: 12px;
  }
  .timelinetext strong {
    font-size: 14px;
    line-height: 22px;
  }
  .timelinelink {
    font-size: 14px;
  }
  .timelinetrack_cliam li {
    column-gap: 8px;
  }
  .timelinetext .uploadhealthBTN label p {
    font-size: 16px;
  }
  .timelinetext .uploadhealthBTN label {
    padding: 16px 33px;
  }
  .timelinetext .uploadhealthBTN label img {
    width: 20px;
    height: 20px;
  }
}

/* projects/shell/src/assets/css/travel_claim_details.css */
.travel_product_banner {
  width: 100%;
  float: left;
  background: url("./media/traveltopbanner.png") no-repeat;
  background-size: cover;
  padding: 35px 70px 40px;
}
.travel_back_progress .travel_back_logo {
  padding-bottom: 0;
  align-items: center;
  display: flex;
}
.travel_back_progress {
  width: 100%;
  float: left;
  display: flex;
  justify-content: space-between;
}
.travelprogress {
  float: left;
  width: 25%;
}
.travelprogress ul {
  width: 100%;
  float: left;
  list-style-type: none;
  display: flex;
  gap: 10px;
  justify-content: space-between;
}
.travelprogress ul li {
  width: 85px;
  height: 6px;
  border-radius: 20px;
  background: #ffffff40;
  float: left;
}
.travelprogress ul li.active {
  width: 245px;
  background: #fff;
}
.travelprogress ul li.simpletab {
  background: #fff;
}
.travelprogress_text {
  float: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 20px;
}
.travelprogress_text p {
  font-size: 20px;
  color: #FFFFFF;
  font-weight: 400;
}
.travelprogress_text p:last-child {
  font-size: 24px;
  font-weight: 700;
}
.travel_model {
  width: 100%;
  float: left;
  display: flex;
  justify-content: space-between;
  padding: 10px 0 0 90px;
  align-items: flex-end;
}
.travelvehicals {
  float: left;
}
.travelvehicals img {
  width: 223px;
}
.travelvehicals_data {
  float: left;
}
.travelvehicals_data ul {
  float: left;
  list-style-type: none;
  display: flex;
  gap: 48px;
  align-items: center;
}
.travelvehicals_data ul li {
  float: left;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.travelvehicals_data ul li i {
  font-size: 20px;
  font-weight: 400;
  color: #FFFFFF;
  font-style: normal;
}
.travelvehicals_data ul li p {
  font-size: 24px;
  font-weight: 700;
  color: #FFFFFF;
}
.travel_back_logo {
  width: 50%;
  display: flex;
  gap: 54px;
  padding-bottom: 52px;
  align-items: center;
}
.travelbackpage {
  float: left;
}
.travelbackpage img {
  width: 40px;
  height: 40px;
  float: left;
}
.travellogomoter {
  float: left;
}
.travellogomoter img {
  width: 180px;
  height: 32px;
  float: left;
}
.alltad_travel {
  width: 100%;
  float: left;
  position: relative;
}
.travelclaim_left {
  width: 20%;
  float: left;
  border-right: 1px solid rgba(69, 69, 69, 0.302);
  padding-top: 8px;
  position: sticky;
  top: 0;
  left: 0;
  height: 100vh;
  overflow-y: auto;
}
.travelclaim_right {
  width: calc(100% - 20%);
  float: left;
}
.travelclaim_menu {
  width: 100%;
  float: left;
}
.travelclaim_menubox {
  width: 100%;
  float: left;
  border-bottom: 1px dashed rgb(0 0 0 / 40%);
  padding: 32px 0 21px;
}
.claimtitle {
  width: 100%;
  float: left;
  font-size: 24px;
  color: #000000;
  font-weight: 400;
  padding: 0 36px 17px;
}
.claimtitle.claimprocess {
  font-size: 32px;
}
.travelmenulist {
  width: 100%;
  float: left;
}
.travelmenulist li {
  width: 100%;
  float: left;
}
.travelmenulist li a {
  float: left;
  width: 100%;
  padding: 11px 36px;
  font-size: 16px;
  color: #454545;
}
.travelclaim_menubox.bigsingaltext {
  padding: 0 0 0;
}
.bigsingaltext ul li {
  border-bottom: 1px dashed rgb(0 0 0 / 40%);
}
.bigsingaltext ul li a {
  font-size: 24px;
  color: #000;
  padding: 32px 36px;
}
.travelmenulist li a.active {
  color: #005DAC;
  font-weight: 700;
  background: rgb(0 93 172 / 10%);
  border-right: 6px solid #005DAC;
}
.formtravel_claim {
  width: 100%;
  float: left;
}
.formtravelbox {
  width: 100%;
  margin: 0 auto;
}
.formtravelFull_box {
  width: 100%;
  float: left;
  padding: 67px 0;
}
.formtravel_acco {
  width: 100%;
  float: left;
  display: none;
}
.formtravel_acco.active {
  display: block;
}
.accotravelclick {
  width: 100%;
  float: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.accotravelclick h2 {
  float: left;
  font-size: 32px;
  color: #454545;
  font-weight: 400;
}
.accotravelclick img {
  width: 20px;
  display: none;
}
.formtravelacco_data {
  width: 100%;
  float: left;
  padding-top: 57px;
  margin-bottom: 20px;
}
.formtravelFull_box .formfild {
  width: 100%;
  float: left;
  margin-bottom: 40px;
  position: relative;
  display: grid;
}
.formtravelFull_box .formfild label {
  width: 100%;
  float: left;
  font-size: 20px;
  font-weight: 400;
  letter-spacing: -.72px;
  color: #000;
  margin-bottom: 15px;
}
.formtravelFull_box .formfild label i {
  font-style: normal;
  color: red;
}
.formtravelFull_box .formfild input {
  width: 100%;
  float: left;
  border-radius: 10px;
  border: 1px solid #cecece;
  background: #fff;
  padding: 17px 20px;
  font-size: 20px;
  font-weight: 400;
  color: #000;
}
.formtravelFull_box .formfild select {
  width: 100%;
  float: left;
  border-radius: 10px;
  border: 1px solid #cecece;
  background: #fff;
  padding: 17px 20px;
  font-size: 20px;
  font-weight: 400;
  line-height: 110%;
  color: #454545;
  -webkit-appearance: none;
}
.formtravelFull_box .formfild .arrowimg {
  position: absolute;
  right: 25px;
  top: 65px;
  width: 15px;
}
.travel_fild {
  width: 100%;
  float: left;
  display: flex;
  gap: 10px;
  justify-content: space-between;
}
.proceedtravel {
  float: left;
  padding: 20px 65px;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  border-radius: 10px;
  background: #005DAC;
}
.travel_member_box {
  width: 794px;
  margin: 0 auto;
}
.travel_member_all_details {
  width: 100%;
  float: left;
}
.formtravelFull_box .formfild input.dobVD {
  background: url("./media/calendar.png") no-repeat 98%;
}
@media screen and (max-width:1600px) {
  .travel_product_banner {
    padding: 24px 24px;
  }
  .travel_model {
    gap: 30px;
    padding: 50px 0 0 50px;
  }
  .travelvehicals_data ul {
    width: 100%;
    gap: 30px;
    justify-content: space-between;
  }
  .travelprogress_text p {
    font-size: 14px;
  }
  .travelprogress_text p:last-child {
    font-size: 16px;
  }
  .travelprogress_text {
    margin-bottom: 10px;
  }
  .travelvehicals_data ul li i {
    font-size: 14px;
  }
  .travelvehicals_data ul li p {
    font-size: 16px;
  }
  .travelprogress ul li {
    height: 4px;
  }
}
@media screen and (max-width:1440px) {
  .travel_back_logo {
    gap: 20px;
    padding-bottom: 30px;
  }
  .travelbackpage img {
    width: 30px;
    height: 30px;
  }
  .travellogomoter img {
    width: 130px;
    height: 73px;
  }
  .travelclaim_left {
    width: 30%;
  }
  .travelclaim_right {
    width: calc(100% - 30%);
  }
}
@media screen and (max-width:1024px) {
  .travelprogress {
    width: 50%;
  }
  .motor_product_banner {
    padding: 24px 24px;
  }
  .travel_model {
    padding: 40px 0 0;
    gap: 30px;
  }
  .travelvehicals_data {
    width: 100%;
  }
  .travelvehicals_data ul {
    width: 100%;
    gap: 20px;
    justify-content: space-between;
  }
  .travelprogress_text p {
    font-size: 14px;
  }
  .travelprogress_text p:last-child {
    font-size: 16px;
  }
  .travelprogress_text {
    margin-bottom: 10px;
  }
  .travelvehicals_data ul li i {
    font-size: 14px;
  }
  .travelvehicals_data ul li p {
    font-size: 16px;
  }
  .travelprogress ul li {
    height: 4px;
  }
  .formtravelbox {
    width: 100%;
  }
  .formtravelFull_box {
    padding: 40px 24px;
  }
  .accotravelclick h2 {
    font-size: 26px;
  }
  .formtravelacco_data {
    padding-top: 30px;
  }
  .formtravelFull_box .formfild label {
    font-size: 18px;
  }
  .formtravelFull_box .formfild input {
    font-size: 18px;
  }
  .proceedtravel {
    padding: 16px 65px;
    font-size: 18px;
  }
  .bigsingaltext ul li a {
    font-size: 22px;
  }
  .claimtitle {
    font-size: 22px;
  }
  .formtravelFull_box .formfild .arrowimg {
    right: 20px;
  }
  .formtravelFull_box .formfild select {
    font-size: 18px;
  }
}
@media screen and (max-width:820px) {
  .travelprogress {
    width: 50%;
  }
  .motor_product_banner {
    padding: 24px 24px;
  }
  .travel_model {
    padding: 40px 0 0;
    gap: 10px;
    flex-direction: column;
  }
  .travelvehicals_data {
    width: 100%;
  }
  .travelvehicals_data ul {
    width: 100%;
    gap: 20px;
    display: grid;
  }
  .travelvehicals_data ul li:first-child {
    grid-column: 1 / span 3;
  }
  .travelprogress_text p {
    font-size: 14px;
  }
  .travelprogress_text p:last-child {
    font-size: 16px;
  }
  .travelprogress_text {
    margin-bottom: 10px;
  }
  .vehicals {
    width: 100%;
    text-align: center;
  }
  .travelvehicals_data ul li i {
    font-size: 14px;
  }
  .travelvehicals_data ul li p {
    font-size: 16px;
  }
  .travelprogress ul li {
    height: 4px;
  }
  .travelclaim_left {
    display: none;
  }
  .travelclaim_right {
    width: 100%;
  }
  .formtravelbox {
    width: 100%;
  }
  .travelvehicals {
    width: 100%;
    text-align: center;
  }
  .formtravelFull_box {
    padding: 0 0;
  }
  .accotravelclick h2 {
    font-size: 20px;
  }
  .formtravelacco_data .formfild label {
    font-size: 14px;
  }
  .formtravelacco_data .formfild input {
    font-size: 14px;
  }
  .formtravelacco_data .formfild select {
    font-size: 14px;
  }
  .travel_fild {
    flex-direction: column;
    gap: 0;
  }
  .formtravelacco_data .formfild .arrowimg {
    top: 54px;
  }
  .formtravelacco_data .formfild {
    margin-bottom: 24px;
  }
  .proceedtravel {
    font-size: 16px;
    padding: 15px 40px;
    width: 100%;
  }
  .formtravelacco_data {
    padding-top: 39px;
    display: none;
  }
  .accotravelclick img {
    display: block;
  }
  .formtravel_acco {
    display: block;
    padding: 30px 24px;
    border-bottom: 1px dashed rgb(0 0 0 / 40%);
  }
  .travelvehicals img {
    width: 140px;
  }
}
@media screen and (max-width:767px) {
  .motor_product_banner {
    padding: 24px 24px;
  }
  .travel_back_progress {
    flex-direction: column;
  }
  .Vehicals_model {
    padding: 40px 0 0;
    flex-direction: column;
  }
  .travelvehicals_data {
    width: 100%;
  }
  .travelvehicals_data ul {
    width: 100%;
    gap: 20px;
    display: grid;
  }
  .travelvehicals_data ul li:first-child {
    grid-column: 1 / span 3;
  }
  .travel_back_progress .travel_back_logo {
    padding-bottom: 20px;
  }
  .travelprogress_text p {
    font-size: 14px;
  }
  .travelprogress_text p:last-child {
    font-size: 16px;
  }
  .travelprogress_text {
    margin-bottom: 10px;
  }
  .vehicals {
    padding-bottom: 0;
    width: 100%;
  }
  .travelvehicals_data ul li i {
    font-size: 14px;
  }
  .travelvehicals_data ul li p {
    font-size: 16px;
  }
  .travelprogress ul li {
    height: 4px;
  }
  .travelprogress {
    width: 100%;
  }
  .travelvehicals_data ul li {
    gap: 5px;
  }
  .travel_back_logo {
    gap: 20px;
    padding-bottom: 30px;
  }
  .travelbackpage img {
    width: 30px;
    height: 30px;
  }
  .travellogomoter img {
    width: 130px;
    height: 73px;
  }
  .travel_back_logo {
    gap: 20px;
    padding-bottom: 30px;
  }
  .travelbackpage img {
    width: 30px;
    height: 30px;
  }
  .logomoter img {
    width: 130px;
    height: 23px;
  }
}

/* projects/shell/src/assets/css/kycverification.css */
form {
  width: 100%;
}
.kyc_verification_section {
  width: 100%;
  float: left;
}
.kycverified {
  width: 66%;
  float: right;
  text-align: right;
  display: flex;
  justify-content: end;
  align-items: center;
}
.kycverified img {
  margin-top: 3px;
}
.kycverified span {
  text-align: left;
  font-size: 13px;
  margin: 2%;
}
.kycspace_box {
  width: 100%;
  float: left;
  display: flex;
}
.kyc_lefttabbox {
  width: 400px;
  border-right: 1px solid rgba(69, 69, 69, 0.302);
}
.kyctab-title {
  width: 100%;
  padding: 36px 40px;
  color: #454545;
  font-size: 32px;
}
.kyc-tabul {
  width: 100%;
  list-style: none;
}
.kyc-tabul li {
  width: 100%;
  display: inline-block;
  border-bottom: 1px dashed #999;
  border-right: 7px solid transparent;
}
.kyc-tabul li.active {
  border-right: 7px solid #005DAC;
}
.kyc-tabul li:first-child {
  border-top: 1px dashed #999;
}
.kyc-label {
  position: relative;
  display: block;
  cursor: pointer;
  padding: 36px 40px;
}
.kyc-label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.kyc-label input[type=radio]:checked ~ .paymethod-text {
  color: #005DAC;
  font-weight: 700;
}
.kyc-checkmark {
  position: absolute;
  top: 50%;
  right: 36px;
  transform: translate(0, -50%);
  height: 20px;
  width: 20px;
  border: 1px solid #999;
  border-radius: 50%;
}
.kyc-checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.kyc-label input:checked ~ .kyc-checkmark:after {
  display: block;
}
.kyc-label .kyc-checkmark:after {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #005DAC;
}
.paymethod-text {
  display: inline-block;
  font-size: 24px;
  color: #1a1a1a;
  line-height: 24px;
}
.kyc-icon {
  width: 24px;
}
.kyc_rightbox {
  width: 100%;
  padding: 57px 160px;
}
.tab_maxwidbox {
  max-width: 790px;
  margin: auto;
}
.kyc_tabcontant_box {
  width: 100%;
  display: none;
}
.kyc_tabcontant_box.active {
  display: block;
}
.common_formtitle {
  width: 100%;
  font-size: 32px;
  line-height: 37px;
  margin-bottom: 40px;
  color: #454545;
}
.cm_formgroup {
  width: 100%;
  margin-bottom: 40px;
}
.cm_inputlabel {
  width: auto;
  font-size: 20px;
  line-height: 20px;
  margin-bottom: 24px;
  display: inline-block;
}
.mandate_symbol {
  font-style: normal;
  color: #FF3B30;
}
.cm_inputtext {
  width: 100%;
  padding: 20px;
  border: 1px solid #454545;
  font-size: 20px;
  line-height: 20px;
  border-radius: 5px;
}
.cm_inputtext::placeholder {
  color: #CECECE;
}
.cm_errordiv {
  width: 100%;
  display: flex;
  justify-content: center;
  column-gap: 10px;
  background: rgba(255, 59, 48, 0.102);
  padding: 12px;
  border-radius: 4px;
  margin-bottom: 40px;
}
.cm_errordiv img {
  width: 20px;
  height: 20px;
}
.cm_errordiv p {
  font-size: 16px;
  line-height: 21px;
  color: #FF3B30;
}
.mrb_20 {
  margin-bottom: 20px;
}
.primary_verifybtn {
  width: 58%;
  padding: 20px;
  background-color: #005DAC;
  border-radius: 10px;
  text-align: center;
  color: #ffffff;
  font-size: 20px;
  line-height: 20px;
  font-weight: 700;
}
.upload_doctitle {
  width: 100%;
  font-size: 32px;
  margin-bottom: 24px;
}
.uploaddoc_checkwrapper {
  width: 100%;
  list-style: none;
  display: flex;
  column-gap: 20px;
  margin-bottom: 40px;
}
.uploaddoc_checkwrapper li {
  display: inline-block;
  width: 30%;
  position: relative;
}
.radioclick_up {
  width: 100%;
  display: flex;
  align-items: center;
}
.upload_type {
  display: block;
  position: relative;
  padding-left: 40px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding-top: 4px;
  color: #454545;
}
.upload_type input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.upload_type .checkmark_up {
  position: absolute;
  top: 0;
  left: 0;
  height: 30px;
  width: 30px;
  background-color: #fff;
  border-radius: 50%;
  border: 1px solid #8F8F8F;
}
.upload_type input:checked ~ .checkmark_up {
  background-color: #fff;
  border: 1px solid #8F8F8F;
}
.upload_type .checkmark_up:after {
  content: "";
  position: absolute;
  display: none;
}
.upload_type input:checked ~ .checkmark_up:after {
  display: block;
}
.upload_type .checkmark_up:after {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #005DAC;
}
.fileupload_label {
  width: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 16px;
  border: 1px solid #454545;
  border-radius: 5px;
  column-gap: 10px;
  overflow: hidden;
  cursor: pointer;
}
.input_upload {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
}
.upload_icon {
  width: 16px;
  height: 16px;
}
.upload_text {
  font-size: 20px;
  color: #454545;
  font-weight: 600;
}
.accept_contant {
  width: 100%;
  text-align: center;
  font-size: 12px;
  margin-top: 4px;
  color: #454545;
}
.kyc_btnbox {
  width: 100%;
  display: flex;
  justify-content: center;
}
.prdetail_headmargin {
  margin-bottom: 14px;
}
.kyc_verfieddesc {
  width: 100%;
  font-size: 20px;
  font-weight: 700;
  color: #01AA55;
  margin-bottom: 40px;
}
.motor_product_banner {
  width: 100%;
  float: left;
  background: url(https://rvmp.prod.bajajgeneral.com/assets/images/cus_vehicalBg.png) no-repeat;
  background-size: cover;
  padding: 35px 70px 40px;
}
.back_progress .moterby_back_logo {
  padding-bottom: 0;
  align-items: center;
}
.back_progress {
  width: 100%;
  float: left;
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
}
.moterprogress {
  float: left;
  width: 25%;
}
.moterprogress ul {
  width: 100%;
  float: left;
  list-style-type: none;
  display: flex;
  gap: 10px;
  justify-content: space-between;
}
.moterprogress ul li {
  width: 85px;
  height: 6px;
  border-radius: 20px;
  background: #ffffff40;
  float: left;
}
.moterprogress ul li.active {
  width: 245px;
  background: #fff;
}
.moterprogress_text {
  float: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 20px;
}
.moterprogress_text p {
  font-size: 20px;
  color: #FFFFFF;
  font-weight: 400;
}
.moterprogress_text p:last-child {
  font-size: 24px;
  font-weight: 700;
}
.moterby_hader {
  width: 100%;
  float: left;
  background: url(https://rvmp.prod.bajajgeneral.com/assets/images/gauge_bg.png)no-repeat;
  background-size: cover;
  padding: 50px 70px;
}
.moterby_back_logo {
  width: 50%;
  display: flex;
  gap: 54px;
  padding-bottom: 52px;
  align-items: center;
}
.backpage {
  float: left;
}
.backpage img {
  width: 40px;
  height: 40px;
  float: left;
}
.logomoter {
  float: left;
}
.logomoter img {
  width: 180px;
  height: auto;
  float: left;
}
.moterby_text {
  width: 100%;
  float: left;
  display: flex;
  gap: 23px;
}
.moterby_text h2 {
  font-size: 48px;
  font-weight: 700;
  background:
    linear-gradient(
      180deg,
      #FFFFFF -10.16%,
      rgba(255, 255, 255, 0) 129.69%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding-top: 30px;
}
.moterby_text img {
  width: 130px;
}
.kycspace_box .motorbuytab {
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
}
.kycspace_box .motorbuytab li {
  float: left;
  margin-right: 10px;
}
.kycspace_box .motorbuytab li a {
  float: left;
  padding: 10px 20px;
  border-radius: 90px;
  color: #454545;
  font-size: 20px;
  font-weight: 400;
  background: rgba(69, 69, 69, .1);
  cursor: pointer;
  border: 1px solid transparent;
  transition: .5s all ease-in-out;
  display: flex;
  align-items: center;
}
.kycspace_box .motorbuytab li a.active {
  background: #005dac;
  color: #fff;
}
.kycspace_box .motorbuytab li:last-child {
  margin-right: 0;
}
@media screen and (max-width: 1600px) {
  .kyc_lefttabbox {
    width: 330px;
  }
  .kyctab-title {
    font-size: 18px;
    padding: 25px;
  }
  .kyc-tabul li {
    border-right: 4px solid transparent;
  }
  .kyc-tabul li.active {
    border-right: 4px solid #005DAC;
  }
  .kyc-label {
    padding: 25px;
  }
  .paymethod-text {
    font-size: 16px;
    line-height: 16px;
  }
  .kyc-checkmark {
    width: 16px;
    height: 16px;
    right: 25px;
  }
  .kyc-label .kyc-checkmark:after {
    width: 8px;
    height: 8px;
  }
  .tab_maxwidbox {
    max-width: 700px;
  }
  .common_formtitle {
    font-size: 18px;
    line-height: 21px;
  }
  .cm_formgroup {
    margin-bottom: 25px;
  }
  .cm_inputlabel {
    font-size: 16px;
    margin-bottom: 15px;
  }
  .cm_inputtext {
    padding: 15px;
    line-height: 17px;
    font-size: 14px;
  }
  .cm_errordiv p {
    font-size: 14px;
    line-height: 18px;
  }
  .primary_verifybtn {
    font-size: 14px;
    padding: 13px;
    font-weight: 600;
    border-radius: 5px;
  }
  .upload_doctitle {
    font-size: 18px;
    line-height: 21px;
  }
  .upload_type {
    padding-left: 25px;
    padding-top: 1px;
  }
  .upload_type .checkmark_up {
    width: 16px;
    height: 16px;
  }
  .upload_type .checkmark_up:after {
    width: 8px;
    height: 8px;
  }
  .uploaddoc_checkwrapper {
    margin-bottom: 25px;
  }
  .upload_text {
    font-size: 16px;
  }
  .kyc_verfieddesc {
    font-size: 14px;
  }
  .motor_product_banner {
    padding: 24px 24px;
  }
  .moterprogress_text p {
    font-size: 14px;
  }
  .moterprogress_text p:last-child {
    font-size: 16px;
  }
  .moterprogress_text {
    margin-bottom: 10px;
  }
  .moterprogress ul li {
    height: 4px;
  }
}
@media screen and (max-width:1440px) {
  .moterby_hader {
    padding: 30px 24px;
  }
  .moterby_back_logo {
    gap: 20px;
    padding-bottom: 30px;
  }
  .backpage img {
    width: 30px;
    height: 30px;
  }
  .logomoter img {
    width: 180px;
    height: auto;
  }
  .moterby_text h2 {
    font-size: 26px;
    padding-top: 0;
  }
  .moterby_text img {
    width: 65px;
  }
  .moterby_text {
    gap: 15px;
    align-items: center;
  }
  .kycspace_box .motorbuytab li a {
    font-size: 14px;
  }
}
@media screen and (max-width: 1024px) {
  .kycspace_box {
    flex-wrap: wrap;
    padding: 30px 24px;
  }
  .upinfo_verification_section .kycspace_box {
    padding: 0 0;
  }
  .kyc_lefttabbox {
    width: 100%;
    border: none;
    margin-bottom: 50px;
  }
  .tab_maxwidbox {
    max-width: 100%;
  }
  .kyctab-title {
    padding: 0px;
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 23px;
  }
  .kyc-tabul {
    display: flex;
    column-gap: 25px;
    justify-content: flex-start;
  }
  .kyc-tabul li {
    border: none;
    width: auto;
  }
  .kyc-tabul li:first-child {
    border: none;
  }
  .kyc-tabul li.active {
    border: none;
  }
  .kyc-label {
    padding: 0 0 0 24px;
  }
  .kyc-checkmark {
    left: 0;
  }
  .paymethod-text {
    font-size: 14px;
    line-height: 19px;
  }
  .kyc-label input[type=radio]:checked ~ .paymethod-text {
    color: #454545;
    font-weight: 400;
  }
  .kyc_rightbox {
    width: 100%;
    padding: 0px;
  }
  .common_formtitle {
    margin-bottom: 20px;
  }
  .cm_formgroup {
    margin-bottom: 24px;
  }
  .cm_inputlabel {
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 10px;
  }
  .cm_formgroup {
    line-height: 18px;
  }
  .cm_errordiv {
    margin-bottom: 24px;
  }
  .primary_verifybtn {
    width: 100%;
  }
  .kyc_verfieddesc {
    margin-bottom: 24px;
    margin-top: -20px;
  }
  .moterprogress {
    width: 50%;
  }
  .motor_product_banner {
    padding: 24px 24px;
  }
  .moterprogress_text p {
    font-size: 14px;
  }
  .moterprogress_text p:last-child {
    font-size: 16px;
  }
  .moterprogress_text {
    margin-bottom: 10px;
  }
  .moterprogress ul li {
    height: 4px;
  }
}
@media screen and (max-width:820px) {
  .moterprogress {
    width: 50%;
  }
  .motor_product_banner {
    padding: 24px 24px;
  }
  .moterprogress_text p {
    font-size: 14px;
  }
  .moterprogress_text p:last-child {
    font-size: 16px;
  }
  .moterprogress_text {
    margin-bottom: 10px;
  }
  .moterprogress ul li {
    height: 4px;
  }
}
@media screen and (max-width: 767px) {
  .kyc-tabul {
    display: flex;
    column-gap: 10px;
    justify-content: space-between;
  }
  .uploaddoc_checkwrapper li {
    width: auto;
  }
  .motor_product_banner {
    padding: 24px 24px;
  }
  .back_progress {
    flex-direction: column;
  }
  .back_progress .moterby_back_logo {
    padding-bottom: 40px;
  }
  .moterprogress_text p {
    font-size: 14px;
  }
  .moterprogress_text p:last-child {
    font-size: 16px;
  }
  .moterprogress_text {
    margin-bottom: 10px;
  }
  .moterprogress ul li {
    height: 4px;
  }
  .moterprogress {
    width: 100%;
  }
  .moterby_back_logo {
    gap: 20px;
    padding-bottom: 30px;
  }
  .backpage img {
    width: 30px;
    height: auto;
  }
  .logomoter img {
    width: 180px;
    height: auto;
  }
  .kycspace_box .motorbuytab li a {
    font-size: 14px;
  }
}

/* projects/shell/src/assets/css/upload_information.css */
.motor_product_banner {
  width: 100%;
  float: left;
  background: url(https://rvmp.prod.bajajgeneral.com/assets/images/cus_vehicalBg.png) no-repeat;
  background-size: cover;
  padding: 35px 70px 40px;
}
.back_progress .moterby_back_logo {
  padding-bottom: 0;
  align-items: center;
}
.back_progress {
  width: 100%;
  float: left;
  display: flex;
  justify-content: space-between;
}
.moterprogress {
  float: left;
  width: 25%;
}
.moterprogress ul {
  width: 100%;
  float: left;
  list-style-type: none;
  display: flex;
  gap: 10px;
  justify-content: space-between;
}
.moterprogress ul li {
  width: 85px;
  height: 6px;
  border-radius: 20px;
  background: #ffffff40;
  float: left;
}
.moterprogress ul li.active {
  width: 245px;
  background: #fff;
}
.moterprogress_text {
  float: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 20px;
}
.moterprogress_text p {
  font-size: 20px;
  color: #FFFFFF;
  font-weight: 400;
}
.moterprogress_text p:last-child {
  font-size: 24px;
  font-weight: 700;
}
.moterby_back_logo {
  width: 50%;
  display: flex;
  gap: 54px;
  padding-bottom: 52px;
  align-items: center;
}
.backpage {
  float: left;
}
.backpage img {
  width: 40px;
  height: 40px;
  float: left;
}
.logomoter {
  float: left;
}
.logomoter img {
  width: 180px;
  height: auto;
  float: left;
}
.kycspace_box {
  width: 100%;
  float: left;
  display: flex;
}
.common_formtitle {
  width: 100%;
  font-size: 32px;
  line-height: 37px;
  margin-bottom: 40px;
  color: #454545;
}
.cm_formgroup {
  width: 100%;
  margin-bottom: 40px;
}
.cm_inputtext {
  width: 100%;
  padding: 20px;
  border: 1px solid #454545;
  font-size: 20px;
  line-height: 20px;
  border-radius: 5px;
}
.cm_inputtext::placeholder {
  color: #CECECE;
}
.primary_verify {
  width: 58%;
  padding: 20px;
  background-color: #005DAC;
  border: none;
  border-radius: 10px;
  text-align: center;
  color: #ffffff;
  font-size: 20px;
  line-height: 20px;
  font-weight: 700;
}
.radioclick_up {
  width: 100%;
}
.upload_type {
  display: block;
  position: relative;
  padding-left: 40px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding-top: 4px;
  color: #454545;
}
.upload_type input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.upload_type .checkmark_up {
  position: absolute;
  top: 0;
  left: 0;
  height: 30px;
  width: 30px;
  background-color: #fff;
  border-radius: 50%;
  border: 1px solid #8F8F8F;
}
.upload_type input:checked ~ .checkmark_up {
  background-color: #fff;
  border: 1px solid #8F8F8F;
}
.upload_type .checkmark_up:after {
  content: "";
  position: absolute;
  display: none;
}
.upload_type input:checked ~ .checkmark_up:after {
  display: block;
}
.upload_type .checkmark_up:after {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #005DAC;
}
.prdetail_headmargin {
  margin-bottom: 14px;
}
.kyc_verfieddesc {
  width: 100%;
  font-size: 20px;
  font-weight: 700;
  color: #01AA55;
  margin-bottom: 40px;
}
.upinfo_verification_section {
  width: 100%;
  float: left;
}
.upinfo_lefttabbox {
  width: 400px;
  border-right: 1px solid rgba(69, 69, 69, 0.302);
}
.upinfotab-title {
  width: 100%;
  padding: 36px 40px;
  color: #454545;
  font-size: 28px;
}
.uploadinfolist_ul {
  width: 100%;
  list-style: none;
}
.uploadinfolist_ul li {
  width: 100%;
  display: flex;
  justify-content: space-between;
  column-gap: 10px;
  cursor: pointer;
  padding: 36px 40px;
  border-right: 7px solid transparent;
  border-bottom: 1px dashed #999;
}
.uploadinfolist_ul li:first-child {
  border-top: 1px dashed #999;
}
.uploadinfolist_ul li.active {
  border-right: 7px solid #005DAC;
}
.uploadlist_title {
  width: calc(100% - 30px);
  font-size: 24px;
}
.uploadinfolist_ul li.active .uploadlist_title {
  color: #005DAC;
  font-weight: 600;
}
.uploadinfolist_ul li.activated .activated-tick {
  display: block;
}
.activated-tick {
  width: 20px;
  height: 20px;
  display: none;
}
.upinfo_rightbox {
  width: calc(100% - 400px);
  padding: 57px 160px;
}
.uptab_maxwidbox {
  max-width: 790px;
}
.uptab_contantbox {
  width: 100%;
  display: none;
}
.uptab_contantbox.active {
  display: block;
}
.uptab_accordianmob {
  width: 100%;
  display: none;
  align-items: center;
  justify-content: space-between;
  column-gap: 6px;
}
.uptab_accordianmob p {
  color: #000;
  width: calc(100% - 30px);
  font-size: 20px;
  line-height: 24px;
}
.uptab_accordianmob img {
  width: 24px;
  height: 24px;
}
.accord-minus {
  display: none;
}
.uptab_contantbox.active .accord-minus {
  display: block;
}
.uptab_contantbox.active .accord-plus {
  display: none;
}
.upaccordian_contant {
  width: 100%;
  display: none;
}
.uptab_contantbox.active .upaccordian_contant {
  display: block;
}
.upinfo_label {
  width: 100%;
  font-size: 20px;
  display: flex;
  column-gap: 2px;
  color: #454545;
  margin-bottom: 10px;
}
.cm_selectbox {
  width: 100%;
  padding: 20px;
  border: 1px solid #454545;
  font-size: 20px;
  line-height: 24px;
  border-radius: 5px;
  -webkit-appearance: none;
  background: url("./media/select-planarrow.svg")no-repeat center right 15px;
}
.form_grid_2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 40px;
}
.upinfo_btnbox {
  display: flex;
  justify-content: center;
}
.proposal_radiowrapper {
  width: 100%;
  display: flex;
  column-gap: 20px;
}
.upcommonform_buttonbox {
  width: 100%;
  display: none;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #A2A2A2;
  padding: 11px 16px 11px 26px;
}
.premium_breakupleft {
  width: calc(100% - 150px);
}
.premium_amt_box {
  display: flex;
  column-gap: 7px;
}
.strike_amt {
  font-size: 14px;
  line-height: 22px;
  color: rgba(69, 69, 69, 0.6);
}
.premium_amt_desc {
  font-size: 18px;
  line-height: 22px;
  color: #454545;
  font-weight: 700;
}
.prebreakup_link {
  display: inline-block;
  font-size: 12px;
  line-height: 12px;
  color: #005DAC;
  border-bottom: 1px solid #005DAC;
}
.premium_proceedbtn {
  width: 135px;
  padding: 17px;
  background-color: #F58220;
  border: none;
  border-radius: 10px;
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
}
@media screen and (max-width:1600px) {
  .motor_product_banner {
    padding: 24px 24px;
  }
  .moterprogress_text p {
    font-size: 14px;
  }
  .moterprogress_text p:last-child {
    font-size: 16px;
  }
  .moterprogress_text {
    margin-bottom: 10px;
  }
  .moterprogress ul li {
    height: 4px;
  }
  .common_formtitle {
    font-size: 18px;
    line-height: 21px;
  }
  .cm_formgroup {
    margin-bottom: 25px;
  }
  .cm_inputtext {
    padding: 15px;
    line-height: 17px;
    font-size: 14px;
  }
  .primary_verify {
    font-size: 14px;
    padding: 13px;
    font-weight: 600;
    border-radius: 5px;
  }
  .upload_type {
    padding-left: 25px;
    padding-top: 1px;
  }
  .upload_type .checkmark_up {
    width: 16px;
    height: 16px;
  }
  .upload_type .checkmark_up:after {
    width: 8px;
    height: 8px;
  }
  .kyc_verfieddesc {
    font-size: 14px;
  }
  .upinfo_lefttabbox {
    width: 330px;
  }
  .upinfotab-title {
    font-size: 18px;
    padding: 25px;
  }
  .upinfo_rightbox {
    width: calc(100% - 330px);
    padding: 50px;
  }
  .uptab_maxwidbox {
    max-width: 620px;
  }
  .uploadinfolist_ul li {
    padding: 25px;
    border-right: 4px solid transparent;
  }
  .uploadinfolist_ul li.active {
    border-right: 4px solid #005DAC;
  }
  .activated-tick {
    width: 16px;
    height: 16px;
  }
  .uploadlist_title {
    font-size: 16px;
  }
  .cm_selectbox {
    padding: 15px;
    line-height: 17px;
    font-size: 14px;
  }
  .form_grid_2 {
    column-gap: 25px;
  }
  .upinfo_label {
    font-size: 16px;
  }
}
@media screen and (max-width:1440px) {
  .moterby_back_logo {
    gap: 20px;
    padding-bottom: 30px;
  }
  .backpage img {
    width: 30px;
    height: 30px;
  }
  .logomoter img {
    width: 180px;
    height: auto;
  }
}
@media screen and (max-width:1024px) {
  .moterprogress {
    width: 50%;
  }
  .motor_product_banner {
    padding: 24px 24px;
  }
  .moterprogress_text p {
    font-size: 14px;
  }
  .moterprogress_text p:last-child {
    font-size: 16px;
  }
  .moterprogress_text {
    margin-bottom: 10px;
  }
  .moterprogress ul li {
    height: 4px;
  }
  .kycspace_box {
    flex-wrap: wrap;
    padding: 30px 26px;
  }
  .upinfo_verification_section .kycspace_box {
    padding: 0 0;
  }
  .common_formtitle {
    margin-bottom: 20px;
  }
  .cm_formgroup {
    margin-bottom: 24px;
  }
  .cm_formgroup {
    line-height: 18px;
  }
  .primary_verifybtn {
    width: 100%;
  }
  .kyc_verfieddesc {
    margin-bottom: 24px;
    margin-top: -20px;
  }
  .upinfo_verification_section {
    padding: 0px;
  }
  .upinfo_lefttabbox {
    display: none;
  }
  .upinfotab-title {
    padding: 0px;
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 23px;
  }
  .upinfo_rightbox {
    width: 100%;
    padding: 0px;
  }
  .uptab_maxwidbox {
    max-width: 100%;
  }
  .uptab_accordianmob {
    display: flex;
    padding: 30px 26px;
  }
  .uptab_contantbox {
    border-top: 1px dashed #999;
    display: block;
  }
  .upaccordian_contant {
    padding: 0 26px;
  }
  .upaccordian_contant .common_formtitle {
    display: none;
  }
  .form_grid_2 {
    column-gap: 10px;
  }
  .upinfo_label {
    font-size: 14px;
  }
  .upcommonform_buttonbox {
    display: flex;
  }
}
@media screen and (max-width:820px) {
  .moterprogress {
    width: 50%;
  }
  .motor_product_banner {
    padding: 24px 24px;
  }
  .moterprogress_text p {
    font-size: 14px;
  }
  .moterprogress_text p:last-child {
    font-size: 16px;
  }
  .moterprogress_text {
    margin-bottom: 10px;
  }
  .moterprogress ul li {
    height: 4px;
  }
}
@media screen and (max-width:767px) {
  .motor_product_banner {
    padding: 24px 24px;
  }
  .back_progress {
    flex-direction: column;
  }
  .back_progress .moterby_back_logo {
    padding-bottom: 40px;
  }
  .moterprogress_text p {
    font-size: 14px;
  }
  .moterprogress_text p:last-child {
    font-size: 16px;
  }
  .moterprogress_text {
    margin-bottom: 10px;
  }
  .moterprogress ul li {
    height: 4px;
  }
  .moterprogress {
    width: 100%;
  }
  .moterby_back_logo {
    gap: 20px;
    padding-bottom: 30px;
  }
  .backpage img {
    width: 30px;
    height: 30px;
  }
  .logomoter img {
    width: 180px;
    height: auto;
  }
}
@media screen and (max-width: 380px) {
  .form_grid_2 {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media screen and (max-width: 820px) {
  .form_grid_2 {
    grid-template-columns: repeat(1, 1fr);
  }
}

/* projects/shell/src/assets/css/update_info.css */
.update_info_sec {
  float: left;
  width: 100%;
}
.update_info_spacebox {
  width: 100%;
  float: left;
  margin-top: 60px;
  margin-bottom: 60px;
}
.update_info_sec .update_info_center {
  width: 795px;
  margin: auto;
}
.update_info_sec .update_info_center h2 {
  float: left;
  width: 100%;
  font-size: 32px;
  margin-bottom: 24px;
  color: #454545;
}
.update_info_sec .update_info_box {
  float: left;
  width: 100%;
  border: 1px solid #45454599;
  border-radius: 10px;
  padding: 26px;
  position: relative;
  margin-bottom: 40px;
}
.update_info_sec .update_info_box > a {
  position: absolute;
  top: 26px;
  right: 26px;
}
.update_info_sec .update_info_box > a img {
  width: 23px;
  height: 23px;
}
.update_info_sec .update_info_box ul {
  float: left;
  width: 95%;
  list-style-type: none;
}
.update_info_sec .update_info_box ul:not(.full) {
  display: grid;
  grid-template-columns: auto auto auto;
  gap: 30px;
}
.update_info_sec .update_info_box ul li {
  float: left;
  width: 100%;
}
.update_info_sec .update_info_box ul li label {
  float: left;
  width: 100%;
  font-size: 16px;
  color: #454545;
  margin-bottom: 14px;
}
.update_info_sec .update_info_box ul li input {
  float: left;
  width: 100%;
  font-size: 20px;
  color: #000;
  border: 0;
  background: transparent;
}
.update_info_sec .update_info_box ul li textarea {
  float: left;
  width: 100%;
  font-size: 20px;
  color: #000;
  border: 0;
  background: transparent;
  resize: none;
}
.update_info_sec .checkPart {
  float: left;
  width: 100%;
}
.update_info_sec .checkPart label {
  float: left;
  width: 100%;
  display: flex;
  align-items: center;
}
.update_info_sec .checkPart label input {
  display: none;
}
.update_info_sec .checkPart label .box1 {
  width: 30px;
  height: 30px;
  border-radius: 8px;
  border: 1px solid;
  float: left;
  margin-right: 10px;
  position: relative;
}
.update_info_sec .checkPart label input:checked ~ .box1::after {
  position: absolute;
  top: 5px;
  left: 10px;
  content: "";
  width: 6px;
  height: 12px;
  border-right: 3px solid #005DAC;
  border-bottom: 3px solid #005DAC;
  transform: rotate(45deg);
}
.update_info_sec .checkPart label .checkCon {
  font-size: 20px;
  color: #454545;
  font-style: normal;
  flex: 1;
}
.vehicals_data_title {
  width: 100%;
  float: left;
  margin-bottom: 30px;
}
.vehicals_data_title p {
  font-size: 24px;
  color: #FFFFFF;
  font-weight: 700;
  margin-bottom: 6px;
}
.vehicals_data_title i {
  font-size: 20px;
  color: #FFFFFF;
  font-weight: 400;
  font-style: normal;
}
.update_info_sec,
.vehicals_data {
  display: flex;
  flex-direction: column;
}
.update_info_sec .upcommonform_buttonbox {
  display: flex;
  margin-top: 64px;
  float: left;
  gap: 20px;
  justify-content: flex-end;
}
.update_info_sec .premium_breakupleft {
  float: left;
  width: auto;
}
.upcommonform_buttonbox {
  width: 100%;
  display: none;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #A2A2A2;
  padding: 11px 16px 11px 26px;
}
.premium_breakupleft {
  width: calc(100% - 150px);
}
.premium_amt_box {
  display: flex;
  column-gap: 7px;
}
.strike_amt {
  font-size: 14px;
  line-height: 22px;
  color: rgba(69, 69, 69, 0.6);
}
.premium_amt_desc {
  font-size: 18px;
  line-height: 22px;
  color: #454545;
  font-weight: 700;
}
.prebreakup_link {
  display: inline-block;
  font-size: 12px;
  line-height: 12px;
  color: #005DAC;
  border-bottom: 1px solid #005DAC;
}
.premium_proceedbtn {
  width: 135px;
  padding: 17px;
  background-color: #F58220;
  border: none;
  border-radius: 10px;
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
}
.formradio strong {
  width: 100%;
  float: left;
  font-size: 16px;
  color: #454545;
  font-weight: 400;
  margin-bottom: 15px;
}
.radioclick {
  width: 100%;
  float: left;
  display: flex;
  gap: 30px;
}
.motor_product_banner {
  width: 100%;
  float: left;
  background: url(https://rvmp.prod.bajajgeneral.com/assets/images/cus_vehicalBg.png) no-repeat;
  background-size: cover;
  padding: 35px 70px 40px;
}
.back_progress .moterby_back_logo {
  padding-bottom: 0;
  align-items: center;
}
.back_progress {
  width: 100%;
  float: left;
  display: flex;
  justify-content: space-between;
}
.moterprogress {
  float: left;
  width: 25%;
}
.moterprogress ul {
  width: 100%;
  float: left;
  list-style-type: none;
  display: flex;
  gap: 10px;
  justify-content: space-between;
}
.moterprogress ul li {
  width: 85px;
  height: 6px;
  border-radius: 20px;
  background: #ffffff40;
  float: left;
}
.moterprogress ul.active li {
  width: 245px;
  background: #fff;
}
.moterprogress_text {
  float: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 20px;
}
.moterprogress_text p {
  font-size: 20px;
  color: #FFFFFF;
  font-weight: 400;
}
.moterprogress_text p:last-child {
  font-size: 24px;
  font-weight: 700;
}
.Vehicals_model {
  width: 100%;
  float: left;
  display: flex;
  justify-content: space-between;
  padding: 70px 0 0 90px;
  align-items: flex-end;
}
.vehicals {
  float: left;
}
.vehicals img {
  width: 540px;
}
.vehicals_data {
  float: left;
}
.vehicals_data ul {
  float: left;
  list-style-type: none;
  display: flex;
  gap: 48px;
  align-items: center;
}
.vehicals_data ul li {
  float: left;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.vehicals_data ul li i {
  font-size: 20px;
  font-weight: 400;
  color: #FFFFFF;
  font-style: normal;
}
.vehicals_data ul li p {
  font-size: 24px;
  font-weight: 700;
  color: #FFFFFF;
}
.moterby_back_logo {
  width: 50%;
  display: flex;
  gap: 54px;
  padding-bottom: 52px;
  align-items: center;
}
.backpage {
  float: left;
}
.backpage img {
  width: 40px;
  height: 40px;
  float: left;
}
.logomoter {
  float: left;
}
.logomoter img {
  width: 180px;
  height: auto;
  float: left;
}
.formradio {
  width: 100%;
  float: left;
  margin-bottom: 40px;
  position: relative;
}
.formradio strong {
  width: 100%;
  float: left;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -.72px;
  color: #000;
  line-height: 118%;
  margin-bottom: 15px;
}
.radioclick {
  width: 100%;
  float: left;
  display: flex;
  gap: 60px;
}
.formradio strong.longtext {
  color: #454545;
  line-height: 30px;
}
.select_type {
  display: block;
  position: relative;
  padding-left: 40px;
  cursor: pointer;
  font-size: 20px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding-top: 4px;
  color: #454545;
}
.select_type input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.select_type .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 30px;
  width: 30px;
  background-color: #fff;
  border-radius: 50%;
  border: 1px solid #8F8F8F;
}
.select_type input:checked ~ .checkmark {
  background-color: #fff;
  border: 1px solid #8F8F8F;
}
.select_type .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.select_type input:checked ~ .checkmark:after {
  display: block;
}
.select_type .checkmark:after {
  top: 7px;
  left: 7px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #005DAC;
}
@media screen and (max-width:1600px) {
  .motor_product_banner {
    padding: 24px 24px;
  }
  .Vehicals_model {
    gap: 30px;
    padding: 50px 0 0 50px;
  }
  .vehicals_data ul {
    width: 100%;
    gap: 30px;
    justify-content: space-between;
  }
  .moterprogress_text p {
    font-size: 14px;
  }
  .moterprogress_text p:last-child {
    font-size: 16px;
  }
  .moterprogress_text {
    margin-bottom: 10px;
  }
  .vehicals_data ul li:first-child i {
    font-size: 16px;
    font-weight: 700;
  }
  .vehicals_data ul li:first-child p {
    font-weight: 400;
  }
  .vehicals_data ul li i {
    font-size: 14px;
  }
  .vehicals_data ul li p {
    font-size: 16px;
  }
  .moterprogress ul li {
    height: 4px;
  }
}
@media screen and (max-width:1440px) {
  .update_info_sec .update_info_center {
    padding: 0 24px;
  }
  .update_info_sec .update_info_center h2 {
    font-size: 20px;
    margin-bottom: 15px;
  }
  .update_info_sec .update_info_box {
    padding: 20px 15px;
  }
  .update_info_sec .update_info_box ul:not(.full) {
    grid-template-columns: auto auto auto auto auto;
    gap: 10px;
    row-gap: 24px;
  }
  .update_info_sec .checkPart label .checkCon {
    font-size: 14px;
  }
  .update_info_sec {
    margin-top: 0;
  }
  .update_info_sec .update_info_box ul li label {
    font-size: 14px;
    margin-bottom: 8px;
  }
  .update_info_sec .update_info_box ul li input {
    font-size: 16px;
  }
  .update_info_sec .update_info_box ul li textarea {
    font-size: 16px;
  }
  .update_info_sec .checkPart label .box1 {
    width: 20px;
    height: 20px;
    border-radius: 4px;
  }
  .update_info_sec .checkPart label {
    align-items: flex-start;
  }
  .update_info_sec .checkPart label input:checked ~ .box1::after {
    width: 3px;
    height: 8px;
    top: 3px;
    left: 7px;
  }
  .update_info_sec .update_info_box > a {
    top: 20px;
    right: 15px;
  }
  .vehicals_data_title p {
    font-size: 16px;
  }
  .vehicals_data_title i {
    font-size: 14px;
  }
  .formradio strong {
    font-size: 14px;
  }
  .select_type {
    font-size: 14px;
    padding-left: 30px;
  }
  .select_type .checkmark {
    width: 20px;
    height: 20px;
  }
  .select_type .checkmark:after {
    top: 4px;
    left: 4px;
    width: 10px;
    height: 10px;
  }
  .radioclick {
    gap: 30px;
  }
  .formradio {
    margin-bottom: 25px;
  }
  .formradio strong.longtext {
    line-height: 24px;
  }
  .moterby_back_logo {
    gap: 20px;
    padding-bottom: 30px;
  }
  .backpage img {
    width: 30px;
    height: 30px;
  }
  .logomoter img {
    width: 180px;
    height: auto;
  }
}
@media screen and (max-width: 1024px) {
  .upcommonform_buttonbox {
    display: flex;
  }
  .moterprogress {
    width: 50%;
  }
  .motor_product_banner {
    padding: 24px 24px;
  }
  .Vehicals_model {
    padding: 40px 0 0;
    gap: 30px;
  }
  .vehicals_data {
    width: 100%;
  }
  .vehicals_data ul {
    width: 100%;
    gap: 20px;
    justify-content: space-between;
  }
  .moterprogress_text p {
    font-size: 14px;
  }
  .moterprogress_text p:last-child {
    font-size: 16px;
  }
  .moterprogress_text {
    margin-bottom: 10px;
  }
  .vehicals_data ul li:first-child i {
    font-size: 16px;
    font-weight: 700;
  }
  .vehicals_data ul li:first-child p {
    font-weight: 400;
  }
  .vehicals_data ul li i {
    font-size: 14px;
  }
  .vehicals_data ul li p {
    font-size: 16px;
  }
  .moterprogress ul li {
    height: 4px;
  }
}
@media screen and (max-width:820px) {
  .update_info_sec .update_info_center {
    width: 100%;
    padding: 0 24px;
  }
  .update_info_sec .update_info_center h2 {
    font-size: 20px;
    margin-bottom: 15px;
  }
  .update_info_sec .update_info_box {
    padding: 20px 15px;
  }
  .update_info_sec .update_info_box ul:not(.full) {
    grid-template-columns: auto;
    gap: 10px;
    row-gap: 24px;
  }
  .update_info_sec .checkPart label .checkCon {
    font-size: 14px;
  }
  .update_info_sec {
    margin-top: 0;
  }
  .update_info_sec .update_info_box ul li label {
    font-size: 14px;
    margin-bottom: 8px;
  }
  .update_info_sec .update_info_box ul li input {
    font-size: 16px;
  }
  .update_info_sec .update_info_box ul li textarea {
    font-size: 16px;
  }
  .update_info_sec .checkPart label .box1 {
    width: 20px;
    height: 20px;
    border-radius: 4px;
  }
  .update_info_sec .checkPart label {
    align-items: flex-start;
  }
  .update_info_sec .checkPart label input:checked ~ .box1::after {
    width: 3px;
    height: 8px;
    top: 3px;
    left: 7px;
  }
  .update_info_sec .update_info_box > a {
    top: 20px;
    right: 15px;
  }
  .Addresstextarea {
    height: 80px;
  }
  .vehicals_data_title p {
    font-size: 16px;
  }
  .vehicals_data_title i {
    font-size: 14px;
  }
  .update_info_sec .vehicals_data ul li:first-child {
    grid-column: auto;
  }
  .update_info_sec .vehicals_data ul {
    grid-template-columns: auto auto auto auto auto;
  }
  .vehicals_data_title {
    margin-bottom: 20px;
  }
  .update_info_spacebox {
    margin-bottom: 30px;
  }
  .update_info_sec .upcommonform_buttonbox {
    padding: 11px 0;
    margin-top: 30px;
  }
  .moterprogress {
    width: 50%;
  }
  .motor_product_banner {
    padding: 24px 24px;
  }
  .Vehicals_model {
    padding: 40px 0 0;
    gap: 30px;
    flex-direction: column;
  }
  .vehicals_data {
    width: 100%;
  }
  .vehicals_data ul {
    width: 100%;
    gap: 20px;
    display: flex;
  }
  .vehicals_data ul li:first-child {
    grid-column: 1 / span 3;
  }
  .moterprogress_text p {
    font-size: 14px;
  }
  .moterprogress_text p:last-child {
    font-size: 16px;
  }
  .moterprogress_text {
    margin-bottom: 10px;
  }
  .vehicals {
    width: 100%;
    text-align: center;
  }
  .vehicals_data ul li:first-child i {
    font-size: 16px;
    font-weight: 700;
  }
  .vehicals_data ul li:first-child p {
    font-weight: 400;
  }
  .vehicals_data ul li i {
    font-size: 14px;
  }
  .vehicals_data ul li p {
    font-size: 16px;
  }
  .moterprogress ul li {
    height: 4px;
  }
}
@media screen and (max-width:767px) {
  .vehicals_data_title p {
    font-size: 16px;
  }
  .vehicals_data_title i {
    font-size: 14px;
  }
  .update_info_sec .vehicals_data ul li:first-child {
    grid-column: auto;
  }
  .update_info_sec .vehicals_data ul {
    grid-template-columns: auto auto auto;
  }
  .vehicals_data_title {
    margin-bottom: 20px;
  }
  .update_info_spacebox {
    margin-bottom: 30px;
  }
  .update_info_sec .upcommonform_buttonbox {
    padding: 11px 0;
    justify-content: space-between;
    margin-top: 30px;
  }
  .motor_product_banner {
    padding: 24px 24px;
    overflow: hidden;
  }
  .back_progress {
    flex-direction: column;
  }
  .Vehicals_model {
    padding: 40px 0 0;
    flex-direction: column;
  }
  .vehicals_data {
    width: 100%;
  }
  .vehicals_data ul {
    width: 100%;
    gap: 20px;
    display: grid;
  }
  .vehicals_data ul li:first-child {
    grid-column: 1 / span 3;
  }
  .back_progress .moterby_back_logo {
    padding-bottom: 40px;
  }
  .moterprogress_text p {
    font-size: 14px;
  }
  .moterprogress_text p:last-child {
    font-size: 16px;
  }
  .moterprogress_text {
    margin-bottom: 10px;
  }
  .vehicals {
    padding-bottom: 0;
    width: 100%;
  }
  .vehicals_data ul li:first-child i {
    font-size: 16px;
    font-weight: 700;
  }
  .vehicals_data ul li:first-child p {
    font-weight: 400;
  }
  .vehicals_data ul li i {
    font-size: 14px;
  }
  .vehicals_data ul li p {
    font-size: 16px;
  }
  .moterprogress ul li {
    height: 4px;
  }
  .moterprogress {
    width: 100%;
  }
  .vehicals_data ul li {
    gap: 5px;
  }
  .formradio strong {
    font-size: 14px;
  }
  .select_type {
    font-size: 14px;
    padding-left: 30px;
  }
  .select_type .checkmark {
    width: 20px;
    height: 20px;
  }
  .select_type .checkmark:after {
    top: 4px;
    left: 4px;
    width: 10px;
    height: 10px;
  }
  .radioclick {
    gap: 30px;
  }
  .formradio {
    margin-bottom: 25px;
  }
  .formradio strong.longtext {
    line-height: 24px;
  }
  .moterby_back_logo {
    gap: 20px;
    padding-bottom: 30px;
  }
  .backpage img {
    width: 30px;
    height: 30px;
  }
  .logomoter img {
    width: 130px;
    height: auto;
  }
}

/* projects/shell/src/assets/css/footer.css */
.footerbody {
  width: 100%;
  float: left;
  background: #005DAC;
  box-shadow: 0px 10px 250px 0px #0000004D inset;
  padding-top: 50px;
  padding-bottom: 60px;
}
.logopart {
  width: 100%;
  float: left;
  border-bottom: 1px dashed #ffffff41;
  padding-bottom: 46px;
}
.logo_follow {
  width: 100%;
  float: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.logoside {
  float: left;
}
.logoside a {
  float: left;
}
.logoside a img {
  float: left;
  width: 257px;
  height: 155px;
}
.followside {
  float: left;
}
.followside h2 {
  font-size: 24px;
  font-weight: 400;
  line-height: 16px;
  color: #FFFFFF;
  margin-bottom: 20px;
  float: left;
}
.followside ul {
  width: 100%;
  float: left;
  list-style-type: none;
}
.followside ul li {
  float: left;
  margin-right: 20px;
}
.followside ul li:last-child {
  margin-right: 0;
}
.followside ul li a {
  float: left;
  border: 1.16px solid #B6D9F2;
  width: 48px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
}
.followside ul li a i {
  color: #fff;
  font-size: 19px;
}
.linkpart {
  width: 100%;
  float: left;
  padding-top: 33px;
  padding-bottom: 42px;
  border-bottom: 1px dashed #ffffff41;
}
.linkpart_menu {
  float: left;
  width: 25%;
}
.linkpart_menu ul {
  float: left;
  width: 100%;
  list-style-type: none;
}
.linkpart_menu ul li {
  float: left;
  width: 100%;
  margin-bottom: 18px;
}
.linkpart_menu ul li:last-child {
  margin-bottom: 0;
}
.linkpart_menu ul li a {
  float: left;
  width: 100%;
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  line-height: 18px;
}
.address_part {
  width: 75%;
  float: left;
}
.address_part ul {
  width: 100%;
  float: left;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  list-style-type: none;
  column-gap: 120px;
}
.address_part ul li {
  width: 100%;
  float: left;
}
.add_one p {
  width: 100%;
  float: left;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  color: #fff;
  margin-bottom: 18px;
}
.add_one p:last-child {
  margin-bottom: 0;
}
.add_two h2 {
  width: 100%;
  float: left;
  font-size: 24px;
  font-weight: 400;
  line-height: 16px;
  color: #fff;
  margin-bottom: 18px;
}
.add_two p {
  width: 100%;
  float: left;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  color: #fff;
}
.add_three p {
  width: 100%;
  float: left;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  color: #fff;
}
.disclaimer {
  width: 100%;
  float: left;
  padding: 50px 0;
  border-bottom: 1px dashed #ffffff41;
}
.disclaimer_text {
  width: 75%;
  float: left;
}
.disc_title {
  width: 100%;
  float: left;
  margin-bottom: 24px;
}
.disc_title h2 {
  width: 100%;
  float: left;
  font-size: 24px;
  font-weight: 400;
  line-height: 16px;
  color: #fff;
}
.disc_list {
  width: 100%;
  float: left;
}
.disc_list ul {
  width: 100%;
  float: left;
  padding-left: 24px;
}
.disc_list ul li {
  width: 100%;
  float: left;
  padding-bottom: 15px;
}
.disc_list ul li p {
  width: 100%;
  float: left;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  color: #B6D9F2;
}
.disc_list ul li::marker {
  color: #B6D9F2;
}
.disc_logo {
  width: 25%;
  float: left;
  padding-left: 115px;
}
.disc_logo ul {
  width: 100%;
  float: left;
  list-style-type: none;
}
.disc_logo ul li {
  width: 100%;
  float: left;
  margin-bottom: 50px;
}
.disc_logo ul li img {
  width: 100%;
  float: left;
}
.copyright {
  width: 100%;
  float: left;
  padding-top: 23px;
}
.copyright p {
  width: 100%;
  float: left;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
  color: #B6D9F2;
}
.viewless {
  width: 100%;
  float: left;
  display: none;
}
.viewless a {
  width: 100%;
  float: left;
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 5px;
}
.viewless a i {
  color: #fff;
  font-size: 10px;
  float: left;
  transform: rotate(90deg);
}
.viewless a p {
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
.disc_data {
  width: 100%;
  float: left;
}
.notice_mo {
  display: none;
}
.followside ul li a i.icon-youtube {
  width: 33px;
}
.disc_list ul.viewlessshow {
  height: auto;
}
.viewless .active i {
  transform: rotate(-90deg);
}
@media screen and (max-width: 1600px) {
  .address_part ul li p {
    font-size: 16px;
  }
  .disc_list ul li p {
    font-size: 16px;
  }
  .copyright p {
    font-size: 14px;
  }
  .disc_logo {
    padding-left: 40px;
  }
}
@media screen and (max-width: 1366px) {
  .linkpart_menu ul li a {
    font-size: 14px;
  }
  .followside h2 {
    font-size: 22px;
    margin-bottom: 15px;
  }
  .address_part ul li p {
    font-size: 14px;
  }
  .disc_list ul li p {
    font-size: 14px;
  }
  .copyright p {
    font-size: 14px;
  }
  .disc_logo {
    padding-left: 40px;
  }
}
@media screen and (max-width: 1280px) {
  .footerbody {
    background: #005DAC;
    box-shadow: 0px 0px 150px 0px #000000 inset;
    padding-top: 25px;
  }
  .logoside a img {
    width: 150px;
    height: auto;
  }
  .followside h2 {
    font-size: 20px;
  }
  .followside ul li a {
    width: 40px;
    height: 40px;
  }
  .followside ul li {
    margin-right: 22px;
  }
  .followside ul li a i {
    font-size: 15px;
  }
  .logopart {
    padding-bottom: 26px;
  }
  .disclaimer {
    padding: 30px 0;
  }
  .copyright p {
    font-size: 14px;
  }
  .address_part ul {
    column-gap: 20px;
  }
  .linkpart_menu ul li a {
    font-size: 14px;
  }
  .address_part ul li p {
    font-size: 14px;
    line-height: 20px;
  }
  .address_part ul li h2 {
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 24px;
  }
  .disc_logo {
    padding-left: 40px;
    width: 40%;
  }
  .disclaimer_text {
    width: 60%;
  }
  .followside ul li a i.icon-youtube {
    width: 25px;
  }
}
@media screen and (max-width: 760px) {
  .footerbody {
    background: #005DAC;
    box-shadow: 0px 0px 150px 0px #000000 inset;
  }
  .logoside {
    display: none;
  }
  .followside {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .followside ul {
    display: flex;
    justify-content: center;
  }
  .followside h2 {
    font-size: 20px;
  }
  .followside ul li a {
    width: 40px;
    height: 40px;
  }
  .followside ul li {
    margin-right: 22px;
  }
  .followside ul li a i {
    font-size: 15px;
  }
  .footerbody {
    padding-top: 45px;
  }
  .logopart {
    padding-bottom: 26px;
  }
  .linkpart_menu {
    width: 100%;
    padding-bottom: 40px;
    border-bottom: 1px dashed #ffffff41;
  }
  .linkpart_menu ul li a {
    font-size: 16px;
    line-height: 16px;
    text-align: center;
  }
  .linkpart_menu ul li {
    margin-bottom: 30px;
  }
  .address_part {
    width: 100%;
    padding: 27px 25px 0;
  }
  .address_part ul {
    grid-template-columns: repeat(1, 1fr);
    column-gap: 0;
  }
  .linkpart .wrapper {
    padding: 0 0;
  }
  .linkpart {
    background: #003969;
    padding: 43px 0 33px;
  }
  .address_part ul li p {
    text-align: center;
    font-size: 14px;
    line-height: 16px;
  }
  .address_part ul li h2 {
    text-align: center;
    margin-bottom: 10px;
    font-size: 20px;
  }
  .address_part ul li.add_one {
    margin-bottom: 37px;
  }
  .address_part ul li.add_two {
    margin-bottom: 37px;
  }
  .disc_logo {
    width: 100%;
  }
  .disc_logo {
    padding: 27px 26px 30px;
    order: 1;
    border-bottom: 1px dashed #ffffff41;
  }
  .disclaimer_text {
    width: 100%;
    order: 2;
    padding: 32px 26px 41px;
  }
  .disc_title h2 {
    font-size: 20px;
    line-height: 24px;
  }
  .disc_title {
    margin-bottom: 20px;
  }
  .disc_list ul li p {
    font-size: 14px;
  }
  .disc_list ul li {
    padding-bottom: 5px;
  }
  .disc_data {
    display: flex;
    flex-direction: column;
  }
  .disc_logo ul {
    display: flex;
    justify-content: space-between;
    column-gap: 50px;
  }
  .disc_logo ul li {
    margin-bottom: 0;
  }
  .disclaimer {
    padding: 0 0;
    background: #003969;
  }
  .disclaimer .wrapper {
    padding: 0 0;
  }
  .viewless {
    display: block;
  }
  .disc_list ul {
    margin-bottom: 20px;
    height: 290px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .copyright p {
    font-size: 14px;
  }
  .notice_desk {
    display: none;
  }
  .notice_mo {
    display: block;
  }
  .add_one p {
    margin-bottom: 0;
  }
  .notice_mo {
    padding-top: 15px;
    text-decoration: underline;
  }
  .followside ul li a i.icon-youtube {
    width: 25px;
  }
}

/* projects/shell/src/assets/css/scrolling-text.css */
.scrolling-text-container {
  position: fixed;
  bottom: 0;
  width: 100%;
  background: #0A5;
  overflow: hidden;
  white-space: nowrap;
  color: white;
  z-index: 9;
}
.scrolling-text {
  display: flex;
  margin: 15px 0px;
  padding-left: 140%;
  animation: bottom-marqueescroll 18s linear infinite;
}
.scrolling-text .secHeading {
  padding-right: 160px;
  font-size: 22px;
  font-weight: 700;
  line-height: 58%;
  color: #fff;
}
.scrolling-text .secsubHeading {
  font-size: 18px;
  font-weight: 400;
  line-height: 70%;
  color: #fff;
}
@media screen and (max-width: 1600px) {
  .scrolling-text .secHeading {
    font-size: 18px;
  }
  .scrolling-text .secsubHeading {
    font-size: 14px;
  }
  .scrolling-text {
    margin: 12px 0px;
  }
  .scrolling-text .secHeading {
    padding-right: 130px;
  }
}
@media screen and (max-width: 1440px) {
  .scrolling-text {
    margin: 10px 0px;
  }
  .scrolling-text .secHeading {
    padding-right: 110px;
  }
}
@media screen and (max-width: 1024px) {
  .scrolling-text .secHeading {
    font-size: 16px;
  }
}
@media screen and (max-width: 820px) {
  .scrolling-text-container {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .scrolling-text .secHeading {
    font-size: 14px;
  }
  .scrolling-text .secsubHeading {
    font-size: 12px;
  }
}
/*! CSS Used keyframes */
@keyframes bottom-marqueescroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-140%);
  }
}

/* projects/shell/src/assets/css/myprofile-my_policy.css */
body {
  padding-top: 0;
}
.myPolicyBanner {
  float: left;
  width: 100%;
  padding: 50px 36px;
  background: #005DAC;
  box-shadow: 0px 0px 250px 0px #000000 inset;
  display: flex;
  justify-content: space-between;
  align-items: end;
}
.myPolicyBanner .myPolicyBannerLeft {
  float: left;
  width: 30%;
  display: flex;
  align-items: center;
}
.myPolicyBanner .myPolicyBannerLeft > img {
  float: left;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  margin-right: 30px;
}
.myPolicyBanner .myPolicyBannerLeft .myPolicyname {
  float: left;
  width: 100%;
}
.myPolicyBanner .myPolicyBannerLeft .myPolicyname > strong {
  float: left;
  width: 100%;
  font-size: 20px;
  color: #B6D9F2;
  margin-bottom: 9px;
  line-height: 20px;
}
.myPolicyBanner .myPolicyBannerLeft .myPolicyname > h2 {
  float: left;
  width: 100%;
  font-size: 32px;
  color: #fff;
  margin-bottom: 27px;
  line-height: 32px;
}
.myPolicyBanner .myPolicyBannerLeft .myPolicyname > h2 img {
  margin-left: 10px;
  width: 23px;
  height: 23px;
  filter: brightness(10);
}
.myPolicyBanner .myPolicyBannerLeft .myPolicyname .myPolicyProfileTlt {
  float: left;
  width: 100%;
}
.myPolicyBanner .myPolicyBannerLeft .myPolicyname .myPolicyProfileTlt > p {
  float: left;
  font-size: 20px;
  color: #B6D9F2;
  margin-bottom: 5px;
}
.myPolicyBanner .myPolicyBannerLeft .myPolicyname .myPolicyProfileTlt > strong {
  float: right;
  font-size: 20px;
  font-weight: 700;
  color: #27E2ED;
  margin-bottom: 5px;
}
.myPolicyBanner .myPolicyBannerLeft .myPolicyname .myPolicyProgress {
  float: left;
  width: 100%;
  height: 10px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.2);
  position: relative;
  overflow: hidden;
}
.myPolicyBanner .myPolicyBannerLeft .myPolicyname .myPolicyProgress > div {
  position: absolute;
  background:
    linear-gradient(
      90deg,
      #42D0E9 0%,
      #15EFEF 100%);
  top: 0;
  left: 0;
  height: 100%;
}
.bold-heading {
  font-weight: bold !important;
  font-size: 14px !important;
  font-style: normal !important;
  color: #454545 !important;
}
input[type=text]:disabled {
  color: gray !important;
  background-color: #e0e0e0 !important;
  border: 1px solid #ddd !important;
  border: 1px solid #cecece !important;
  cursor: not-allowed !important;
}
.myPolicyBanner .myPolicyBannerRight {
  float: right;
}
.myPolicyBanner .myPolicyBannerRight a {
  float: left;
  font-size: 20px;
  color: #fff;
  text-transform: uppercase;
  border: 1px solid #0BB8E4;
  border-radius: 35px;
  display: flex;
  align-items: center;
  padding-right: 10px;
  background:
    linear-gradient(
      10deg,
      rgba(11, 184, 228, 0.8) 9.7%,
      rgba(18, 102, 173, 0.8) 89.88%);
  margin-left: 30px;
}
.myPolicyBanner .myPolicyBannerRight a strong {
  float: left;
  font-size: 18px;
  color: #073B68;
  font-weight: 700;
  background:
    linear-gradient(
      342.55deg,
      #0BB8E4 15.04%,
      #B6D9F2 82.32%);
  width: 35px;
  height: 35px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  outline: 1px solid #040c224d;
  margin-right: 8px;
}
.myPolicyBanner .myPolicyBannerRight a strong i {
  font-style: normal;
  font-size: 18px;
  font-weight: 700;
}
.myPolicyBanner .myPolicyBannerRight a strong sup {
  text-transform: none;
  font-size: 12px;
  font-weight: 700;
}
.myPolicyBanner .myPolicyBannerRight a.orangeShade {
  border: 1px solid #F58220;
  background:
    linear-gradient(
      10deg,
      rgba(245, 130, 32, 0.8) 9.7%,
      rgba(18, 102, 173, 0.8) 89.88%);
}
.myPolicyBanner .myPolicyBannerRight a.orangeShade strong {
  outline: 1px solid #88440b91;
  background:
    linear-gradient(
      346.15deg,
      #F58220 -16.85%,
      #FFE37F 84.45%);
  color: #9A4700;
}
.policytab_box {
  width: 100%;
  float: left;
  display: none;
}
.policytab_box.active {
  display: block;
}
.myPolicymain {
  float: left;
  width: 100%;
}
.myPolicyleftTab {
  float: left;
  width: 100%;
  border-right: 1px solid #454545;
  position: relative;
  position: sticky;
  top: 65px;
  left: 0;
  overflow-y: auto;
  height: calc(100vh - 65px);
}
.myPolicyleftTab .myPolicyTabBlock {
  float: left;
  width: 100%;
  padding: 32px 0 18px;
  border-bottom: 1px dashed rgb(0 0 0 / 40%);
}
.myPolicyleftTab .myPolicyTabBlock > h3 {
  float: left;
  width: 100%;
  font-size: 24px;
  color: #000;
  margin-bottom: 13px;
  padding: 0 36px;
}
.myPolicyleftTab .myPolicyTabBlock ul {
  float: left;
  width: 100%;
  list-style-type: none;
}
.myPolicyleftTab .myPolicyTabBlock li {
  float: left;
  width: 100%;
  margin-bottom: 3px;
}
.myPolicyleftTab .myPolicyTabBlock li a {
  float: left;
  width: 100%;
  padding: 11px 36px;
  font-size: 16px;
  color: #454545;
}
.myPolicyleftTab .myPolicyTabBlock li a.active {
  color: #005DAC;
  font-weight: 700;
  background: rgb(0 93 172 / 10%);
  border-right: 6px solid #005DAC;
}
.myPolicyleftTab .myPolicyTabBlock li label {
  float: left;
  width: 100%;
}
.myPolicyleftTab .myPolicyTabBlock li label input {
  display: none;
}
.myPolicyleftTab .myPolicyTabBlock li label strong {
  float: left;
  width: 100%;
  padding: 11px 30px 11px 36px;
  font-size: 16px;
  color: #454545;
  border-right: 6px solid #fff;
}
.myPolicyleftTab .myPolicyTabBlock li label strong i {
  float: right;
  width: 20px;
  height: 20px;
  border: 1px solid #8F8F8F;
  border-radius: 50%;
  position: relative;
}
.myPolicyleftTab .myPolicyTabBlock li label input:checked ~ strong {
  color: #005DAC;
  font-weight: 700;
  background: rgb(0 93 172 / 10%);
  border-right: 6px solid #005DAC;
}
.myPolicyleftTab .myPolicyTabBlock li label input:checked ~ strong i::after {
  content: "";
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #005DAC;
  top: 3px;
  left: 3px;
  position: absolute;
}
.myPolicyrightpart {
  width: calc(100% - 20%);
  float: left;
}
.motorins_recommen {
  width: 100%;
  float: left;
}
.motorins_po_part {
  width: 100%;
  float: left;
  padding: 44px 153px 45px;
  border-bottom: 1px dashed rgb(0 0 0 / 40%);
}
.motorins_po_title {
  width: 100%;
  float: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.motorins_po_title h2 {
  float: left;
  font-size: 32px;
  color: #000000;
  font-weight: 400;
}
.motorins_po_slide {
  width: 100%;
  float: left;
}
.motorins_po_slide > ul {
  width: 100%;
  float: left;
  list-style-type: none;
}
.motorins_po_slide > ul > li {
  width: 33.33%;
  float: left;
}
.motorins_po_slide > ul li {
  margin: 0 5px;
  padding: 32px 0;
}
.motorins_po_box {
  width: 100%;
  float: left;
  background:
    linear-gradient(
      180deg,
      rgba(182, 217, 242, 0) 0%,
      rgba(182, 217, 242, 0.3) 77.17%);
  border: 1px solid #005DAC1A;
  box-shadow: 0px 0px 10px 0px #00000024;
  border-radius: 10px;
  overflow: hidden;
}
.motorinspart_one {
  width: 100%;
  float: left;
  padding: 15px 21px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px dashed rgb(0 0 0 / 40%);
  min-height: 85px;
}
.icon_names {
  float: left;
  display: flex;
  gap: 26px;
  align-items: center;
}
.icon_names img {
  float: left;
  width: 55px;
  height: 55px;
}
.names_text {
  float: left;
}
.names_text p {
  font-size: 18px;
  font-weight: 700;
  color: #454545;
  margin-bottom: 5px;
}
.names_text i {
  font-style: normal;
  font-size: 16px;
  font-weight: 400;
  color: #454545;
}
.healthmark {
  float: left;
  border: 1.33px solid #00AA55;
  padding: 5px 10px;
  background: #00AA551A;
  border-radius: 30px;
  display: flex;
  align-items: center;
  gap: 5px;
}
.healthmark p {
  color: #00AA55;
  font-size: 14px;
  font-weight: 400;
}
.healthmark i {
  width: 11px;
  height: 11px;
  border-radius: 30px;
  background: #00AA55;
  float: left;
}
.motorinspart_two {
  width: 100%;
  float: left;
  padding: 18px 21px;
}
.healthcard_data {
  float: left;
  display: flex;
  flex-direction: column;
}
.healthcard_data i {
  font-style: normal;
  font-size: 12px;
  font-weight: 400;
  color: #454545;
  padding-bottom: 7px;
}
.healthcard_data p {
  font-size: 16px;
  font-weight: 400;
  color: #454545;
}
.motorinspart_btn {
  width: 100%;
  float: left;
  padding: 6px 21px 20px;
  display: flex;
  gap: 24px;
}
.motorinspart_btn a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48%;
  border-radius: 10px;
  padding: 16px 20px;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0px;
}
.motorinspart_btn a.fileaclaim_po {
  background: #fff;
  color: #000000;
  border: 1px solid #454545;
}
.motorinspart_btn a.renewnow_po {
  background: #005DAC;
  color: #fff;
}
.motorinspart_btn a.disabledBTN {
  background: rgb(143 143 143 / 70%);
  cursor: default;
}
.motorins_po_part .renewWarning {
  background: rgba(255, 59, 48, 0.1);
  padding: 8px 6px;
  width: 100%;
  float: left;
  margin-top: 0px;
}
.motorins_po_part .renewWarning .renewHeading {
  font-size: 14px;
  font-weight: 700;
  color: #FF3B30;
  text-align: center;
}
.boldtext i {
  color: #454545;
}
.boldtext p {
  color: #454545;
  font-weight: 700;
}
.boldtext:nth-child(n+3) {
  text-align: right;
}
.motorins_po_slide .slick-dots {
  bottom: 0px;
}
.motorins_po_slide .slick-dots > li {
  flex: 1;
  height: 5px;
  margin: 0px 2px;
}
.motorins_po_slide .slick-dots > li button {
  width: 100%;
  height: 10px;
  width: 10px;
  padding: 0px;
}
.motorins_po_slide .slick-dots > li button:before {
  content: "";
  width: 10px;
  height: 10px;
  background: transparent;
  transition: 0.3s all ease-in;
  opacity: 1;
  border-radius: 50%;
  border: 1px solid #005DAC;
}
.motorins_po_slide .slick-dots > li.slick-active button:before {
  background: #F58220;
  transition: 0.3s all ease-in;
  opacity: 1;
  border: 1px solid #F58220;
}
.motorins_po_slide .slick-dotted.slick-slider {
  margin-bottom: 0;
}
.recommendations {
  width: 100%;
  float: left;
}
.recommendations_title {
  width: 100%;
  float: left;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.recommendations_title h2 {
  float: left;
  font-size: 32px;
  color: #000000;
  font-weight: 400;
}
.motorins_po_title a {
  float: left;
  padding: 10px 20px;
  border: 1px solid #45454599;
  box-shadow: 0px 3px 20px 0px #00000026;
  border-radius: 30px;
  display: flex;
  gap: 10px;
  align-items: center;
}
.motorins_po_title a p {
  font-size: 20px;
  color: #454545;
  font-weight: 700;
}
.motorins_po_title a img {
  width: 20px;
  height: 20px;
}
.recommendations_slide {
  width: 100%;
  float: left;
}
.recommendations_slide > ul {
  width: 100%;
  float: left;
  list-style-type: none;
}
.recommendations_slide > ul li.slick-slide {
  width: 33.33%;
  float: left;
  padding-top: 32px;
  padding-bottom: 32px;
  margin: 0 5px;
}
.recom_box {
  width: 100%;
  float: left;
  background:
    linear-gradient(
      180deg,
      rgba(182, 217, 242, 0) 0%,
      rgba(182, 217, 242, 0.2) 100%);
  border: 1px solid #005DAC1A;
  box-shadow: 0px 0px 10px 0px #00000024;
  border-radius: 10px;
}
.recom_text {
  width: 100%;
  float: left;
  padding: 28px 28px 10px;
  border-bottom: 1px dashed rgb(0 0 0 / 40%);
}
.compulsory {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.compulsory p {
  font-size: 24px;
  color: #000;
  font-weight: 400;
  float: left;
}
.compulsory a {
  float: left;
}
.compulsory a img {
  width: 32px;
  height: 32px;
}
.unlimi_text {
  width: 100%;
  float: left;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.unlimi_text p {
  font-size: 20px;
  font-weight: 400;
  color: #454545;
}
.recomprice {
  width: 100%;
  float: left;
  padding: 25px 28px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.recomprice_text {
  float: left;
  display: flex;
  align-items: flex-end;
  gap: 10px;
}
.recomprice_text p {
  font-weight: 700;
  font-size: 28px;
  color: #454545;
}
.recomprice_text i {
  font-style: normal;
  font-size: 18px;
  font-weight: 400;
}
.recome_knowmore {
  float: left;
}
.recome_knowmore a {
  float: left;
  border: 1px solid #45454580;
  padding: 8px 14px;
  border-radius: 8px;
  font-size: 18px;
  font-weight: 700;
  color: #454545;
}
.recommendations .slick-dots {
  display: flex;
  overflow: hidden;
  bottom: 0px;
}
.recommendations .slick-dots > li {
  flex: 1;
  height: 5px;
  margin: 0px;
  overflow: hidden;
}
.recommendations .slick-dots > li:first-child {
  border-top-left-radius: 90px;
  border-bottom-left-radius: 90px;
}
.recommendations .slick-dots > li:last-child {
  border-top-right-radius: 90px;
  border-bottom-right-radius: 90px;
}
.recommendations .slick-dots > li button {
  width: 100%;
  height: 5px;
  padding: 0px;
}
.recommendations .slick-dots > li button:before {
  content: "";
  width: 100%;
  height: 5px;
  background: rgb(204 204 204 / 20%);
  transition: 0.3s all ease-in;
  opacity: 1;
}
.recommendations .slick-dots > li button:hover:before {
  transform: scaleY(1.5);
}
.recommendations .slick-dots > li.slick-active button:before {
  background: #000;
  transition: 0.3s all ease-in;
  opacity: 1;
}
.recommendations .slick-track {
  display: flex;
}
.recommendations .slick-slide {
  height: inherit;
}
.recommendations .slick-dots > li:only-child {
  display: none;
}
.yourprofile_details {
  width: 100%;
  float: left;
  display: block;
}
.yourprofile_bg {
  width: 100%;
  float: left;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  z-index: 9999;
  background: rgb(0 0 0 / 30%);
}
.yourprofile_details_box {
  width: 621px;
  background: #fff;
  height: 100%;
  float: right;
  padding: 50px 0;
  overflow-y: auto;
}
.profile_close {
  display: flex;
  align-items: center;
  justify-content: end;
  position: absolute;
  right: 26px;
  top: 26px;
  z-index: 9;
}
.profile_close a {
  width: 48px;
  height: 48px;
  padding: 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 50%;
}
.userbox {
  width: 100%;
  float: left;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.userbox h2 {
  font-size: 32px;
  color: #454545;
  font-weight: 400;
  padding-bottom: 40px;
}
.userimg {
  float: left;
  position: relative;
  margin-bottom: 25px;
}
.userimg .userimgwidth {
  width: 133px;
  height: 133px;
  border-radius: 50%;
}
.userimg a {
  position: absolute;
  bottom: 12px;
  right: 0;
  background: #fff;
  padding: 5px;
  border-radius: 30px;
}
.userbox_btn {
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
  gap: 10px;
}
.userbox_btn a {
  padding: 16px 0;
  border: 1px solid #45454580;
  font-size: 20px;
  color: #454545;
  float: left;
  border-radius: 10px;
  display: flex;
  gap: 10px;
  width: 234px;
  justify-content: center;
}
.userbox_btn a img {
  width: 24px;
  height: 24px;
}
.userform_box {
  width: 100%;
  float: left;
  padding: 40px 65px 0;
}
.userform_box .formfild {
  width: 100%;
  float: left;
  margin-bottom: 40px;
  position: relative;
}
.userform_box .formfild label {
  width: 100%;
  float: left;
  font-size: 20px;
  font-weight: 400;
  letter-spacing: -.72px;
  color: #000;
  margin-bottom: 15px;
}
.userform_box .formfild input {
  width: 100%;
  float: left;
  border-radius: 10px;
  border: 1px solid #cecece;
  background: #fff;
  padding: 17px 20px;
  font-size: 20px;
  font-weight: 400;
  color: #000;
}
.formfild {
  width: 100%;
  float: left;
  margin-bottom: 40px;
  position: relative;
}
.formfild label {
  width: 100%;
  float: left;
  font-size: 20px;
  font-weight: 400;
  letter-spacing: -.72px;
  color: #000;
  margin-bottom: 15px;
}
.formfild input {
  width: 100%;
  float: left;
  border-radius: 10px;
  border: 1px solid #cecece;
  background: #fff;
  padding: 17px 20px;
  font-size: 20px;
  font-weight: 400;
  color: #000;
}
.formfild select {
  width: 100%;
  float: left;
  border-radius: 10px;
  border: 1px solid #cecece;
  background: #fff;
  padding: 17px 20px;
  font-size: 20px;
  font-weight: 400;
  line-height: 110%;
  color: #454545;
  -webkit-appearance: none;
}
.formfild .arrowimg {
  position: absolute;
  right: 25px;
  top: 65px;
  width: 15px;
}
.twoformfild {
  width: 100%;
  float: left;
  display: flex;
  gap: 48px;
}
.userform_box .formfild input.dobVD {
  background: url("./media/calendar.png")no-repeat 95%;
}
.saveprofile {
  width: 100%;
  float: left;
}
.saveprofile {
  width: 100%;
  float: left;
  font-size: 20px;
  font-weight: 700;
  color: #FFFFFF;
  background: #005DAC;
  padding: 20px 0;
  border-radius: 10px;
}
.mob_profile {
  width: 100%;
  float: left;
  padding: 25px 20px;
  display: none;
}
.mob_profile_text {
  width: 100%;
  float: left;
}
.mob_profile_text p {
  width: 100%;
  float: left;
  font-weight: 400;
  font-size: 20px;
  color: #fff;
  padding-bottom: 4px;
}
.mob_profile_text i {
  font-style: normal;
  font-size: 12px;
  font-weight: 400;
  color: #B6D9F2;
}
.myPolicyBannermo {
  width: 100%;
  float: left;
}
.myPolicyBannermo a {
  float: left;
  font-size: 14px;
  color: #fff;
  text-transform: uppercase;
  border: 1px solid #0BB8E4;
  border-radius: 35px;
  display: flex;
  align-items: center;
  padding-right: 10px;
  background:
    linear-gradient(
      10deg,
      rgba(11, 184, 228, 0.8) 9.7%,
      rgba(18, 102, 173, 0.8) 89.88%);
}
.myPolicyBannermo a strong {
  float: left;
  font-size: 14px;
  color: #073B68;
  font-weight: 700;
  background:
    linear-gradient(
      342.55deg,
      #0BB8E4 15.04%,
      #B6D9F2 82.32%);
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  outline: 1px solid #040c224d;
  margin-right: 8px;
}
.myPolicyBannermo a strong i {
  font-style: normal;
  font-size: 14px;
  font-weight: 700;
}
.myPolicyBannermo a strong i sup {
  text-transform: lowercase;
}
.myPolicyBannermo a.orangeShade strong {
  outline: 1px solid #88440b91;
  background:
    linear-gradient(
      346.15deg,
      #F58220 -16.85%,
      #FFE37F 84.45%);
  color: #9A4700;
}
.myPolicyBannermo a.orangeShade {
  border: 1px solid #F58220;
  background:
    linear-gradient(
      10deg,
      rgba(245, 130, 32, 0.8) 9.7%,
      rgba(18, 102, 173, 0.8) 89.88%);
  margin-right: 10px;
}
.mainProgess-bar {
  float: left;
  display: flex;
  align-content: center;
  position: relative;
  margin-bottom: 24px;
}
.flex-part {
  width: 100%;
  float: left;
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.progress {
  width: 88px;
  height: 88px;
}
.progress .fill,
.progress .track {
  fill: none;
  stroke-width: 3;
  transform: rotate(90deg) translate(0, -80px);
}
.progress .track {
  stroke: #004C8C;
}
.progress .fill {
  stroke: #fff;
  stroke-dasharray: 219.99078369140625;
  stroke-dashoffset: -219.99078369140625;
  transition: stroke-dashoffset 1s;
}
.progress.blue .fill {
  stroke: #42D0E9;
}
.progress.green .fill {
  stroke: #badfac;
}
.progress .text,
.progress .value {
  font-family: "Roboto-Reg";
  fill: #000;
  text-anchor: middle;
  font-size: 20px;
}
.progress .text {
  font-size: 12px;
}
.mainProgess-bar .userimg_mo {
  width: 68px;
  height: 68px;
  position: absolute;
  top: 10px;
  left: 10px;
}
.leftmenuuser {
  float: left;
  background: #0d68b7;
  border-radius: 30px;
  padding: 8px 14px;
  font-size: 14px;
  color: #fff;
  font-weight: 600;
  display: none;
}
.leftmenuuser img {
  width: 100%;
}
.closemenuuser {
  float: left;
  position: absolute;
  right: 20px;
  top: 24px;
  display: none;
}
.closemenuuser a {
  float: left;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.alluseredit {
  float: right;
  height: 100vh;
  position: absolute;
  right: -101%;
  top: 0;
  transition: 0.5s;
}
.alluseredit.active {
  right: 0;
}
.myPolicyTabBlock.singaltext ul li a .redbutton {
  float: right;
  border: 1.33px solid #FF3B30;
  padding: 5px 10px;
  background: rgb(255 59 48 / 10%);
  border-radius: 30px;
  display: flex;
  align-items: center;
  gap: 5px;
}
.myPolicyTabBlock.singaltext ul li a .redbutton p {
  color: #FF3B30;
  font-size: 14px;
  font-weight: 400;
}
.myPolicyTabBlock.singaltext ul li a .redbutton i {
  width: 11px;
  height: 11px;
  border-radius: 30px;
  background: #FF3B30;
  float: left;
}
.myPolicyTabBlock.singaltext ul li a .greenbutton {
  float: right;
  border: 1.33px solid #00AA55;
  padding: 5px 10px;
  background: #00AA551A;
  border-radius: 30px;
  display: flex;
  align-items: center;
  gap: 5px;
}
.myPolicyTabBlock.singaltext ul li a .greenbutton p {
  color: #00AA55;
  font-size: 14px;
  font-weight: 400;
}
.myPolicyTabBlock.singaltext ul li a .greenbutton i {
  width: 11px;
  height: 11px;
  border-radius: 30px;
  background: #00AA55;
  float: left;
}
.myPolicyTabBlock.singaltext {
  padding: 0 0;
  border-bottom: 0;
}
.myPolicyTabBlock.singaltext ul li {
  margin-bottom: 0;
  border-bottom: 1px dashed rgb(0 0 0 / 40%);
}
.myPolicyTabBlock.singaltext ul li a {
  font-size: 24px;
  color: #000;
  padding: 32px 36px;
}
.myPolicyTabBlock.singaltext ul li a.active {
  background: #fff;
}
.healthmark.expiredhealth {
  float: right;
  border: 1.33px solid #FF3B30;
  padding: 5px 10px;
  background: rgb(255 59 48 / 10%);
  border-radius: 30px;
  display: flex;
  align-items: center;
  gap: 5px;
}
.healthmark.expiredhealth p {
  color: #FF3B30;
  font-size: 14px;
  font-weight: 400;
}
.healthmark.expiredhealth i {
  width: 11px;
  height: 11px;
  border-radius: 30px;
  background: #FF3B30;
  float: left;
}
.healthmark.cancelledpolicy {
  float: right;
  border: 1.33px solid #ff8f00;
  padding: 5px 10px;
  background: rgb(211 138 0 / 10%);
  border-radius: 30px;
  display: flex;
  align-items: center;
  gap: 5px;
}
.healthmark.cancelledpolicy p {
  color: #ff8f00;
  font-size: 14px;
  font-weight: 400;
}
.healthmark.cancelledpolicy i {
  width: 11px;
  height: 11px;
  border-radius: 30px;
  background: #ff8f00;
  float: left;
}
.editprofilemo {
  float: left;
  position: absolute;
  bottom: 0;
  right: 0;
}
.editprofilemo a {
  float: left;
  background:
    linear-gradient(
      90deg,
      #005DAC -70.86%,
      #002646 107.69%);
  border: 2px solid #005DAC;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 30px;
  padding: 6px;
}
.editprofilemo a img {
  filter: brightness(10);
}
.updateKYC {
  width: 100%;
  float: left;
  display: none;
}
.updateKYC .motorbuytab {
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
}
.updateKYC .motorbuytab li {
  float: left;
  margin-right: 10px;
}
.updateKYC .motorbuytab li a {
  float: left;
  padding: 10px 20px;
  border-radius: 90px;
  color: #454545;
  font-size: 20px;
  font-weight: 400;
  background: rgba(69, 69, 69, .1);
  cursor: pointer;
  border: 1px solid transparent;
  transition: .5s all ease-in-out;
  display: flex;
  align-items: center;
}
.updateKYC .motorbuytab li a.active {
  background: #005dac;
  color: #fff;
}
.updateKYC .motorbuytab li:last-child {
  margin-right: 0;
}
.updateKYC .tab_maxwidbox {
  max-width: 790px;
  margin: 54px auto 0;
}
.updateKYC .kyc_tabcontant_box {
  width: 100%;
  display: none;
}
.updateKYC .kyc_tabcontant_box.active {
  display: block;
}
.updateKYC .common_formtitle {
  width: 100%;
  font-size: 32px;
  line-height: 37px;
  margin-bottom: 40px;
  color: #454545;
}
.updateKYC .cm_formgroup {
  width: 100%;
  margin-bottom: 40px;
}
.updateKYC .cm_inputlabel {
  width: 100%;
  font-size: 20px;
  line-height: 20px;
  margin-bottom: 24px;
  display: inline-block;
}
.updateKYC .mandate_symbol {
  font-style: normal;
  color: #FF3B30;
}
.updateKYC .cm_inputtext {
  width: 100%;
  padding: 20px;
  border: 1px solid #454545;
  font-size: 20px;
  line-height: 20px;
  border-radius: 5px;
}
.updateKYC .cm_inputtext::placeholder {
  color: #CECECE;
}
.updateKYC .cm_errordiv {
  width: 100%;
  display: flex;
  justify-content: center;
  column-gap: 10px;
  background: rgba(255, 59, 48, 0.102);
  padding: 12px;
  border-radius: 4px;
  margin-bottom: 40px;
}
.updateKYC .cm_errordiv img {
  width: 20px;
  height: 20px;
}
.updateKYC .cm_errordiv p {
  font-size: 16px;
  line-height: 21px;
  color: #FF3B30;
}
.updateKYC .mrb_20 {
  margin-bottom: 20px;
}
.updateKYC .primary_verifybtn {
  width: 400px;
  padding: 20px;
  background-color: #005DAC;
  border: none;
  border-radius: 10px;
  text-align: center;
  color: #ffffff;
  font-size: 20px;
  line-height: 20px;
  font-weight: 700;
}
.updateKYC .upload_doctitle {
  width: 100%;
  font-size: 32px;
  margin-bottom: 24px;
}
.updateKYC .uploaddoc_checkwrapper {
  width: 100%;
  list-style: none;
  display: flex;
  column-gap: 20px;
  margin-bottom: 40px;
}
.updateKYC .uploaddoc_checkwrapper li {
  display: inline-block;
  width: 30%;
  position: relative;
}
.updateKYC .radioclick_up {
  width: 100%;
}
.updateKYC .upload_type {
  display: block;
  position: relative;
  padding-left: 40px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding-top: 4px;
  color: #454545;
}
.updateKYC .upload_type input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.updateKYC .upload_type .checkmark_up {
  position: absolute;
  top: 0;
  left: 0;
  height: 30px;
  width: 30px;
  background-color: #fff;
  border-radius: 50%;
  border: 1px solid #8F8F8F;
}
.updateKYC .upload_type input:checked ~ .checkmark_up {
  background-color: #fff;
  border: 1px solid #8F8F8F;
}
.updateKYC .upload_type .checkmark_up:after {
  content: "";
  position: absolute;
  display: none;
}
.updateKYC .upload_type input:checked ~ .checkmark_up:after {
  display: block;
}
.updateKYC .upload_type .checkmark_up:after {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #005DAC;
}
.updateKYC .fileupload_label {
  width: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 16px;
  border: 1px solid #454545;
  border-radius: 5px;
  column-gap: 10px;
  overflow: hidden;
  cursor: pointer;
}
.updateKYC .input_upload {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
}
.updateKYC .upload_icon {
  width: 16px;
  height: 16px;
}
.updateKYC .upload_text {
  font-size: 20px;
  color: #454545;
  font-weight: 600;
}
.updateKYC .accept_contant {
  width: 100%;
  text-align: center;
  font-size: 12px;
  margin-top: 4px;
  color: #454545;
}
.updateKYC .kyc_btnbox {
  width: 100%;
  display: flex;
  justify-content: center;
}
.updateKYC .kycspace_box .motorbuytab {
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
}
.updateKYC .kycspace_box .motorbuytab li {
  float: left;
  margin-right: 10px;
}
.updateKYC .kycspace_box .motorbuytab li a {
  float: left;
  padding: 10px 20px;
  border-radius: 90px;
  color: #454545;
  font-size: 20px;
  font-weight: 400;
  background: rgba(69, 69, 69, .1);
  cursor: pointer;
  border: 1px solid transparent;
  transition: .5s all ease-in-out;
  display: flex;
  align-items: center;
}
.updateKYC .kycspace_box .motorbuytab li a.active {
  background: #005dac;
  color: #fff;
}
.updateKYC .kycspace_box .motorbuytab li:last-child {
  margin-right: 0;
}
.track_status {
  width: 100%;
  float: left;
}
.track_status_data {
  width: 100%;
  float: left;
  padding: 38px 153px;
}
.track_status_data.active {
  display: block;
}
.track_status_title {
  width: 100%;
  float: left;
  margin-bottom: 40px;
}
.track_status_title h2 {
  width: 100%;
  float: left;
  font-weight: 400;
  font-size: 32px;
  color: #000000;
}
.track_status_box {
  width: 100%;
  float: left;
  background:
    linear-gradient(
      180deg,
      rgba(182, 217, 242, 0) 0%,
      rgba(182, 217, 242, 0.3) 77.17%);
  border: 1px solid #005DAC;
  box-shadow: 0px 10px 30px 0px #00000024;
  border-radius: 20px;
  margin-bottom: 56px;
}
.topdata_box {
  width: 100%;
  float: left;
  padding: 26px 28px;
  display: flex;
  justify-content: space-between;
}
.lefticontext_track {
  float: left;
  display: flex;
  align-items: center;
  gap: 24px;
}
.tracktitle_text {
  float: left;
  display: flex;
  flex-direction: column;
}
.tracktitle {
  float: left;
  margin-bottom: 8px;
  display: flex;
  gap: 10px;
  align-items: center;
}
.tracktitle > p {
  font-size: 24px;
  color: #454545;
  font-weight: 700;
}
.bottomlinetext {
  float: left;
  font-style: normal;
  font-size: 18px;
  color: #454545;
  font-weight: 400;
}
.tracktitle .healthmark {
  padding: 2px 8px;
}
.viewpolicy_track {
  float: left;
}
.viewpolicy_track a {
  float: left;
  font-size: 16px;
  font-weight: 700;
  color: #000000;
  padding: 16px 24px;
  border: 1px solid #454545;
  border-radius: 10px;
}
.track_status_list {
  width: 100%;
  float: left;
  padding-left: 114px;
  padding-bottom: 30px;
}
.track_status_list ul {
  width: 100%;
  float: left;
  list-style-type: none;
  display: flex;
  gap: 50px;
}
.track_status_list ul li {
  float: left;
}
.track_status_list ul li p {
  font-size: 14px;
  color: #454545;
  font-weight: 400;
  margin-bottom: 10px;
}
.track_status_list ul li strong {
  font-size: 16px;
  color: #454545;
  font-weight: 400;
}
.checkStatus {
  width: 100%;
  float: left;
  padding: 20px 20px;
  border-top: 1px dashed rgb(0 0 0 / 40%);
}
.checkStatus_drop {
  width: 100%;
  float: left;
}
.checkStatus_drop a {
  width: 100%;
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.checkStatus_drop a p {
  font-size: 18px;
  color: #005DAC;
  font-weight: 400;
}
.checkStatus_drop a.active img {
  transform: rotate(180deg);
}
.checkStatus_claim {
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
}
.Status_claimleft {
  float: left;
  display: flex;
  justify-content: center;
  margin-top: 26px;
  display: block;
}
.Status_claimleft > ul {
  float: left;
  list-style-type: none;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding-right: 0;
  width: 50%;
  border-right: 1px dashed rgb(0 0 0 / 40%);
}
.Status_claimleft > ul li {
  float: left;
}
.Status_claimleft > ul li a {
  float: left;
  font-weight: 400;
  font-size: 16px;
  color: #454545;
  background: #005DAC1A;
  padding: 8px 20px;
  border-radius: 50px;
}
.trackbody {
  float: left;
  padding-left: 56px;
  width: 50%;
}
.Status_claimleft > ul li.active a {
  background: #005DAC;
  color: #fff;
}
.trackclaim {
  width: 100%;
  float: left;
}
.tracktitletimeline {
  float: left;
  width: 100%;
  margin-bottom: 24px;
}
.tracktitletimeline p {
  float: left;
  font-weight: 400;
  font-size: 14px;
  color: #454545;
}
.timelinetrack {
  float: left;
  width: 100%;
}
.timelinetrack li {
  width: 100%;
  display: flex;
  column-gap: 20px;
  align-items: center;
  padding: 0 0px 24px;
  position: relative;
}
.timelinetrack li:last-child {
  padding-bottom: 0;
}
.timelinetrack li::before {
  content: "";
  position: absolute;
  height: 49%;
  width: 1px;
  border-left: 1px dashed #454545;
  left: 12px;
  top: 50%;
  z-index: 0;
}
.step_check {
  z-index: 1;
  position: relative;
  width: 24px;
  height: 24px;
  border: 1.35px solid #00A140;
  background-color: #00A140;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
}
.timelinetrack li::after {
  content: "";
  position: absolute;
  height: 50%;
  width: 1px;
  border-left: 1px dashed #454545;
  left: 12px;
  bottom: 50%;
  z-index: 0;
}
.step_check_empty {
  z-index: 1;
  position: relative;
  width: 24px;
  height: 24px;
  border: 1.35px solid #454545;
  background-color: #e9f4fc;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
}
.timelinetrack li p {
  font-size: 16px;
  font-weight: 400;
  color: #000;
  width: calc(100% - 55px);
}
.timelinetrack li p i {
  font-size: 14px;
  color: #454545;
  font-weight: 400;
  font-style: normal;
}
.step_check .icon-check-mark {
  font-size: 7px;
  color: #fff;
}
.policyteg .trackbody {
  width: 100%;
}
.viewpolicy_track a.modifynowbtn {
  background: #005DAC;
  color: #fff;
  border-color: #005DAC;
}
.viewpolicy_track {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-left: 1rem;
}
.modifypolicydetails {
  width: 100%;
  float: left;
  display: block;
}
.modifypolicyBG {
  width: 100%;
  float: left;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  z-index: 9999;
  background: rgb(0 0 0 / 30%);
}
.modifypolicy_box {
  float: left;
  height: 100vh;
  position: absolute;
  right: -101%;
  top: 0;
  transition: 0.5s;
}
.modifypolicy_box.active {
  right: 0;
}
.modifypolicy_box .allclose {
  display: flex;
  align-items: center;
  justify-content: end;
  position: absolute;
  right: 26px;
  top: 26px;
  z-index: 9;
}
.modifypolicy_box .allclose a {
  width: 48px;
  height: 48px;
  padding: 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 50%;
  cursor: pointer;
}
.modifypolicy_databox {
  width: 621px;
  background: #fff;
  height: 100%;
  float: right;
  padding: 50px 64px;
  overflow-y: auto;
}
.modifypolicytitle {
  width: 100%;
  float: left;
  margin-bottom: 40px;
}
.modifypolicytitle h2 {
  width: 100%;
  float: left;
  font-size: 32px;
  font-weight: 400;
  color: #000000;
}
.modifypolicform_box {
  width: 100%;
  float: left;
}
.modifypolicform_box .formfild {
  width: 100%;
  float: left;
  margin-bottom: 40px;
  position: relative;
}
.modifypolicform_box .formfild label {
  width: 100%;
  float: left;
  font-size: 20px;
  font-weight: 400;
  letter-spacing: -.72px;
  color: #000;
  margin-bottom: 15px;
}
.modifypolicform_box .formfild input {
  width: 100%;
  float: left;
  border-radius: 10px;
  border: 1px solid #cecece;
  background: #fff;
  padding: 17px 20px;
  font-size: 20px;
  font-weight: 400;
  color: #000;
}
.modifypolicform_box .formfild input.dobVD {
  background: url("./media/calendar.png") no-repeat 95%;
}
.addyourplicy_click {
  width: 100%;
  float: left;
  display: block;
}
.policyslidepart {
  width: 100%;
  float: left;
}
.plicy_clicktitle {
  width: 100%;
  float: left;
  padding: 45px 153px 44px;
  display: flex;
  align-items: center;
  gap: 20px;
}
.plicy_clicktitle a {
  float: left;
}
.plicy_clicktitle a img {
  float: left;
}
.plicy_clicktitle h2 {
  float: left;
  font-size: 32px;
  color: #454545;
  font-weight: 400;
}
.plicy_clickslider {
  width: 100%;
  float: left;
  padding-bottom: 50px;
}
.plicy_row {
  width: 100%;
  float: left;
}
.plicy_clickbox {
  float: left;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
}
.plicyboxBG {
  width: 100%;
  float: left;
  background:
    linear-gradient(
      0deg,
      #75B5B7 79.35%,
      #27666F 88.41%);
  border-radius: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  overflow: hidden;
  position: relative;
  height: 269px;
}
.plicyboxtext {
  float: left;
  width: 100%;
  padding-left: 80px;
}
.plicyboxtext h3 {
  font-size: 36px;
  color: #fff;
  font-weight: 700;
  margin-bottom: 17px;
  width: 100%;
  float: left;
}
.plicyboxtext p {
  font-size: 22px;
  font-weight: 400;
  color: #fff;
  margin-bottom: 17px;
  width: 100%;
  float: left;
  display: flex;
  align-items: center;
  gap: 15px;
}
.plicyboxtext p i {
  font-size: 14px;
}
.plicyboximg {
  float: left;
  position: absolute;
  right: 0;
  top: 0;
}
.plicyboximg img {
  float: left;
  width: 100%;
}
.addyourplicy_click .slick-track {
  padding-left: 135px;
  padding-right: 0;
}
.plicysliderbox .slick-dots {
  bottom: -40px;
}
.plicysliderbox .slick-dots > li {
  flex: 1;
  height: 5px;
  margin: 0px 2px;
}
.plicysliderbox .slick-dots > li button {
  width: 100%;
  height: 10px;
  width: 10px;
  padding: 0px;
}
.plicysliderbox .slick-dots > li button:before {
  content: "";
  width: 10px;
  height: 10px;
  background: transparent;
  transition: 0.3s all ease-in;
  opacity: 1;
  border-radius: 50%;
  border: 1px solid #005DAC;
}
.plicysliderbox .slick-dots > li.slick-active button:before {
  background: #F58220;
  transition: 0.3s all ease-in;
  opacity: 1;
  border: 1px solid #F58220;
}
.plicysliderbox .slick-dotted.slick-slider {
  margin-bottom: 0;
}
.bordercenter {
  width: 100%;
  float: left;
  padding: 0 153px;
}
.bordercenter i {
  width: 100%;
  float: left;
  border-top: 1px dashed rgb(0 0 0 / 40%);
}
.policytabgroup {
  width: 100%;
  float: left;
  padding: 80px 0;
  padding-left: 15px;
}
.policytab_click {
  width: 100%;
  float: left;
  display: flex;
  gap: 10px;
  margin-bottom: 40px;
}
.policytab_click li {
  float: left;
}
.policytab_click li a {
  float: left;
  background: #4545451A;
  padding: 10px 20px;
  font-size: 20px;
  font-weight: 400;
  color: #454545;
  border-radius: 30px;
}
.policytab_click li.active a {
  background: #005DAC;
  color: #fff;
}
.policytabspace {
  width: 795px;
  margin: 0 auto;
}
.policytabbody {
  width: 100%;
  float: left;
}
.policytabform {
  width: 100%;
  float: left;
  display: none;
}
.policytabform.active {
  display: block;
}
.policytabform .formfild {
  width: 100%;
  float: left;
  margin-bottom: 40px;
  position: relative;
}
.policytabform .formfild label {
  width: 100%;
  float: left;
  font-size: 20px;
  font-weight: 400;
  letter-spacing: -.72px;
  color: #000;
  margin-bottom: 15px;
}
.policytabform .formfild input {
  width: 100%;
  float: left;
  border-radius: 10px;
  border: 1px solid #cecece;
  background: #fff;
  padding: 17px 20px;
  font-size: 20px;
  font-weight: 400;
  color: #000;
}
.policytabform .formfild input.dobVD {
  background: url("./media/calendar.png") no-repeat 95%;
}
.continuepolicy {
  padding: 18px 38px;
  font-size: 20px;
  color: #fff;
  font-weight: 700;
  background: #005DAC;
  border-radius: 10px;
}
.my_insuraCard {
  width: 100%;
  float: left;
  display: block;
}
.my_insuraCard.active {
  display: block;
}
.all_inscard_data {
  width: 100%;
  float: left;
}
.addyourinsuraCard {
  width: 100%;
  float: left;
  padding: 100px 0;
  border-bottom: 1px dashed rgb(0 0 0 / 40%);
}
.insuraCardtext {
  width: 100%;
  float: left;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.insuraCardtext img {
  padding-bottom: 20px;
}
.insuraCardtext h2 {
  font-size: 32px;
  color: #000;
  font-weight: 400;
  margin-bottom: 20px;
  float: left;
}
.insuraCardtext p {
  font-size: 20px;
  color: #000;
  font-weight: 400;
  margin-bottom: 48px;
  float: left;
}
.insuraCardtext a {
  padding: 18px 30px;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  border-radius: 10px;
  background: #005DAC;
  float: left;
}
.Browseourplans {
  width: 100%;
  float: left;
  padding: 103px 0 60px;
}
.Browseourplans_title {
  width: 100%;
  float: left;
  padding: 0 153px 40px;
}
.Browseourplans_title h2 {
  width: 100%;
  float: left;
  font-size: 32px;
  font-weight: 400;
  color: #454545;
}
.Browseourplans_list {
  width: 100%;
  float: left;
}
.Browseourplans_list > ul {
  width: 100%;
  float: left;
  list-style-type: none;
  display: flex;
}
.Browseourplans_list > ul li {
  float: left;
  margin-right: 10px;
  display: flex;
  width: 258px;
}
.Browseourplans_list > ul li a {
  float: left;
  background:
    linear-gradient(
      180deg,
      rgba(0, 93, 172, 0) 0%,
      rgba(0, 93, 172, 0.2) 100%);
  padding: 34px 28px;
  border-radius: 20px;
  width: 100%;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
}
.ourboximg {
  width: 100%;
  float: left;
  margin-bottom: 129px;
}
.ourboximg img {
  max-width: 100%;
  height: 60px;
}
.ourboxtext {
  width: 100%;
  float: left;
}
.ourboxtext p {
  width: 100%;
  float: left;
  color: #454545;
  font-size: 20px;
  font-weight: 400;
}
.Browseourplans_list > ul .slick-track {
  padding-left: 153px;
}
.addInsuracard_popup {
  width: 100%;
  float: left;
  display: block;
}
.addInsuracardBG {
  width: 100%;
  float: left;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  z-index: 9999;
  background: rgb(0 0 0 / 30%);
}
.addInsuracardBox {
  float: left;
  height: 100vh;
  position: absolute;
  right: -101%;
  top: 0;
  transition: 0.5s;
}
.addInsuracardBox.active {
  right: 0;
}
.addInsuracardBox .allclose {
  display: flex;
  align-items: center;
  justify-content: end;
  position: absolute;
  right: 26px;
  top: 26px;
  z-index: 9;
}
.addInsuracardBox .allclose a {
  width: 48px;
  height: 48px;
  padding: 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 50%;
}
.addInsuracarddatabox {
  width: 621px;
  background: #fff;
  height: 100%;
  float: right;
  padding: 50px 64px;
  overflow-y: auto;
}
.addInsuracardtitle {
  width: 100%;
  float: left;
  margin-bottom: 40px;
}
.addInsuracardtitle h2 {
  width: 100%;
  float: left;
  font-size: 32px;
  font-weight: 400;
  color: #000000;
}
.addInsuracardform {
  width: 100%;
  float: left;
}
.addInsuracardform .formfild {
  width: 100%;
  float: left;
  margin-bottom: 40px;
  position: relative;
}
.addInsuracardform .formfild label {
  width: 100%;
  float: left;
  font-size: 20px;
  font-weight: 400;
  letter-spacing: -.72px;
  color: #000;
  margin-bottom: 15px;
}
.addInsuracardform .formfild input {
  width: 100%;
  float: left;
  border-radius: 10px;
  border: 1px solid #cecece;
  background: #fff;
  padding: 17px 20px;
  font-size: 20px;
  font-weight: 400;
  color: #000;
}
.addInsuracardform .formfild input.dobVD {
  background: url("./media/calendar.png") no-repeat 95%;
}
.ContinueCard {
  width: 100%;
  float: left;
  font-size: 20px;
  font-weight: 700;
  color: #FFFFFF;
  background: #005DAC;
  padding: 20px 0;
  border-radius: 10px;
}
.thankyou_popup {
  width: 100%;
  float: left;
  position: relative;
  z-index: 9999;
  display: block;
}
.thankyou_popkbg {
  width: 100%;
  float: left;
  background: rgb(0 0 0 / 30%);
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  z-index: 999;
  display: flex;
  justify-content: center;
  align-items: center;
}
.thankyou_box {
  width: 620px;
  float: left;
  position: absolute;
  right: -101%;
  height: 100vh;
  transition: 0.5s;
}
.thankyou_box.active {
  right: 0;
}
.closeins_popup {
  float: left;
  position: absolute;
  right: 20px;
  top: 20px;
}
.closeins_popup a {
  width: 40px;
  height: 40px;
  padding: 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #000;
  border-radius: 50%;
}
.thankyou_pop_text {
  width: 100%;
  float: left;
  background: #fff;
  height: 100%;
}
.thankyoubanner {
  width: 100%;
  float: left;
}
.thankyoubanner img {
  width: 100%;
  float: left;
}
.thankyoudata {
  width: 100%;
  float: left;
  padding: 37px 26px;
}
.thankyoudata h2 {
  width: 100%;
  float: left;
  color: #000000;
  font-size: 48px;
  font-weight: 400;
  margin-bottom: 20px;
}
.thankyoudata strong {
  width: 100%;
  float: left;
  font-size: 32px;
  font-weight: 400;
  line-height: 34px;
  color: #000;
  padding-bottom: 24px;
}
.thankyoudata > p {
  width: 100%;
  float: left;
  font-size: 20px;
  font-weight: 400;
  color: #454545;
  line-height: 26px;
}
.thankyou_dele {
  width: 100%;
  float: left;
  gap: 10px;
  margin-top: 30px;
  display: flex;
}
.thank_acknow {
  width: 100%;
  float: left;
  border: 1px solid #005DAC;
  padding: 16px 20px;
  border-radius: 10px;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  color: #FFFFFF;
  background: #005DAC;
}
.closeins_popup a {
  padding: 15px;
}
.my_insuraCard_data {
  width: 100%;
  float: left;
}
.allinsucard_sliders {
  width: 100%;
  float: left;
}
.my_insuraCard_sliders {
  width: 100%;
  float: left;
  padding: 45px 0 55px;
  border-bottom: 1px dashed rgb(0 0 0 / 40%);
}
.insuraCardtitle {
  width: 100%;
  float: left;
  padding: 0 153px 47px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.insuraCardtitle h2 {
  float: left;
  font-size: 32px;
  color: #454545;
  font-weight: 400;
}
.insuraCardtitle a {
  float: left;
  padding: 10px 20px;
  border: 1px solid #45454599;
  box-shadow: 0px 3px 20px 0px #00000026;
  border-radius: 30px;
  display: flex;
  gap: 10px;
  align-items: center;
}
.insuraCardtitle a img {
  width: 20px;
  height: 20px;
}
.insuraCardtitle a p {
  font-size: 20px;
  color: #454545;
  font-weight: 700;
}
.insuraCard_slide {
  width: 100%;
  float: left;
  padding: 0 153px;
}
.insuraCardbox {
  width: 50%;
  float: left;
  padding: 0 5px;
}
.insuraCardboxBg {
  width: 100%;
  float: left;
  background:
    linear-gradient(
      180deg,
      rgba(182, 217, 242, 0) 0%,
      rgba(182, 217, 242, 0.3) 77.17%);
  border: 1.18px solid #005DAC1A;
  padding: 24px 18px;
  border-radius: 12px;
  display: flex;
  gap: 15px;
}
.insuraCardleft {
  width: 35%;
  float: left;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}
.insproductimg {
  width: 110px;
  float: left;
  background:
    linear-gradient(
      180deg,
      #3774AD 0%,
      #4696BF 100%);
  height: 186px;
  border-radius: 12px;
  position: relative;
}
.insuraCardpro {
  max-width: 200%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.blogo {
  width: 78px;
  float: left;
}
.insuraCardright {
  width: 65%;
  float: left;
}
.insuratitle {
  width: 100%;
  float: left;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
}
.insuratitle p {
  float: left;
  font-size: 18px;
  font-weight: 700;
  color: #454545;
}
.insuratitle a {
  float: left;
}
.insuratitle a img {
  float: left;
  width: 24px;
  height: 24px;
}
.listpoint_ins {
  width: 100%;
  float: left;
  display: flex;
  justify-content: space-between;
  margin-bottom: 14px;
}
.listpoint_ins li {
  float: left;
}
.listpoint_ins li i {
  font-style: normal;
  font-size: 14px;
  font-weight: 400;
  color: #454545B2;
  margin-bottom: 5px;
  float: left;
  width: 100%;
}
.listpoint_ins li p {
  font-size: 12px;
  color: #454545;
}
.Qrpoints {
  width: 100%;
  float: left;
  display: flex;
  justify-content: space-between;
}
.Qrpointsleft {
  float: left;
  width: 50%;
}
.Qrpointstext {
  width: 100%;
  float: left;
  margin-bottom: 14px;
  display: flex;
  flex-direction: column;
}
.Qrpointstext i {
  font-style: normal;
  font-size: 14px;
  font-weight: 400;
  color: #454545B2;
  margin-bottom: 5px;
  float: left;
}
.Qrpointstext p {
  font-size: 14px;
  color: #454545;
  float: left;
}
.qrcodeimg {
  float: left;
}
.qrcodeimg img {
  float: left;
  width: 85px;
  height: 85px;
}
.Qrpointstext:last-child {
  margin-bottom: 0;
}
.sliderinscard .slick-dots {
  bottom: -40px;
  position: relative;
  padding: 0 153px;
}
.sliderinscard .slick-dots > li {
  flex: 1;
  height: 5px;
  margin: 0px 2px;
}
.sliderinscard .slick-dots > li button {
  width: 100%;
  height: 10px;
  width: 10px;
  padding: 0px;
}
.sliderinscard .slick-dots > li button:before {
  content: "";
  width: 10px;
  height: 10px;
  background: transparent;
  transition: 0.3s all ease-in;
  opacity: 1;
  border-radius: 50%;
  border: 1px solid #005DAC;
}
.sliderinscard .slick-dots > li.slick-active button:before {
  background: #F58220;
  transition: 0.3s all ease-in;
  opacity: 1;
  border: 1px solid #F58220;
}
.sliderinscard .slick-dotted.slick-slider {
  margin-bottom: 0;
}
.insproductimg.helthbgins {
  background:
    linear-gradient(
      180deg,
      #9ED8E4 0%,
      #189AB8 100%);
}
.insproductimg.travelbgins {
  background:
    linear-gradient(
      180deg,
      #7DE2FF 0%,
      #0D579E 100%);
}
.insproductimg.homebgins {
  background:
    linear-gradient(
      180deg,
      #91CCE4 0%,
      #5DB2DD 100%);
}
.insproductimg.petbgins {
  background:
    linear-gradient(
      180deg,
      #4CCAFF 0%,
      #ADC1FA 100%);
}
.insproductimg.cyberbgins {
  background:
    linear-gradient(
      0deg,
      #0468BE 2.32%,
      #38DAFF 113.91%);
}
.modifications_popup {
  width: 100%;
  float: left;
  position: relative;
  z-index: 9999;
  display: none;
}
.modifications_popkbg {
  width: 100%;
  float: left;
  background: rgb(0 0 0 / 30%);
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  z-index: 999;
}
.modifications_box {
  width: 621px;
  float: right;
  position: relative;
  position: absolute;
  right: -101%;
  transition: 0.5s;
  height: 100vh;
}
.modifications_box.active {
  right: 0;
}
.closemodifi_popup {
  float: left;
  position: absolute;
  right: 20px;
  top: 20px;
}
.closemodifi_popup a {
  width: 40px;
  height: 40px;
  padding: 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #000;
  border-radius: 50%;
}
.modifications_pop_text {
  width: 100%;
  float: left;
  background: #fff;
  height: 100vh;
}
.modificationsbanner {
  width: 100%;
  float: left;
}
.modificationsbanner img {
  width: 100%;
  float: left;
}
.modificationsdata {
  width: 100%;
  float: left;
  padding: 37px 26px;
}
.modificationsdata h2 {
  width: 100%;
  float: left;
  color: #000000;
  font-size: 32px;
  font-weight: 400;
  margin-bottom: 20px;
}
.modificationsdata strong {
  width: 100%;
  float: left;
  font-size: 24px;
  font-weight: 400;
  line-height: 34px;
  color: #000;
  padding-bottom: 24px;
}
.modificationsdata > p {
  width: 100%;
  float: left;
  font-size: 20px;
  font-weight: 400;
  color: #454545;
  line-height: 26px;
}
.modifications_dele {
  width: 100%;
  float: left;
  gap: 10px;
  margin-top: 30px;
  display: flex;
}
.modifications_acknow {
  width: 100%;
  float: left;
  border: 1px solid #005DAC;
  padding: 16px 20px;
  border-radius: 10px;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  color: #FFFFFF;
  background: #005DAC;
}
.closemodifi_popup a {
  padding: 15px;
}
.personal_details {
  width: 100%;
  float: left;
  display: block;
}
.personal_details.active {
  display: block;
}
.personal_deta_info {
  width: 100%;
  float: left;
  padding: 56px 0;
}
.personal_details_body {
  width: 100%;
  float: left;
}
.personal_details_title {
  width: 100%;
  float: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.personal_details_title h2 {
  float: left;
  font-size: 32px;
  font-weight: 400;
  color: #454545;
}
.personal_details_title a {
  float: left;
  padding: 10px 20px;
  border: 1px solid #45454599;
  box-shadow: 0px 3px 20px 0px #00000026;
  border-radius: 30px;
  display: flex;
  gap: 10px;
  align-items: center;
}
.personal_details_title a img {
  width: 20px;
  height: 20px;
}
.personal_details_title a p {
  font-size: 20px;
  color: #454545;
  font-weight: 700;
}
.personal_detailsBio {
  width: 100%;
  border-bottom: 1px dashed #000;
  float: left;
  margin-top: 56px;
}
.personal_detailsBio:last-child {
  border-bottom: 0;
}
.personal_details_box {
  width: 794px;
  margin: 0 auto;
}
.personal_details_data {
  width: 100%;
  float: left;
  border: 1px solid #45454599;
  padding: 20px 20px;
  border-radius: 10px;
}
.personaledit {
  width: 100%;
  float: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}
.nameprsonal {
  float: left;
}
.nameprsonal p {
  font-size: 24px;
  color: #000;
  font-weight: 400;
  margin-bottom: 10px;
}
.nameprsonal i {
  font-size: 18px;
  font-weight: 700;
  font-style: normal;
  color: #01AA55;
}
.personaledit a {
  float: left;
}
.personaledit a img {
  width: 30px;
  height: 30px;
  cursor: pointer;
}
.personalbio {
  width: 100%;
  float: left;
}
.personalbio ul {
  width: 100%;
  float: left;
  list-style-type: none;
  display: grid;
  grid-template-columns: 30% auto 15% 10% 5%;
  gap: 34px;
  margin-bottom: 34px;
}
.personalbio ul.petbio {
  grid-template-columns: auto auto auto;
  margin-bottom: 0;
  overflow: auto;
}
.personalbio ul.petbio ::-webkit-scrollbar {
  display: none;
}
.personalbio ul li {
  float: left;
}
.personalbio ul li p {
  font-size: 17px;
  color: #454545;
  font-weight: bold;
  padding-bottom: 14px;
  min-width: max-content;
}
.personalbio ul li input {
  font-weight: 400;
  font-size: 20px;
  color: #000000;
  border: 0;
  width: 100%;
  float: left;
}
.addressbio {
  width: 100%;
  float: left;
}
.addressbio p {
  font-size: 17px;
  color: #454545;
  font-weight: bold;
  padding-bottom: 14px;
}
.addressbio textarea {
  font-weight: 400;
  font-size: 20px;
  color: #000000;
  border: 0;
  width: 100%;
  float: left;
  resize: none;
  height: 30px;
}
.home_details .addressbio {
  margin-bottom: 34px;
}
.home_details .addressbio input {
  font-weight: 400;
  font-size: 20px;
  color: #000000;
  border: 0;
  width: 100%;
  float: left;
}
.personalbio ul.homedetails {
  margin-bottom: 0;
}
.addfamilymember {
  display: none;
}
.pet_details {
  width: 100%;
  float: left;
  display: block;
}
.pet_details.active {
  display: block;
}
.personal_detailsBio.spaceremove {
  margin-top: 0;
}
.editpetdetails {
  display: block;
}
.home_details {
  width: 100%;
  float: left;
  display: block;
}
.home_details.active {
  display: block;
}
.addHomedetails {
  width: 100%;
  float: left;
  display: block;
}
.document_wallet {
  width: 100%;
  float: left;
  display: none;
}
.document_wallet.active {
  display: block;
}
.mydocument_body {
  width: 100%;
  float: left;
}
.mydocument_info {
  width: 100%;
  float: left;
  display: flex;
  gap: 14px;
  padding: 40px 0;
  border-bottom: 1px dashed #000;
  align-items: center;
}
.mydocument_info:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}
.mydocument_name {
  float: left;
}
.mydocument_name img {
  width: 75px;
  height: 75px;
  border: 1.46px solid #005DAC;
  border-radius: 7.3px;
}
.mydocument_nametext {
  float: left;
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 88%;
}
.mydocument_nametext strong {
  font-size: 24px;
  color: #454545;
  font-weight: 400;
}
.mydocument_nametext ul {
  float: left;
  list-style-type: none;
  display: flex;
}
.mydocument_nametext ul li {
  float: left;
  width: 33.33%;
}
.mydocument_nametext ul li p {
  float: left;
  font-size: 20px;
  color: #454545;
  font-weight: 400;
}
.Add_documentwallet {
  width: 100%;
  float: left;
  display: none;
}
.Add_documentwallet .modifypolicy_databox {
  padding: 0 0;
}
.safesimple {
  width: 100%;
  float: left;
}
.safesimple img {
  width: 100%;
  float: left;
}
.Add_documentwallet .modifypolicform_box {
  padding: 40px 67px;
}
.safesimple_title {
  width: 100%;
  float: left;
  margin-bottom: 40px;
}
.safesimple_title h2 {
  width: 100%;
  float: left;
  font-size: 32px;
  font-weight: 400;
  color: #454545;
  padding-bottom: 24px;
}
.safesimple_title p {
  width: 100%;
  float: left;
  font-size: 20px;
  font-weight: 400;
  color: #454545;
}
.cancelsubmit {
  width: 100%;
  float: left;
  display: flex;
  gap: 40px;
}
.cancelsubmit button {
  width: 50%;
  text-align: center;
  padding: 20px 0;
  font-size: 20px;
  font-weight: 700;
  border-radius: 10px;
}
.cancelsubmit button.cancelbtn {
  color: #454545;
  background: #fff;
  border: 1px solid #454545;
}
.cancelsubmit button.submitbtn {
  color: #ffff;
  background: #005DAC;
  border: 1px solid #005DAC;
}
.viewdoc {
  float: left;
  text-decoration: underline;
  font-size: 18px;
  color: #005DAC;
  font-weight: 700;
  padding-top: 18px;
}
.formfild label input.uploadfile {
  display: none;
}
.formfild label.filebox {
  width: 100%;
  float: left;
  border-radius: 10px;
  border: 1px solid #cecece;
  background: #fff;
  padding: 17px 20px;
  display: flex;
  gap: 10px;
  justify-content: center;
  justify-content: center;
}
.formfild label.filebox p {
  font-weight: 700;
  color: #454545;
}
.formfild label.filebox img.uploadicon {
  width: 27px;
}
.formfild label.filebox img.checktic {
  width: 24px;
  display: none;
}
.docupdate_popup {
  width: 100%;
  float: left;
  position: relative;
  z-index: 9999;
  display: none;
}
.docupdate_popkbg {
  width: 100%;
  float: left;
  background: rgb(0 0 0 / 30%);
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  z-index: 999;
  display: flex;
  justify-content: center;
  align-items: center;
}
.docupdate_box {
  width: 620px;
  float: left;
  position: absolute;
  right: -101%;
  height: 100vh;
  transition: all 0.5s;
}
.docupdate_box.active {
  right: 0;
}
.closedocup_popup {
  float: left;
  position: absolute;
  right: 20px;
  top: 20px;
}
.closedocup_popup a {
  width: 40px;
  height: 40px;
  padding: 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #000;
  border-radius: 50%;
}
.docupdate_pop_text {
  width: 100%;
  float: left;
  background: #fff;
  height: 100%;
}
.docupdatebanner {
  width: 100%;
  float: left;
}
.docupdatebanner img {
  width: 100%;
  float: left;
}
.docupdatedata {
  width: 100%;
  float: left;
  padding: 37px 26px;
}
.docupdatedata h2 {
  width: 100%;
  float: left;
  color: #000000;
  font-size: 32px;
  font-weight: 400;
  margin-bottom: 20px;
}
.docupdatedata strong {
  width: 100%;
  float: left;
  font-size: 32px;
  font-weight: 400;
  line-height: 34px;
  color: #000;
  padding-bottom: 24px;
}
.docupdatedata > p {
  width: 100%;
  float: left;
  font-size: 20px;
  font-weight: 400;
  color: #454545;
  line-height: 26px;
}
.docupdate_dele {
  width: 100%;
  float: left;
  gap: 30px;
  margin-top: 30px;
  display: flex;
  flex-direction: column;
}
.docupdate_acknow {
  width: 100%;
  float: left;
  border: 1px solid #005DAC;
  padding: 16px 20px;
  border-radius: 10px;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  color: #FFFFFF;
  background: #005DAC;
}
.closedocup_popup a {
  padding: 15px;
}
.goback {
  width: 100%;
  float: left;
  text-align: center;
  text-decoration: underline;
  font-weight: 700;
  font-size: 18px;
  color: #005DAC;
}
.vehicle_details {
  width: 100%;
  float: left;
  display: block;
}
.vehicle_details.active {
  display: block;
}
.add_vehicle_pop {
  display: block;
}
.edit_vehicle_pop {
  display: none;
}
.my_policy_detail_motor {
  width: 100%;
  float: left;
  padding: 44px 0 0;
  display: block;
}
.topcardpart {
  width: 100%;
  float: left;
  padding: 0 153px 65px;
  border-bottom: 1px dashed rgb(0 0 0 / 40%);
}
.backtitle {
  width: 100%;
  float: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 0 24px;
}
.backtext {
  float: left;
  display: flex;
  align-items: center;
  gap: 15px;
}
.backtext a {
  float: left;
}
.backtext a img {
  float: left;
}
.backtext p {
  float: left;
  font-size: 32px;
  color: #454545;
  font-weight: 400;
}
.motorcard_space {
  width: 400px;
  float: left;
}
.motorcard_space .renewWarning {
  background: rgba(255, 59, 48, 0.1);
  padding: 8px 6px;
  width: 100%;
  float: left;
}
.motorcard_space .renewWarning .renewHeading {
  font-size: 14px;
  font-weight: 700;
  color: #FF3B30;
  text-align: center;
}
.tackyourclaim {
  width: 100%;
  float: left;
  padding: 30px 0 0;
  text-align: center;
}
.tackyourclaim a {
  width: 100%;
  float: left;
  font-size: 20px;
  text-decoration: underline;
  color: #005DAC;
  font-weight: 700;
}
.download_pol_doc {
  width: 100%;
  float: left;
  padding: 65px 0;
  border-bottom: 1px dashed rgb(0 0 0 / 40%);
}
.download_pol_title {
  width: 100%;
  float: left;
  padding: 0 153px 32px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.download_pol_title h2 {
  float: left;
  font-size: 32px;
  color: #454545;
  font-weight: 400;
}
.download_pol_title a {
  float: left;
  padding: 10px 20px;
  border: 1px solid #45454599;
  box-shadow: 0px 3px 20px 0px #00000026;
  border-radius: 30px;
  display: flex;
  gap: 10px;
  align-items: center;
}
.download_pol_title a img {
  width: 20px;
  height: 20px;
}
.download_pol_title a p {
  font-size: 20px;
  color: #454545;
  font-weight: 700;
}
.download_pol_docs_list {
  width: 100%;
  float: left;
  padding: 0 153px;
}
.download_pol_docs_list > ul {
  width: 100%;
  float: left;
  list-style-type: none;
  display: flex;
  margin-bottom: 40px;
}
.download_pol_docs_list > ul li {
  float: left;
  margin-right: 10px;
  display: flex;
  width: 258px;
}
.download_pol_docs_list > ul li a {
  float: left;
  background:
    linear-gradient(
      180deg,
      rgba(182, 217, 242, 0) 0%,
      rgba(182, 217, 242, 0.2) 100%);
  padding: 34px 28px;
  border-radius: 20px;
  width: 100%;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  box-shadow: 0px 0 10px 0px #00000024;
  margin: 10px 0;
}
.download_pol_docs_list > ul .slick-track {
  padding-left: 10px;
}
.ourboximg_doc {
  width: 100%;
  float: left;
  margin-bottom: 129px;
}
.ourboximg_doc img {
  max-width: 100%;
  height: 60px;
}
.ourboxtext_doc {
  width: 100%;
  float: left;
}
.ourboxtext_doc p {
  width: 100%;
  float: left;
  color: #454545;
  font-size: 20px;
  font-weight: 400;
}
.viewalldoc {
  width: 100%;
  float: left;
}
.viewalldoc a {
  float: left;
  font-size: 20px;
  font-weight: 700;
  color: #454545;
  border: 1px solid #454545;
  border-radius: 10px;
  padding: 20px 180px;
}
.allinsboxpart {
  width: 100%;
  float: left;
}
.insboxdata_motor {
  width: 100%;
  float: left;
  padding: 65px 0;
  border-bottom: 1px dashed rgb(0 0 0 / 40%);
}
.insboxwidth {
  width: 794px;
  margin: 0 auto;
}
.insboxwidth .personal_deta_info {
  padding: 0 0;
}
.garages_near_you {
  width: 100%;
  float: left;
  padding: 65px 224.5px;
}
.garages_near_box {
  width: 100%;
  float: left;
  background:
    linear-gradient(
      270deg,
      #A7FAF7 0%,
      #DDF6E1 100%);
  border-radius: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.gar_bannerimg {
  float: left;
  padding-right: 60px;
}
.gar_bannerimg img {
  float: left;
}
.gar_bannertext {
  float: left;
  padding-left: 60px;
}
.gar_bannertext h2 {
  font-weight: 400;
  font-size: 36px;
  color: #000000;
  padding-bottom: 16px;
}
.gar_bannertext p {
  font-size: 20px;
  color: #000;
  font-weight: 400;
  padding-bottom: 36px;
  width: 66%;
  line-height: 30px;
}
.gar_bannertext a {
  padding: 20px 20px;
  background: #F58220;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  border-radius: 10px;
  float: left;
}
.garages_near_space {
  width: 1067px;
  margin: 0 auto;
}
.my_policy_detail_helth {
  width: 100%;
  float: left;
  padding: 44px 0 0;
  display: none;
}
.hospital_near_you {
  width: 100%;
  float: left;
  padding: 65px 224.5px;
}
.hospital_near_space {
  width: 1067px;
  margin: 0 auto;
}
.hospital_near_box {
  width: 100%;
  float: left;
  background:
    linear-gradient(
      266.74deg,
      #84CFCC 39.96%,
      #A3E1B4 77.94%);
  border-radius: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
}
.hospital_bannerimg {
  float: left;
}
.hospital_bannerimg img {
  float: left;
}
.hospital_bannertext {
  float: left;
  padding-left: 60px;
}
.hospital_bannertext h2 {
  font-weight: 400;
  font-size: 36px;
  color: #000000;
  padding-bottom: 16px;
}
.hospital_bannertext p {
  font-size: 20px;
  color: #000;
  font-weight: 400;
  padding-bottom: 36px;
  width: 66%;
  line-height: 30px;
}
.hospital_bannertext a {
  padding: 20px 20px;
  background: #F58220;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  border-radius: 10px;
  float: left;
}
.insured_members {
  width: 100%;
  float: left;
  padding: 65px 0;
  border-bottom: 1px dashed rgb(0 0 0 / 40%);
}
.ins_member_title {
  width: 100%;
  float: left;
  padding: 0 153px;
  display: flex;
  gap: 20px;
  align-items: center;
}
.ins_member_title h2 {
  float: left;
  color: #000;
  font-size: 32px;
  font-weight: 400;
}
.ins_member_title i {
  float: left;
  width: 30px;
  height: 30px;
  border-radius: 50px;
  background: #005DAC;
  font-size: 20px;
  font-weight: 700;
  font-style: normal;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ins_member_acco {
  width: 100%;
  float: left;
  padding: 0 153px;
}
.ins_member_accobox {
  width: 100%;
  float: left;
  padding: 40px 0;
  border-bottom: 1px dashed rgb(0 0 0 / 40%);
}
.ins_member_accobox:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
.ins_member_accobox a {
  width: 100%;
  float: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.insmemspace {
  float: left;
  display: flex;
  align-items: center;
  gap: 35px;
}
.insmemspace img {
  width: 75px;
  height: 75px;
  float: left;
  border-radius: 100%;
  padding: 3px;
}
.insmemspace.active img {
  border: 1px solid #F58220;
}
.insmemspace p {
  float: left;
  font-weight: 400;
  font-size: 24px;
  color: #000;
}
.accodrop {
  float: left;
  width: 24px;
  height: 24px;
}
.ins_member_listtext {
  width: 100%;
  float: left;
  padding-top: 12px;
  display: block;
}
.ins_member_listtext ul {
  width: 91%;
  float: right;
  padding-right: 50px;
  display: flex;
  justify-content: space-between;
}
.ins_member_listtext ul li {
  float: left;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.ins_member_listtext ul li p {
  float: left;
  font-size: 16px;
  font-weight: 400;
  color: #454545;
}
.ins_member_listtext ul li strong {
  float: left;
  font-size: 20px;
  font-weight: 400;
  color: #000;
}
.uploadhealthreport {
  width: 100%;
  float: left;
  padding: 65px 0;
  border-bottom: 1px dashed rgb(0 0 0 / 40%);
}
.uploadhealtitle {
  width: 100%;
  float: left;
  padding: 0 153px 36px;
}
.uploadhealtitle h2 {
  font-size: 32px;
  font-weight: 400;
  padding-bottom: 25px;
}
.uploadhealtitle p {
  font-size: 20px;
  color: #454545;
  font-weight: 400;
}
.uploadhealtitle p i {
  font-style: normal;
  font-weight: 700;
}
.uploadhealthBTN {
  width: 100%;
  float: left;
  padding: 0 153px 25px;
  display: flex;
  gap: 15px;
}
.uploadhealthBTN a {
  width: 50%;
  float: left;
  border: 1px solid #454545;
  padding: 18px 0;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  gap: 10px;
  align-items: center;
}
.uploadhealthBTN a p {
  font-size: 20px;
  color: #454545;
  font-weight: 700;
  float: left;
}
.uploadhealthBTN a img {
  width: 24px;
  height: 24px;
  float: left;
}
.uploadhealthBTN label {
  width: 50%;
  float: left;
  border: 1px solid #454545;
  padding: 18px 0;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  gap: 10px;
  cursor: pointer;
}
.uploadhealthBTN label img {
  width: 24px;
  height: 24px;
  float: left;
}
.uploadhealthBTN label p {
  font-size: 20px;
  color: #454545;
  font-weight: 700;
  float: left;
}
.uploadhealthBTN label input {
  display: none;
}
.viwdochelth {
  width: 100%;
  float: left;
  padding: 0 153px;
}
.viwdochelth a {
  font-size: 20px;
  font-weight: 700;
  color: #005DAC;
  text-decoration: underline;
}
.DND_tab {
  width: 100%;
  float: left;
  display: none;
}
.DND_tab.active {
  display: block;
}
.donotcall {
  width: 100%;
  float: left;
  padding: 45px 0;
}
.donotcall_fullbox {
  width: 100%;
  float: left;
}
.donotcallbox {
  width: 795px;
  margin: 0 auto;
}
.donotcall_title {
  width: 100%;
  float: left;
  padding-bottom: 40px;
}
.donotcall_title h2 {
  font-size: 32px;
  font-weight: 400;
  color: #000;
  width: 100%;
  float: left;
  padding-bottom: 20px;
}
.donotcall_title p {
  width: 100%;
  float: left;
  font-size: 20px;
  color: #454545;
  font-weight: 400;
}
.donotcallform {
  width: 100%;
  float: left;
}
.donotcallformone {
  width: 100%;
  float: left;
  margin-bottom: 40px;
}
.gunerateotp {
  width: 100%;
  float: left;
  font-size: 20px;
  font-weight: 700;
  color: #FFFFFF;
  background: #005DAC;
  padding: 20px 0;
  border-radius: 10px;
}
.gundisBTN {
  background: rgb(143 143 143 / 70%);
  cursor: default;
}
.DND_tab .otp_section {
  width: 100%;
  float: left;
  margin: 0px auto;
}
.DND_tab .otp_wrapper {
  width: 100%;
  padding: 23px;
}
.DND_tab .otp_maxwid {
  width: 100%;
  float: left;
}
.DND_tab .otp_imgbox {
  width: 100%;
  margin-bottom: 30px;
}
.DND_tab .otp_imgbox img {
  width: 52px;
}
.DND_tab .otp_verification_title {
  width: 100%;
  font-size: 24px;
  line-height: 28px;
  margin-bottom: 10px;
}
.DND_tab .otp_sent_box {
  width: 100%;
  margin-bottom: 40px;
}
.DND_tab .an_otp_text {
  font-size: 20px;
  line-height: 20px;
}
.DND_tab .otp_noedit {
  display: inline-flex;
  align-items: center;
  font-size: 20px;
  line-height: 20px;
  color: #005DAC;
  font-weight: 700;
  column-gap: 2px;
}
.DND_tab .otp_input_wrapper {
  width: 100%;
  display: flex;
  column-gap: 30px;
  justify-content: space-between;
  margin-bottom: 30px;
}
.DND_tab .otp_inputbox {
  width: 100%;
  height: 46px;
  padding: 10px;
  text-align: center;
  border: 1px solid #CECECE;
  border-radius: 5px;
  font-size: 14px;
  line-height: 14px;
}
.DND_tab .resend_otp_box {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 50px;
}
.DND_tab .resend_otp_link {
  display: inline-block;
  font-size: 20px;
  line-height: 14px;
  color: #005DAC;
  font-weight: 700;
  position: relative;
  border-bottom: 1px solid #005DAC;
  padding-bottom: 1px;
}
.DND_tab .resend_otp_link.disabled {
  color: #A6A6A6;
  border-bottom: 1px solid #A6A6A6;
}
.DND_tab .resend_otp_counter {
  display: inline-block;
  font-size: 20px;
  line-height: 16px;
  color: #F58220;
  font-weight: 700;
}
.DND_tab .otp_verify_btnbox {
  width: 100%;
  float: left;
  display: flex;
  gap: 10px;
}
.DND_tab .otp_verify_btnbox button {
  width: 50%;
  float: left;
}
.DND_tab .verify_btn {
  border-radius: 10px;
  background: #005dac;
  padding: 20px 60px;
  color: #fff;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  line-height: 100%;
  transition: .3s all ease-in;
  width: 100%;
  float: left;
  border: 1px solid #005dac;
}
.cancelOTP {
  border-radius: 10px;
  background: #fff;
  padding: 20px 20px;
  color: #454545;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  line-height: 100%;
  transition: .3s all ease-in;
  width: 100%;
  float: left;
  border: 1px solid #454545;
}
.regsuccess_popup {
  width: 100%;
  float: left;
  position: relative;
  z-index: 9999;
  display: none;
}
.retry_reg_success_popup {
  width: 100%;
  float: left;
  position: relative;
  z-index: 9999;
  display: none;
}
.regsuccess_popkbg {
  width: 100%;
  float: left;
  background: rgb(0 0 0 / 30%);
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  z-index: 999;
  display: flex;
  justify-content: center;
  align-items: center;
}
.regsuccess_box {
  width: 620px;
  float: left;
  position: relative;
  position: absolute;
  right: -101%;
  height: 100vh;
  transition: 0.5s;
}
.regsuccess_box.active {
  right: 0;
}
.closeregsuccess_popup {
  float: left;
  position: absolute;
  right: 20px;
  top: 20px;
}
.closeregsuccess_popup a {
  width: 40px;
  height: 40px;
  padding: 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #000;
  border-radius: 50%;
}
.regsuccess_pop_text {
  width: 100%;
  float: left;
  background: #fff;
  height: 100%;
}
.regsuccessbanner {
  width: 100%;
  float: left;
}
.regsuccessbanner img {
  width: 100%;
  float: left;
}
.regsuccessdata {
  width: 100%;
  float: left;
  padding: 30px 26px;
}
.regsuccessdata h2 {
  width: 100%;
  float: left;
  color: #000000;
  font-size: 32px;
  font-weight: 400;
  margin-bottom: 10px;
}
.regsuccessdata strong {
  width: 100%;
  float: left;
  font-size: 24px;
  font-weight: 400;
  line-height: 34px;
  color: #000;
  padding-bottom: 15px;
}
.regsuccessdata > p {
  width: 100%;
  float: left;
  font-size: 20px;
  font-weight: 400;
  color: #454545;
  line-height: 26px;
}
.regsuccess_dele {
  width: 100%;
  float: left;
  gap: 30px;
  margin-top: 25px;
  display: flex;
  flex-direction: column;
}
.regsuccess_acknow {
  width: 100%;
  float: left;
  border: 1px solid #005DAC;
  padding: 16px 20px;
  border-radius: 10px;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  color: #FFFFFF;
  background: #005DAC;
}
.closeregsuccess_popup a {
  padding: 15px;
}
.prdatails_popup {
  width: 100%;
  float: left;
  position: relative;
  z-index: 9999;
  display: none;
}
.petlast_popup {
  width: 100%;
  float: left;
  position: relative;
  z-index: 9999;
  display: none;
}
.vehicleend_popup {
  width: 100%;
  float: left;
  position: relative;
  z-index: 9999;
  display: none;
}
.homelast_popup {
  width: 100%;
  float: left;
  position: relative;
  z-index: 9999;
  display: none;
}
.familycheck {
  width: 100%;
  float: left;
  margin-top: 26px;
}
.famcheckbox {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #454545;
  margin-bottom: 0;
}
.famcheckbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.famcheckbox .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #fff;
  border: 1px solid #454545;
  border-radius: 4px;
}
.famcheckbox input:checked ~ .checkmark {
  background-color: #005dac;
  border: 1px solid #005dac;
}
.famcheckbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.famcheckbox input:checked ~ .checkmark:after {
  display: block;
}
.famcheckbox .checkmark:after {
  left: 6px;
  top: 3px;
  width: 4px;
  height: 8px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.porttobagic {
  width: 100%;
  float: left;
  margin-top: 30px;
}
.porttobagic a {
  border-radius: 10px;
  background: #005dac;
  padding: 20px 60px;
  color: #fff;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  line-height: 100%;
  transition: .3s allease-in;
  width: 100%;
  float: left;
  border: 0;
}
.formfild.infobtncode label {
  display: flex;
  gap: 20px;
}
.formfild.infobtncode label a {
  float: left;
  position: relative;
}
.formfild.infobtncode label a img {
  width: 20px;
  height: 20px;
}
.formfild.infobtncode label a .tooltipCon {
  width: 180px;
  padding: 10px 16px;
  background: #fff;
  border-radius: 5px;
  box-shadow: 4px 4px 40px 0px #45454566;
  position: absolute;
  left: -125px;
  bottom: 45px;
  font-size: 14px;
  color: #454545;
  z-index: 1;
  display: none;
}
.formfild.infobtncode label a .tooltipCon::after {
  content: "";
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 15px solid #fff;
  position: absolute;
  right: 32px;
  bottom: -13px;
}
.select_petform {
  width: 100%;
  float: left;
}
.select_petform li {
  float: left;
  margin-right: 140px;
}
.select_petform li:last-child {
  margin-right: 0;
}
.petradio {
  display: block;
  position: relative;
  padding-left: 40px;
  cursor: pointer;
  font-size: 18px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #454545;
  padding-top: 5px;
  margin-bottom: 12px;
}
.petradio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.petradio .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 30px;
  width: 30px;
  background-color: #fff;
  border-radius: 50%;
  border: 1px solid #000;
}
.petradio input:checked ~ .checkmark {
  border: 1px solid #000;
}
.petradio .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.petradio input:checked ~ .checkmark:after {
  display: block;
}
.petradio .checkmark:after {
  top: 7px;
  left: 7px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #005DAC;
}
.allclaimdata {
  width: 100%;
  float: left;
}
.allclaimpart {
  width: 100%;
  float: left;
  margin-bottom: 60px;
}
.allclaimpart .travelpolicylider {
  width: 100%;
  float: left;
}
.allclaimpart .travelpolicylider > ul {
  width: 100%;
  float: left;
  list-style-type: none;
  z-index: 1;
}
.allclaimpart .travelpolicylider > ul li {
  float: left;
  width: 33.33%;
  margin-right: 10px;
}
.allclaimpart .travelace_box {
  width: 100%;
  float: left;
  background:
    linear-gradient(
      180deg,
      rgba(182, 217, 242, 0) 0%,
      rgba(182, 217, 242, 0.3) 77.17%);
  border: 1px solid #005DAC1A;
  box-shadow: 0px 0px 10px 0px #00000024;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 15px;
}
.allclaimpart .travelace_one {
  width: 100%;
  float: left;
  padding: 0px 0 15px 21px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  border-bottom: 1px dashed rgb(0 0 0 / 40%);
}
.allclaimpart .travelaceicon_names {
  float: left;
  display: flex;
  gap: 10px;
  align-items: center;
  padding: 15px 0 0;
}
.allclaimpart .travelaceicon_names img {
  float: left;
  width: 55px;
  height: 55px;
}
.allclaimpart .travelacenames_text {
  float: left;
}
.allclaimpart .travelacenames_text p {
  font-size: 18px;
  font-weight: 700;
  color: #454545;
  margin-bottom: 5px;
}
.allclaimpart .travelacenames_text i {
  font-style: normal;
  font-size: 14px;
  font-weight: 400;
  color: #454545;
}
.allclaimpart .travelace_two {
  width: 100%;
  float: left;
  padding: 18px 21px;
  display: grid;
  row-gap: 24px;
  grid-template-columns: auto auto auto;
  column-gap: 15px;
}
.allclaimpart .travelace_data {
  float: left;
  display: flex;
  flex-direction: column;
}
.allclaimpart .travelace_data i {
  font-style: normal;
  font-size: 14px;
  font-weight: 400;
  color: #454545;
  padding-bottom: 7px;
}
.allclaimpart .travelace_data p {
  font-size: 16px;
  font-weight: 400;
  color: #454545;
}
.allclaimpart .travelace_btn {
  width: 100%;
  float: left;
  padding: 6px 21px 20px;
  display: flex;
  gap: 24px;
}
.allclaimpart .travelace_btn a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  border-radius: 10px;
  padding: 16px 20px;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0px;
}
.allclaimpart .travelace_btn a.renewnow_po {
  background: #005DAC;
  color: #fff;
}
.allclaimpart .travelres_title {
  float: left;
  display: flex;
  justify-content: space-between;
}
.allclaimpart .travelres_title strong {
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  background: #005DAC;
  padding: 5px 15px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  float: left;
}
.allclaimpart .travelres_title.redbg strong {
  background: #a60000;
}
.allclaimpart .travelres_title.greenbg strong {
  background: #0b6b1d;
}
.allclaimpart .travelres_title.orangebg strong {
  background: #f58321;
}
.allclaimdata .travelboxslide .slick-dots {
  display: flex;
  justify-content: center;
}
.allclaimdata .travelboxslide .slick-dots > li {
  height: 5px;
  margin: 0px 5px;
  width: auto;
}
.allclaimdata .travelboxslide .slick-dots > li button {
  width: 100%;
  height: 10px;
  width: 10px;
  padding: 0px;
}
.allclaimdata .travelboxslide .slick-dots > li button:before {
  content: "";
  width: 10px;
  height: 10px;
  background: transparent;
  transition: 0.3s all ease-in;
  opacity: 1;
  border-radius: 50%;
  border: 1px solid #005DAC;
}
.allclaimdata .travelboxslide .slick-dots > li.slick-active button:before {
  background: #F58220;
  transition: 0.3s all ease-in;
  opacity: 1;
  border: 1px solid #F58220;
}
.modyfiybtn {
  float: left;
  padding: 10px 20px;
  border: 1px solid #45454599;
  box-shadow: 0px 3px 20px 0px #00000026;
  border-radius: 30px;
  display: flex;
  gap: 10px;
  align-items: center;
}
.modyfiybtn img {
  width: 20px;
  height: 20px;
}
.modyfiybtn p {
  font-size: 20px;
  color: #454545;
  font-weight: 700;
}
.backheader {
  width: 100%;
  float: left;
  background: url("./media/travelbuytopbanner.png") no-repeat;
  background-size: cover;
  padding: 5px 10px;
}
@media screen and (min-width:1640px) {
  .motorinspart_one {
    min-height: 100px;
  }
}
@media screen and (max-width:1600px) {
  .myPolicyBanner .myPolicyBannerLeft {
    width: 45%;
  }
  .motorins_po_part {
    padding: 44px 50px 45px;
  }
  .recommendations {
    padding: 44px 50px 45px;
  }
  .tab_maxwidbox {
    max-width: 700px;
  }
  .common_formtitle {
    font-size: 26px;
    line-height: 21px;
  }
  .cm_formgroup {
    margin-bottom: 25px;
  }
  .cm_inputlabel {
    font-size: 16px;
    margin-bottom: 15px;
  }
  .cm_inputtext {
    padding: 15px;
    line-height: 17px;
    font-size: 14px;
  }
  .cm_errordiv p {
    font-size: 14px;
    line-height: 18px;
  }
  .primary_verifybtn {
    font-size: 14px;
    padding: 13px;
    font-weight: 600;
    border-radius: 5px;
  }
  .upload_doctitle {
    font-size: 18px;
    line-height: 21px;
  }
  .upload_type {
    padding-left: 25px;
    padding-top: 1px;
  }
  .upload_type .checkmark_up {
    width: 16px;
    height: 16px;
  }
  .upload_type .checkmark_up:after {
    width: 8px;
    height: 8px;
  }
  .uploaddoc_checkwrapper {
    margin-bottom: 25px;
  }
  .upload_text {
    font-size: 16px;
  }
  .thankyoudata h2 {
    font-size: 32px;
  }
  .thankyoudata strong {
    font-size: 26px;
  }
  .thankyoudata p {
    font-size: 14px;
    line-height: 21px;
  }
  .thankyoudata {
    font-size: 20px;
  }
  .thankyou_box {
    width: 440px;
  }
  .V_acknow {
    width: 35%;
    padding: 13px 12px;
  }
  .vehicleinsdata h2 {
    margin-bottom: 15px;
  }
  .docupdatedata h2 {
    font-size: 32px;
  }
  .docupdatedata strong {
    font-size: 26px;
  }
  .docupdatedata p {
    font-size: 14px;
    line-height: 21px;
  }
  .docupdatedata {
    font-size: 20px;
  }
  .docupdate_box {
    width: 440px;
  }
  .regsuccessdata h2 {
    font-size: 32px;
  }
  .regsuccessdata strong {
    font-size: 20px;
  }
  .regsuccessdata p {
    font-size: 14px;
    line-height: 21px;
  }
  .regsuccessdata {
    font-size: 20px;
  }
  .regsuccess_box {
    width: 440px;
  }
  .track_status_data {
    padding: 38px 30px;
  }
}
@media screen and (max-width:1440px) {
  .updateKYC .motorbuytab li a {
    font-size: 16px;
  }
  .myPolicyleftTab .myPolicyTabBlock > h3 {
    font-size: 20px;
  }
  .myPolicyleftTab {
    display: block;
  }
  .motorins_po_title h2 {
    font-size: 26px;
  }
  .recommendations {
    padding: 40px 24px;
  }
  .recommendations_title h2 {
    font-size: 26px;
  }
  .recommendations_title {
    padding: 0 24px;
  }
  .mob_profile {
    display: none;
  }
  .myPolicyleftTab {
    width: 100%;
  }
  .myPolicyrightpart {
    width: calc(100% - 25%);
  }
  .motorins_po_title a p {
    font-size: 14px;
  }
  .motorins_po_title a img {
    width: 15px;
    height: 15px;
  }
  .motorins_po_slide > ul .slick-list {
    padding-left: 24px;
    padding-right: 24px;
  }
  .recommendations {
    padding: 30px 0 35px 0;
  }
  .recommendations_title {
    padding: 0 24px;
  }
  .recommendations_slide > ul .slick-list {
    padding-left: 24px;
    padding-right: 24px;
  }
  .recommendations .slick-dots {
    padding: 0 24px;
  }
  .myPolicyBanner .myPolicyBannerLeft {
    width: 50%;
  }
  .myPolicyBanner .myPolicyBannerLeft .myPolicyname > h2 {
    font-size: 24px;
  }
  .myPolicyBanner .myPolicyBannerRight {
    display: flex;
    gap: 20px;
  }
  .myPolicyBanner .myPolicyBannerRight a {
    margin-left: 0;
  }
  .myPolicyBanner {
    gap: 30px;
  }
  .icon_names img {
    width: 45px;
    height: 45px;
  }
  .names_text p {
    font-size: 14px;
  }
  .healthmark {
    padding: 5px 7px;
  }
  .healthcard_data p {
    font-size: 14px;
  }
  .healthcard_data i {
    font-size: 12px;
  }
  .motorinspart_btn {
    gap: 15px;
  }
  .motorinspart_btn a {
    padding: 12px 20px;
  }
  .unlimi_text p {
    font-size: 18px;
  }
  .compulsory p {
    font-size: 20px;
  }
  .compulsory a img {
    width: 24px;
    height: 24px;
  }
  .recomprice_text p {
    font-size: 24px;
  }
  .recomprice_text i {
    font-size: 14px;
  }
  .recome_knowmore a {
    font-size: 14px;
  }
  .recomprice {
    padding: 20px 28px;
  }
  .healthmark p {
    font-size: 12px;
  }
  .healthmark i {
    width: 8px;
    height: 8px;
  }
  .names_text i {
    font-size: 14px;
  }
  .track_status_data {
    padding: 30px 50x;
  }
  .track_status_title h2 {
    font-size: 26px;
  }
  .track_status_title {
    margin-bottom: 20px;
  }
  .tracktitle > p {
    font-size: 18px;
  }
  .bottomlinetext {
    font-size: 16px;
  }
  .viewpolicy_track a {
    padding: 10px 15px;
    font-size: 14px;
  }
  .topdata_box {
    padding: 20px 28px;
  }
  .track_status_list {
    padding-bottom: 20px;
  }
  .track_status_list ul {
    width: 100%;
    float: left;
    list-style-type: none;
    display: flex;
    gap: 24px;
  }
  .checkStatus {
    padding: 15px 20px;
  }
  .Status_claimleft > ul li a {
    font-size: 14px;
  }
  .trackbody {
    padding-left: 30px;
  }
  .checkStatus_drop a p {
    font-size: 16px;
  }
  .track_status_box {
    margin-bottom: 40px;
  }
  .plicy_clicktitle {
    padding: 24px 24px;
  }
  .addyourplicy_click .slick-track {
    padding-left: 14px;
  }
  .plicyboxtext {
    position: relative;
    z-index: 1;
  }
  .bordercenter {
    padding: 0 24px;
  }
  .plicyboxtext h3 {
    font-size: 30px;
  }
  .plicyboxtext p {
    font-size: 18px;
  }
  .plicy_clicktitle h2 {
    font-size: 26px;
  }
  .Browseourplans {
    padding: 60px 0 60px;
  }
  .Browseourplans_title h2 {
    font-size: 26px;
  }
  .Browseourplans_title {
    padding: 0 24px 40px;
  }
  .Browseourplans_list > ul .slick-track {
    padding-left: 24px;
  }
  .ourboximg img {
    height: 40px;
  }
  .ourboximg {
    margin-bottom: 70px;
  }
  .ourboxtext p {
    font-size: 16px;
  }
  .insuraCardtext h2 {
    font-size: 26px;
  }
  .insuraCardtext p {
    font-size: 16px;
    margin-bottom: 30px;
  }
  .insuraCardtext a {
    font-size: 18px;
  }
  .addyourinsuraCard {
    padding: 60px 0;
  }
  .addInsuracardform .formfild label {
    font-size: 16px;
  }
  .addInsuracardform .formfild input {
    font-size: 16px;
    border-radius: 5px;
  }
  .addInsuracardtitle h2 {
    font-size: 26px;
  }
  .insuraCardtitle {
    padding: 0 24px 20px;
  }
  .insuraCardtitle h2 {
    font-size: 26px;
  }
  .insuraCardtitle a img {
    width: 15px;
    height: 15px;
  }
  .insuraCardtitle a p {
    font-size: 14px;
  }
  .insuraCard_slide {
    padding: 0 0;
  }
  .sliderinscard .slick-dots {
    padding: 0 24px;
  }
  .insuraCard_slide .slick-list {
    padding-left: 19px;
  }
  .insuraCardboxBg {
    gap: 5px;
  }
  .personal_details_title h2 {
    font-size: 26px;
  }
  .nameprsonal p {
    font-size: 22px;
  }
  .personalbio ul li input {
    font-size: 16px;
  }
  .addressbio textarea {
    font-size: 16px;
  }
  .personal_deta_info {
    padding: 35px 0;
  }
  .personal_detailsBio {
    margin-top: 35px;
  }
  .personal_details_title a p {
    font-size: 18px;
  }
  .mydocument_nametext strong {
    font-size: 20px;
  }
  .mydocument_nametext ul li p {
    font-size: 16px;
  }
  .topcardpart {
    padding: 0 24px 40px;
  }
  .backtext p {
    font-size: 26px;
  }
  .download_pol_title {
    padding: 0 24px 20px;
  }
  .download_pol_title h2 {
    font-size: 26px;
  }
  .download_pol_doc {
    padding: 40px 0;
  }
  .download_pol_docs_list {
    padding: 0 24px;
  }
  .viewalldoc a {
    padding: 16px 30px;
    font-size: 18px;
  }
  .download_pol_docs_list > ul {
    margin-bottom: 30px;
  }
  .garages_near_you {
    padding: 40px 0;
  }
  .gar_bannertext p {
    padding-bottom: 15px;
    font-size: 16px;
  }
  .gar_bannertext a {
    padding: 12px 20px;
    font-size: 18px;
  }
  .gar_bannertext h2 {
    font-size: 32px;
  }
  .insboxdata_motor {
    padding: 40px 0;
  }
  .garages_near_space {
    width: 794px;
  }
  .hospital_near_you {
    padding: 40px 0;
  }
  .hospital_bannertext p {
    padding-bottom: 15px;
    font-size: 16px;
  }
  .hospital_bannertext a {
    padding: 12px 20px;
    font-size: 18px;
  }
  .hospital_bannertext h2 {
    font-size: 32px;
  }
  .hospital_near_space {
    width: 794px;
  }
  .download_pol_docs_list > ul .slick-track {
    padding-left: 3px;
  }
  .tackyourclaim a {
    font-size: 18px;
  }
  .tackyourclaim {
    padding: 20px 0 0;
  }
  .insured_members {
    padding: 40px 0;
  }
  .ins_member_title {
    padding: 0 24px;
    gap: 10px;
  }
  .ins_member_acco {
    padding: 0 24px;
  }
  .uploadhealthreport {
    padding: 40px 0;
  }
  .uploadhealtitle {
    padding: 0 24px 24px;
  }
  .uploadhealthBTN {
    padding: 0 24px 12px;
  }
  .viwdochelth {
    padding: 0 24px;
  }
  .ins_member_listtext ul {
    width: 89%;
  }
  .ins_member_title h2 {
    font-size: 26px;
  }
  .uploadhealtitle h2 {
    font-size: 26px;
  }
  .uploadhealtitle p {
    font-size: 16px;
  }
  .viwdochelth a {
    font-size: 18px;
  }
  .ins_member_accobox {
    padding: 30px 0;
  }
  .ins_member_title i {
    width: 26px;
    height: 26px;
    font-size: 16px;
  }
  .ourboximg_doc {
    margin-bottom: 90px;
  }
  .donotcall_title h2 {
    font-size: 26px;
  }
  .donotcall_title p {
    font-size: 16px;
  }
  .travel_update_KYC .common_formtitle {
    font-size: 26px;
  }
  .allclaimpart .travelaceicon_names img {
    width: 45px;
    height: 45px;
  }
  .allclaimpart .travelacenames_text p {
    font-size: 16px;
  }
  .allclaimpart .travelace_btn {
    gap: 15px;
  }
  .allclaimpart .travelace_btn a {
    padding: 12px 20px;
  }
  .allclaimpart .travelacenames_text i {
    font-size: 14px;
  }
  .allclaimpart .travelacenames_text p {
    font-size: 16px;
  }
  .allclaimpart .travelacenames_text i {
    font-size: 14px;
  }
  .allclaimpart .travelaceicon_names img {
    width: 48px;
    height: 48px;
  }
  .allclaimpart .travelaceicon_names {
    gap: 16px;
  }
  .allclaimpart .travelace_btn {
    padding: 6px 16px 18px;
  }
  .allclaimpart .travelace_btn a {
    padding: 13px 20px;
  }
  .allclaimpart .travelace_btn a {
    font-size: 16px;
  }
  .allclaimpart {
    margin-bottom: 40px;
  }
  .modyfiybtn p {
    font-size: 14px;
  }
  .modyfiybtn {
    padding: 10px 15px;
  }
  .modyfiybtn img {
    width: auto;
    height: 15px;
  }
}
@media screen and (max-width:1024px) {
  .myPolicyleftTab .myPolicyTabBlock > h3 {
    font-size: 20px;
    padding: 0 20px;
  }
  .myPolicyTabBlock.singaltext ul li a .redbutton,
  .greenbutton p {
    font-size: 12px;
  }
  .myPolicyleftTab {
    display: block;
  }
  .motorins_po_part {
    padding: 30px 0 35px 0;
  }
  .motorins_po_title h2 {
    font-size: 26px;
  }
  .recommendations {
    padding: 40px 24px;
  }
  .recommendations_title h2 {
    font-size: 26px;
  }
  .mob_profile {
    display: none;
  }
  .myPolicyleftTab {
    width: 30%;
  }
  .myPolicyrightpart {
    width: calc(100% - 30%);
  }
  .motorins_po_title a p {
    font-size: 14px;
  }
  .motorins_po_title a img {
    width: 15px;
    height: 15px;
  }
  .motorins_po_title {
    padding: 0 24px;
  }
  .recommendations {
    padding: 30px 0 35px 0;
  }
  .recommendations_title {
    padding: 0 24px;
  }
  .recommendations .slick-dots {
    padding: 0 24px;
  }
  .myPolicyBanner .myPolicyBannerLeft {
    width: 50%;
  }
  .myPolicyBanner .myPolicyBannerLeft .myPolicyname > h2 {
    font-size: 24px;
  }
  .myPolicyBanner .myPolicyBannerRight {
    display: flex;
    gap: 20px;
  }
  .myPolicyBanner .myPolicyBannerRight a {
    margin-left: 0;
  }
  .myPolicyBanner {
    gap: 30px;
  }
  .myPolicyBanner .myPolicyBannerLeft > img {
    width: 100px;
    height: 100px;
  }
  .icon_names img {
    width: 45px;
    height: 45px;
  }
  .names_text p {
    font-size: 16px;
  }
  .healthmark {
    padding: 5px 7px;
  }
  .healthcard_data p {
    font-size: 14px;
  }
  .healthcard_data i {
    font-size: 12px;
  }
  .motorinspart_btn {
    gap: 15px;
  }
  .motorinspart_btn a {
    padding: 12px 20px;
  }
  .unlimi_text p {
    font-size: 18px;
  }
  .compulsory p {
    font-size: 20px;
  }
  .compulsory a img {
    width: 24px;
    height: 24px;
  }
  .recomprice_text p {
    font-size: 24px;
  }
  .recomprice_text i {
    font-size: 14px;
  }
  .recome_knowmore a {
    font-size: 14px;
  }
  .recomprice {
    padding: 20px 28px;
  }
  .yourprofile_details_box {
    width: 500px;
  }
  .userbox {
    padding: 0 24px;
  }
  .userform_box {
    padding: 30px 24px 0;
  }
  .track_status_data {
    padding: 30px 15px;
  }
  .updateKYC .tab_maxwidbox {
    max-width: 100%;
    padding: 0 30px;
  }
  .updateKYC .common_formtitle {
    margin-bottom: 20px;
    font-size: 20px;
  }
  .updateKYC .cm_formgroup {
    margin-bottom: 24px;
  }
  .updateKYC .cm_inputlabel {
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 10px;
  }
  .updateKYC .cm_formgroup {
    line-height: 18px;
  }
  .updateKYC .cm_errordiv {
    margin-bottom: 24px;
  }
  .updateKYC .primary_verifybtn {
    width: 100%;
    padding: 15px;
    font-size: 16px;
  }
  .plicy_clicktitle {
    padding: 24px 24px;
  }
  .plicy_clicktitle h2 {
    font-size: 20px;
  }
  .addyourplicy_click .slick-track {
    padding-left: 14px;
    padding-right: 0;
  }
  .plicy_clickbox {
    padding-left: 10px;
    padding-right: 10px;
  }
  .plicyboxtext h3 {
    font-size: 22px;
    font-weight: 400;
    margin-bottom: 10px;
  }
  .plicyboxtext p {
    font-size: 18px;
    margin-bottom: 6px;
    gap: 5px;
  }
  .plicyboxtext {
    padding-left: 20px;
    position: relative;
    z-index: 1;
    width: 60%;
  }
  .plicyboximg {
    width: 50%;
  }
  .plicyboxBG {
    height: 197px;
  }
  .plicyboximg {
    width: 75%;
  }
  .plicysliderbox .slick-dots {
    bottom: -24px;
  }
  .plicysliderbox .slick-dots > li button:before {
    width: 8px;
    height: 8px;
  }
  .plicysliderbox .slick-dots > li {
    margin: 0px 0px;
  }
  .plicyboxtext p i {
    font-size: 8px;
    margin-right: 5px;
  }
  .plicy_clickslider {
    padding-bottom: 20px;
  }
  .policytabspace {
    width: 540px;
  }
  .policytabgroup {
    padding: 50px 0;
    padding-left: 15px;
  }
  .Browseourplans {
    padding: 60px 0 60px;
  }
  .Browseourplans_title h2 {
    font-size: 26px;
  }
  .Browseourplans_title {
    padding: 0 24px 40px;
  }
  .Browseourplans_list > ul .slick-track {
    padding-left: 24px;
  }
  .ourboximg img {
    height: 40px;
  }
  .ourboximg {
    margin-bottom: 70px;
  }
  .ourboxtext p {
    font-size: 16px;
  }
  .addInsuracardform .formfild label {
    font-size: 14px;
  }
  .addInsuracardform .formfild input {
    font-size: 14px;
    border-radius: 5px;
  }
  .addInsuracardtitle h2 {
    font-size: 26px;
  }
  .insuraCardtitle {
    padding: 0 24px 20px;
  }
  .insuraCardtitle h2 {
    font-size: 20px;
  }
  .insuraCardtitle a img {
    width: 15px;
    height: 15px;
  }
  .insuraCardtitle a p {
    font-size: 14px;
  }
  .insuraCard_slide {
    padding: 0 0;
  }
  .insuraCard_slide .slick-list {
    padding-left: 19px;
  }
  .sliderinscard .slick-dots {
    padding: 0 0;
    bottom: -20px;
  }
  .my_insuraCard_sliders {
    padding: 30px 0 20px;
  }
  .personal_details_title {
    padding: 0 24px 0;
  }
  .personal_details_box {
    width: 100%;
  }
  .personal_detailsBio {
    margin-top: 30px;
  }
  .personal_details_title h2 {
    font-size: 20px;
  }
  .personal_details_title a img {
    width: 15px;
    height: 15px;
  }
  .personal_details_title a p {
    font-size: 14px;
  }
  .personal_deta_info {
    padding: 30px 24px;
  }
  .nameprsonal p {
    font-size: 20px;
    margin-bottom: 8px;
  }
  .nameprsonal i {
    font-size: 14px;
  }
  .personaledit a img {
    width: 20px;
    height: 20px;
  }
  .personalbio ul li p {
    font-size: 16px;
  }
  .personalbio ul li input {
    font-size: 16px;
  }
  .personalbio ul li p {
    padding-bottom: 8px;
  }
  .addressbio p {
    font-size: 14px;
    padding-bottom: 8px;
  }
  .addressbio textarea {
    font-size: 16px;
  }
  .personalbio ul {
    margin-bottom: 24px;
    gap: 24px;
    grid-template-columns: auto auto !important;
  }
  .addressbio textarea {
    height: auto;
    line-height: 24px;
  }
  .personalbio ul.personaltextbio li:first-child {
    grid-column-start: 1;
    grid-column-end: 3;
  }
  .personal_details_data {
    padding: 15px 15px;
  }
  .mydocument_nametext strong {
    font-size: 18px;
  }
  .mydocument_nametext ul li p {
    font-size: 14px;
  }
  .mydocument_name img {
    width: 50px;
    height: 50px;
  }
  .mydocument_info {
    gap: 10px;
    padding: 25px 0;
  }
  .mydocument_nametext {
    gap: 14px;
  }
  .mydocument_body .personal_detailsBio {
    padding: 0 24px;
  }
  .mydocument_body .personal_details_title {
    padding: 0 0;
  }
  .topcardpart {
    padding: 0 24px 37px;
  }
  .download_pol_docs_list {
    padding: 0 0;
  }
  .download_pol_title {
    padding: 0 24px 20px;
  }
  .insboxwidth {
    width: 100%;
    float: left;
  }
  .garages_near_you {
    padding: 40px 24px;
  }
  .motorcard_space {
    width: 100%;
  }
  .viewalldoc a {
    width: 100%;
    padding: 17px 0px;
    font-size: 16px;
    text-align: center;
  }
  .insboxdata_motor {
    padding: 40px 24px;
  }
  .backtext p {
    font-size: 20px;
  }
  .backtext a img {
    width: 25px;
  }
  .restart img {
    width: 30px;
  }
  .my_policy_detail_motor {
    padding: 30px 0 0;
  }
  .backtitle {
    padding: 0 0 10px;
  }
  .tackyourclaim a {
    font-size: 14px;
  }
  .tackyourclaim {
    padding: 23px 0 0;
  }
  .download_pol_doc {
    padding: 40px 0;
  }
  .download_pol_title a p {
    font-size: 16px;
  }
  .download_pol_title a {
    padding: 10px 15px;
    width: auto;
  }
  .ourboxtext_doc p {
    font-size: 14px;
  }
  .ourboximg_doc img {
    height: 36px;
  }
  .ourboximg_doc {
    margin-bottom: 0;
  }
  .download_pol_docs_list > ul li a {
    padding: 13px;
    height: 124px;
    border-radius: 10px;
  }
  .download_pol_docs_list > ul .slick-track {
    padding-left: 24px;
  }
  .viewalldoc {
    padding: 0 24px;
  }
  .download_pol_docs_list > ul {
    margin-bottom: 30px;
  }
  .gar_bannertext {
    padding: 20px 23px 20px;
    width: 100%;
  }
  .gar_bannertext h2 {
    font-size: 20px;
    padding-bottom: 8px;
  }
  .gar_bannertext p {
    font-size: 14px;
    line-height: 20px;
    padding-bottom: 16px;
    width: 59%;
  }
  .gar_bannertext a {
    padding: 9px 15px;
    font-size: 14px;
  }
  .garages_near_box {
    position: relative;
    overflow: hidden;
  }
  .gar_bannerimg {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 24%;
    padding-right: 40px;
  }
  .download_pol_title h2 {
    font-size: 20px;
  }
  .garages_near_space {
    width: 100%;
  }
  .hospital_near_you {
    padding: 40px 24px;
  }
  .hospital_bannertext {
    padding: 20px 23px 20px;
    width: 60%;
    z-index: 1;
  }
  .hospital_bannertext h2 {
    font-size: 20px;
    padding-bottom: 8px;
  }
  .hospital_bannertext p {
    font-size: 14px;
    line-height: 20px;
    padding-bottom: 16px;
    width: 59%;
  }
  .hospital_bannertext a {
    padding: 9px 15px;
    font-size: 14px;
  }
  .hospital_near_box {
    position: relative;
    overflow: hidden;
  }
  .hospital_bannerimg {
    position: absolute;
    right: 0;
    bottom: -61px;
    width: 61%;
    padding-right: 0;
  }
  .hospital_near_space {
    width: 100%;
  }
  .ins_member_title h2 {
    font-size: 20px;
  }
  .ins_member_title i {
    font-size: 14px;
    width: 17px;
    height: 17px;
  }
  .ins_member_accobox {
    padding: 24px 0;
  }
  .insmemspace img {
    width: 55px;
    height: 55px;
  }
  .insmemspace p {
    font-size: 18px;
  }
  .insmemspace {
    gap: 16px;
  }
  .ins_member_listtext ul li p {
    font-size: 14px;
  }
  .ins_member_listtext ul li strong {
    font-size: 16px;
  }
  .ins_member_listtext ul li {
    gap: 8px;
  }
  .accodrop {
    width: 14px;
    height: 14px;
  }
  .ins_member_listtext ul {
    width: 90%;
    padding-right: 40px;
  }
  .uploadhealtitle h2 {
    font-size: 20px;
    padding-bottom: 12px;
  }
  .uploadhealtitle p {
    font-size: 14px;
    line-height: 20px;
  }
  .uploadhealthBTN a p {
    font-size: 16px;
  }
  .uploadhealthBTN a img {
    width: 20px;
    height: 20px;
  }
  .uploadhealthBTN label img {
    width: 20px;
    height: 20px;
  }
  .uploadhealthBTN label p {
    font-size: 16px;
  }
  .uploadhealthBTN a {
    padding: 13px 0;
  }
  .uploadhealthBTN label {
    padding: 13px 0;
  }
  .viwdochelth a {
    font-size: 14px;
  }
  .donotcall {
    padding: 40px 24px;
  }
  .donotcallbox {
    width: 100%;
    float: left;
    padding: 0 0;
  }
  .donotcall_title h2 {
    font-size: 24px;
    padding-bottom: 16px;
  }
  .donotcall_title p {
    font-size: 14px;
    line-height: 20px;
  }
  .donotcall_title {
    padding-bottom: 30px;
  }
  .DND_tab .formfild label {
    font-size: 14px;
  }
  .DND_tab .formfild input {
    font-size: 14px;
  }
  .formfild select {
    font-size: 14px;
  }
  .DND_tab .formfild {
    margin-bottom: 24px;
  }
  .gunerateotp {
    font-size: 16px;
    padding: 14px 0;
  }
  .DND_tab .an_otp_text {
    font-size: 16px;
  }
  .DND_tab .otp_noedit {
    font-size: 16px;
  }
  .DND_tab .otp_sent_box {
    margin-bottom: 20px;
  }
  .DND_tab .otp_input_wrapper {
    column-gap: 10px;
  }
  .DND_tab .resend_otp_link {
    font-size: 16px;
  }
  .DND_tab .resend_otp_counter {
    font-size: 16px;
  }
  .DND_tab .resend_otp_box {
    margin-bottom: 30px;
  }
  .formfild .arrowimg {
    right: 20px;
    top: 54px;
  }
  .myPolicyTabBlock.singaltext ul li a {
    padding: 32px 20px;
  }
  .porttobagic a {
    padding: 16px 60px;
    font-size: 18px;
  }
  .petradio {
    font-size: 14px;
    margin-bottom: 0;
  }
  .petradio .checkmark {
    width: 20px;
    height: 20px;
  }
  .petradio .checkmark:after {
    top: 4px;
    left: 4px;
    width: 10px;
    height: 10px;
  }
  .petradio {
    padding-left: 30px;
    padding-top: 3px;
  }
  .select_petform li {
    margin-right: 30px;
  }
  .allclaimpart .travelace_data i {
    font-size: 12px;
  }
  .allclaimpart .travelace_data p {
    font-size: 14px;
  }
}
@media screen and (max-width:820px) {
  .myPolicyleftTab {
    width: 100%;
  }
  .myPolicyrightpart {
    width: 100%;
  }
  .motorinspart_one {
    min-height: auto;
  }
  .motorins_po_part {
    padding: 30px 0 45px;
  }
  .recommendations {
    padding: 30px 0 10px;
  }
  .myPolicyleftTab {
    background: #005DAC;
    box-shadow: 0px 0px 100px 0px #00000066 inset;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    overflow-y: auto;
    height: 100vh;
    display: block;
  }
  .myPolicyleftTab .myPolicyTabBlock > h3 {
    color: #fff;
    padding: 0 20px;
  }
  .myPolicyleftTab .myPolicyTabBlock ul li a {
    color: #DBDBDB;
  }
  .myPolicyleftTab .myPolicyTabBlock ul li label strong {
    color: #DBDBDB;
    border-right: 0;
  }
  .myPolicyleftTab .myPolicyTabBlock ul li a.active {
    color: #fff;
    border-right: 0;
    background: none;
  }
  .myPolicyleftTab .myPolicyTabBlock ul li label input:checked ~ strong {
    color: #ffffff;
    border-right: 0;
  }
  .myPolicyleftTab .myPolicyTabBlock ul li label input:checked ~ strong i::after {
    background: #ffffff;
  }
  .myPolicyleftTab .myPolicyTabBlock ul li a {
    padding: 11px 20px;
    font-size: 16px;
  }
  .myPolicyleftTab .myPolicyTabBlock.singaltext {
    border-bottom: 0;
  }
  .myPolicyleftTab .myPolicyTabBlock.singaltext ul li a {
    font-size: 20px;
    padding: 24px 20px;
    border-bottom: 1px dashed rgb(255 255 255 / 20%);
  }
  .myPolicyTabBlock.singaltext ul li {
    border-bottom: 0;
  }
  .myPolicyleftTab .myPolicyTabBlock ul li label strong {
    padding: 11px 20px;
  }
  .mob_profile_text {
    padding-bottom: 24px;
  }
  .myPolicyleftTab .myPolicyTabBlock {
    border-bottom: 1px dashed rgb(255 255 255 / 20%);
  }
  .mob_profile {
    border-bottom: 1px dashed rgb(255 255 255 / 20%);
  }
  .motorins_po_title h2 {
    font-size: 20px;
  }
  .recommendations_title h2 {
    font-size: 20px;
  }
  .motorins_po_title {
    padding: 0 24px !important;
  }
  .motorins_po_slide > ul .slick-list {
    padding-left: 24px;
  }
  .recommendations_title {
    padding: 0 24px;
  }
  .recommendations_slide > ul .slick-list {
    padding-left: 24px;
    padding-right: 24px;
  }
  .motorins_po_slide > ul li.slick-slide {
    padding: 30px 0 30px;
  }
  .names_text p {
    font-size: 16px;
  }
  .names_text i {
    font-size: 14px;
  }
  .icon_names img {
    width: 48px;
    height: 48px;
  }
  .healthmark p {
    font-size: 10px;
  }
  .healthmark i {
    width: 8px;
    height: 8px;
  }
  .healthmark {
    padding: 3px 5px;
  }
  .icon_names {
    gap: 16px;
  }
  .healthcard_data i {
    font-size: 11px;
  }
  .healthcard_data p {
    font-size: 13px;
  }
  .motorinspart_btn {
    padding: 6px 21px 18px;
  }
  .motorinspart_btn a {
    padding: 13px 20px;
  }
  .motorins_po_slide .slick-dots > li button:before {
    width: 8px;
    height: 8px;
  }
  .compulsory p {
    font-size: 20px;
  }
  .unlimi_text p {
    font-size: 14px;
  }
  .compulsory {
    margin-bottom: 15px;
  }
  .compulsory a img {
    width: 17px;
    height: 17px;
  }
  .recom_text {
    padding: 15px 17px;
  }
  .recomprice_text p {
    font-size: 20px;
  }
  .recomprice_text i {
    font-size: 12px;
  }
  .recomprice {
    padding: 15px 17px;
  }
  .recome_knowmore a {
    font-size: 14px;
    padding: 5px 10px;
  }
  .recommendations {
    box-shadow: 0 0 250px 200px #000 inset;
    background: #454545;
  }
  .recom_box {
    background: #fff;
  }
  .recommendations .slick-dots > li button:before {
    background: rgb(255 255 255 / 10%);
  }
  .recommendations .slick-dots > li.slick-active button:before {
    background: #fff;
  }
  .recommendations .slick-dots {
    padding: 0 30px;
  }
  .unlimi_text img {
    width: 12px;
  }
  .mob_profile {
    display: block;
  }
  .leftmenuuser {
    display: block;
  }
  .closemenuuser {
    display: block;
  }
  .myPolicyBanner {
    padding: 29px 24px;
    flex-direction: column;
  }
  .myPolicyBanner .myPolicyBannerLeft {
    width: 100%;
  }
  .myPolicyBannerRight {
    display: none;
  }
  .myPolicyBanner .myPolicyBannerLeft .myPolicyname .myPolicyProfileTlt {
    display: none;
  }
  .myPolicyBanner .myPolicyBannerLeft > img {
    width: 100px;
    height: 100px;
    margin-right: 20px;
  }
  .myPolicyBanner .myPolicyBannerLeft .myPolicyname > h2 {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 10px;
  }
  .myPolicyBanner .myPolicyBannerLeft .myPolicyname > strong {
    font-size: 16px;
    margin-bottom: 5px;
  }
  .myPolicyBanner .myPolicyBannerRight {
    display: none;
  }
  .yourprofile_details_box {
    width: 100%;
    padding: 26px 0;
    height: 85vh;
  }
  .modifypolicy_databox {
    width: 100%;
    padding: 26px 24px;
    height: 85vh;
  }
  .userbox {
    padding: 0 24px;
  }
  .userform_box {
    padding: 24px 24px 0;
  }
  .userform_box .formfild label {
    font-size: 14px;
  }
  .userform_box .formfild input {
    font-size: 14px;
    border-radius: 5px;
  }
  .modifypolicform_box .formfild label {
    font-size: 14px;
  }
  .modifypolicform_box .formfild input {
    font-size: 14px;
    border-radius: 5px;
  }
  .addInsuracardform .formfild label {
    font-size: 14px;
  }
  .addInsuracardform .formfild input {
    font-size: 14px;
    border-radius: 5px;
  }
  .userbox_btn a {
    font-size: 16px;
  }
  .userbox_btn a img {
    width: 18px;
    height: 18px;
  }
  .formfild select {
    font-size: 14px;
  }
  .twoformfild {
    gap: 10px;
  }
  .userform_box .formfild {
    margin-bottom: 24px;
  }
  .modifypolicform_box .formfild {
    margin-bottom: 24px;
  }
  .userform_box .formfild input.dobVD {
    background-size: 18px;
  }
  .modifypolicform_box .formfild input.dobVD {
    background-size: 18px;
  }
  .formfild .arrowimg {
    right: 13px;
    top: 52px;
  }
  .userbox h2 {
    font-size: 20px;
    padding-bottom: 24px;
  }
  .userimg .userimgwidth {
    width: 122px;
    height: 122px;
    border-radius: 50%;
  }
  .yourprofile_details_box::-webkit-scrollbar {
    width: 5px;
  }
  .modifypolicy_databox::-webkit-scrollbar {
    width: 5px;
  }
  .saveprofile {
    font-size: 16px;
    padding: 13px 0;
  }
  .profile_close {
    top: -64px;
    z-index: 9;
    width: 100%;
    justify-content: center;
    right: 0;
  }
  .alluseredit {
    position: absolute;
    bottom: -101%;
    left: 0;
    height: auto;
    transition: 0.5s;
    right: 0;
  }
  .alluseredit.active {
    bottom: 0;
    top: auto;
  }
  .updateKYC {
    width: 100%;
  }
  .myPolicyTabBlock.singaltext ul li a .redbutton {
    background:
      linear-gradient(
        360deg,
        #FF3B30 0%,
        #004F92 108.33%);
  }
  .myPolicyTabBlock.singaltext ul li a .greenbutton {
    background:
      linear-gradient(
        360deg,
        #00AA551A 0%,
        #004F92 108.33%);
  }
  .myPolicyTabBlock.singaltext ul li a .redbutton,
  .greenbutton p {
    color: #fff;
  }
  .updateKYC .myPolicyTabBlock.singaltext ul li a {
    color: #fff;
    font-size: 20px;
    padding: 24px 20px;
  }
  .updateKYC .myPolicyTabBlock.singaltext ul li {
    border-bottom: 1px dashed rgb(255 255 255 / 20%);
  }
  .updateKYC .myPolicyleftTab::-webkit-scrollbar {
    width: 0px;
  }
  .updateKYC .kyc_tabcontant_box {
    padding: 0 0 30px;
  }
  .updateKYC .upload_doctitle {
    font-size: 20px;
    line-height: 28px;
  }
  .updateKYC .cm_inputtext {
    font-size: 16px;
    padding: 15px;
  }
  .updateKYC .cm_errordiv p {
    font-size: 14px;
    padding: 0 0;
  }
  .track_status_data {
    padding: 20px 24px;
  }
  .track_status_title h2 {
    font-size: 20px;
  }
  .track_status_title {
    margin-bottom: 10px;
  }
  .tracktitle > p {
    font-size: 18px;
  }
  .bottomlinetext {
    font-size: 16px;
  }
  .viewpolicy_track a {
    padding: 10px 20px;
  }
  .topdata_box {
    padding: 20px 20px;
  }
  .track_status_list ul li strong {
    font-size: 14px;
  }
  .track_status_list {
    padding-bottom: 20px;
  }
  .checkStatus_drop a p {
    font-size: 16px;
  }
  .checkStatus {
    padding: 15px 20px;
  }
  .Status_claimleft > ul {
    width: 100%;
    flex-direction: row;
    padding-right: 0;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    padding-left: 16px;
    gap: 10px;
  }
  .checkStatus {
    padding: 20px 0;
  }
  .checkStatus_drop {
    padding: 0 20px;
  }
  .checkStatus_claim {
    display: inherit;
  }
  .trackbody {
    padding: 20px 16px 0;
    width: 100%;
  }
  .Status_claimleft {
    width: 100%;
    margin-top: 0;
  }
  .Status_claimleft > ul::-webkit-scrollbar {
    height: 0;
  }
  .timelinetrack li p {
    font-size: 14px;
  }
  .timelinetrack li p i {
    font-size: 11px;
  }
  .timelinetrack li {
    padding-bottom: 20px;
  }
  .Status_claimleft > ul li a {
    font-size: 14px;
  }
  .track_status_box {
    margin-bottom: 30px;
  }
  .modifypolicytitle h2 {
    font-size: 20px;
  }
  .modifypolicytitle {
    margin-bottom: 24px;
  }
  .modifypolicy_box {
    position: absolute;
    left: 0;
    height: auto;
    transition: 0.5s;
    right: 0;
  }
  .modifypolicy_box.active {
    bottom: 0;
    top: auto;
  }
  .modifypolicy_box .allclose {
    top: -64px;
    z-index: 9;
    width: 100%;
    justify-content: center;
    right: 0;
    cursor: pointer;
  }
  .plicy_clicktitle {
    padding: 24px 24px;
    gap: 15px;
  }
  .plicy_clicktitle h2 {
    font-size: 20px;
  }
  .addyourplicy_click .slick-track {
    padding-left: 19px;
    padding-right: 0;
  }
  .plicy_clickbox {
    padding-left: 5px;
    padding-right: 5px;
  }
  .plicyboxtext h3 {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 6px;
  }
  .plicyboxtext p {
    font-size: 14px;
    margin-bottom: 6px;
    gap: 5px;
  }
  .plicyboxtext {
    padding-left: 20px;
    position: relative;
    z-index: 1;
    width: 60%;
  }
  .plicyboximg {
    width: 50%;
  }
  .plicyboxBG {
    height: 122px;
  }
  .plicyboximg {
    width: 75%;
  }
  .bordercenter {
    display: none;
  }
  .policyslidepart {
    box-shadow: 0px 0px 50px 0px #00000024 inset;
  }
  .plicysliderbox .slick-dots {
    bottom: -24px;
  }
  .plicysliderbox .slick-dots > li button:before {
    width: 8px;
    height: 8px;
  }
  .plicysliderbox .slick-dots > li {
    margin: 0px 0px;
  }
  .plicyboxtext p i {
    font-size: 8px;
    margin-right: 5px;
  }
  .plicy_clickslider {
    padding-bottom: 20px;
  }
  .policytabspace {
    width: 100%;
    float: left;
  }
  .policytabgroup {
    padding: 40px 24px;
  }
  .policytab_click li a {
    font-size: 14px;
  }
  .policytabform .formfild label {
    font-size: 14px;
    margin-bottom: 10px;
  }
  .policytabform .formfild input {
    font-size: 14px;
    padding: 14px 15px;
  }
  .policytabform .formfild {
    margin-bottom: 24px;
  }
  .continuepolicy {
    padding: 13px 38px;
    font-size: 16px;
    width: 100%;
  }
  .plicy_clicktitle a img {
    width: 30px;
  }
  .addyourinsuraCard {
    padding: 48px 24px;
    border-bottom: 0;
    box-shadow: 0px 0px 50px 0px #00000024 inset;
  }
  .insuraCardtext h2 {
    font-size: 20px;
    margin-bottom: 10px;
    margin-top: 23px;
  }
  .insuraCardtext p {
    font-size: 14px;
    margin-bottom: 25px;
    text-align: center;
  }
  .insuraCardtext a {
    font-size: 16px;
    padding: 14px 30px;
    text-align: center;
  }
  .Browseourplans {
    padding: 28px 0 30px;
  }
  .Browseourplans_title {
    padding: 0 24px 23px;
  }
  .Browseourplans_title h2 {
    font-size: 20px;
  }
  .Browseourplans_list > ul {
    display: grid;
    grid-template-columns: auto auto auto auto auto;
    gap: 10px;
  }
  .Browseourplans_list > ul li {
    width: 100%;
    margin-right: 0;
  }
  .ourboximg img {
    height: 30px;
  }
  .ourboximg {
    margin-bottom: 32px;
  }
  .ourboxtext p {
    font-size: 14px;
    width: 85%;
  }
  .Browseourplans_list {
    padding: 0 24px;
  }
  .Browseourplans_list > ul li a {
    padding: 13px 12px;
    background:
      linear-gradient(
        180deg,
        rgba(182, 217, 242, 0) 0%,
        rgba(182, 217, 242, 0.2) 100%);
    box-shadow: 0px 10px 30px 0px #00000024;
    border-radius: 10px;
  }
  .addInsuracarddatabox {
    width: 100%;
    padding: 24px;
    height: 85vh;
  }
  .addInsuracardtitle h2 {
    font-size: 20px;
  }
  .addInsuracardform .formfild {
    margin-bottom: 24px;
  }
  .ContinueCard {
    font-size: 16px;
    padding: 14px 0;
  }
  .addInsuracardBox .allclose {
    top: -64px;
    z-index: 9;
    width: 100%;
    justify-content: center;
    right: 0;
  }
  .addInsuracardBox {
    position: absolute;
    left: 0;
    height: auto;
    transition: 0.5s;
    right: 0;
  }
  .addInsuracardBox.active {
    bottom: 0;
    top: auto;
  }
  .insuraCardtitle {
    padding: 0 24px 12px;
  }
  .insuraCardtitle h2 {
    font-size: 20px;
  }
  .insuraCardtitle a img {
    width: 15px;
    height: 15px;
  }
  .insuraCardtitle a p {
    font-size: 14px;
  }
  .insuraCard_slide {
    padding: 0 0;
  }
  .sliderinscard .slick-dots {
    padding: 0 0;
    bottom: -10px;
  }
  .insuraCard_slide .slick-list {
    padding-left: 19px;
  }
  .insuratitle p {
    font-size: 12px;
  }
  .insuratitle a img {
    width: 13px;
    height: 13px;
  }
  .insuratitle {
    font-size: 14px;
    margin-bottom: 12px;
  }
  .listpoint_ins li i {
    font-size: 10px;
  }
  .listpoint_ins li p {
    font-size: 10px;
  }
  .Qrpointstext i {
    font-size: 10px;
  }
  .Qrpointstext p {
    font-size: 10px;
  }
  .qrcodeimg img {
    width: 64px;
    height: 64px;
  }
  .insuraCardboxBg {
    padding: 12px 12px 12px 5px;
    gap: 5px;
  }
  .listpoint_ins.coluamtext {
    flex-direction: column;
    margin-bottom: 12px;
  }
  .listpoint_ins.coluamtext li {
    margin-bottom: 12px;
  }
  .listpoint_ins.coluamtext li:last-child {
    margin-bottom: 0;
  }
  .listpoint_ins {
    margin-bottom: 12px;
  }
  .Qrpointstext {
    margin-bottom: 12px;
  }
  .blogo {
    width: 64px;
  }
  .insuraCardleft {
    width: 42%;
  }
  .insuraCardright {
    width: 57%;
  }
  .sliderinscard .slick-dots > li button:before {
    width: 8px;
    height: 8px;
  }
  .my_insuraCard_sliders .slick-dotted.slick-slider {
    margin-bottom: 0;
  }
  .my_insuraCard_sliders {
    padding: 35px 0 40px;
  }
  .insproductimg {
    width: 77px;
  }
  .personal_details_title {
    padding: 0 24px 0;
  }
  .personal_details_box {
    width: 100%;
  }
  .personal_detailsBio {
    margin-top: 30px;
  }
  .personal_details_title h2 {
    font-size: 20px;
  }
  .personal_details_title a img {
    width: 15px;
    height: 15px;
  }
  .personal_details_title a p {
    font-size: 14px;
  }
  .personal_deta_info {
    padding: 30px 24px;
  }
  .nameprsonal p {
    font-size: 20px;
    margin-bottom: 8px;
  }
  .nameprsonal i {
    font-size: 14px;
  }
  .personaledit a img {
    width: 20px;
    height: 20px;
  }
  .personalbio ul li p {
    font-size: 16px;
  }
  .personalbio ul li input {
    font-size: 16px;
  }
  .personalbio ul li p {
    padding-bottom: 8px;
  }
  .addressbio p {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 8px;
  }
  .addressbio textarea {
    font-size: 16px;
  }
  .personalbio ul {
    margin-bottom: 24px;
    gap: 24px;
    grid-template-columns: auto auto !important;
  }
  .addressbio textarea {
    height: auto;
    line-height: 24px;
  }
  .personal_details_data {
    padding: 15px 15px;
  }
  .mydocument_nametext strong {
    font-size: 18px;
  }
  .mydocument_nametext ul li p {
    font-size: 12px;
  }
  .mydocument_name img {
    width: 50px;
    height: 50px;
  }
  .mydocument_info {
    gap: 10px;
    padding: 25px 0;
  }
  .mydocument_nametext {
    gap: 14px;
  }
  .mydocument_body .personal_detailsBio {
    padding: 0 24px;
  }
  .mydocument_body .personal_details_title {
    padding: 0 0;
  }
  .goback {
    font-size: 16px;
  }
  .Add_documentwallet .modifypolicform_box {
    padding: 30px 24px;
  }
  .safesimple_title h2 {
    font-size: 26px;
  }
  .safesimple_title p {
    font-size: 14px;
  }
  .safesimple_title h2 {
    padding-bottom: 10px;
  }
  .formfild label.filebox img.uploadicon {
    width: 20px;
  }
  .formfild label.filebox {
    padding: 14px 20px;
  }
  .cancelsubmit {
    gap: 10px;
  }
  .cancelsubmit button {
    font-size: 16px;
    padding: 13px 0;
  }
  .download_pol_title a {
    padding: 10px 15px;
    width: 181px;
  }
  .garages_near_space {
    width: 100%;
  }
  .viewalldoc a {
    padding: 17px 15px;
    width: auto;
  }
  .DND_tab .otp_section {
    width: 100%;
  }
  .DND_tab .otp_maxwid {
    width: 100%;
  }
  .DND_tab .otp_inputbox {
    width: 100%;
  }
  .DND_tab .otp_verify_btnbox button {
    padding: 15px 20px;
  }
  .cancelOTP {
    font-size: 16px;
  }
  .DND_tab .verify_btn {
    font-size: 16px;
  }
  .modifications_pop_text {
    height: auto;
  }
  .modifications_box {
    width: 100%;
    position: absolute;
    bottom: -101%;
    left: 0;
    transition: all .5s;
  }
  .modifications_box.active {
    bottom: 0;
    height: initial;
  }
  .closemodifi_popup {
    position: initial;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
    margin-bottom: 20px;
  }
  .modificationsdata h2 {
    font-size: 32px;
    margin-bottom: 15px;
  }
  .modificationsdata strong {
    font-size: 20px;
    padding-bottom: 19px;
  }
  .modificationsdata p {
    font-size: 14px;
  }
  .modifications_dele {
    margin-top: 26px;
  }
  .personalbio ul.petbio {
    grid-template-columns: auto auto;
  }
  .thankyou_box {
    width: 100%;
    position: absolute;
    bottom: -101%;
    left: 0;
    transition: all .5s;
  }
  .thankyou_box.active {
    bottom: 0;
    height: initial;
  }
  .closeins_popup {
    position: initial;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
    margin-bottom: 20px;
  }
  .thankyoudata h2 {
    font-size: 32px;
    margin-bottom: 15px;
  }
  .thankyoudata strong {
    font-size: 20px;
    padding-bottom: 19px;
  }
  .thankyoudata p {
    font-size: 14px;
  }
  .thankyou_dele {
    margin-top: 26px;
  }
  .docupdate_box {
    width: 100%;
    position: absolute;
    bottom: -101%;
    left: 0;
    transition: all .5s;
  }
  .docupdate_box.active {
    bottom: 0;
    height: initial;
  }
  .closedocup_popup {
    position: initial;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
    margin-bottom: 20px;
  }
  .docupdatedata h2 {
    font-size: 24px;
    margin-bottom: 15px;
  }
  .docupdatedata strong {
    font-size: 20px;
    padding-bottom: 19px;
  }
  .docupdatedata p {
    font-size: 14px;
  }
  .docupdate_dele {
    margin-top: 26px;
  }
  .regsuccess_box {
    width: 100%;
    position: absolute;
    bottom: -101%;
    left: 0;
    transition: all .5s;
  }
  .regsuccess_box.active {
    bottom: 0;
    height: initial;
  }
  .closeregsuccess_popup {
    position: initial;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
    margin-bottom: 20px;
  }
  .regsuccessdata h2 {
    font-size: 24px;
    margin-bottom: 15px;
  }
  .regsuccessdata strong {
    font-size: 20px;
    padding-bottom: 19px;
  }
  .regsuccessdata p {
    font-size: 14px;
  }
  .regsuccess_dele {
    margin-top: 26px;
  }
  .formfild.infobtncode label a img {
    width: auto;
    height: 15px;
  }
  .formfild.infobtncode label {
    gap: 10px;
  }
  .allclaimpart .travelpolicylider {
    position: relative;
  }
  .allclaimpart .travelace_box {
    background: #fff;
  }
  .allclaimpart .travelace_btn a {
    font-size: 16px;
  }
  .allclaimpart .travelace_two {
    padding: 18px 16px;
    grid-template-columns: auto auto;
  }
  .allclaimpart .travelres_title strong {
    font-size: 12px;
    padding: 6px 8px;
  }
}
@media screen and (max-width:767px) {
  .ins_member_listtext ul {
    width: 79%;
    display: grid;
    grid-template-columns: 50% 50%;
    padding-right: 0;
    gap: 10px;
  }
  .motorins_po_part {
    padding: 30px 0 45px;
  }
  .recommendations {
    padding: 30px 0 10px;
  }
  .mob_profile_text {
    padding-bottom: 24px;
  }
  .mob_profile {
    border-bottom: 1px dashed rgb(255 255 255 / 20%);
  }
  .motorins_po_title h2 {
    font-size: 20px;
  }
  .recommendations_title h2 {
    font-size: 20px;
  }
  .motorins_po_title {
    padding: 0 24px;
  }
  .recommendations_title {
    padding: 0 24px;
  }
  .motorins_po_slide > ul li.slick-slide {
    padding: 15px 0 30px;
  }
  .names_text p {
    font-size: 16px;
  }
  .names_text i {
    font-size: 14px;
  }
  .icon_names img {
    width: 48px;
    height: 48px;
  }
  .healthmark p {
    font-size: 10px;
  }
  .healthmark i {
    width: 8px;
    height: 8px;
  }
  .healthmark {
    padding: 3px 5px;
  }
  .icon_names {
    gap: 16px;
  }
  .healthcard_data i {
    font-size: 11px;
  }
  .healthcard_data p {
    font-size: 13px;
  }
  .motorinspart_btn {
    padding: 6px 21px 18px;
    gap: 10px;
  }
  .motorinspart_btn a {
    padding: 13px 20px;
  }
  .motorins_po_slide .slick-dots > li button:before {
    width: 8px;
    height: 8px;
  }
  .compulsory p {
    font-size: 20px;
  }
  .unlimi_text p {
    font-size: 14px;
  }
  .compulsory {
    margin-bottom: 15px;
  }
  .compulsory a img {
    width: 17px;
    height: 17px;
  }
  .recom_text {
    padding: 15px 17px;
  }
  .recomprice_text p {
    font-size: 20px;
  }
  .recomprice_text i {
    font-size: 12px;
  }
  .recomprice {
    padding: 15px 17px;
  }
  .recome_knowmore a {
    font-size: 14px;
    padding: 5px 10px;
  }
  .recommendations {
    box-shadow: 0 0 250px 200px #000 inset;
    background: #454545;
  }
  .recom_box {
    background: #fff;
  }
  .recommendations .slick-dots > li button:before {
    background: rgb(255 255 255 / 10%);
  }
  .recommendations .slick-dots > li.slick-active button:before {
    background: #fff;
  }
  .recommendations .slick-dots {
    padding: 0 30px;
  }
  .unlimi_text img {
    width: 12px;
  }
  .mob_profile {
    display: block;
  }
  .motorins_po_slide .slick-dots > li {
    margin: 0 -2px;
  }
  .leftmenuuser {
    display: block;
  }
  .myPolicyBannermo {
    display: flex;
  }
  .myPolicyBannermo a {
    font-size: 12px;
  }
  .myPolicyBanner {
    padding: 29px 24px;
    flex-direction: column;
  }
  .myPolicyBanner .myPolicyBannerLeft {
    width: 100%;
  }
  .myPolicyBannerRight {
    display: none;
  }
  .myPolicyBanner .myPolicyBannerLeft .myPolicyname .myPolicyProfileTlt {
    display: none;
  }
  .myPolicyBanner .myPolicyBannerLeft > img {
    width: 100px;
    height: 100px;
    margin-right: 20px;
  }
  .myPolicyBanner .myPolicyBannerLeft .myPolicyname > h2 {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 10px;
  }
  .myPolicyBanner .myPolicyBannerLeft .myPolicyname > strong {
    font-size: 16px;
    margin-bottom: 5px;
  }
  .myPolicyleftTab .myPolicyTabBlock li label strong i {
    border: 1px solid #fff;
  }
  .yourprofile_details_box {
    width: 100%;
    padding: 26px 0;
    height: 85vh;
  }
  .userbox {
    padding: 0 24px;
  }
  .userbox_btn a {
    font-size: 16px;
  }
  .userbox_btn a img {
    width: 18px;
    height: 18px;
  }
  .formfild select {
    font-size: 14px;
  }
  .twoformfild {
    gap: 10px;
  }
  .formfild .arrowimg {
    right: 13px;
    top: 52px;
  }
  .userbox h2 {
    font-size: 20px;
    padding-bottom: 24px;
  }
  .userimg .userimgwidth {
    width: 122px;
    height: 122px;
  }
  .yourprofile_details_box::-webkit-scrollbar {
    width: 5px;
  }
  .saveprofile {
    font-size: 16px;
    padding: 13px 0;
  }
  .profile_close {
    top: -64px;
    z-index: 9;
    width: 100%;
    justify-content: center;
    right: 0;
  }
  .updateKYC .motorbuytab li a {
    font-size: 14px;
  }
  .updateKYC .uploaddoc_checkwrapper li {
    width: auto;
  }
  .updateKYC {
    width: 100%;
  }
  .track_status_data {
    padding: 20px 11px;
  }
  .track_status_title h2 {
    font-size: 20px;
  }
  .track_status_title {
    margin-bottom: 10px;
  }
  .topdata_box {
    flex-direction: column;
  }
  .topdata_box {
    padding: 16px 15px;
  }
  .lefticontext_track img {
    width: 48px;
    height: 48px;
  }
  .tracktitle > p {
    font-size: 16px;
  }
  .bottomlinetext {
    font-size: 14px;
  }
  .tracktitle {
    margin-bottom: 6px;
    justify-content: space-between;
  }
  .viewpolicy_track {
    padding: 16px 15px 16px;
    border-top: 1px dashed rgb(0 0 0 / 40%);
    justify-content: center;
  }
  .viewpolicy_track a {
    border-radius: 5px;
    width: 50%;
    text-align: center;
  }
  .lefticontext_track {
    padding: 16px 15px;
  }
  .topdata_box {
    padding: 0 0;
  }
  .lefticontext_track {
    gap: 16px;
  }
  .track_status_list {
    padding-left: 16px;
    padding-bottom: 21px;
    border-top: 1px dashed rgb(0 0 0 / 40%);
    padding-top: 21px;
  }
  .track_status_list ul li p {
    font-size: 11px;
    margin-bottom: 5px;
  }
  .track_status_list ul li strong {
    font-size: 13px;
  }
  .tracktitle_text {
    width: 100%;
  }
  .checkStatus_drop a p {
    font-size: 14px;
  }
  .checkStatus_drop a {
    justify-content: flex-end;
  }
  .Status_claimleft > ul {
    width: 100%;
    flex-direction: row;
    padding-right: 0;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    padding-left: 16px;
    gap: 10px;
  }
  .checkStatus {
    padding: 20px 0;
  }
  .checkStatus_drop {
    padding: 0 20px;
  }
  .checkStatus_claim {
    display: inherit;
  }
  .trackbody {
    padding: 20px 16px 0;
  }
  .Status_claimleft {
    width: 100%;
  }
  .Status_claimleft > ul::-webkit-scrollbar {
    height: 0;
  }
  .timelinetrack li p {
    font-size: 14px;
  }
  .timelinetrack li p i {
    font-size: 11px;
  }
  .timelinetrack li {
    padding-bottom: 20px;
  }
  .Status_claimleft > ul li a {
    font-size: 14px;
  }
  .insuraCardtext a {
    width: 100%;
  }
  .Browseourplans_list > ul {
    display: grid;
    grid-template-columns: auto auto auto;
    gap: 10px;
  }
  .gar_bannerimg {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 52%;
    padding-right: 0;
  }
  .hospital_bannerimg {
    position: absolute;
    right: -230px;
    bottom: 0;
    width: 137%;
    padding-right: 0;
  }
  .DND_tab .verify_btn {
    font-size: 16px;
    padding: 15px 20px;
  }
  .petradio {
    font-size: 14px;
    margin-bottom: 0;
  }
  .petradio .checkmark {
    width: 20px;
    height: 20px;
  }
  .petradio .checkmark:after {
    top: 4px;
    left: 4px;
    width: 10px;
    height: 10px;
  }
  .petradio {
    padding-left: 30px;
    padding-top: 3px;
  }
  .select_petform li {
    margin-right: 30px;
  }
  .allclaimpart .travelres_title strong {
    font-size: 10px;
    padding: 6px 8px;
  }
}
.personal_details_title {
  padding: 0 24px 0;
}
.personal_deta_info {
  padding: 30px 24px;
}
@media (min-width: 768px) and (max-width: 1150px) {
  .personal_details_title {
    padding: 0 24px 0;
  }
  .personal_deta_info {
    padding: 30px 24px;
  }
  .insuraCardtext p {
    font-size: 16px;
    text-align: center;
    padding: 15px;
  }
  .formfild select {
    font-size: 20px;
  }
}

/* projects/myprofile/src/styles.scss */
a {
  cursor: pointer;
}
ul {
  padding-left: 0px;
}
button:disabled {
  background-color: #aaaaaa;
}
.error-message {
  color: red;
  font-size: 14px;
  margin-top: 10px;
}
.button-enabled {
  background-color: #005dac;
  color: white;
  cursor: pointer;
}
.button-disabled {
  background-color: #ccc;
  color: black;
  cursor: not-allowed;
}

/* node_modules/ngx-toastr/toastr.css */
.toast-center-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-left {
  top: 12px;
  left: 12px;
}
.toast-top-right {
  top: 12px;
  right: 12px;
}
.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}
.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}
.toast-title {
  font-weight: bold;
}
.toast-message {
  word-wrap: break-word;
}
.toast-message a,
.toast-message label {
  color: #FFFFFF;
}
.toast-message a:hover {
  color: #CCCCCC;
  text-decoration: none;
}
.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #FFFFFF;
  text-shadow: 0 1px 0 #ffffff;
}
.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
}
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}
.toast-container {
  pointer-events: none;
  position: fixed;
  z-index: 999999;
}
.toast-container * {
  box-sizing: border-box;
}
.toast-container .ngx-toastr {
  position: relative;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  background-size: 24px;
  box-shadow: 0 0 12px #999999;
  color: #FFFFFF;
}
.toast-container .ngx-toastr:hover {
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  cursor: pointer;
}
.toast-info {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOS4wNDMgOCA4IDExOS4wODMgOCAyNTZjMCAxMzYuOTk3IDExMS4wNDMgMjQ4IDI0OCAyNDhzMjQ4LTExMS4wMDMgMjQ4LTI0OEM1MDQgMTE5LjA4MyAzOTIuOTU3IDggMjU2IDh6bTAgMTEwYzIzLjE5NiAwIDQyIDE4LjgwNCA0MiA0MnMtMTguODA0IDQyLTQyIDQyLTQyLTE4LjgwNC00Mi00MiAxOC44MDQtNDIgNDItNDJ6bTU2IDI1NGMwIDYuNjI3LTUuMzczIDEyLTEyIDEyaC04OGMtNi42MjcgMC0xMi01LjM3My0xMi0xMnYtMjRjMC02LjYyNyA1LjM3My0xMiAxMi0xMmgxMnYtNjRoLTEyYy02LjYyNyAwLTEyLTUuMzczLTEyLTEydi0yNGMwLTYuNjI3IDUuMzczLTEyIDEyLTEyaDY0YzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MTAwaDEyYzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MjR6Jy8+PC9zdmc+);
}
.toast-error {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOSA4IDggMTE5IDggMjU2czExMSAyNDggMjQ4IDI0OCAyNDgtMTExIDI0OC0yNDhTMzkzIDggMjU2IDh6bTEyMS42IDMxMy4xYzQuNyA0LjcgNC43IDEyLjMgMCAxN0wzMzggMzc3LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwyNTYgMzEybC02NS4xIDY1LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwxMzQuNCAzMzhjLTQuNy00LjctNC43LTEyLjMgMC0xN2w2NS42LTY1LTY1LjYtNjUuMWMtNC43LTQuNy00LjctMTIuMyAwLTE3bDM5LjYtMzkuNmM0LjctNC43IDEyLjMtNC43IDE3IDBsNjUgNjUuNyA2NS4xLTY1LjZjNC43LTQuNyAxMi4zLTQuNyAxNyAwbDM5LjYgMzkuNmM0LjcgNC43IDQuNyAxMi4zIDAgMTdMMzEyIDI1Nmw2NS42IDY1LjF6Jy8+PC9zdmc+);
}
.toast-success {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTE3My44OTggNDM5LjQwNGwtMTY2LjQtMTY2LjRjLTkuOTk3LTkuOTk3LTkuOTk3LTI2LjIwNiAwLTM2LjIwNGwzNi4yMDMtMzYuMjA0YzkuOTk3LTkuOTk4IDI2LjIwNy05Ljk5OCAzNi4yMDQgMEwxOTIgMzEyLjY5IDQzMi4wOTUgNzIuNTk2YzkuOTk3LTkuOTk3IDI2LjIwNy05Ljk5NyAzNi4yMDQgMGwzNi4yMDMgMzYuMjA0YzkuOTk3IDkuOTk3IDkuOTk3IDI2LjIwNiAwIDM2LjIwNGwtMjk0LjQgMjk0LjQwMWMtOS45OTggOS45OTctMjYuMjA3IDkuOTk3LTM2LjIwNC0uMDAxeicvPjwvc3ZnPg==);
}
.toast-warning {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1NzYgNTEyJyB3aWR0aD0nNTc2JyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTU2OS41MTcgNDQwLjAxM0M1ODcuOTc1IDQ3Mi4wMDcgNTY0LjgwNiA1MTIgNTI3Ljk0IDUxMkg0OC4wNTRjLTM2LjkzNyAwLTU5Ljk5OS00MC4wNTUtNDEuNTc3LTcxLjk4N0wyNDYuNDIzIDIzLjk4NWMxOC40NjctMzIuMDA5IDY0LjcyLTMxLjk1MSA4My4xNTQgMGwyMzkuOTQgNDE2LjAyOHpNMjg4IDM1NGMtMjUuNDA1IDAtNDYgMjAuNTk1LTQ2IDQ2czIwLjU5NSA0NiA0NiA0NiA0Ni0yMC41OTUgNDYtNDYtMjAuNTk1LTQ2LTQ2LTQ2em0tNDMuNjczLTE2NS4zNDZsNy40MTggMTM2Yy4zNDcgNi4zNjQgNS42MDkgMTEuMzQ2IDExLjk4MiAxMS4zNDZoNDguNTQ2YzYuMzczIDAgMTEuNjM1LTQuOTgyIDExLjk4Mi0xMS4zNDZsNy40MTgtMTM2Yy4zNzUtNi44NzQtNS4wOTgtMTIuNjU0LTExLjk4Mi0xMi42NTRoLTYzLjM4M2MtNi44ODQgMC0xMi4zNTYgNS43OC0xMS45ODEgMTIuNjU0eicvPjwvc3ZnPg==);
}
.toast-container.toast-top-center .ngx-toastr,
.toast-container.toast-bottom-center .ngx-toastr {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}
.toast-container.toast-top-full-width .ngx-toastr,
.toast-container.toast-bottom-full-width .ngx-toastr {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}
.ngx-toastr {
  background-color: #030303;
  pointer-events: auto;
}
.toast-success {
  background-color: #51A351;
}
.toast-error {
  background-color: #BD362F;
}
.toast-info {
  background-color: #2F96B4;
}
.toast-warning {
  background-color: #F89406;
}
.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4;
}
@media all and (max-width: 240px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  .toast-container .ngx-toastr.div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */