header {
  display: flex;
  align-items: center;
  gap: 20px;
  border-bottom: 0 solid #fff;
  position: fixed;
  top: 0;
  z-index: 9;
  background: #fff;
  width: 100%;
  box-shadow: 0 6px 30px #0000000D
}

.header_right {
  display: flex;
  justify-content: left;
  width: 100%;
  align-items: center;
  height: 100%;
  padding: 0 80px 0 20px;
  background-color: var(--abc_primary);
  border-radius: 0 0 0 14px;
  height: 64px
}

  .header_right a {
    display: grid;
    color: #fff;
    text-align: right;
    font-family: dev_semi_bold;
    font-size: 16px;
    font-style: normal;
    line-height: normal;
    gap: 10px;
    width: fit-content;
    justify-content: flex-end;
    grid-template-columns: auto auto;
    align-items: center
  }

    .header_right a em {
      font-style: normal
    }

    .header_right a img {
      max-width: 16px
    }

.header_left {
  background: #fff;
  padding-left: 62px
}

.header_right p {
  color: #fff;
  font-family: dev_med;
  font-size: 20px;
  font-style: normal;
  line-height: normal
}

.desk_banner {
  height: 800px;
  object-fit: cover;
  object-position: 0 40px
}

.refer-earn-body .desk_banner {
  height: 1000px;
  object-position: center;
}

.personal_loan .desk_banner {
  height: 900px;
}

.loan-against-property .desk_banner {
  height: 850px;
}

.banner-items-wrapper {
  position: absolute;
  top: 16%;
  width: 100%
}

.multi-lender .banner-items-wrapper {
  top: 20%;
}

.banner_wrapper {
  position: relative
}

.banner_caption h1 {
  color: #333;
  font-family: dev_semi_bold;
  font-size: 46px;
  font-style: normal;
  text-transform: capitalize;
  margin: 0 0 20px
}

.banner_caption p {
  color: rgb(51 51 51 / 80%);
  font-family: var(--dev_semi_bold);
  font-size: 16px;
  font-style: normal;
  line-height: normal;
  width: 70%
}

.homeload_body .banner_caption p strong {
  color: #333
}

  .homeload_body .banner_caption p strong.font_red {
    color: #8b151b;
    font-family: dev_bold;
    font-size: 20px
  }

.banner_caption {
  width: 62%
}

  .banner_caption h1 span {
    color: #8b151b;
    font-family: dev_bold
  }

.banner-items-wrapper > .custom-container {
  display: grid;
  grid-template-columns: 56.5% auto;
  width: 100%;
  justify-content: space-between
}

.banner_form_wrapper {
  width: 431px;
  border-radius: 17.112px;
  background: radial-gradient(92.49% 103.55% at 89.79% 89.84%, rgb(79 79 79 / .9) 0, rgb(17 17 17 / .9) 100%);
  height: 572px;
  z-index: 0
}

.personal_loan .banner_form_wrapper {
  height: 600px;
}

.banner_form_wrapper h2 {
  color: #fff;
  font-family: dev_semi_bold;
  font-size: 28px;
  line-height: normal;
  text-transform: capitalize;
  margin-bottom: 0;
  padding-right: 40px
}

.banner_form_wrapper {
  padding: 35px
}

.banner_creative {
  position: absolute;
  top: -20px;
  max-width: 395px;
  right: -40px
}

.lap_body .banner_creative {
  top: -80px
}

.banner_creative_tag {
  position: absolute;
  max-width: 300px;
  right: 256px;
  top: 90px;
  z-index: 8
}

.banner_content_Wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between
}

.unique_offerings_wrapper ul {
  display: grid;
  grid-template-columns: 45.4% 47.9%;
  gap: 30px
}

  .unique_offerings_wrapper ul li {
    display: flex;
    color: #111;
    font-family: dev_semi_bold;
    font-size: 16px;
    font-style: normal;
    line-height: normal;
    align-items: center;
    gap: 12px
  }

    .unique_offerings_wrapper ul li img {
      max-width: 36px
    }

.unique_offerings_wrapper h3 {
  color: #8b151b;
  font-family: dev_semi_bold;
  font-size: 27.053px;
  font-style: normal;
  line-height: normal;
  text-transform: capitalize;
  margin-bottom: 30px
}

.unique_offerings_wrapper {
  border-radius: 33.816px;
  border: 1px solid #fff;
  background: rgb(203 203 203 / .18);
  backdrop-filter: blur(14px);
  padding: 35px
}

.terms_applied {
  color: #ca1f34;
  font-family: dev_semi_bold;
  font-size: 14px;
  font-style: normal;
  line-height: normal;
  letter-spacing: .42px;
  margin: 10px 0 0 30px;
  display: flex;
  width: fit-content
}

.banner_form_input img {
  max-width: 16px;
  position: absolute;
  height: 100%;
  left: 15px
}

.banner_form_input input {
  border-radius: 12.834px;
  background: rgb(255 255 255 / .1);
  height: 44px;
  padding: 0;
  border: none;
  transition: all .2s;
  color: #f2f2f2;
  font-size: 14.973px;
  font-style: normal;
  line-height: normal;
  padding-left: 50px;
  border: 1px solid #fff0;
  width: 97%;
  border: 1.069px solid rgb(232 232 232 / .24)
}

.banner_form_input {
  position: relative;
  margin-bottom: 10px
}

.checkbox_input_wrapper {
  margin-bottom: 12px
}

.banner_form_input input::placeholder {
  color: #f2f2f2
}

.banner_form_input input:focus {
  border-color: #fff;
  background: rgb(255 255 255 / .1);
  box-shadow: none;
  color: #f2f2f2
}

.banner_form_input:last-child {
  margin: 0
}

.banner_form_input {
  align-items: center;
  gap: 10px
}

  .banner_form_input p {
    color: rgb(224 224 224 / .8);
    font-size: 12.834px;
    font-style: normal;
    line-height: normal
  }

    .banner_form_input p a {
      color: #fff;
      font-family: dev_semi_bold;
      text-decoration: underline
    }

  .banner_form_input input[type=checkbox]:checked {
    background-color: #c91429;
    opacity: 1;
    border: 1px solid #c91429 !important
  }

  .banner_form_input input[type=checkbox] {
    position: relative;
    background: 0 0;
    cursor: pointer;
    line-height: 0;
    margin: 0;
    outline: 0;
    padding: 0 !important;
    vertical-align: text-top;
    height: 18px !important;
    width: 18px;
    border-radius: 3.208px;
    border: 1px solid #bdbdbd;
    -webkit-appearance: none;
    background: #fff0
  }

    .banner_form_input input[type=checkbox]:checked:before {
      content: '';
      position: absolute;
      right: 50%;
      top: 50%;
      width: 6px;
      height: 11px;
      border: solid #fff;
      border-width: 0 3px 3px 0;
      margin: -1px -1px 0;
      transform: rotate(45deg) translate(-50%, -50%);
      z-index: 2;
      border-radius: 1.2px
    }

.btn.form_solid_btn {
  width: 100%;
  background: #fff;
  display: flex;
  align-items: center;
  position: relative;
  gap: 20px;
  border: none;
  color: #ca1f34;
  font-family: dev_bold;
  font-size: 17.112px;
  font-style: normal;
  line-height: normal;
  text-transform: uppercase;
  height: 54px;
  border-radius: 100px;
  justify-content: center;
  padding: 0
}

  .btn.form_solid_btn:active {
    background: #fff;
    color: #ca1f34
  }

.form_solid_btn.disabled {
  background: #c6c5c9
}

.parsley-errors-list li {
  position: relative;
  font: normal normal 11px/18px var(--dev_reg);
  letter-spacing: -.36px;
  color: #ff919d;
  opacity: 1;
  text-align: left;
  left: 0;
  bottom: 0
}

.banner_form_main {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 10px;
  height: 100%
}

.form_main_wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between
}

.otp {
  border-radius: 12.834px;
  background: rgb(255 255 255 / .1);
  height: 53px;
  width: 53px;
  border: 1px solid #fff0;
  color: #f2f2f2;
  text-align: center;
  font-size: 14.973px;
  font-style: normal;
  line-height: normal;
  text-transform: capitalize
}

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

.opt-boxes {
  margin-top: 120px
}

.banner_form_main.otp_verified h2,
.banner_form_main.otp_wrapper h2 {
  top: 120px;
  position: relative;
  text-align: center;
  padding: 0
}

.otp:focus-visible {
  outline: 0
}

.otp.filled {
  border: 1.069px solid rgb(232 232 232 / .24)
}

.otp_verified_wrapper {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column
}

  .otp_verified_wrapper img {
    max-width: 120px
  }

  .otp_verified_wrapper p {
    color: #70b865;
    font-family: dev_semi_bold;
    font-size: 20px;
    font-style: normal;
    line-height: 22px
  }

.banner_form_main.otp_verified {
  gap: 0
}

.banner_stats_wrapper {
  display: grid;
  justify-content: center;
  position: relative;
  bottom: 0;
  width: 100%;
  background: rgb(238 238 238 / .5);
  backdrop-filter: blur(4px);
  padding: 38px 0;
  margin-top: -50px;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(1, 1fr)
}

  .banner_stats_wrapper.four_grid_stats {
    grid-template-columns: repeat(4, 1fr)
  }

.stats_main {
  text-align: center
}

  .stats_main h3 {
    color: #8b151b;
    font-family: dev_semi_bold;
    font-size: 35px;
    font-style: normal;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 8px
  }

  .stats_main p {
    color: #111;
    font-size: 16px;
    font-style: normal;
    line-height: 100%;
    text-transform: capitalize
  }

.coin_creative {
  position: absolute;
  max-width: 70px;
  bottom: 0;
  right: -10px
}

.get_insured_Wrapper {
  background: url(/Assets/Project/Campaign/images/health_insurance/get_insured_bg.png);
  mix-blend-mode: multiply;
  background-size: cover;
  padding: 100px 0
}

.gi_sec_head h2 {
  color: #1f1f1f;
  text-align: center;
  font-family: dev_semi_bold;
  font-size: 48px;
  font-style: normal;
  line-height: normal;
  text-transform: capitalize;
  margin-bottom: 60px
}

.gi_circle_img img {
  max-width: 78px
}

.gi_circle_img {
  height: 160px;
  width: 160px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 160px;
  border: 1.2px solid #fff;
  margin: 0 auto;
  background: linear-gradient(180deg, rgb(255 255 255 / .2) 0, rgb(185 185 185 / .2) 100%);
  box-shadow: 0 0 75px 0 rgb(159 155 144 / .25);
  backdrop-filter: blur(2px)
}

.gi_text p {
  color: #1f1f1f;
  text-align: center;
  font-family: dev_semi_bold;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  padding: 0 20px
}

.gi_circle_wrapper {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(1, 1fr);
  max-width: 1173px;
  margin: 0 auto
}

  .gi_circle_wrapper.gi_three_circle_wrapper {
    max-width: 703px;
    grid-template-columns: repeat(3, 1fr)
  }

.gi_circle_content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 80px
}

.gi_circle_img:before {
  position: absolute;
  content: '';
  left: -40px;
  right: 0;
  margin: 0 auto;
  width: 237px
}

.gi_circle_content:first-child .gi_circle_img:before {
  height: 237px;
  background: url(/Assets/Project/Campaign/images/health_insurance/circle1.svg)
}

.gi_circle_content:nth-child(2) .gi_circle_img:before {
  background: url(/Assets/Project/Campaign/images/health_insurance/circle2.svg);
  height: 119px;
  bottom: -40px
}

.gi_circle_content:nth-child(3) .gi_circle_img:before {
  background: url(/Assets/Project/Campaign/images/health_insurance/circle3.svg);
  height: 119px;
  top: -34px
}

.gi_circle_content:nth-child(4) .gi_circle_img:before {
  background: url(/Assets/Project/Campaign/images/health_insurance/circle4.svg);
  height: 123px;
  bottom: -40px
}

.homeload_body.business_loan_body .gi_circle_content:nth-child(4) .gi_circle_img:before {
  background: url(/Assets/Project/Campaign/images/business_loan_arrow.svg);
  width: 200px;
  background-repeat: no-repeat;
  height: 129px
}

.homeload_body.business_loan_body .gi_circle_wrapper {
  justify-content: center;
  grid-template-columns: repeat(4, 1fr);
  max-width: 936px
}

.gi_circle_content:nth-child(5) .gi_circle_img:before {
  background: url(/Assets/Project/Campaign/images/health_insurance/circle5.svg);
  height: 123px;
  top: -40px;
  width: 118px;
  left: -122px
}

.gi_circle_content .gi_circle_img:after {
  position: absolute;
  content: '';
  margin: 0 auto;
  background: url(/Assets/Project/Campaign/images/health_insurance/circle_after.svg);
  width: 238px;
  height: 120px
}

.gi_circle_content:nth-child(2) .gi_circle_img:after {
  top: -40px
}

.gi_circle_content:first-child .gi_circle_img:after {
  display: none
}

.gi_circle_content:nth-child(3) .gi_circle_img:after {
  bottom: -40px;
  transform: scaleY(-1)
}

.gi_circle_content:nth-child(4) .gi_circle_img:after {
  top: -40px
}

.gi_circle_content:nth-child(5) .gi_circle_img:after {
  background: url(/Assets/Project/Campaign/images/health_insurance/circle_after5.svg);
  height: 235px;
  width: 236px;
  left: -39px;
  top: -32px;
  z-index: -1
}

.section_head h2 {
  color: #111;
  text-align: center;
  font-family: dev_semi_bold;
  font-size: 50px;
  font-style: normal;
  line-height: normal;
  text-transform: capitalize
}

.what_our_users_say {
  padding: 100px 0;
  background: url(/Assets/Project/Campaign/images/health_insurance/testimonials_bg.png);
  background-size: cover
}

.success_stories_wrapper {
  border-radius: 16px;
  border: 1px solid #f0f6ff;
  padding: 30px;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-shadow: 2px 8px 20px 0 #4343430d;
  background: linear-gradient(183deg, rgb(168 168 168 / 14%) 5.78%, #fff0 94.22%);
  box-shadow: 0 10px 24px 0 rgb(116 116 116 / 10%);
  backdrop-filter: blur(3px)
}

  .success_stories_wrapper > p {
    color: rgb(17 17 17 / .8);
    font-family: dev_reg;
    font-size: 14px;
    font-style: normal;
    line-height: normal;
    margin-bottom: 20px
  }

.profiles_wrapper {
  display: flex;
  gap: 10px;
  align-items: center
}

  .profiles_wrapper > span {
    border-radius: 24px;
    background: #dbdbdb;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-family: dev_reg;
    font-size: 14px;
    font-style: normal;
    line-height: normal
  }

  .profiles_wrapper img {
    max-width: 32px
  }

.profile_desc p {
  color: #111;
  font-family: dev_med;
  font-size: 14px;
  font-style: normal;
  line-height: normal
}

.profile_desc span {
  display: block;
  color: #111;
  font-size: 12px;
  font-style: normal;
  line-height: normal;
  opacity: .5
}

.ss_quotes {
  position: absolute;
  top: -15px;
  left: 30px;
  max-width: 40px
}

.success_stories_swiper .swiper-wrapper {
  padding: 60px 0 50px
}

.swiper-horizontal > .abfl_dots {
  position: absolute;
  bottom: 0
}

  .swiper-horizontal > .abfl_dots .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: var(--abc_primary);
    width: 26px
  }

  .swiper-horizontal > .abfl_dots .swiper-pagination-bullet {
    transition: all .5s ease;
    height: 6px;
    width: 8px;
    border-radius: 10px;
    background: #b6b6b6;
    opacity: 1
  }

.footer_accordion .accordion-button:focus {
  border: none;
  box-shadow: none
}

.footer_accordion .accordion-button:not(.collapsed) {
  background-color: #fff4d9;
  box-shadow: none
}

.footer_accordion .accordion-button.collapsed {
  background: #fffbf0;
  border: none
}

.footer_accordion .accordion-item {
  border: none;
  background: #fff0
}

.footer_accordion .accordion-button {
  padding: 14px 110px 14px 80px;
  overflow: hidden;
  color: #353941;
  text-overflow: ellipsis;
  font-size: 14px;
  text-transform: uppercase;
  line-height: normal;
  font-family: var(--dev_semi_bold)
}

.footer_accordion .accordion-body {
  padding: 0 80px;
  background: #fff4d9;
  padding-bottom: 20px
}

  .footer_accordion .accordion-body p {
    color: #000;
    font-size: 12px;
    font-weight: 500;
    line-height: normal;
    font-family: var(--dev_med);
    padding-bottom: 12px;
    width: 100%;
    opacity: .8
  }

    .footer_accordion .accordion-body p a {
      color: #5d6167
    }

.footer_accordion .accordion-button:not(.collapsed)::after {
  background: url(/Assets/Project/Campaign/images/health_insurance/darker-minus.svg) no-repeat center
}

.footer_accordion .accordion-button::after {
  background: url(/Assets/Project/Campaign/images/health_insurance/darker-plus.svg) no-repeat center
}

.footer_accordion.footer_content_wrap .accordion-button::after {
  display: none
}

.footer_red_strip {
  display: flex;
  padding: 0 80px;
  background: var(--abc_primary);
  height: 51px;
  align-items: center;
  justify-content: space-between
}

.footer_strip_socil .list-inline li a {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: 26px;
  height: 26px;
  transition: .5s;
  background-color: rgb(0 0 0 / 10%)
}

  .footer_strip_socil .list-inline li a img {
    width: 18px;
    opacity: .7
  }

  .footer_strip_socil .list-inline li a:hover img {
    opacity: 1
  }

.footer_strip_socil ul {
  display: flex;
  gap: 5px;
  justify-content: center
}

  .footer_strip_socil ul li.list-inline-item:not(:last-child) {
    margin: 0
  }

.footer_strip_socil .list-inline li a:hover {
  background: rgb(0 0 0 / 10%);
  transition: .5s
}

.footer_strip_socil {
  margin-top: 10px
}

.copyright_div p {
  color: #aeb0b3;
  font-family: var(--dev_med);
  font-size: 14px;
  font-style: normal;
  line-height: normal
}

@keyframes fade {
  0% {
    opacity: .4
  }

  100% {
    opacity: 100%
  }
}

.animate_form.banner_form_main h2 {
  animation: .5s fade
}

@keyframes fadeup {
  0% {
    transform: translateY(10px)
  }

  100% {
    transform: translateY(0)
  }
}

.animate_form.banner_form_main .banner_form_input_wrapper {
  animation: .5s fadeup
}

@keyframes zoomin {
  0% {
    transform: scale(.5)
  }

  100% {
    transform: scale(1)
  }
}

.banner_form_main.animate_form .otp_verified_wrapper {
  animation: .5s zoomin
}

.home_creative2 {
  max-width: 50px;
  top: -20px;
  right: 10px;
  display: none
}

.homeload_body .banner_caption p {
  width: 79%
}

.homeload_body .banner_content_Wrapper {
  gap: 60px
}

.homeload_body .unique_offerings_wrapper {
  background: rgb(203 203 203 / .18)
}

.homeload_body .desk_banner {
  height: 815px
}

.homeload_body.gold_body .desk_banner {
  height: 850px
}

.transparent_plans {
  padding: 120px 0;
  background: url(/Assets/Project/Campaign/images/home_loan/worry_free_plans.png);
  background-size: cover
}

.worry_details ul li img {
  max-width: 15px
}

.worry_details ul li {
  display: flex;
  gap: 10px
}

  .worry_details ul li p {
    color: #111;
    font-size: 14px;
    font-style: normal;
    line-height: 130%;
    font-family: dev_med;
    opacity: .8
  }

.worry_details ul {
  display: flex;
  flex-direction: column;
  gap: 12px
}

.worry_details h3 {
  color: #111;
  font-family: dev_semi_bold;
  font-size: 24px;
  font-style: normal;
  line-height: 120%;
  text-transform: capitalize;
  margin-bottom: 20px
}

.worry_plans_wrapper {
  display: flex;
  flex-direction: column;
  gap: 35px;
  border-radius: 20px;
  border: 1px solid #e7e7e7;
  padding: 28px;
  height: 482px;
  background: linear-gradient(180deg, rgb(255 255 255 / .5) 0, rgb(220 218 218 / 28%) 100%);
  box-shadow: 0 11px 21px 0 rgb(0 0 0 / .03);
  backdrop-filter: blur(3px)
}

.worry_plan_img {
  border-radius: 13px;
  overflow: hidden
}

.worry_plans_div_wrapper {
  display: grid;
  justify-content: center;
  gap: 20px;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(1, 1fr);
  max-width: 1366px;
  margin: 0 auto
}

.worry_plans_wrapper:hover .worry_plan_img img {
  transform: scale(1.1)
}

.worry_plans_wrapper .worry_plan_img img {
  transition: all .5s ease;
  height: 170px;
  object-fit: cover
}

.top_offers {
  padding: 100px 0;
  background: url(/Assets/Project/Campaign/images/health_insurance/health_insurance.png);
  background-size: cover;
  overflow: hidden
}

.top_offers_grid_container {
  grid-template-columns: 370px 73%;
  display: grid;
  justify-content: space-between
}

.step_up_wrapper {
  border-radius: 20px;
  border: 1px solid #fff;
  box-shadow: none;
  padding: 30px 20px;
  height: 345px;
  background: linear-gradient(145deg, rgb(255 255 255 / .3) 17.97%, rgb(236 236 236 / .3) 89.08%);
  box-shadow: 0 16px 43px 0 rgb(0 0 0 / .06);
  backdrop-filter: blur(3px)
}

.step_up_step_down {
  padding: 20px 23px;
  overflow: hidden
}

.step_up_wrapper img {
  max-width: 80px
}

.step_up_wrapper h3 {
  color: #111;
  font-family: dev_semi_bold;
  font-size: 18px;
  font-style: normal;
  line-height: normal;
  text-transform: capitalize;
  margin: 20px 0 5px
}

.step_up_wrapper p {
  color: #111;
  font-family: dev_med;
  font-size: 14px;
  font-style: normal;
  line-height: 18px;
  opacity: .7
}

.top_offers_grid_container h2 {
  font-size: 52px;
  font-family: dev_semi_bold;
  text-align: left;
  width: 428px;
  opacity: .9;
  margin-top: 20px
}

.emi_calculator {
  background: url(/Assets/Project/Campaign/images/home_loan/emi_calc_bg.png);
  background-size: cover;
  padding: 120px 0
}

.multi-lender .emi_calculator {
  background: url(/Assets/Project/Campaign/images/emi_calc_bg_light_desk.png)
}

.calc_col_left {
  border-radius: 20px;
  border: .5px solid hsl(0deg 0% 87.45% / 67%);
  background: linear-gradient(178deg, rgb(255 255 255 / 80%) 1.76%, #f4f4f480 98.32%);
  box-shadow: 4px 0 25px 0 rgb(100 100 100 / 10%);
  width: 588px;
  height: 467px;
  padding: 66px 51px;
  display: flex;
  flex-direction: column;
  gap: 43px;
  backdrop-filter: blur(2px)
}

.calc_grid_Wrapper {
  display: grid;
  grid-template-columns: 50% 539px;
  justify-content: space-between
}

.calc_pills {
  border-radius: 80px;
  border: 1px solid #e7e7e7;
  background: rgb(255 255 255 / .5);
  justify-content: space-between;
  display: grid;
  grid-template-columns: 49% 49%;
  padding: 5px;
  position: relative;
  z-index: 0
}

  .calc_pills button.nav-link {
    width: 100%;
    color: rgb(17 17 17 / .68);
    text-align: center;
    font-family: dev_bold;
    font-size: 12px;
    font-style: normal;
    line-height: 20px;
    text-transform: uppercase;
    border-radius: 100px
  }

.nav-pills .nav-link.active {
  background: #fff0;
  color: #ca1f34
}

.magic-line_faq {
  position: absolute;
  top: 3px;
  left: 0;
  height: 84%;
  background-color: #eee;
  transition: transform .3s ease, width .3s ease;
  transform: translateX(-100%);
  width: 0;
  z-index: -1;
  border-radius: 50px
}

.noUi-connect {
  background: #ca1f34;
  height: 3px
}

.noUi-base {
  background: #e9e9e9;
  height: 2px
}

.noUi-handle.noUi-handle-lower {
  border-radius: 100px;
  height: 12px;
  width: 12px;
  top: -5px;
  background: #fff;
  box-shadow: none;
  right: -5px;
  cursor: pointer;
  box-shadow: 0 2px 5px #00000026;
  border: 2px solid #ca1f34
}

.noUi-connects {
  height: 3px;
  border-radius: 100px
}

.noUi-target {
  box-shadow: none;
  border: none;
  background: 0 0;
  margin: 0 auto
}

.noUi-handle:after,
.noUi-handle:before {
  display: none
}

.calc_plan_head_wrapper {
  display: flex;
  justify-content: space-between;
  margin-bottom: 6px;
  align-items: center
}

.calc_input_wrapper {
  position: relative
}

  .calc_input_wrapper p {
    position: absolute;
    height: 100%;
    display: flex;
    align-items: center;
    left: 10px;
    font-size: 14px;
    opacity: .6
  }

  .calc_input_wrapper input {
    border-radius: 5px;
    background: rgb(242 242 242 / 80%);
    border: none;
    width: 96px;
    height: 29px;
    text-align: right;
    padding-right: 10px;
    font-size: 16px;
    padding-left: 25px
  }

  .calc_input_wrapper input,
  .calc_input_wrapper p {
    color: #111;
    font-family: dev_med;
    font-style: normal;
    line-height: normal;
    text-transform: capitalize
  }

    .calc_input_wrapper input:focus-visible {
      outline: 0
    }

.calc_plan_head_wrapper span {
  color: #111;
  text-align: left;
  font-family: dev_semi_bold;
  font-size: 18px;
  font-style: normal;
  line-height: normal;
  text-transform: capitalize
}

.calc_range_slider_wrapper {
  margin-bottom: 33px
}

  .calc_range_slider_wrapper:last-child {
    margin: 0
  }

.slider_metrics p {
  color: #111;
  font-family: dev_med;
  font-size: 12px;
  font-style: normal;
  line-height: normal;
  text-transform: capitalize
}

.slider_metrics {
  display: flex;
  justify-content: space-between;
  margin-top: 10px
}

.ui-slider .ui-slider-handle:focus-visible {
  outline: 0
}

.noUi-horizontal {
  height: 10px
}

.calc_plan_head_wrapper.loan_wrap input {
  width: 106px;
  padding-left: 20px
}

.calc_plan_head_wrapper.year_wrap input {
  padding-left: 40px
}

.calc_metrics_output {
  margin: 0 auto;
  text-align: center;
  position: relative
}

.emi_calculator .custom-container {
  padding: 0 140px
}

.big_eclipse,
.eclipse_coin {
  position: absolute;
  bottom: 0;
  left: 20px;
  max-width: 41px;
  display: none
}

.calc_numeric_output p {
  color: #111;
  font-family: dev_bold;
  font-size: 62px;
  font-style: normal;
  line-height: normal;
  text-transform: capitalize
}

.calc_numeric_output span {
  display: block;
  color: #111;
  font-family: dev_med;
  font-size: 32px;
  font-style: normal;
  line-height: normal;
  text-transform: capitalize;
  opacity: .5
}

.calc_numeric_output {
  text-align: center;
  top: 0;
  z-index: 1;
  left: 0;
  right: 0;
  height: 100%;
  width: fit-content;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center
}

.calc_col_right {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center
}

.calculator_btn {
  border-radius: 70px;
  background: #ca1f34;
  padding: 17px 40px;
  color: #fff;
  font-family: dev_bold;
  font-size: 14px;
  font-style: normal;
  line-height: normal;
  text-transform: uppercase
}

.calc_value_Wrapper {
  border-radius: 10px;
  border: 1px solid #efefef;
  background: linear-gradient(178deg, rgb(255 255 255 / 80%) 1.76%, #f4f4f4d1 98.32%);
  box-shadow: 4px 0 25px 0 rgb(100 100 100 / 10%);
  display: flex;
  justify-content: center;
  gap: 90px;
  padding: 30px;
  margin-top: 35px;
  position: relative;
  background: #fff
}

.calc_total_amnt span {
  display: block;
  color: #111;
  text-align: center;
  font-family: dev_med;
  font-size: 18px;
  font-style: normal;
  line-height: normal;
  text-transform: capitalize;
  opacity: .5
}

.calc_total_amnt {
  text-align: center
}

  .calc_total_amnt p {
    color: #1f1f1f;
    text-align: center;
    font-family: dev_bold;
    font-size: 24px;
    font-style: normal;
    line-height: 32px;
    text-transform: capitalize
  }

.calc_value_Wrapper:after {
  position: absolute;
  content: '';
  left: 0;
  right: 0;
  width: 2px;
  height: 50px;
  background: #000;
  margin: 0 auto;
  opacity: .1
}

.signature_club .gi_sec_head h2 {
  margin-bottom: 20px
}

.signature_club .gi_sec_head p {
  color: #111;
  text-align: center;
  font-family: dev_med;
  font-size: 20px;
  font-style: normal;
  line-height: 130%
}

.signature_club {
  padding: 100px 0;
  background: url(/Assets/Project/Campaign/images/home_loan/signature_club_bg.png);
  background-size: cover;
  overflow: hidden
}

.homeload_body.gold_body .signature_club.key_features.navbuttons--wrap {
  background: url(/Assets/Project/Campaign/images/gold_loan_keyfeatures.png);
  background-size: cover
}

.signature_club .gi_sec_head {
  margin-bottom: 50px
}

.signature_club_main {
  width: 278px;
  height: 290px;
  border-radius: 24px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-shadow: 0 0 20px 0 #0000001a;
  padding-top: 40px;
  background: #fff
}

.signature_desc p {
  color: #000;
  text-align: center;
  font-family: dev_med;
  font-size: 20px;
  font-style: normal;
  line-height: 130%
}

.signature_bottom p {
  color: #111;
  text-align: center;
  font-family: dev_semi_bold;
  font-size: 14px;
  font-style: normal;
  line-height: normal
}

.signature_bottom {
  background: #fef2f3;
  height: 58px;
  display: flex;
  align-items: center;
  justify-content: center
}

.signature_desc {
  padding: 0 20px
}

.signature_img {
  position: relative
}

  .signature_img:after {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    width: 211px;
    height: 1px;
    background: #000;
    bottom: -15px;
    opacity: .2;
    margin: 0 auto
  }

.Signature_club_swiper_Wrapper {
  padding: 20px 0 57px;
  overflow: visible
}

.red_font {
  color: #8b151b;
  font-family: dev_semi_bold
}

.signature_club .slider-arrow-swi .nav-buttons {
  bottom: -13px;
  left: 140px
}

.faq_section {
  padding: 100px 0;
  background: url(/Assets/Project/Campaign/images/home_loan/faq_bg.png);
  background-size: cover
}

.faq_header_wrapper h2 {
  text-align: center
}

.faq_acc_wrapper .accordion-item {
  margin-bottom: 12px;
  border: none;
  border-radius: 16px;
  box-shadow: 0 0 14px 0 rgb(53 53 53 / .04)
}

  .faq_acc_wrapper .accordion-item:last-child {
    margin: 0
  }

  .faq_acc_wrapper .accordion-item .accordion-button {
    border-radius: 16px;
    z-index: 1;
    padding: 30px
  }

.faq_acc_wrapper .accordion-button:focus {
  box-shadow: none;
  border: none
}

.faq_acc_wrapper .accordion-button:not(.collapsed) {
  box-shadow: none
}

.faq_acc_wrapper .border_red .accordion-header button {
  padding-bottom: 16px
}

.faq_acc_wrapper .accordion-item:first-of-type > .accordion-header .accordion-button,
.faq_acc_wrapper .accordion-item:last-of-type > .accordion-header .accordion-button.collapsed {
  border-radius: 16px
}

.faq_acc_wrapper .accordion-header button {
  font: normal normal 22px/24px var(--dev_med);
  letter-spacing: -.28px;
  color: #111;
  opacity: 1;
  background: #fff;
  text-transform: capitalize;
}

.faq_acc_wrapper .accordion-body {
  padding: 0 30px 30px
}

  .faq_acc_wrapper .accordion-body p {
    letter-spacing: -.36px;
    color: rgb(17 17 17 / .6)
  }

.faq_tab_Wrapper li button {
  font: normal normal 18px/20px var(--dev_semi_bold);
  letter-spacing: 0;
  color: #111;
  opacity: .7;
  padding: 0 25px 18px
}

.faq_tab_Wrapper {
  display: flex;
  justify-content: center;
  margin-bottom: 60px;
  border-bottom: 1px solid rgb(17 17 17 / 20%);
  position: relative
}

  .faq_tab_Wrapper li .nav-link.active {
    color: var(--abc_primary);
    opacity: 1
  }

.faq_acc_wrapper {
  margin-top: 50px
}

.accordion-button::after {
  background: url(/Assets/Project/Campaign/images/faq_plus.svg) no-repeat center;
  background-size: cover
}

.accordion-button:not(.collapsed)::after {
  background: url(/Assets/Project/Campaign/images/faq_minus.svg) no-repeat center;
  background-size: cover
}

.faq_acc_wrapper {
  margin: 0 auto
}

.top_offers.health_insurance_top_offers {
  background: url(/Assets/Project/Campaign/images/health_insurance/health_insurance.png);
  background-size: cover
}

.health_insurance_top_offers .step_up_step_down {
  margin-right: 0;
  padding-bottom: 70px
}

.health_insurance_top_offers .swiper-horizontal > .abfl_dots {
  width: fit-content;
  left: auto;
  right: 50px
}

.top_offers.health_insurance_top_offers .custom-container {
  padding-right: 0
}

.apply_now_cta {
  position: fixed;
  bottom: 3%;
  z-index: 9;
  left: 0;
  right: 0;
  margin: 0 auto;
  background: #c91429;
  border-radius: 100px;
  width: 271px;
  height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-family: dev_semi_bold;
  font-size: 17.112px;
  line-height: normal;
  text-transform: uppercase;
  transition: all .5s ease;
  opacity: 0;
  pointer-events: none
}

  .apply_now_cta.scroll-animation {
    opacity: 1;
    pointer-events: all
  }

.whats_covered {
  overflow-anchor: none;
  /* ⛔ Prevent scroll anchor from jumping */
}

.moreless-button {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 70px;
  background: #ca1f34;
  color: #fff;
  font-family: dev_bold;
  font-style: normal;
  line-height: normal;
  text-transform: uppercase;
  width: 152px;
  height: 49px
}

.apply_now_cta.scroll-animation.viewport-bottom {
  opacity: 0;
  pointer-events: none
}

.thankyou_body .banner-items-wrapper > .custom-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%
}

.thankyou_body .thankyou_wrapper img {
  max-width: 200px
}

.thankyou_body .thankyou_wrapper {
  text-align: center;
  border-radius: 40px;
  border: 1px solid #eee;
  background: rgb(218 186 109 / .2);
  box-shadow: 0 7px 44px 0 rgb(0 0 0 / .08);
  backdrop-filter: blur(8px);
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 60px
}

.thankyou_body .banner-items-wrapper {
  height: 100%;
  top: 15%;
  height: 564px
}

.thankyou_body .thankyou_wrapper h2 {
  color: #1f1f1f;
  text-align: center;
  font-family: dev_semi_bold;
  font-size: 40px;
  font-style: normal;
  line-height: 46px;
  text-transform: capitalize;
  margin: 0;
  opacity: .9
}

.thankyou_grid {
  width: 100%;
  height: 100%;
  display: flex;
  transition: all .5s ease
}

  .thankyou_grid.tu_form_active {
    gap: 150px
  }

.thankyou_wrapper {
  width: 100%;
  transition: width .5s ease
}

.tu_form_Wrapper {
  width: 0;
  transition: width .5s ease;
  overflow: hidden
}

.thankyou_grid.tu_form_active .thankyou_wrapper {
  width: 30%
}

.thankyou_grid.tu_form_active .tu_form_Wrapper {
  width: 70%
}

.thankyou_grid.tu_form_active .thankyou_wrapper h2 {
  font-size: 26px;
  line-height: 36px
}

.thankyou_wrapper * {
  transition: all .5s ease
}

.thankyou_grid.tu_form_active .thankyou_wrapper img {
  max-width: 100px
}

.tu_form_Wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 40px;
  padding: 0;
  position: relative
}

.thankyou_grid.tu_form_active .tu_form_Wrapper {
  padding: 0 30px;
  width: 100%;
  gap: 20px
}

.tu_form_main_Wrapper {
  border-radius: 30px;
  border: 1px solid rgb(255 255 255 / .8);
  background: #fff;
  box-shadow: 0 8px 40px 0 rgb(0 0 0 / .12);
  padding: 40px 72px;
  height: 365px;
  width: 100%
}

.tu_form_Wrapper h2 {
  color: #1f1f1f;
  text-align: center;
  font-family: dev_semi_bold;
  font-size: 30px;
  font-style: normal;
  line-height: 24px;
  text-transform: capitalize;
  margin: 0
}

.tu_form_main_Wrapper h3 {
  color: #111;
  text-align: center;
  font-size: 22px;
  font-style: normal;
  line-height: normal
}

.border_boxes_grid {
  display: grid;
  gap: 20px;
  margin-top: 50px;
  justify-content: center;
  flex-wrap: wrap;
  grid-template-columns: auto auto auto auto auto
}

.border_box_wrapper {
  padding: 15px;
  width: 121px;
  height: 108px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 13px;
  border: 1px solid #f1f1f1;
  background: #fff;
  transition: all .5s ease
}

  .border_box_wrapper img {
    max-width: 30px
  }

  .border_box_wrapper p {
    color: #111;
    font-family: dev_med;
    font-size: 20px;
    font-style: normal;
    line-height: normal;
    letter-spacing: -.4px
  }

  .border_box_wrapper p {
    color: #111;
    font-family: dev_med;
    font-size: 15px;
    font-style: normal;
    line-height: normal;
    letter-spacing: -.4px
  }

  .border_box_wrapper:hover {
    border: 1px solid rgb(202 31 52 / .3);
    background: #fff;
    box-shadow: 0 8px 24px 0 rgb(0 0 0 / .1);
    cursor: pointer
  }

.tu_input_wrapper input {
  border-radius: 100px;
  border: 1px solid #e2e2e2;
  background: #f5f5f5;
  width: 386px;
  height: 65px;
  color: #000;
  font-family: dev_med;
  font-size: 18px;
  font-style: normal;
  line-height: 20px;
  padding: 0 30px 0 60px
}

.apply_tu_btn {
  padding: 0;
  display: flex;
  width: 174px;
  height: 54px;
  background: var(--abc_primary);
  border-radius: 100px;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-family: dev_semi_bold;
  font-size: 17.112px;
  font-style: normal;
  line-height: normal;
  text-transform: uppercase;
  margin: 90px auto 0
}

.tu_input_wrapper input:focus {
  box-shadow: none;
  border: 1px solid #e2e2e2
}

.tu_input_wrapper input::placeholder {
  opacity: .7
}

.tu_input_wrapper {
  position: relative
}

.border_boxes_grid.tu_form {
  grid-template-columns: auto
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0
}

input[type=number] {
  -moz-appearance: textfield
}

.tu_input_wrapper img {
  max-width: 33px;
  position: absolute;
  left: 15px;
  height: 100%;
  opacity: .9
}

.apply_tu_btn:hover {
  background: var(--abc_primary);
  color: #fff
}

.apply_tu_btn.disabled {
  background: #f5f5f5;
  border-color: #f5f5f5
}

.thankyou_wrapper.form_end_state {
  background: rgb(112 184 101 / 20%)
}

.back_btn {
  display: flex;
  align-items: center;
  color: #ca1f34;
  text-align: center;
  font-family: dev_semi_bold;
  font-size: 16px;
  font-style: normal;
  line-height: 20px;
  gap: 10px;
  position: absolute;
  top: 0;
  left: 0
}

.animation_transition h3 {
  animation: 1s ease FadeIn
}

.animation_transition .border_box_wrapper {
  animation: .5s ease ZoomIn
}

@keyframes FadeIn {
  0% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

@keyframes ZoomIn {
  0% {
    transform: scale(.5)
  }

  100% {
    transform: scale(1)
  }
}

.kf_desc p {
  color: #383737;
  font-family: dev_med;
  font-size: 16px;
  font-style: normal;
  line-height: normal;
  text-align: center
}

.kf_wrapper img {
  max-width: 60px;
  margin: 0 auto
}

.kf_wrapper {
  text-align: center;
  border: 1px solid #f3f1e8;
  border-radius: 10px;
  background: rgb(255 255 255 / .1);
  box-shadow: 0 0 21px 0 rgb(174 174 174 / 25%);
  backdrop-filter: blur(3px);
  padding: 20px;
  gap: 20px;
  display: flex;
  flex-direction: column;
  height: 200px;
  align-items: center;
  justify-content: center
}

.key_Features_swiper {
  padding: 20px 0 50px
}

.homeload_body.gold_body .banner_creative {
  z-index: 0;
  top: 25px;
  max-width: 420px;
  right: 0
}

.banner_form_input .form_select {
  background: rgb(255 255 255 / .1);
  border: 1px solid #fff0;
  height: 44px;
  color: #f2f2f2;
  font-size: 14.973px;
  border-radius: 12px
}

select option {
  background: #515151;
  padding-left: 0
}

.banner_form_input .form_select:focus {
  box-shadow: none;
  border-color: #fff
}

.banner_form_input.form_select_input:after,
.banner_form_input.form_select_input:before {
  position: absolute;
  content: '';
  background: #fff;
  width: 10px;
  height: 2px;
  border-radius: 10px;
  top: 20px
}

.banner_form_input.form_select_input:after {
  right: 21px;
  transform: rotate(45deg)
}

.banner_form_input.form_select_input:before {
  transform: rotate(-45deg);
  right: 15px
}

.homeload_body.gold_body .email_login_div .banner_form_input input {
  width: 100%
}

.phone_code {
  position: absolute;
  left: 40px;
  color: #f2f2f2;
  font-size: 14.973px;
  border-right: 1px solid #ffffff6e;
  padding-right: 10px
}

.banner_form_input.phone_number_wrapper input {
  padding-left: 80px
}

.banner_form_input.form_select_input img {
  left: 18px
}

.banner_form_input.form_select_input select {
  padding-left: 49px
}

.slider-arrow-swi .swiper-button-next:after,
.slider-arrow-swi .swiper-button-prev:after,
.slider-arrow-swi .swiper-rtl {
  display: none
}

.slider-arrow-swi .navarrow {
  display: block;
  width: 8px;
  height: 8px;
  border: 2px solid #c91429;
  border-top: 0;
  border-left: 0;
  transition: all .5s ease-in-out
}

  .slider-arrow-swi .navarrow.next--n {
    transform: rotate(318deg)
  }

  .slider-arrow-swi .navarrow.prev--p {
    transform: rotate(318deg);
    transform: rotate(133deg)
  }

.slider-arrow-swi .nav--btn {
  width: 47px;
  height: 47px;
  border: 2px solid #c91429;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  left: unset;
  right: unset;
  top: unset;
  bottom: unset;
  transition: all .5s ease-in-out
}

  .slider-arrow-swi .nav--btn:hover {
    background: #c91429;
    transition: all .5s ease-in-out
  }

    .slider-arrow-swi .nav--btn:hover .navarrow {
      border: 2px solid #fff;
      border-top: 0;
      border-left: 0;
      transition: all .5s ease-in-out
    }

.slider-arrow-swi .nav-buttons {
  display: flex;
  gap: 15px;
  justify-content: flex-start;
  position: absolute;
  bottom: 0
}

.navbuttons--wrap {
  overflow: hidden
}

  .navbuttons--wrap .success_stories_swiper {
    overflow: visible
  }

  .navbuttons--wrap .slider-arrow-swi .nav-buttons {
    bottom: -13px;
    left: 140px
  }

.slider-arrow-swi .nav--btn.swiper-button-lock {
  display: none
}

.navbuttons--wrap .key_Features_swiper {
  overflow: visible
}

.homeload_body.gold_body .banner_form_wrapper {
  height: max-content
}

.banner_form_input.form_select_input select {
  width: 97%
}

.banner_form_input.form_select_input:before {
  right: 29px
}

.banner_form_input.form_select_input:after {
  right: 35px
}

.banner_form_input.form_select_input select {
  -webkit-appearance: none;
  -moz-appearance: none
}

.homeload_body.gold_body .btn.form_solid_btn {
  margin-top: 0
}

.sub-text-form {
  color: #fff;
  font-size: 13px;
  margin-bottom: 20px
}

.business_loan_body .banner_content_Wrapper {
  justify-content: flex-start
}

.padding--tb {
  padding-top: 100px;
  padding-bottom: 100px
}

.why-abhfl-grid-parent {
  display: grid;
  grid-template-columns: 50% 34%;
  justify-content: space-between;
  gap: 70px
}

  .why-abhfl-grid-parent .gi_sec_head h2 {
    text-align: left;
    margin-bottom: 15px
  }

  .why-abhfl-grid-parent .banner_caption {
    width: 100%;
    margin-bottom: 50px;
    padding: 0
  }

    .why-abhfl-grid-parent .banner_caption p {
      width: 100%
    }

  .why-abhfl-grid-parent .why-li-card {
    border: 1px solid #ffe9e9;
    padding: 14px;
    position: relative;
    display: grid;
    gap: 14px;
    border-radius: 14px;
    overflow: hidden;
    grid-template-columns: auto auto
  }

  .why-abhfl-grid-parent img.whyAbhfl-img-icon {
    width: 34px
  }

  .why-abhfl-grid-parent .whyimgicon {
    width: 52px;
    height: 52px;
    background: linear-gradient(180deg, #fff7e9 8%, #ffe7be 74%);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center
  }

.why-abhfl-list-para p {
  font-family: var(--dev_med);
  font-size: 18px;
  line-height: 22px;
  color: #111
}

.why-abhfl-grid-parent .why-abhfl-unorder-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px
}

.why-abhfl-grid-parent .why-abhfl-img-container {
  border-radius: 14px;
  overflow: hidden
}

.why-abhfl-grid-parent .why-abhfl-list-para {
  width: auto
}

.os-grid-style {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: 30px;
  padding-left: 254px;
  padding-right: 254px
}

  .os-grid-style .os-grid-item:nth-child(3) {
    grid-column: span 2/span 2
  }

  .os-grid-style .os-card-wrapper {
    border-radius: 24px;
    padding: 32px 24px;
    position: relative;
    display: flex;
    gap: 32px;
    align-items: center;
    background: linear-gradient(0deg, rgb(112 184 101 / .24) 0, rgb(112 184 101 / .24) 100%), #fff;
    overflow: hidden;
    z-index: 0
  }

    .os-grid-style .os-card-wrapper::before {
      content: '';
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      background: url(/Assets/Project/Campaign/images/health_insurance/os-gold-abstract.png);
      mix-blend-mode: multiply;
      background-size: cover;
      z-index: -1
    }

  .os-grid-style .os-card-img {
    width: 193px;
    height: 193px
  }

  .os-grid-style .os-card-content {
    width: 53%
  }

.heading-style-hs1 {
  font-family: var(--dev_semi_bold);
  font-size: 36px;
  line-height: 40px;
  color: #111;
  text-transform: capitalize;
  margin-bottom: 12px
}

.os-card-content p {
  font-family: var(--dev_med);
  font-size: 18px;
  line-height: 22px;
  color: rgb(17 17 17 / .8)
}

.os-grid-style .os-grid-item:nth-child(2) .os-card-wrapper {
  background: linear-gradient(0deg, #f0e2d4 0, #f0e2d4 100%), #fff
}

  .os-grid-style .os-grid-item:nth-child(2) .os-card-wrapper::before {
    background: url(/Assets/Project/Campaign/images/health_insurance/os-personal-abstract.png);
    background-size: cover
  }

.os-grid-style .os-grid-item:nth-child(3) .os-card-wrapper {
  background: linear-gradient(0deg, rgb(254 242 214 / .7) 0, rgb(254 242 214 / .7) 100%), #fff
}

  .os-grid-style .os-grid-item:nth-child(3) .os-card-wrapper::before {
    background: url(/Assets/Project/Campaign/images/health_insurance/os-construction-abstract.png);
    background-size: cover
  }

.os-grid-style .os-grid-item:nth-child(3) .os-card-content {
  width: 80%
}

.rupeek_wrapper {
  margin-top: 20px;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: space-between
}

  .rupeek_wrapper img {
    max-width: 105px
  }

.powerd_by {
  position: absolute;
  top: -10px;
  color: #ca1f34;
  font-family: dev_semi_bold;
  font-size: 10px;
  font-style: normal;
  line-height: normal;
  letter-spacing: .42px;
  right: 40px
}

.color-red {
  color: red
}

.banner_form_input.radio_input_wrapper {
  flex-direction: column;
  align-items: flex-start
}

.radio_btn_Wrapper {
  display: flex;
  gap: 20px
}

  .radio_btn_Wrapper label {
    display: flex;
    align-items: center;
    gap: 7px
  }

    .radio_btn_Wrapper label span {
      color: #fff;
      display: flex;
      align-items: center;
      color: #f2f2f2;
      font-size: 14.973px
    }

      .radio_btn_Wrapper label span:before {
        display: flex;
        flex-shrink: 0;
        content: "";
        background-color: #fff0;
        width: 17px;
        height: 17px;
        border-radius: 50%;
        margin-right: .375em;
        transition: .25s;
        box-shadow: inset 0 0 0 .122em #888
      }

.banner_form_input.radio_input_wrapper input:checked + span:before {
  box-shadow: inset 0 0 0 .2975em #c91429;
  background-color: #fff
}

.banner_form_input.radio_input_wrapper input {
  position: absolute;
  display: none
}

.banner_form_radio > p {
  color: #fff;
  opacity: .8;
  margin-bottom: 10px
}

.banner_form_input_wrapper {
  margin-bottom: 18px
}

.banner_form_radio {
  margin-bottom: 40px
}

.health_insurance_body.lap_body .emi_calculator {
  background-size: cover
}

.ty_solid_bg_btn {
  background: #c91429;
  border-radius: 100px;
  width: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 20px;
  color: #fff;
  font-family: dev_semi_bold;
  margin-top: 25px;
  position: relative;
  overflow: hidden
}

.unique_offerings_main_wrapper_gold .unique_offerings_wrapper {
  display: grid;
  grid-template-columns: 45% 45%;
  justify-content: space-between;
  position: relative;
  backdrop-filter: blur(7px)
}

  .unique_offerings_main_wrapper_gold .unique_offerings_wrapper:before {
    position: absolute;
    content: '';
    width: 1px;
    height: 83%;
    top: 35px;
    background: rgb(0 0 0 / .1);
    left: 0;
    right: 0;
    margin: 0 auto 0
  }

  .unique_offerings_main_wrapper_gold .unique_offerings_wrapper ul {
    gap: 12px;
    grid-template-columns: 100%
  }

.banner_form_input.loan_amount_wrapper img {
  max-width: 10px;
  left: 19px
}

.swiper.gold_loan_swiper_left .swiper-wrapper {
  display: flex;
  flex-direction: column;
  gap: 30px
}

.gold_loan_swiper_left .swiper-slide {
  height: auto
}

.gold_loan_coin {
  position: absolute;
  bottom: 0;
  left: -40px;
  max-width: 100px
}

.banner_form_input.checkbox_input_wrapper {
  display: flex
}

.banner_form_input.has-error-div img {
  top: -9px
}

.banner_form_input.has-error-div2 img {
  top: -9px
}

.banner_form_input.phone_number_wrapper img {
  top: 10px
}

.banner_form_input.phone_number_wrapper span {
  top: 10px
}

.homeload_body.gold_body .banner_form_main.otp_verified,
.homeload_body.gold_body .banner_form_main.otp_wrapper {
  height: 510px
}

.rewards_hi .gi_sec_head h2 {
  width: 60%;
  margin: 0 auto
}

.rewards_hi .gi_sec_head p {
  color: #333;
  text-align: center;
  font-family: dev_med;
  font-size: 16px;
  font-style: normal;
  line-height: 20px;
  text-transform: capitalize;
  opacity: .8;
  margin: 16px 0 52px
}

.rewards_hi {
  padding: 100px 0;
  background: url(/Assets/Project/Campaign/images/hi_feature_bg.png);
  background-size: cover
}

.rewards_list_wrapper {
  display: flex
}

.reward_main img {
  max-width: 70px
}

.reward_main p {
  color: #333;
  text-align: center;
  font-family: dev_med;
  font-size: 16px;
  font-style: normal;
  line-height: 20px;
  width: 190px;
  margin: 0 auto
}

.reward_main {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px
}

.financing-needs {
  background: #f5f5f5
}

.finNeedBoxes {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 70px 90px
}

  .finNeedBoxes .finNeeds-box {
    width: 13%;
    display: flex;
    flex-direction: column;
    text-align: center
  }

  .finNeedBoxes .finNeeds-imgbox {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px
  }

    .finNeedBoxes .finNeeds-imgbox img {
      width: 40px
    }

  .finNeedBoxes .funNeedsTextBox p {
    font-family: var(--dev_semi_bold);
    font-size: 20px;
    line-height: 22px;
    color: rgb(0 0 0 / .8);
    text-align: center;
    text-transform: capitalize
  }

  .finNeedBoxes .funNeedsTextBox span {
    font-family: var(--dev_reg);
    font-size: 16px;
    line-height: 20px;
    color: rgb(0 0 0 / .8)
  }

.docreqboxes {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  gap: 32px;
  justify-content: center;
  flex-wrap: wrap
}

.docreqbox {
  width: 20%;
  border: 1px solid #d2a83899;
  border-radius: 14px;
  padding: 32px;
  background: #eed18326;
  gap: 32px;
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 0;
  overflow: hidden
}

  .docreqbox::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #eed18326;
    z-index: -1;
    backdrop-filter: blur(10px)
  }

  .docreqbox img {
    width: 32px
  }

  .docreqbox p {
    font-family: var(--dev_semi_bold);
    font-size: 18px;
    line-height: 23px;
    color: rgb(0 0 0 / .8)
  }

.documentRequired-sec {
  background: #fff;
  z-index: 0
}

  .documentRequired-sec::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(/Assets/Project/Campaign/images/health_insurance/docreq-pattern-bg.png);
    z-index: -1
  }

.bannerOverflow-mb .banner-heading-s3 p {
  font-size: 36px;
  line-height: 40px;
  font-family: var(--dev_semi_bold);
  color: rgb(31 31 31 / .8);
  text-transform: capitalize
}

.productrenge-heading {
  font-family: var(--dev_semi_bold);
  font-size: 24px;
  line-height: 30px;
  color: rgb(31 31 31 / .8);
  margin-bottom: 20px
}

.rangeItemInner-top {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: 16px
}

  .rangeItemInner-top .rangeitem-box {
    position: relative;
    border-radius: 24px;
    overflow: hidden;
    height: 100%
  }

    .rangeItemInner-top .rangeitem-box img {
      height: 100%
    }

    .rangeItemInner-top .rangeitem-box:first-child {
      grid-row: span 2/span 2
    }

    .rangeItemInner-top .rangeitem-box:nth-child(2) {
      grid-row: span 2/span 2;
      grid-column-start: 1;
      grid-row-start: 3
    }

    .rangeItemInner-top .rangeitem-box:nth-child(3) {
      grid-row: span 4/span 4;
      grid-column-start: 2;
      grid-row-start: 1
    }

.banner_caption p.paragraph-text-s1 {
  width: 100%;
  line-height: 28px
}

  .banner_caption p.paragraph-text-s1 span {
    font-family: var(--dev_bold);
    color: #111;
    font-size: 45px
  }

.yellowMark-mb {
  background: #f1ba3c;
  width: fit-content;
  border-radius: 10px;
  overflow: hidden;
  padding: 5px 13px;
  margin-bottom: 20px
}

.bannerOverflow-mb .yellowMark-mb p {
  width: 100%;
  font-size: 28px;
  line-height: 32px;
  color: rgb(17 17 17 / .8);
  font-family: var(--dev_semi_bold);
  margin: 0
}

.boxContentWrapp {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 30px
}

.bannerOverflow-mb .banner_caption {
  width: 100%
}

img.heaidngimg {
  width: 458px
}

.learn-more-anchore {
  font-family: var(--dev_bold);
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  color: #c91429;
  text-transform: uppercase;
  opacity: 1;
  text-decoration: underline;
  display: flex;
  width: fit-content;
  gap: 7px;
  align-items: center;
  margin-top: 16px;
  position: relative
}

  .learn-more-anchore::before {
    content: '';
    position: absolute;
    width: 7px;
    height: 7px;
    border: 2px solid #c91429;
    right: -16px;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    border-left: 0;
    border-bottom: 0;
    transition: all .5s ease-in-out
  }

  .learn-more-anchore:hover::before {
    right: -23px;
    transition: all .5s ease-in-out
  }

.ey-microsite .desk_banner {
  height: 100%
}

.card-heading-s1 {
  font-family: var(--dev_semi_bold);
  font-size: 26px;
  line-height: 30px;
  color: #1f1f1f;
  margin-bottom: 16px
}

.rangeItemInner .strongtext-1 {
  font-family: var(--dev_semi_bold);
  color: #111
}

.rangeItemInner .box-caption-mb {
  width: 90%
}

.rangeItemInner-top.rangeItemInner-s2 .rangeitem-box:first-child {
  grid-column: span 2/span 2
}

.rangeItemInner-top.rangeItemInner-s2 .rangeitem-box:nth-child(2) {
  grid-row: span 2/span 2;
  grid-row-start: 3
}

.rangeItemInner-top.rangeItemInner-s2 .rangeitem-box:nth-child(3) {
  grid-row: span 2/span 2;
  grid-row-start: 3
}

.productrangeGridmain .rangeItem {
  display: flex;
  flex-direction: column;
  gap: 16px
}

.productrange-wrapper {
  margin-top: 100px
}

.ey-microsite .banner-items-wrapper {
  position: relative;
  top: 0;
  width: 100%;
  padding-top: 150px;
  padding-bottom: 90px
}

.ey-microsite .banner_form_wrapper {
  position: sticky;
  top: 120px;
  height: auto
}

.wd--100 {
  width: 100% !important
}

.ey-microsite .banner-items-wrapper::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: url(/Assets/Project/Campaign/images/health_insurance/ey-microsite-banner.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  opacity: .3
}

.productrangeGridmain .gridTemplate-style1 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: unset
}

.productrangeGridmain .display-style1 {
  display: flex;
  flex-direction: column;
  gap: 16px
}

.productrangeGridmain .gridTemplate-style2 {
  grid-template-columns: 325px auto;
  grid-template-rows: unset
}

.productrangeGridmain .gridParent-mb {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(1, 1fr);
  gap: 16px
}

  .productrangeGridmain .gridParent-mb .col-ey:last-child {
    grid-column: span 2/span 2;
    grid-row-start: 2
  }

.productrangeGridmain .gridTemplate-style3 {
  grid-template-columns: auto auto;
  grid-template-rows: unset
}

.modal.fade.learnmore-modal .modal-dialog {
  transform: translate(100px, 0);
  max-width: 600px;
  margin: 0 0 0 auto;
  height: 100vh
}

.modal.learnmore-modal.show .modal-dialog {
  transform: none
}

.learnmore-modal .modal-dialog-scrollable .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0
}

.learnmore-modal .modal-header {
  border-bottom: 0;
  padding: 0;
  position: absolute;
  right: 50px;
  top: 22px;
  z-index: 1
}

.learnmore-modal .modal-body {
  padding: 90px 50px 35px 50px
}

.heading-style-hs2 {
  font-family: var(--dev_semi_bold);
  font-size: 36px;
  line-height: 40px;
  color: #000;
  margin-bottom: 10px
}

.heading-style-hs3 {
  font-family: var(--dev_semi_bold);
  font-size: 24px;
  line-height: 32px;
  color: #000;
  margin-bottom: 10px
}

.modalheadingwrapper p {
  font-family: var(--dev_med);
  font-size: 18px;
  line-height: 22px;
  color: rgb(17 17 17 / .8)
}

.eyModalCard {
  position: relative;
  overflow: hidden;
  border-radius: 24px;
  margin-top: 30px
}

.heading-style-hs4 {
  font-family: var(--dev_semi_bold);
  font-size: 20px;
  line-height: 22px;
  color: #000;
  margin-bottom: 18px
}

.list---x1-ul li {
  font-family: var(--dev_med);
  font-size: 14px;
  line-height: 16px;
  color: #111;
  padding-left: 30px;
  margin-bottom: 16px;
  position: relative
}

  .list---x1-ul li:last-child {
    margin-bottom: 0
  }

  .list---x1-ul li::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: url(/Assets/Project/Campaign/images/health_insurance/banner-ticks.svg) 0 0/contain;
    background-repeat: no-repeat
  }

.carditem {
  position: relative;
  padding: 32px 40px 44px 40px;
  background: #f9f9f9;
  border-radius: 20px;
  overflow: hidden;
  margin-bottom: 20px
}

  .carditem:last-child {
    margin-bottom: 0
  }

  .carditem::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 10px;
    z-index: 0;
    bottom: 0;
    left: 0;
    background: #faa61a
  }

  .carditem:nth-child(4n-2)::before {
    background: #70b865
  }

  .carditem:nth-child(4n-1)::before {
    background: #ffd65c
  }

  .carditem:nth-child(4n-0)::before {
    background: #bdd753
  }

.modalheadingwrapper {
  margin-bottom: 40px
}

.textwrapper-tw p {
  font-family: var(--dev_med);
  font-size: 20px;
  line-height: 24px;
  color: #000;
  margin-bottom: 12px
}

.greyboxeswrap {
  position: relative;
  padding: 40px 44px;
  background: #f3f3f3;
  border-radius: 20px;
  overflow: hidden;
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(2, 1fr)
}

.darkText {
  font-family: var(--dev_semi_bold);
  font-size: 32px;
  line-height: 32px;
  color: #8b151b;
  margin-bottom: 12px
}

.greybox-item span {
  font-family: var(--dev_med);
  font-size: 16px;
  line-height: 18px;
  color: #111;
  display: block
}

.boxesrow {
  margin-bottom: 50px
}

.learnmore-modal .modal-header .btn-close {
  background-image: none;
  transition: all .5s ease-in-out;
  opacity: .7;
  padding: 0;
  width: 40px;
  height: 40px;
  background: #c91429;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center
}

  .learnmore-modal .modal-header .btn-close img {
    width: 16px;
    filter: invert(1);
    transition: all .5s ease-in-out
  }

  .learnmore-modal .modal-header .btn-close:hover {
    transition: all .5s ease-in-out;
    opacity: 1
  }

  .learnmore-modal .modal-header .btn-close:focus-visible {
    outline: 0
  }

body .modal .modal-body::-webkit-scrollbar {
  width: 8px
}

body .modal .modal-body::-webkit-scrollbar-thumb {
  background: var(--abc_primary)
}

.personal_loan_body .emi_calculator {
  background: url(/Assets/Project/Campaign/images/lap/lap_calc_bg.png)
}

.personal_loan_body .financing-needs {
  background: url(/Assets/Project/Campaign/images/personal_loan/key_benefits_grey.png);
  background-size: cover
}

.financing-needs {
  background: rgb(255 244 217 / .5)
}

.personal_loan_body .finNeedBoxes .finNeeds-box {
  width: 100%;
  border: 1px solid rgb(0 0 0 / .16);
  border-bottom: none
}

.personal_loan_body .finNeedBoxes {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: 0
}

  .personal_loan_body .finNeedBoxes .funNeedsTextBox p {
    width: 252px;
    text-align: left;
    margin-right: auto
  }

.sec-paragraph-style p {
  font-family: var(--dev_reg);
  font-size: 18px;
  line-height: 22px;
  color: #111
}

.sec-paragraph-width p {
  max-width: 828px;
  width: 100%;
  margin: 0 auto
}

.mb-cus {
  margin-bottom: 20px !important
}

.whyChooseBoxes {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 80px
}

  .whyChooseBoxes .whyChoose-box {
    width: 19%;
    position: relative;
    padding: 30px;
    display: flex;
    flex-direction: column;
    gap: 40px;
    border-radius: 24px;
    border: 2px solid #fff;
    overflow: hidden;
    z-index: 0
  }

    .whyChooseBoxes .whyChoose-box::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: #ddddddbd;
      filter: blur(30px);
      z-index: -1
    }

    .whyChooseBoxes .whyChoose-box img {
      width: 42px
    }

    .whyChooseBoxes .whyChoose-box p {
      font-family: var(--dev_semi_bold);
      font-size: 16px;
      line-height: 18px;
      color: #111
    }

.why-choose-cf::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(/Assets/Project/Campaign/images/construction-finance/whychoose-fin-bg.png);
  background-size: cover;
  background-position: 0 78%;
  z-index: -1
}

.calc_value_Wrapper.calc_value_Wrapper_Boxes {
  gap: 30px
}

  .calc_value_Wrapper.calc_value_Wrapper_Boxes:after {
    opacity: 0
  }

  .calc_value_Wrapper.calc_value_Wrapper_Boxes .calc_total_amnt:nth-child(2)::before {
    position: absolute;
    content: '';
    left: -15px;
    top: 0;
    width: 2px;
    height: 50px;
    background: #000;
    margin: 0 auto;
    opacity: .1
  }

  .calc_value_Wrapper.calc_value_Wrapper_Boxes .calc_total_amnt:nth-child(2)::after {
    position: absolute;
    content: '';
    right: -15px;
    top: 0;
    width: 2px;
    height: 50px;
    background: #000;
    margin: 0 auto;
    opacity: .1
  }

.calc_total_amnt {
  position: relative
}

.emiCard-title {
  font-family: var(--dev_semi_bold);
  font-size: 35px;
  line-height: 38px;
  color: #111
}

.wie-con-wrapper {
  display: grid;
  grid-template-columns: auto 920px;
  gap: 245px
}

.wieFinanceCardParent {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px
}

  .wieFinanceCardParent .wieFinance-item {
    background: #eed1831A;
    padding: 20px;
    border-radius: 14px;
    overflow: hidden;
    border: 1px solid #d2a83899;
    display: flex;
    gap: 20px;
    align-items: center
  }

    .wieFinanceCardParent .wieFinance-item img {
      width: 32px
    }

    .wieFinanceCardParent .wieFinance-item p {
      font-family: var(--dev_med);
      font-size: 18px;
      line-height: 22px;
      color: rgb(17 17 17 / .8)
    }

.wie-contruction {
  overflow: hidden
}

  .wie-contruction::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url(/Assets/Project/Campaign/images/construction-finance/wie-contruction-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    z-index: -1
  }

.lap_body .wie-contruction::before {
  background: url(/Assets/Project/Campaign/images/lap/lap_eligibility.png)
}

.thankyou_body .ty_banner_wrapper .banner-items-wrapper {
  top: 125px;
  height: calc(100% - 160px);
  overflow: hidden
}

.thankyou_body.thankyou-health-ins .ty_banner_wrapper .banner-items-wrapper {
  top: 160px;
  height: calc(100% - 215px);
  overflow: hidden;
}

.thankyou_body .custom-container-fluid {
  padding-left: 32px;
  padding-right: 32px;
  height: 100%
}

.thankyou_grid_parent {
  display: grid;
  grid-template-columns: auto 40%;
  gap: 230px;
  width: 100%;
  align-items: center;
  justify-content: center
}

.thankyou_body .ty_banner_wrapper .thankYouBox-img img {
  width: 100%;
  max-width: 100%
}

.thankyou_body .ty_banner_wrapper h3 {
  font-family: var(--dev_semi_bold);
  font-size: 24px;
  line-height: 28px;
  color: rgb(31 31 31 / .8)
}

.thankyou_body .ty_banner_wrapper p {
  font-family: var(--dev_med);
  font-size: 18px;
  line-height: 22px;
  color: rgb(17 17 17 / .8)
}

.thankYou--buttongroup {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px
}

.ty_banner_wrapper a.ty_solid_bg_btn {
  width: 271px;
  height: 54px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 15px
}

.ty_banner_wrapper .store-span img {
  max-width: unset;
  width: 18px
}

.ty_banner_wrapper a.ty_solid_bg_btn.btn_transperent {
  background: #fff0;
  color: #ca1f34;
  border: 2px solid #ca1f34
}

.ty_banner_wrapper .store-span {
  display: flex;
  align-items: center;
  gap: 10px
}

.ty_banner_wrapper .thankYou-group-a {
  margin-top: 72px
}

.thankYouBox-img {
  position: relative
}

  .thankYouBox-img .appQrCode--mb {
    position: absolute;
    bottom: 65px;
    right: 40px;
    width: 180px;
    height: 180px
  }

  .thankYouBox-img .qrCodeBoxPrent {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center
  }

    .thankYouBox-img .qrCodeBoxPrent img.qrCodeMainImg {
      width: 50%
    }

.abg-employee .banner_creative {
  max-width: 270px
}

.abg-employee .rangeItemInner .box-caption-mb {
  width: 100%
}

.abg-employee .customWidth {
  width: 458px
}

.body_loyalti_rewards .banner-items-wrapper > .custom-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
  padding: 0 410px
}

.body_loyalti_rewards .desk_banner {
  height: 100%
}

.body_loyalti_rewards .layaltyVectorImg {
  max-width: 655px;
  width: 100%;
  margin: 0 auto
}

.body_loyalti_rewards .banner_form_wrapper {
  width: 100%;
  height: 100%;
  background: #0000002E;
  backdrop-filter: blur(18px);
  position: relative;
  top: -22px;
  border-radius: 16px;
  border: 1px solid #fff;
  padding: 35px;
  margin-top: -75px
}

.body_loyalti_rewards .registration_div .banner_form_input_wrapper {
  margin-bottom: 0;
  grid-template-columns: 31% 27% 27% 12%;
  display: grid;
  gap: 10px
}

.body_loyalti_rewards .banner_form_input {
  margin-bottom: 0
}

  .body_loyalti_rewards .banner_form_input input {
    background: #fff;
    color: #333;
    width: 100%;
    border-radius: 12px
  }

    .body_loyalti_rewards .banner_form_input input::placeholder {
      color: #333
    }

  .body_loyalti_rewards .banner_form_input img {
    max-width: 52px;
    height: 52px;
    top: 0;
    left: 0
  }

  .body_loyalti_rewards .banner_form_input input,
  .body_loyalti_rewards .btn.form_solid_btn {
    height: 52px
  }

.dis-heading--dh {
  font-size: 14px
}

.body_loyalti_rewards .banner_form_input input {
  padding-left: 60px
}

.footer_accordion .accordion-body .disclammer-content p {
  padding-bottom: 0;
  line-height: 16px
}

.disclammer-content .imgDIs {
  max-width: 55%
}

  .disclammer-content .imgDIs img {
    object-position: 0
  }

.body_loyalti_rewards .btn.form_solid_btn {
  background: #ca1f34;
  color: #fff;
  border-radius: 8px
}

  .body_loyalti_rewards .btn.form_solid_btn.send_otp_new {
    background: #fff0;
    border: 1px solid #ca1f34;
    color: #ca1f34;
    width: 99px;
    font-size: 12px;
    font-family: var(--dev_med);
    height: 40px;
    border-radius: 8px;
    position: absolute;
    top: 50%;
    right: 8px;
    transform: translateY(-50%)
  }

    .body_loyalti_rewards .btn.form_solid_btn.send_otp_new.disabled {
      border: 1px solid #bdbdbd;
      color: #828282
    }

.body_loyalti_rewards .form_solid_btn.disabled {
  background: #9a9a9a;
  color: #fff
}

.body_loyalti_rewards .opt-boxes {
  margin-top: 0;
  gap: 10px
}

.body_loyalti_rewards .otp_wrapper .form_main_wrapper {
  display: grid;
  grid-template-columns: auto 255px
}

.body_loyalti_rewards .otp_wrapper .banner_form_input_wrapper {
  margin-bottom: 0
}

.body_loyalti_rewards .otp_wrapper .otp {
  background: #fff;
  color: #333
}

  .body_loyalti_rewards .otp_wrapper .otp.filled {
    border: 1px solid rgb(51 51 51 / .3)
  }

.body_loyalti_rewards .parsley-errors-list {
  position: absolute;
  bottom: -18px
}

.body_loyalti_rewards .banner_form_wrapper h3 {
  color: #111;
  font-size: 24px;
  line-height: 24px;
  font-family: var(--dev_semi_bold);
  margin-bottom: 0
}

.pleaseNote-wrapper {
  width: 100%;
  position: relative;
  padding: 30px 30px;
  background: #cbcBCB2E;
  border-radius: 16px;
  backdrop-filter: blur(18px)
}

.sub-heading--style1 {
  font-family: var(--dev_semi_bold);
  font-size: 18px;
  line-height: 24px;
  color: #111;
  margin-bottom: 10px
}

.pleaseNote-wrapper .noteItem {
  font-family: var(--dev_med);
  font-size: 14px;
  line-height: 18px;
  color: rgb(51 51 51 / .8);
  padding-left: 25px;
  position: relative;
  margin-bottom: 16px
}

  .pleaseNote-wrapper .noteItem a {
    color: var(--abc_primary)
  }

  .pleaseNote-wrapper .noteItem:last-child {
    margin-bottom: 0
  }

  .pleaseNote-wrapper .noteItem::before {
    content: '';
    position: absolute;
    width: 14px;
    height: 14px;
    top: 3px;
    left: 0;
    background-image: url(/Assets/Project/Campaign/images/right-tick-green.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
  }

.body_loyalti_rewards .banner_form_input.phone_number_wrapper input {
  padding-left: 90px
}

.body_loyalti_rewards .parsley-errors-list li {
  letter-spacing: 0;
  color: var(--abc_primary)
}

.body_loyalti_rewards .banner_form_input input,
.body_loyalti_rewards .banner_form_input.phone_number_wrapper span p {
  font-size: 14px;
  line-height: 14px;
  color: #333;
  font-family: var(--dev_reg)
}

.body_loyalti_rewards .banner_form_input.phone_number_wrapper span {
  top: 0;
  width: 50px;
  height: 52px;
  align-items: center;
  display: flex;
  justify-content: center;
  border-right: 0;
  color: #000
}

.body_loyalti_rewards .banner_wrapper {
  padding: 125px 0 100px
}

.body_loyalti_rewards .banner-items-wrapper {
  position: relative;
  top: 0;
  width: 100%
}

.body_loyalti_rewards .banner_wrapper::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-image: url(/Assets/Project/Campaign/images/royalty-rewards-bg.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover
}

.discover_convenience_new_ui .banner_caption {
  width: 72%
}

.banner_caption .box-caption-mb p {
  font-family: var(--dev_med)
}

.body_loyalti_rewards .banner_form_main {
  gap: 16px
}

.abg-employee .w--100 {
  width: 100%
}

.apply-loan .gi_sec_head h2 {
  text-align: left
}

.gi_circle_wrapper.geW_four_card {
  grid-template-columns: repeat(4, 1fr);
  max-width: 936px
}

.unique_offerings_relative {
  position: relative
}

  .unique_offerings_relative .bannerVector-leftTop {
    position: absolute;
    left: -63px;
    top: -17px;
    width: 98px
  }

  .unique_offerings_relative .bannerVector-BannerTop {
    position: absolute;
    right: -60px;
    top: -300px;
    width: 389px
  }

.body_tax_planning .rewards_list_wrapper {
  justify-content: center;
  margin-top: 60px
}

.taxSavingOpt-panel .heaingPanel-w {
  max-width: 50%;
  width: 100%;
  margin: 0 auto 0
}

.body_tax_planning .rewards_hi {
  background: 0 0;
  position: relative
}

  .body_tax_planning .rewards_hi::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(/Assets/Project/Campaign/images/tax-plannig/tp-bgshape-1.png);
    background-size: cover;
    background-position: unset;
    z-index: -1
  }

.body_tax_planning .reward_main p {
  width: 230px
}

.gridTemplate-style-gt1 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: 20px
}

  .gridTemplate-style-gt1 .card-gt-top-wrap {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 30px
  }

    .gridTemplate-style-gt1 .card-gt-top-wrap img {
      width: 84px
    }

.taxSavingOpt-panel {
  position: relative
}

  .taxSavingOpt-panel::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(/Assets/Project/Campaign/images/tax-plannig/tp-bgshape-2.png);
    background-size: cover;
    background-position: unset;
    z-index: -1
  }

.gridTemplate-style-gt1 .gt-item {
  background: #fffFFF80;
  padding: 30px;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 4px 20px #0000000F;
  border: 1px solid #fff;
  backdrop-filter: blur(11px)
}

.card-heading-tp {
  font-family: var(--dev_semi_bold);
  font-size: 18px;
  line-height: 20px;
  margin-bottom: 10px;
  color: #111
}

.gridTemplate-style-gt1 .card-gt-bottom-wrap p {
  font-family: var(--dev_med);
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 0;
  color: rgb(17 17 17 / .8)
}

.gridTemplate-style-gt1 .tagspan-text {
  font-family: var(--dev_semi_bold);
  font-size: 12px;
  line-height: 18px;
  color: #111;
  background: #e8e8e8;
  display: flex;
  height: fit-content;
  padding: 8px 18px;
  border-radius: 24px;
  width: fit-content
}

.tax_calc_grrid {
  display: grid;
  grid-template-columns: auto 927px;
  gap: 70px
}

.formPanelWrapper .multisteps-form {
  border-radius: 30px;
  overflow: visible;
  position: relative;
  background: rgb(255 244 217 / .3);
  box-shadow: 0 0 24px rgb(0 0 0 / .1)
}

.formPanelWrapper .inTax-form__progress {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
  background: #373737;
  padding: 32px 24px;
  border-radius: 30px 30px 0 0
}

.formPanelWrapper .taxClacFormAreaWrapper {
  position: relative;
  padding: 40px
}

.formPanelWrapper .inTaxProgressNum {
  display: flex;
  width: 42px;
  height: 42px;
  justify-content: center;
  align-items: center;
  background: #636363;
  border-radius: 100%;
  color: rgb(255 255 255 / .7);
  font-family: var(--dev_med);
  font-size: 20px;
  line-height: 20px;
  transition: all .5s ease-in-out;
  z-index: 1
}

.formPanelWrapper .in_progress_button {
  transition-property: all;
  transition-duration: .15s;
  transition-timing-function: linear;
  transition-delay: 0s;
  position: relative;
  border: none;
  background-color: #fff0;
  outline: 0 !important;
  cursor: pointer
}

.formPanelWrapper .in_progress_button {
  display: flex;
  flex-direction: row;
  align-items: flex-start
}

.formPanelWrapper .js-active .inTaxProgressNum {
  background: #faa61a;
  color: #fff;
  transition: all .5s ease-in-out
}

.formPanelWrapper .spanMainWrapp {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: center;
  width: 125px
}

.formPanelWrapper .in_progress_button:not(:last-child):after {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  height: 1px;
  content: "";
  top: 20px;
  flex: 1;
  width: 120px;
  border: 1px dashed rgb(255 255 255 / .8);
  transition: all .5s ease-in-out;
  background-color: #fff0
}

.formPanelWrapper .spanMainWrapp p {
  font-family: var(--dev_med);
  font-size: 16px;
  line-height: 18px;
  color: rgb(255 255 255 / .8);
  transition: all .5s ease-in-out
}

.formPanelWrapper .js-active .spanMainWrapp p {
  color: #faa61a;
  transition: all .5s ease-in-out
}

.formPanelWrapper .in_progress_button.complete:not(:last-child):after {
  transition: all .5s ease-in-out;
  background-color: #70b865;
  border: 1px solid #70b865
}

.formPanelWrapper .js-active.complete .inTaxProgressNum {
  transition: all .5s ease-in-out;
  background-color: #70b865;
  border: 1px solid #70b865
}

.formPanelWrapper .js-active.complete .spanMainWrapp p {
  color: #70b865;
  transition: all .5s ease-in-out
}

.formPanelWrapper .inTax-form__progress {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  -webkit-transition: .5s;
  transition: .5s;
  width: 100%;
  justify-content: center
}

.formPanelWrapper .labelText {
  font-family: var(--dev_semi_bold);
  font-size: 12px;
  line-height: 14px;
  color: rgb(0 0 0 / .8);
  margin-bottom: 10px;
  display: block;
  width: fit-content;
  text-transform: uppercase
}

.formPanelWrapper .select-btn {
  display: flex;
  align-items: center;
  cursor: pointer;
  height: 52px;
  background: no-repeat padding-box #f9f9f9;
  border: 1px solid rgb(0 0 0 / .2);
  border-radius: 12px;
  opacity: 1;
  padding: 0 30px;
  position: relative;
  letter-spacing: 0;
  color: rgb(17 17 17 / 70%);
  transition: .5s
}

.formPanelWrapper .active .select-btn {
  transition: .5s;
  border: 1px solid #c91429
}

.formPanelWrapper .FormInputesWrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  margin-bottom: 30px
}

.formPanelWrapper .sBtn-text {
  color: rgb(0 0 0 / .3);
  font-family: var(--dev_med);
  font-size: 18px;
  line-height: 18px;
  transition: all .5s ease-in-out
}

  .formPanelWrapper .sBtn-text.optionValueSelected {
    transition: all .5s ease-in-out;
    color: #000
  }

.formPanelWrapper .select-menu .options {
  position: absolute;
  width: 100%;
  overflow-y: auto;
  padding: 0;
  max-height: auto;
  background: no-repeat padding-box #fff;
  box-shadow: 4px 8px 20px #0000001a;
  border: 1px solid #efefef;
  border-radius: 12px;
  opacity: 1;
  margin-top: 5px;
  animation-name: fadeInDown;
  -webkit-animation-name: fadeInDown;
  animation-duration: .35s;
  animation-fill-mode: both;
  -webkit-animation-duration: .35s;
  -webkit-animation-fill-mode: both;
  visibility: hidden;
  pointer-events: none
}

.formPanelWrapper .select-menu.active .options {
  display: block;
  opacity: 0;
  z-index: 10;
  animation-name: fadeInUp;
  -webkit-animation-name: fadeInUp;
  animation-duration: .4s;
  animation-fill-mode: both;
  -webkit-animation-duration: .4s;
  -webkit-animation-fill-mode: both;
  visibility: visible;
  pointer-events: all
}

.formPanelWrapper .cal_custom_drop {
  position: relative
}

  .formPanelWrapper .cal_custom_drop .option {
    padding: 16px;
    font-family: var(--dev_med);
    font-size: 18px;
    line-height: 18px;
    color: #000;
    background: #fff;
    transition: all .5s ease-in-out;
    cursor: pointer
  }

.stepperFpem::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-image: url(/Assets/Project/Campaign/images/tax-plannig/inTax-calc-bg.png);
  background-position: center;
  background-repeat: no-repeat
}

@keyframes fadeInUp {
  from {
    transform: translate3d(0, -30px, 0);
    opacity: 0
  }

  to {
    transform: translate3d(0, 0, 0);
    opacity: 1
  }
}

@keyframes fadeInDown {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1
  }

  to {
    transform: translate3d(0, -30px, 0);
    opacity: 0
  }
}

.formPanelWrapper .cal_custom_drop .option.selected_option,
.formPanelWrapper .cal_custom_drop .option:hover {
  background: #fff4d9;
  transition: all .5s ease-in-out
}

.inTax-form__form {
  transition: height .3s ease-in-out
}

.commonbutton-cta {
  background: #c91429;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  width: 183px;
  height: 48px;
  border: 0;
  font-size: 14px;
  line-height: 14px;
  font-family: var(--dev_semi_bold);
  border-radius: 50px;
  transition: .5s;
  color: #fff;
  border: 1px solid #c91429;
  text-transform: uppercase
}

  .commonbutton-cta:disabled {
    background: #c91429;
    transition: .5s;
    opacity: .5;
    color: #fff
  }

.formPanelWrapper .button-row {
  display: flex;
  justify-content: flex-end;
  gap: 20px
}

.ui-slider-horizontal {
  height: 4px
}

.ui-widget.ui-widget-content {
  border: none;
  background: #f0f0f0
}

.ui-widget-header {
  background: #ca1f34
}

.ui-slider .ui-slider-handle {
  height: 14px;
  width: 14px;
  border: 2px solid #ca1f34;
  border-radius: 100px;
  background: #fff
}

.ui-state-hover,
.ui-widget-content .ui-state-hover {
  background: #fff
}

.ui-slider-horizontal .ui-slider-range {
  height: 3px
}

.formPanelWrapper .inTax-form__form {
  position: relative
}

.formPanelWrapper .multisteps-form__panel {
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  opacity: 0;
  visibility: hidden
}

  .formPanelWrapper .multisteps-form__panel.js-active {
    height: auto;
    opacity: 1;
    visibility: visible
  }

[data-tooltip]::before {
  content: attr(data-tooltip)
}

[data-tooltip] {
  position: relative;
  display: inline-block
}

  [data-tooltip]::before {
    position: absolute;
    z-index: 999
  }

  [data-tooltip].bottom::before {
    top: 100%;
    left: -80px;
    right: 0;
    margin: 10px -7px 0
  }

  [data-tooltip]::before {
    visibility: hidden;
    opacity: 0;
    transition: opacity .5s
  }

  [data-tooltip]:hover::before {
    visibility: visible;
    opacity: 1
  }

  [data-tooltip]::before {
    text-align: center;
    width: 208px;
    height: auto;
    padding: 15px 0;
    background: #111 0 0 no-repeat padding-box;
    border-radius: 13px;
    font: normal normal 14px/18px var(--dev_med);
    letter-spacing: -.4px;
    color: #d0d5db;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 21px
  }

  [data-tooltip]:hover::after {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 9px;
    height: 1px;
    background: #fff0;
    transition: all 1s ease;
    bottom: -10px;
    border-width: 5px;
    border-style: solid;
    border-color: #fff0 #fff0 #111 #fff0
  }

.formPanelWrapper .inputLabelArea {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px
}

.formPanelWrapper .tooltip-icon {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #999;
  font-size: 10px;
  line-height: 10px;
  font-family: var(--dev_bold);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  cursor: pointer;
  position: relative
}

.formPanelWrapper input {
  border: 1px solid rgb(0 0 0 / .2);
  border-radius: 12px;
  height: 52px;
  padding: 16px;
  outline: 0;
  transition: all .5s ease-in-out;
  color: #000;
  font-family: var(--dev_med);
  font-size: 18px;
  line-height: 18px;
  padding-left: 35px
}

.formPanelWrapper .form-control:focus {
  box-shadow: none;
  border: 1px solid #ca1f34;
  transition: all .5s ease-in-out
}

.formPanelWrapper .inputBoxItem {
  position: relative
}

.formPanelWrapper input::placeholder {
  color: rgb(0 0 0 / .3);
  font-family: var(--dev_med);
  font-size: 18px;
  line-height: 18px
}

.commonbutton-cta.button_clear {
  background: #fff0;
  border: 0;
  color: #c91429;
  width: fit-content
}

.formPanelWrapper .ruppesSyText {
  color: #000;
  font-family: var(--dev_med);
  font-size: 18px;
  line-height: 18px;
  position: absolute;
  top: 50%;
  left: 18px;
  transform: translateY(-50%)
}

.formPanelWrapper .table_component {
  overflow: auto;
  width: 100%;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 0 30px rgb(0 0 0 / .1)
}

  .formPanelWrapper .table_component table {
    height: 100%;
    width: 100%;
    table-layout: unset;
    text-align: left
  }

  .formPanelWrapper .table_component caption {
    caption-side: top;
    text-align: left
  }

  .formPanelWrapper .table_component th {
    border: 0;
    background-color: #fff;
    color: rgb(0 0 0 / .6);
    font-family: var(--dev_reg);
    font-size: 14px;
    line-height: 14px;
    text-transform: uppercase;
    padding: 16px 20px;
    border-bottom: 1px solid rgb(0 0 0 / .1)
  }

  .formPanelWrapper .table_component td {
    border: 0;
    background-color: #fff;
    color: #000;
    font-family: var(--dev_med);
    font-size: 16px;
    line-height: 16px;
    text-transform: uppercase;
    padding: 16px 20px
  }

  .formPanelWrapper .table_component tr:nth-child(2n-2) td {
    background-color: #fff4d9
  }

.formPanelWrapper .FormInputesWrapperTable {
  margin-bottom: 30px
}

.formPanelWrapper .in_progress_button.js-active:last-child .inTaxProgressNum {
  background-color: #70b865;
  border: 1px solid #70b865
}

.formPanelWrapper .in_progress_button.js-active:last-child .spanMainWrapp p {
  color: #70b865
}

.dropdown__arrow {
  position: absolute;
  top: 50%;
  right: 20px;
  width: 20px;
  height: 20px;
  transition: .2s ease-in-out;
  transform-origin: top;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center
}

  .dropdown__arrow::after,
  .dropdown__arrow::before {
    background: rgb(0 0 0 / .7);
    content: "";
    position: absolute;
    width: 8px;
    height: 2px;
    display: inline-block;
    border-radius: 50px;
    transition: .5s
  }

  .dropdown__arrow::before {
    transform: rotate(-45deg);
    right: 3px
  }

  .dropdown__arrow::after {
    transform: rotate(45deg);
    right: 8px
  }

.select-menu.active .dropdown__arrow::before {
  transform: rotate(45deg);
  transition: .5s
}

.select-menu.active .dropdown__arrow::after {
  transform: rotate(-45deg);
  transition: .5s
}

.formPanelWrapper .banner_caption,
.formPanelWrapper .banner_caption p {
  width: 100% !important
}

.body_tax_planning .banner_form_wrapper {
  height: 505px
}

.personal_loan_body .finNeedBoxes .finNeeds-box:nth-child(-n+4) {
  border-bottom: none;
  border-left: none
}

.personal_loan_body .finNeedBoxes .finNeeds-box:nth-last-child(-n+4) {
  border-bottom: none;
  border-left: none
}

.personal_loan_body .finNeedBoxes .finNeeds-box:nth-child(4),
.personal_loan_body .finNeedBoxes .finNeeds-box:nth-child(8) {
  border-right: 0
}

.homeload_body.gold_body.esop_body .banner_creative {
  top: 0;
  max-width: 40%
}

.homeload_body.gold_body.esop_body .banner_form_input_wrapper {
  margin-bottom: 38px
}

.multi-lender .calc_pills {
  grid-template-columns: 100%
}

.multi-lender .banner_form_wrapper {
  height: 440px;
  top: 80px;
  position: relative
}

.multi-lender .banner_creative {
  max-width: 360px;
  right: 0
}

.banner_creative {
  max-width: 260px;
  right: 0
}

.unique_offerings_main_wrapper {
  margin-top: 50px
}

.lap_body .unique_offerings_main_wrapper {
  margin-top: 0
}

.homeload_body.home_loan.lending_partner .desk_banner,
.homeload_body.home_loan.lending_partner .mob_banner {
  height: 100%;
  position: absolute
}

.lending_partner .banner-items-wrapper > .custom-container {
  grid-template-columns: 100%;
  text-align: center
}

.lending_partner .banner_caption {
  width: 100%;
  padding: 0
}

  .lending_partner .banner_caption h1 {
    margin-bottom: 80px;
    width: 100%
  }

.partner_top_Wrapper {
  display: flex;
  gap: 60px
}

  .partner_top_Wrapper img {
    max-width: 100px
  }

.partner_main_wrapper:last-child .partner_top_Wrapper img {
  max-width: 80px
}

.partner_top_Wrapper img:last-child {
  max-width: 60px
}

.partner_top_Wrapper {
  border-radius: 18px 18px 0 0;
  border-top: 1px solid rgb(220 218 218 / .3);
  border-right: 1px solid rgb(220 218 218 / .3);
  border-left: 1px solid rgb(220 218 218 / .3);
  background: rgb(255 255 255 / .6);
  backdrop-filter: blur(3px);
  height: 70px;
  padding: 0 10px;
  align-items: center;
  position: relative
}

  .partner_top_Wrapper p {
    color: rgb(17 17 17 / .8);
    font-family: dev_semi_bold;
    font-size: 18px;
    font-style: normal;
    line-height: normal;
    position: relative
  }

.partner_detail_wrap img {
  max-width: 12px;
  position: relative;
  top: 3px
}

.partner_detail_wrap {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-bottom: 20px
}

.icon_text_Wrapper {
  text-align: left
}

  .icon_text_Wrapper span {
    display: block;
    color: rgb(17 17 17 / .5);
    font-family: dev_med;
    font-size: 14px;
    font-style: normal;
    line-height: normal
  }

  .icon_text_Wrapper a,
  .icon_text_Wrapper p {
    color: rgb(17 17 17 / .8);
    font-family: dev_semi_bold;
    font-size: 14px;
    font-style: normal
  }

.partner_bottom_wrapper {
  border-radius: 0 0 20px 20px;
  background: rgb(220 218 218 / .3);
  backdrop-filter: blur(4px);
  height: 100%;
  padding: 20px
}

.partner_pp a {
  color: #ca1f34;
  text-align: center;
  font-family: dev_semi_bold;
  font-size: 12px;
  font-style: normal;
  line-height: normal;
  position: relative;
  text-decoration-line: underline
}

  .partner_pp a:first-child:after {
    position: absolute;
    content: '';
    right: 0;
    margin: 0 auto;
    height: 100%;
    width: 1px;
    background: #000;
    opacity: .1
  }

.partner_pp {
  display: grid;
  grid-template-columns: 50% 50%;
  border-top: 1px solid rgb(0 0 0 / .1);
  padding-top: 20px;
  position: relative
}

.partner_top_Wrapper p:after {
  position: absolute;
  content: '';
  left: -30px;
  width: 1px;
  height: 30px;
  background: #000;
  opacity: .1;
  top: -5px
}

.homeload_body.lending_partner .banner_content_Wrapper {
  gap: 0;
  margin-top: 120px
}

.list_of_partner_wrapper {
  gap: 30px
}

.lending_partner .banner-items-wrapper {
  position: relative
}

.lending_partner .banner_wrapper {
  padding-bottom: 100px
}

.list_of_partner_wrapper {
  display: flex;
  flex-wrap: wrap
}

.partner_main_wrapper {
  width: calc(25% - 30px);
  height: 100%;
  overflow: hidden;
  border-radius: 0 0 20px 20px;
}

.list_of_partner_wrapper:has(.partner_main_wrapper:first-child:nth-last-child(-n+3)) {
  justify-content: center
}

.list_of_partner_wrapper {
  justify-content: flex-start
}

.form_subhead {
  color: #fff;
  font-family: dev_med;
  opacity: .8;
  margin-top: -10px;
  margin-bottom: 10px
}

.homeload_body.gold_body.esop_body .banner_form_wrapper h2 {
  margin: 0
}

.main_logo img {
  max-width: 120px
}

.tax_savings_sec {
  padding: 80px 0;
  background: url(/Assets/Project/Campaign/images/tax-saving/tax_regime_bg.jpg);
  background-size: cover
}

  .tax_savings_sec .section_head {
    width: 60%;
    margin: 0 auto
  }

  .tax_savings_sec ul.nav.nav-tabs li.nav-item button {
    background: rgb(226 226 226 / .4);
    backdrop-filter: blur(3px);
    height: 70px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0;
    border: none;
    color: rgb(0 0 0 / 50%);
    text-align: center;
    font-family: dev_med;
    font-size: 18px;
    font-style: normal;
    line-height: normal
  }

  .tax_savings_sec ul.nav.nav-tabs {
    overflow: hidden;
    border: none;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(1, 1fr)
  }

    .tax_savings_sec ul.nav.nav-tabs li.nav-item button.active {
      background: #fff;
      color: #ca1f34
    }

    .tax_savings_sec ul.nav.nav-tabs li.nav-item button:focus-visible {
      box-shadow: none
    }

  .tax_savings_sec .nav_tab_Wrapper {
    border-radius: 24px;
    border: 1px solid #fcfcfc;
    background: linear-gradient(180deg, rgb(255 255 255 / .6) 0, rgb(255 255 255 / .5) 100%);
    box-shadow: 0 0 15px 0 rgb(0 0 0 / .1);
    backdrop-filter: blur(3px);
    margin-top: 65px
  }

  .tax_savings_sec ul.nav.nav-tabs li {
    width: 100%
  }

  .tax_savings_sec .tab-content {
    padding: 40px 60px
  }

.tab_left_img {
  width: 150px
}

.tab_content_right_wrapper ul > li > img {
  max-width: 22px
}

.tab_content_right_wrapper ul > li {
  display: flex;
  gap: 10px;
  align-items: center
}

  .tab_content_right_wrapper ul > li p {
    color: #000;
    font-family: dev_semi_bold;
    font-size: 16px;
    font-style: normal;
    line-height: 20px;
    opacity: .8
  }

.tab_content_grid_wrapper {
  display: flex;
  gap: 48px
}

.tab_content_right_wrapper {
  padding: 24px
}

  .tab_content_right_wrapper ul {
    display: grid;
    grid-template-columns: 322px 322px;
    gap: 24px
  }

.tab_wrapper_apply {
  display: flex;
  width: 145px;
  height: 40px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  background: #ca1f34;
  border-radius: 70px;
  color: #fff;
  font-family: dev_semi_bold;
  font-size: 12px;
  font-style: normal;
  line-height: normal;
  text-transform: uppercase;
  margin-top: 48px;
  transition: all .5s ease
}

  .tab_wrapper_apply:hover {
    background: #af0d20
  }

.tax_savings_sec ul.nav.nav-tabs li.nav-item:last-child button {
  border-top-right-radius: 24px
}

.tax_savings_sec ul.nav.nav-tabs li.nav-item:first-child button {
  border-top-left-radius: 24px
}

.body_loyalti_rewards .banner_form_input.phone_number_wrapper span:after {
  opacity: .4;
  position: absolute;
  content: '';
  right: 10px;
  height: 20px;
  width: 1px;
  background: #000
}

.banner_form_input.checkbox_wrapper label {
  color: rgb(224 224 224 / .8);
  font-size: 14px;
  font-style: normal;
  line-height: normal
}

.banner_form_input.checkbox_wrapper input[type=checkbox] {
  height: 12px !important
}

  .banner_form_input.checkbox_wrapper input[type=checkbox]:checked:before {
    width: 5px;
    height: 8px;
    border-width: 0 2px 2px 0;
    margin: 0 -1px 0
  }

.banner_form_input.checkbox_wrapper ul {
  display: grid;
  grid-template-columns: auto auto auto;
  gap: 12px;
  margin-bottom: 20px
}

.body_tax_saving_secrets .form_subhead {
  margin: 0
}

.disclaimer_accordion .accordion-body p {
  padding-bottom: 5px
}

.tax_savings_sec ul.nav.nav-tabs::-webkit-scrollbar {
  height: 1px
}

.tax_savings_sec ul.nav.nav-tabs::-webkit-scrollbar-thumb {
  background: #c91429
}

.contruction_finance .wieFinanceCardParent .wieFinance-item p {
  font-family: dev_semi_bold;
  text-transform: capitalize
}

.wefinance_col span {
  font-size: 14px
}

.wefinance_col ul li {
  list-style: disc;
  margin-left: 18px;
  opacity: .8;
  font-family: dev_semi_bold
}

.discretion {
  color: rgb(17 17 17 / .8);
  font-family: dev_med;
  font-size: 14px;
  font-style: normal;
  line-height: 18px;
  margin-top: 16px
}

.contruction_finance.personal_loan .wieFinanceCardParent .wieFinance-item {
  height: 98px
}

.contruction_finance.personal_loan .wefinance_col span {
  font-family: dev_semi_bold;
  opacity: .8;
  color: #111
}

.homeload_body .key-benifits-wrapper {
  position: relative
}

  .homeload_body .key-benifits-wrapper .banner_creative {
    max-width: 410px;
    right: 0;
    top: -302px;
    z-index: 0
  }

.video-player-section {
  padding: 100px 0;
  background: url(/Assets/Project/Campaign/images/home_loan/bgimgformat1.png);
  background-size: cover
}

  .video-player-section .vid-custom-container {
    max-width: 916px;
    width: 100%;
    margin: 0 auto;
    border-radius: 20px;
    overflow: hidden;
    position: relative
  }

  .video-player-section .video-play-icon-mb {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fafafa;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    transition: all .5s ease-in-out
  }

  .video-player-section img.play-icon-svg {
    width: 28px
  }

  .video-player-section .vid-main-anchor {
    transition: all .5s ease-in-out
  }

    .video-player-section .vid-main-anchor:hover .video-play-icon-mb {
      background: #ccc;
      transition: all .5s ease-in-out
    }

.video-player-modal .modal-dialog {
  max-width: 824px
}

.video-player-modal .video-moadal-body {
  height: 462px
}

.video-player-modal .btn-close {
  position: absolute;
  top: -44px;
  right: -44px;
  width: 36px;
  height: 36px;
  padding: 0;
  border-radius: 50%;
  filter: invert(1);
  opacity: 1
}

.video-player-modal .modal-body {
  flex: none;
  padding: 0
}

.home_loan .banner_creative.banner_creative_img {
  max-width: 300px;
  right: 0;
  top: -30px
}

.home_loan_specific_class .banner_form_wrapper {
  height: auto
}

.home_loan_specific_class .desk_banner {
  height: 880px
}

.one_solution_head_Wrapper p {
  text-align: center
}

.different_needs_one_solution {
  padding: 80px 0
}

.one_sol_main_Wrapper {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: repeat(2, 1fr);
  position: relative;
  gap: 15px;
  max-width: 1280px;
  margin: 65px auto 0
}

.one_sol_9 {
  grid-column: span 2/span 2
}

.one_sol_10 {
  grid-column-start: 4
}

.one_sol_11 {
  grid-column-start: 5
}

.one_sol_12 {
  grid-column-start: 6
}

.one_sol_13 {
  grid-column-start: 7
}

.one_solution_box {
  border-radius: 30px;
  overflow: hidden;
  height: auto;
  width: auto
}

.solu_text_wrapper {
  background: #505050;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 16px;
  gap: 8px
}

  .solu_text_wrapper p {
    color: rgb(255 255 255 / .7);
    text-align: center;
    font-family: dev_med;
    font-size: 14px;
    font-style: normal;
    line-height: 16px
  }

  .solu_text_wrapper span {
    color: #fff;
    font-family: dev_med;
    font-size: 18px;
    font-style: normal;
    line-height: normal;
    text-transform: capitalize;
    text-align: center
  }

.solu_img_wrapper {
  display: flex;
  align-items: center;
  justify-content: center
}

.one_sol_13,
.one_sol_6 {
  background: #fdf2d8
}

  .one_sol_6 img {
    max-width: 55px
  }

  .one_sol_13 img {
    max-width: 63px
  }

.one_sol_main_Wrapper:before {
  position: absolute;
  content: '';
  left: 128px;
  top: 126px;
  width: 103px;
  height: 106px;
  background: url(/Assets/Project/Campaign/images/personal_loan/left_pattern.svg);
  z-index: -1
}

.one_sol_main_Wrapper:after {
  position: absolute;
  content: '';
  right: 127px;
  top: 130px;
  width: 101px;
  height: 99px;
  background: url(/Assets/Project/Campaign/images/personal_loan/right_pattern.svg);
  z-index: -1
}

.one_sol_2 {
  border-color: #d9e9d6
}

.apply_for_personal_loan {
  background: #faf1d7;
  padding: 80px 0
}

.application_stepper_wrapper img {
  max-width: 60px
}

.application_stepper_wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 210px;
  height: 210px;
  background: #fff;
  border-radius: 20px;
  padding: 0 20px;
  gap: 22px;
  position: relative
}

  .application_stepper_wrapper:before {
    position: absolute;
    content: '';
    left: -5px;
    width: 26px;
    height: 40px;
    background: url(/Assets/Project/Campaign/images/personal_loan/before_arrow.svg);
    background-size: 100%
  }

  .application_stepper_wrapper span {
    display: block;
    color: #1f1f1f;
    text-align: center;
    font-family: dev_semi_bold;
    font-size: 16px;
    font-style: normal;
    line-height: normal;
    text-transform: capitalize;
    width: 135px
  }

.application_step_wrapper {
  max-width: 905px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between
}

.apply_for_personal_loan .gi_sec_head h2 {
  margin-bottom: 60px
}

.app_bg_pattern {
  position: relative
}

  .app_bg_pattern > img {
    position: absolute;
    top: 0;
    right: -17px;
    height: 100%;
    object-fit: cover;
    width: 223px
  }

.application_stepper_wrapper:after {
  position: absolute;
  content: '';
  right: -13px;
  width: 26px;
  height: 44px;
  background: url(/Assets/Project/Campaign/images/personal_loan/before_arrow.svg);
  background-size: 100%;
  filter: invert(0) brightness(5)
}

.app_bg_pattern:first-child .application_stepper_wrapper:before {
  opacity: 0
}

.ey-microsite.ey .discover_convenience_new_ui .gi_sec_head h2 {
  width: 74%
}

.ey-microsite.abg-employee .banner_form_wrapper {
  height: fit-content
}

.Corporate_NPS .rangeitem-box img {
  background: #fff;
  object-fit: contain;
  object-position: bottom
}

.swiper.eySwiper .swiper-wrapper {
  transition: transform 2.5s ease;
  pointer-events: none
}

.swiper.eySwiper.onhover_stop .swiper-wrapper {
  transition-duration: 0s !important;
  transition-timing-function: unset !important
}

.abg-employee .header_right {
  justify-content: right
}

.fixed_deposit_body .banner_form_wrapper {
  height: auto
}

.fixed_deposit_body .banner-items-wrapper {
  z-index: 1
}

.fd_banner_creative {
  position: absolute;
  bottom: 0;
  right: 22%;
  max-width: 580px;
  z-index: 0
}

.fd_right {
  position: absolute;
  bottom: 0;
  right: 20px;
  max-width: 100px;
  z-index: -1
}

.fixed_deposit_list_grid {
  display: grid;
  grid-template-columns: 44px auto;
  gap: 14px;
  border-radius: 14px;
  border: 1px solid rgb(255 255 255 / .6);
  background: rgb(255 255 255 / .6);
  box-shadow: 4px 2px 4px 0 rgb(255 255 255 / .5) inset, -2px -2px 4px 0 rgb(0 0 0 / .1) inset;
  backdrop-filter: blur(4px);
  padding: 12px;
  align-items: center
}

  .fixed_deposit_list_grid p {
    color: #111;
    font-family: dev_bold;
    font-size: 16px;
    font-style: normal;
    line-height: normal;
    text-transform: capitalize;
    opacity: .8
  }

.fixed_deposit_feature_wrapper {
  display: grid;
  grid-template-columns: 49% 49%;
  gap: 16px;
  margin-top: 40px
}

.fixed_deposit_body .emi_calculator {
  background: #f5f5f5
}

  .fixed_deposit_body .emi_calculator .custom-container {
    padding: 0 80px
  }

.fixed_deposit_body .calc_col_left {
  width: 100%;
  border-radius: 0;
  border: none;
  background: 0 0;
  box-shadow: none;
  height: auto;
  padding: 0
}

.fixed_deposit_body .calc_grid_Wrapper {
  display: flex;
  flex-direction: column;
  border-radius: 20px;
  border: .5px solid #dfdfdf;
  background: #fff;
  box-shadow: 0 4px 67.6px 0 rgb(0 0 0 / .1);
  backdrop-filter: blur(2px);
  padding: 32px 32px 44px;
  gap: 20px
}

.fixed_deposit_body .calculate_emi_amount {
  display: flex;
  align-items: flex-start;
  gap: 52px
}

.fixed_deposit_body .calc_col_left .tab-content .tab-pane {
  display: grid;
  grid-template-columns: auto auto auto;
  gap: 30px
}

.fixed_deposit_body .calc_value_Wrapper {
  padding: 0;
  border: none;
  box-shadow: none;
  margin: 0;
  gap: 74px
}

.fixed_deposit_body .calc_numeric_output.loan_emi_result {
  flex-direction: row;
  align-items: center;
  border-radius: 10px;
  border: 1px solid #e2e2e2;
  background: #f5f5f5;
  height: 100%;
  width: 355px;
  text-align: right;
  justify-content: space-between;
  padding: 0 30px 0 20px;
  height: 55px
}

.fixed_deposit_body .calc_numeric_output span {
  color: #000;
  font-size: 14px;
  font-style: normal;
  line-height: normal;
  opacity: 1
}

.fixed_deposit_body .calc_numeric_output p {
  font-size: 28px
}

.fixed_deposit_body .calc_metrics_output {
  margin-left: auto;
  margin-right: 0;
  display: flex;
  flex-direction: column;
  gap: 20px
}

.fixed_deposit_body .calc_total_amnt span {
  font-size: 14px;
  text-align: left
}

.fixed_deposit_body .calc_total_amnt p {
  font-size: 20px;
  text-align: left
}

.fixed_deposit_body .calc_total_amnt {
  text-align: left
}

.fd_calculator .gi_sec_head h2 {
  margin-bottom: 20px
}

.fd_calculator .sec-paragraph-width p {
  text-align: center;
  opacity: .8;
  margin-bottom: 55px
}

.calc_disclaimer p {
  color: #000;
  font-family: dev_med;
  font-size: 12px;
  font-style: normal;
  line-height: normal;
  opacity: .8
}

.start_investing {
  background: url(../../fixed-deposit/assets/images/how_to_start_fd_desk.png);
  background-size: cover;
  padding: 80px 0
}

.inv_img {
  display: flex;
  border-radius: 67px;
  border: 1px solid #ffeeb1;
  background: rgb(255 255 255 / .8);
  box-shadow: 0 0 20px 0 rgb(0 0 0 / .08);
  backdrop-filter: blur(3px);
  width: 70px;
  height: 70px;
  align-items: center;
  justify-content: center
}

  .inv_img img {
    max-width: 42px
  }

.download_description_list {
  display: flex;
  gap: 42px
}

.investing_steps_desc span {
  border-radius: 21px;
  background: #e0e0e0;
  color: rgb(0 0 0 / .8);
  font-family: dev_bold;
  font-size: 12px;
  font-style: normal;
  line-height: normal;
  text-transform: uppercase;
  padding: 4px 12px;
  width: fit-content
}

.investing_steps_desc p {
  color: #1f1f1f;
  font-family: dev_semi_bold;
  font-size: 24px;
  font-style: normal;
  line-height: 26px;
  text-transform: capitalize
}

.investing_steps_desc {
  display: flex;
  flex-direction: column;
  gap: 10px
}

.investing_steps {
  display: flex;
  flex-direction: column;
  gap: 48px;
  position: relative
}

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

.investing_steps:before {
  position: absolute;
  content: '';
  left: 32px;
  height: 90%;
  border: 1px dashed #8b151b
}

.invest_left_Wrppaer h2 {
  text-align: left
}

.fixed_deposit_body .banner-items-wrapper > .custom-container {
  grid-template-columns: 50% auto
}

.compare_fd {
  padding: 80px
}

.tabs-buttons .swiper-wrapper {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  gap: 8px
}

.tabs-buttons .swiper-slide {
  width: auto;
  height: auto;
  padding: 16px 48px 16px 16px;
  cursor: pointer;
  border-radius: 16px;
  border: 1px solid #e9e9e9;
  transition: all .5s ease;
  align-items: center;
  display: grid;
  grid-template-columns: 42px 351px auto;
  gap: 13px
}

.tabs-buttons .active-tab {
  opacity: 1;
  border-radius: 16px;
  border: 1px solid #ca1f34;
  background: #fef2f3
}

.compare_grid {
  display: grid;
  justify-content: space-between;
  grid-template-columns: 49% 49%
}

.compare_fd_right_wrapper {
  overflow: hidden
}

.swiper-container {
  height: 100%
}

.tabs-content .compare_right_wrapper {
  border-radius: 16px;
  border: 1px solid #ca1f34;
  background: #fef2f3;
  height: 100%;
  padding: 40px;
  display: flex;
  flex-direction: column;
  gap: 30px
}

.tabs-buttons .swiper-slide:hover {
  border-radius: 16px;
  border: 1px solid #ca1f34;
  background: #fef2f3
}

.compar_tab_left_content span {
  border-radius: 50px;
  background: #e2e2e2;
  color: rgb(17 17 17 / .8);
  font-family: dev_med;
  font-size: 10px;
  font-style: normal;
  line-height: normal;
  text-transform: capitalize;
  padding: 4px 8px
}

.compar_tab_left_content h3 {
  margin: 4px 0 6px;
  padding: 0;
  color: #1f1f1f;
  font-family: dev_med;
  font-size: 20px;
  font-style: normal;
  line-height: normal;
  text-transform: capitalize
}

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

.compare_tab_arrow img {
  max-width: 15px
}

.compare_tab_arrow {
  text-align: right;
  display: flex;
  margin-left: auto;
  width: 32px;
  height: 32px;
  justify-content: center;
  border: 1px solid #ca1f34;
  border-radius: 100px;
  transition: all .5s ease;
  transform: translateX(-30px);
  opacity: 0
}

.compar_tab_left_content p {
  color: #1f1f1f;
  font-family: dev_med;
  font-size: 12px;
  font-style: normal;
  line-height: normal;
  text-transform: capitalize;
  opacity: .5
}

.compar_tab_right_content span {
  color: #1f1f1f;
  font-family: dev_reg;
  font-size: 12px;
  font-style: normal;
  line-height: normal;
  text-transform: capitalize;
  opacity: .8
}

.compar_tab_right_content h3 {
  color: #1f1f1f;
  font-family: dev_semi_bold;
  font-size: 20px;
  font-style: normal;
  line-height: normal;
  text-transform: capitalize
}

  .compar_tab_right_content h3 small {
    font-size: 14px;
    opacity: .6
  }

.compare_logo {
  display: flex;
  height: 100%;
  align-items: flex-start
}

.tabs-buttons .swiper-slide:hover .compare_tab_arrow {
  transform: translateX(0);
  opacity: 1
}

.tabs-buttons .active-tab .compare_tab_arrow {
  transform: translateX(0);
  opacity: 1;
  background: #ca1f34
}

  .tabs-buttons .active-tab .compare_tab_arrow img {
    filter: invert(2) brightness(5)
  }

.compare_head_top {
  display: flex;
  align-items: center;
  gap: 12px
}

  .compare_head_top img {
    max-width: 42px
  }

  .compare_head_top h3 {
    margin: 0;
    color: #1f1f1f;
    text-align: center;
    font-family: dev_semi_bold;
    font-size: 32px;
    font-style: normal;
    line-height: normal;
    text-transform: capitalize
  }

.compare_stats_col img {
  max-width: 50px
}

.compare_stats_grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(1, 1fr);
  margin-top: 40px;
  gap: 30px
}

.compare_stats_col p {
  color: #1f1f1f;
  font-family: dev_semi_bold;
  font-size: 18px;
  font-style: normal;
  line-height: normal;
  text-transform: capitalize;
  margin: 18px 0 14px;
  width: 125px
}

.compare_stats_col span {
  color: #1f1f1f;
  font-size: 14px;
  font-style: normal;
  line-height: normal;
  text-transform: capitalize;
  display: flex
}

.compare_stats_col {
  position: relative
}

  .compare_stats_col:before {
    position: absolute;
    content: '';
    left: -25px;
    width: 1px;
    height: 100%;
    background: #e7e7e7
  }

  .compare_stats_col:first-child:before {
    opacity: 0
  }

.tenure_genral_col {
  position: relative
}

  .tenure_genral_col:after {
    position: absolute;
    content: '';
    left: -25px;
    width: 1px;
    height: 100%;
    top: 0;
    border: 1px dashed #dbdbdb
  }

  .tenure_genral_col:first-child:after {
    opacity: 0
  }

.tenure_list ul li {
  display: flex;
  color: #1f1f1f;
  font-family: dev_med;
  font-size: 14px;
  font-style: normal;
  line-height: 118.14%;
  text-transform: capitalize;
  opacity: .8;
  gap: 6px
}

  .tenure_list ul li img {
    max-width: 15px
  }

.tenure_wrap h3 {
  margin: 0;
  color: #1f1f1f;
  font-family: dev_semi_bold;
  font-size: 18px;
  font-style: normal;
  line-height: normal;
  text-transform: capitalize
}

.tenure_genral_col span {
  border-radius: 100px;
  background: rgb(255 244 217 / .6);
  box-shadow: 2px 4px 0 0 rgb(255 255 255 / .2) inset, -1px -2px 3px 0 rgb(0 0 0 / .08) inset;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px
}

  .tenure_genral_col span img {
    max-width: 18px
  }

.tenure_list ul {
  display: flex;
  flex-direction: column;
  gap: 8px
}

.tenure_general_grid {
  border-radius: 18px;
  background: #fff;
  padding: 20px 30px;
  margin-top: 25px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(1, 1fr)
}

.tenure_wrap {
  display: flex;
  gap: 15px;
  align-items: center;
  margin-bottom: 10px
}

.tenure_list {
  margin-left: 47px
}

.disclaimer_p {
  color: #353941;
  text-overflow: ellipsis;
  font-size: 12px;
  font-style: normal;
  line-height: normal;
  margin-top: 10px
}

.book_fd_btn {
  display: flex;
  border-radius: 160px;
  background: #ca1f34;
  color: #fff;
  font-family: dev_bold;
  font-size: 14px;
  font-style: normal;
  line-height: normal;
  text-transform: uppercase;
  padding: 20px;
  width: 178px;
  height: 42px;
  align-items: center;
  justify-content: center
}

.so_wrapper img {
  max-width: 100px;
  position: relative;
  bottom: -15px
}

.so_wrapper {
  display: flex;
  border-radius: 16px;
  background: #fff4d9;
  padding: 0 0 0 30px;
  justify-content: space-between;
  overflow: hidden;
  height: 125px
}

.so_wrapper_left span {
  color: rgb(17 17 17 / .8);
  font-family: dev_bold;
  font-size: 10px;
  font-style: normal;
  line-height: normal;
  text-transform: uppercase;
  border-radius: 50px;
  background: #fff;
  display: flex;
  padding: 6px 12px;
  justify-content: center;
  align-items: center;
  width: fit-content
}

.so_wrapper_left p {
  color: #1f1f1f;
  text-align: center;
  font-family: dev_semi_bold;
  font-size: 20px;
  font-style: normal;
  line-height: normal;
  text-transform: capitalize;
  margin-top: 6px
}

.special_offers_grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(1, 1fr);
  margin-top: 32px;
  gap: 20px
}

.so_wrapper_left {
  margin-top: 30px
}

.special_offers .gi_sec_head h2 {
  margin: 60px 0 0;
  text-align: left
}

.motor_insurance_body .banner_content_Wrapper {
  justify-content: normal;
  gap: 40px
}

.motor_insurance_body .banner_creative {
  max-width: 370px;
  top: 0;
  right: -100px
}

.motor_insurance_body .banner_form_wrapper {
  height: auto
}

.motor_insurance_body .desk_banner {
  height: 805px
}

.motor_insurance_body .coin_creative {
  bottom: -25px;
  right: -25px
}

.whats_covered_left_col img {
  max-width: 300px
}

.whats_covered_left_col .gi_sec_head h2 {
  text-align: left;
  margin: 0
}

.whats_covered {
  padding: 80px 0;
  background: url(../../motor-insurance/assets/images/what_covered_bg.png);
}

.motor_insurance_body .get_insured_Wrapper {
  background: url(../../motor-insurance/assets/images/three_step.png);
  background-size: cover;
}

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

.whats_covered_right_col ul li > h3 {
  color: #1f1f1f;
  font-family: dev_semi_bold;
  font-size: 24px;
  font-style: normal;
  line-height: 28px;
  text-transform: uppercase;
  margin-bottom: 8px
}

.whats_covered_right_col ul li p {
  color: #707070;
  font-size: 16px;
  font-style: normal;
  line-height: 22px
}

.whats_covered_right_col ul li {
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid rgb(0 0 0 / .1);
  padding-left: 40px;
  position: relative
}

  .whats_covered_right_col ul li:before {
    position: absolute;
    content: '';
    left: 10px;
    top: 10px;
    height: 12px;
    width: 12px;
    background: #000;
    border-radius: 100px
  }

.whats_covered_left_col {
  display: flex;
  flex-direction: column;
  gap: 100px
}

.fixed_deposit_body .terms_applied {
  margin: 10px 0 0;
  position: relative
}

.motor_insurance_body .finNeedBoxes .finNeeds-box {
  width: auto
}

.motor_insurance_body .finNeedBoxes .funNeedsTextBox p {
  text-transform: none;
  width: 292px;
  margin: 0 auto
}

.motor_insurance_body .finNeedBoxes {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(1, 1fr)
}

  .motor_insurance_body .finNeedBoxes .finNeeds-imgbox img {
    width: 80px;
    box-shadow: 0 0 30px 0 rgb(0 0 0 / .1);
    border-radius: 100px
  }

.whats_not_covered {
  background: url(../../motor-insurance/assets/images/not_covered_bg.png);
  background-size: cover
}

.add_ons_extra_protection {
  padding: 80px 0
}

.add_ons_grid_Wrapper {
  height: 560px;
}

.add_ons_col {
  border-radius: 20px;
  background: #f7f7f7;
  position: relative;
  padding: 28px
}

.add_ons_grid_Wrapper {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(6, 1fr);
  gap: 12px
}

.adons_div1 {
  grid-column: span 2/span 3;
  background: #e3f9e0;
  height: 100%;
  grid-row: span 3 / span 3;
  grid-row-start: 1;
}

.adons_div2 {
  grid-column: span 2/span 2;
  grid-row: span 2/span 2;
  grid-column-start: 1;
  grid-row-start: 2
}

.adons_div3 {
  grid-column: span 2/span 2;
  grid-row: span 3/span 3;
  grid-column-start: 1;
  grid-row-start: 4;
  background: #fff4d9
}

.adons_div4 {
  grid-column: span 2/span 2;
  grid-row: span 3/span 3;
  grid-column-start: 3;
  grid-row-start: 1
}

.adons_div5 {
  grid-column: span 2/span 2;
  grid-row: span 2/span 2;
  grid-column-start: 3;
  grid-row-start: 4
}

  .adons_div5 p {
    width: 70%;
  }

.adons_div6 {
  grid-column: span 2/span 2;
  grid-column-start: 3;
  grid-row-start: 6
}

.adons_div7 {
  grid-column: span 2/span 2;
  grid-row: span 2/span 2;
  grid-column-start: 5;
  grid-row-start: 1
}

.adons_div8 {
  grid-column: span 2/span 2;
  grid-column-start: 5;
  grid-row-start: 3;
  background: #fff4d9
}

.adons_div9 {
  grid-row: span 3/span 3;
  grid-column-start: 5;
  grid-row-start: 4;
  background: linear-gradient(153deg, #70b865 41.32%, #a6de9d 98.26%)
}

.adons_div10 {
  grid-row: span 3/span 3;
  grid-column-start: 6;
  grid-row-start: 4
}

.add_ons_col img {
  position: absolute;
  max-width: 10%;
  bottom: 0
}

.add_ons_col span {
  display: block;
  color: #1f1f1f;
  font-family: dev_semi_bold;
  font-size: 20px;
  font-style: normal;
  line-height: 30px
}

.add_ons_col p {
  color: #636363;
  font-family: dev_med;
  font-size: 14px;
  font-style: normal;
  line-height: 20px
}

.add_ons_col.adons_div1 img {
  max-width: 174px;
  right: 0;
  left: auto;
}

.add_ons_col.adons_div1 span {
  width: 75%;
}

.add_ons_col.adons_div1 p {
  width: 58%;
}

.add_ons_col.adons_div2 img {
  max-width: 160px;
  top: 0;
  right: 0
}

.add_ons_col.adons_div3 img {
  max-width: 272px
}

.add_ons_col.adons_div4 img {
  max-width: 190px;
}

.add_ons_col.adons_div5 img {
  max-width: 106px;
  right: 0
}

.add_ons_col.adons_div7 img {
  max-width: 140px;
  right: 0;
  top: 0
}

.add_ons_col.adons_div6 img {
  right: 0;
  max-width: 66px;
  top: 10px
}

.add_ons_col.adons_div9 img {
  max-width: 130px;
  right: 0
}

.add_ons_col.adons_div10 img {
  max-width: 130px;
  left: 0
}

.adons_div9 p,
.adons_div9 span {
  color: #fff
}

.digital_gold_body .fd_banner_creative {
  max-width: 441px;
  right: 0
}

.dg_left {
  position: absolute;
  bottom: 0;
  left: -50px;
  max-width: 170px
}

.digi_gold_list ul li > img {
  max-width: 20px
}

.digi_gold_list ul li {
  color: #333;
  font-family: dev_semi_bold;
  font-size: 16px;
  font-style: normal;
  line-height: normal;
  display: flex;
  align-items: flex-start;
  gap: 10px
}

.digi_gold_list ul {
  display: flex;
  flex-direction: column;
  gap: 20px
}

.digi_gold_list {
  margin-top: 50px;
  width: 290px
}

.dg_gold_trademarks {
  max-width: 235px
}

.dg_feature_wrap img {
  max-width: 32px
}

.dg_feature_wrap {
  text-align: center;
  display: flex;
  padding: 16px;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  align-self: stretch;
  border-radius: 12px;
  border: 1px solid #fff;
  background: rgb(255 255 255 / .5);
  box-shadow: 0 0 20px 0 rgb(0 0 0 / .1);
  backdrop-filter: blur(18px)
}

  .dg_feature_wrap p {
    color: rgb(17 17 17 / .8);
    text-align: center;
    font-family: dev_med;
    font-size: 16px;
    font-style: normal;
    line-height: normal;
    text-transform: capitalize
  }

.dg_gold_features {
  display: grid;
  grid-template-columns: 275px 275px 275px 275px;
  justify-content: center;
  gap: 12px;
  position: absolute;
  top: -40px;
  z-index: 1;
  align-items: center;
  text-align: center;
  margin: 0 auto;
  left: 0;
  right: 0
}

.digital_gold_body .why_invest_in_gold {
  padding: 140px 0 120px;
}

.why_invest_col img {
  max-width: 70px;
  position: absolute;
  bottom: 20px;
  right: 0
}

.why_invest_col {
  display: flex;
  border-radius: 16px;
  padding: 20px 0 20px 30px;
  align-items: flex-start;
  position: relative;
  background: #fff4d9
}

.why_invest_text span {
  display: block;
  color: #1f1f1f;
  font-family: dev_med;
  font-size: 24px;
  font-style: normal;
  line-height: normal;
  text-transform: capitalize
}

.why_invest_text p {
  color: rgb(17 17 17 / .5);
  font-family: dev_med;
  font-size: 14px;
  font-style: normal;
  line-height: 20px;
  letter-spacing: .14px;
  margin: 20px 0 0
}

.why_invest_grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(1, 1fr);
  gap: 20px
}

.why_invest_text {
  width: 70%
}

.why_invest_col:nth-child(2) {
  background: #c6d7c7
}

.why_invest_col:nth-child(3) {
  background: #ddcfde
}

.why_invest_col:nth-child(4) {
  background: #f0e2d4
}

.coin_creativ_top_right {
  position: absolute;
  top: 0;
  right: 55px;
  max-width: 50px
}

.coin_creativ_bottom_right {
  position: absolute;
  right: 0;
  max-width: 95px;
  bottom: 0;
  z-index: -1
}

.coin_creativ_top_left {
  position: absolute;
  left: 20px;
  top: 20px;
  max-width: 97px
}

.why_invest_in_gold .custom-container {
  position: relative
}

.how_does_it_works {
  padding: 80px 0;
  background: url(../../digital-gold/assets/images/how_does_dg_works.png);
  background-size: cover
}

.travel_insurance_body .how_does_it_works {
  padding: 80px 0;
  background: url(../../travel-insurance/assets/images/claim_processbg.png);
  background-size: cover
}

.digi_gold_insight {
  padding: 80px 0
}

.digi_gold_head h2 {
  text-align: left;
  width: 450px;
  margin: 0
}

.digi_Wrapper > img {
  max-width: 52px
}

.digi_Wrapper ul li > img {
  max-width: 16px
}

.digi_Wrapper {
  border-radius: 20px;
  border: 1px solid rgb(214 214 214 / .5);
  background: rgb(255 255 255 / .4);
  backdrop-filter: blur(5px);
  padding: 24px
}

  .digi_Wrapper > span {
    display: block;
    color: #1f1f1f;
    font-family: dev_med;
    font-size: 26px;
    font-style: normal;
    line-height: 34px;
    text-transform: uppercase;
    margin: 20px 0 12px
  }

  .digi_Wrapper ul > li {
    display: flex;
    align-items: center;
    gap: 8px
  }

    .digi_Wrapper ul > li > p {
      color: #707070;
      font-size: 16px;
      font-style: normal;
      line-height: 22px;
      font-family: dev_reg
    }

      .digi_Wrapper ul > li > p > span {
        color: #000
      }

.digi_gold_boxes {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(1, 1fr)
}

.gigi_wrap {
  display: grid;
  grid-template-columns: auto 664px
}

.steps_dg_main img {
  max-width: 50px
}

.steps_dg_main span {
  display: block
}

.steps_dg_main {
  border-radius: 20px;
  border: 1px solid #ffeeb1;
  background: rgb(255 255 255 / .5);
  box-shadow: 0 0 20px 0 rgb(0 0 0 / .08);
  backdrop-filter: blur(3px);
  padding: 24px;
  margin: 0 auto;
  position: relative;
  height: 100%;
}

.steps_dg_wrapper {
  position: relative;
  counter-increment: step-counter;
}

  .steps_dg_wrapper:before {
    position: absolute;
    content: counter(step-counter, decimal-leading-zero);
    left: 0;
    top: -50px;
    color: #8b151b;
    font-family: dev_med;
    font-size: 80px;
    font-style: normal;
    line-height: normal;
    z-index: -1;
    opacity: 0.6;
  }

.steps_dg_main span {
  color: rgb(17 17 17 / .8);
  font-size: 20px;
  font-style: normal;
  line-height: 24px;
  text-transform: capitalize;
  font-family: dev_semi_bold;
  margin: 24px 0 16px
}

.steps_dg_main p {
  color: rgb(17 17 17 / .7);
  font-size: 16px;
  font-style: normal;
  line-height: 20px
}

.steps_grid_dg {
  display: grid;
  grid-template-columns: 252px 252px 252px;
  justify-content: center;
  gap: 30px;
  position: relative;
  z-index: 0
}

.steps_dg_gold_Wrapper {
  display: flex;
  flex-direction: column;
  gap: 100px;
}

  .steps_dg_gold_Wrapper .nav-tabs {
    justify-content: center;
    align-items: center;
    text-align: center;
    display: flex;
    border: none;
    background: #fff;
    border-radius: 50px;
    width: fit-content;
    margin: 0 auto;
    overflow: hidden;
    z-index: 0;
  }

    .steps_dg_gold_Wrapper .nav-tabs .nav-link {
      border-radius: 50px;
      color: rgba(17, 17, 17, 0.80);
      font-size: 16px;
      font-style: normal;
      line-height: 28px;
      text-transform: capitalize;
      font-family: 'dev_semi_bold';
      padding: 12px 65px;
      border: transparent;
      position: relative;
    }

    .steps_dg_gold_Wrapper .nav-tabs li.nav-item {
      position: relative;
    }

    .steps_dg_gold_Wrapper .nav-tabs .nav-link.active {
      border: none;
      background: transparent;
      color: #fff;
      border-radius: 50px;
    }

    .steps_dg_gold_Wrapper .nav-tabs .nav-link:focus,
    .steps_dg_gold_Wrapper .nav-tabs .nav-link:hover {
      border: transparent;
    }

.magic-line-menu {
  position: relative;
}

.magic-line {
  position: absolute;
  bottom: 0;
  height: 100%;
  background: #CA1F34;
  transition: all 0.3s ease-in-out;
  border-radius: 100px;
  z-index: -1;
}

.why_abcd_for_dg {
  background: rgba(207, 170, 106, 0.10);
  padding: 80px 0;
}

.why_list_wrapper img {
  max-width: 30px;
}

.why_list_data_wrap span {
  color: rgba(17, 17, 17, 0.80);
  font-family: 'dev_semi_bold';
  font-size: 20px;
  font-style: normal;
  line-height: normal;
  text-transform: capitalize;
  display: block;
}

.why_list_data_wrap p {
  color: rgba(17, 17, 17, 0.60);
  font-family: 'dev_semi_bold';
  font-size: 14px;
  font-style: normal;
  line-height: 22px;
  /* 157.143% */
  width: 100%;
}

.why_list_wrapper {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  padding: 24px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.10);
}

.why_list_data_wrap {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

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

.why_right_wrapper > img {
  border-radius: 24px;
}

.why_top > img {
  max-width: 50px;
}

.why_right_float p {
  color: rgba(17, 17, 17, 0.80);
  text-align: center;
  font-family: 'dev_med';
  font-size: 12px;
  font-style: normal;
  text-transform: capitalize;
}

.why_right_float {
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.85);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);
  backdrop-filter: blur(4px);
  padding: 20px;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 16px;
  justify-content: center;
  align-items: center;
}

.why_top {
  width: 135px;
}

.why_right_wrapper {
  position: relative;
}

.why_top {
  position: absolute;
  right: -70px;
  top: 50px;
}

.why_right_float span {
  color: rgba(0, 0, 0, 0.80);
  text-align: center;
  font-family: 'dev_semi_bold';
  font-size: 28px;
  font-style: normal;
  line-height: normal;
  text-transform: capitalize;
  display: block;
}

.why_bottom {
  width: 111px;
  position: absolute;
  right: -50px;
  bottom: 50px;
  gap: 4px;
}

.why_bottom_left {
  bottom: 160px;
  position: absolute;
  left: -40px;
  height: 88px;
  width: 91px;
  gap: 4px;
}


.calc_tab_radio_Wrapper label input {
  position: absolute;
  left: -9999px;
}

  .calc_tab_radio_Wrapper label input:checked + span:before {
    box-shadow: inset 0 0 0 0.1975em #CA1F34;
  }

.calc_tab_radio_Wrapper label span {
  display: flex;
  align-items: center;
  transition: 0.25s;
  border-radius: 25px;
  background: #fff;
  color: rgba(17, 17, 17, 0.70);
  font-family: 'dev_med';
  font-size: 16px;
  font-style: normal;
  line-height: normal;
  padding: 8px 12px;
  width: 100%;
  height: 40px;
}

  .calc_tab_radio_Wrapper label span:before {
    display: flex;
    flex-shrink: 0;
    content: "";
    background-color: #ffffff;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    margin-right: 0.375em;
    transition: 0.25s;
    box-shadow: inset 0 0 0 0.125em #888;
    border: 2px solid #fff;
  }


.calc_tab_radio_Wrapper {
  display: flex;
  gap: 12px;
  margin: 24px 0;
}

  .calc_tab_radio_Wrapper li.nav-item {
    width: 100%;
  }

  .calc_tab_radio_Wrapper label input:checked + span {
    background: #CA1F34;
  }

  .calc_tab_radio_Wrapper label input:checked + span {
    color: #fff;
  }


.digi_gold_amnt_wrapper_style > ul > li > a {
  width: 65px;
  height: 30px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: none;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.digi_gold_amnt_wrapper_style > ul > li > a {
  border-radius: 12.834px;
  background: rgba(255, 255, 255, 0.20);
  color: rgba(255, 255, 255, 0.80);
  font-family: 'dev_med';
  font-size: 14px;
  font-style: normal;
  line-height: 16.8px;
  /* 120% */
  transition: all 0.5s ease;
  position: relative;
  overflow: hidden;
}

.pop_price {
  position: absolute;
  top: 0px;
  font-size: 7px;
  background: #c31328;
  width: 100%;
  color: #fff;
  text-align: center;
  height: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.digi_gold_amnt_wrapper_style > ul > li.popular_tag > a {
  height: 30px;
  align-items: end;
}

  .digi_gold_amnt_wrapper_style > ul > li.popular_tag > a.selected .selected_amnt {
    top: -4px;
  }

.digi_gold_amnt_wrapper_style ul {
  display: flex;
  justify-content: center;
  gap: 5px;
}

.digi_gold_amnt_wrapper_style > ul > li > a:hover {
  background: #C91429;
  color: #fff;
}

.selected_amnt {
  max-width: 10px;
  position: relative;
  right: -5px;
  transition: all 0.5s ease;
  display: none;
}

.digi_gold_amnt_wrapper_style > ul > li > a.selected {
  width: 70px;
  background: #C91429;
  color: #fff;
}

  .digi_gold_amnt_wrapper_style > ul > li > a.selected .selected_amnt {
    display: block;
    right: -5px;
  }




.conversion_results {
  position: absolute;
  top: 10px;
  right: 20px;
  color: rgba(255, 255, 255, 0.70);
  font-size: 16px;
  font-style: normal;
  line-height: 21.6px;
  /* 135% */
}


.digi_gold_amnt_wrapper_style {
  margin-top: 10px;
  margin-bottom: 24px;
}

.buy_in_rupees_modal .input-img {
  max-width: 12px;
}

.current_gold_rate {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #FFF;
  font-size: 12px;
  font-style: normal;
  line-height: 20px;
  /* 166.667% */
}

.gold_button_wrapper {
  border-radius: 12.834px;
  background: rgba(255, 255, 255, 0.10);
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}


.current_gold_rate p {
  font-style: normal;
  font-size: 18px;
  font-family: 'dev_bold';
  padding: 0 6px;
}

.current_gold_rate em {
  font-style: normal;
}

.current_gold_rate span:last-child {
  opacity: 0.8;
}

.digital_gold_body .banner_form_wrapper {
  height: auto;
}

.digital_gold_body.otp_form .btn.form_solid_btn.send_otp_new {
  background: transparent;
  border: 1px solid #fff;
  color: #fff;
}

.digital_gold_body .desk_banner {
  height: 890px;
}

.digi_Wrapper > ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.digi_Wrapper:last-child {
  border-radius: 20px;
  border: 1px solid rgba(202, 31, 52, 0.40);
  background: #FFF;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10);
}

  .digi_Wrapper:last-child > span {
    font-family: 'dev_bold';
  }

.health-insurance-body .unique_offerings_main_wrapper {
  position: relative;
}

.te_banner_asset_main {
  position: absolute;
  bottom: -42px;
  width: 970px;
  left: 240px;
}

.travel_insurance_body .banner_form_wrapper h2 {
  padding-right: 0;
}

.travel_insurance_body .banner_caption {
  top: 70px;
  position: relative;
}

.te_banner_asset2 {
  position: absolute;
  bottom: 65px;
  left: 37%;
  width: 378px;
  z-index: 1;
}

.te_banner_asset3 {
  position: absolute;
  top: -35px;
  width: 724px;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}

.trust-makrers-warpper {
  max-width: 100%;
  width: 100%;
  position: absolute;
  bottom: -50px;
  z-index: 1;
  left: 50%;
  transform: translateX(-50%);
}

.trustmakers-grid {
  display: flex;
  gap: 10px;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

  .trustmakers-grid .tm-item {
    width: 240px;
  }

  .trustmakers-grid .strong-text {
    color: rgba(17, 17, 17, 0.80);
    font-family: var(--dev_med);
    font-size: 28px;
    line-height: 30px;
  }

  .trustmakers-grid p {
    color: rgba(17, 17, 17, 0.80);
    text-align: center;
    font-family: 'dev_med';
    font-size: 16px;
    font-style: normal;
    line-height: normal;
    text-transform: capitalize;
    width: 145px;
    margin: 0 auto;
  }

  .trustmakers-grid .tm-box {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.60);
    padding: 20px 20px 23px;
    backdrop-filter: blur(8px);
    overflow: hidden;
    position: relative;
  }

.travel_insurance_body .banner_wrapper {
  overflow: visible;
}

.trustmakers-grid .tm-box img {
  max-width: 32px;
}

.accordion_grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  width: 976px;
  margin: 0 auto;
}


.accordion_col {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.travel_insurance_body .accordion_col {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}

/* .whats_covered .accordion-item {
	display: none;
} */

.whats_covered .accordion-item.visible {
  display: block;
}

.travel_insurance_body .accordion_grid {
  grid-template-columns: repeat(1, 1fr);
}

.whats_covered .accordion-header {
  color: rgba(17, 17, 17, 0.80);
  font-family: 'dev_semi_bold';
  font-size: 16px;
  font-style: normal;
  line-height: normal;
  text-transform: capitalize;
  border: none;
}

.whats_covered .accordion-button img {
  max-width: 24px;
}

.whats_covered .accordion-button {
  backdrop-filter: blur(3px);
  gap: 16px;
  color: rgba(17, 17, 17, 0.80);
  padding-top: 0;
  padding-bottom: 0;
  height: 72px;
  align-items: center;
}

.whats_covered .accordion-item {
  border: none;
}

.whats_covered .accordion-button:not(.collapsed) {
  border: none;
  box-shadow: none;
}

.whats_covered .accordion-button:focus {
  border: none;
  box-shadow: none;
}

.whats_covered .accordion-button:not(.collapsed) {
  color: rgba(17, 17, 17, 0.80);
}

.whats_covered .accordion-collapse {
  background: #FEF2F3;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
}

.whats_covered .accordion-button.collapsed {
}

.whats_covered .accordion-item:first-of-type .accordion-button.collapsed {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
}

.whats_covered .accordion-item:last-of-type .accordion-button.collapsed {
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  border-top-right-radius: 16px;
  border-top-left-radius: 16px;
}

.whats_covered button.accordion-button.collapsed {
  /* border-bottom-right-radius: 0; */
  /* border-bottom-left-radius: 0; */
}

.whats_covered .accordion-button:not(.collapsed) {
  background: #fef2f3;
  border-top-right-radius: 16px;
  border-top-left-radius: 16px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.whats_covered .accordion-button {
  background: rgba(255, 244, 217, 0.60);
  border-radius: 16px;
}

.whats_covered .accordion-item:first-of-type .accordion-button {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.whats_covered .accordion-item:last-of-type .accordion-collapse {
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
}

.whats_covered .accordion-body {
  padding-top: 0;
}

.digital_gold_body .banner_caption h1 {
  width: 450px;
}

.top_white_band {
  display: flex;
  justify-content: flex-end;
  height: 30px;
  align-items: center;
  gap: 40px;
  padding-right: 40px;
  overflow: hidden;
  transition: all 0.5s ease;
}

.new_header.band_hidden .top_white_band {
  height: 0;
}

.right_header_ui {
  width: 100%;
}

.top_white_band p {
  color: #2A2E34;
  font-family: 'dev_med';
  font-size: 14px;
  font-style: normal;
  line-height: normal;
}

.top_white_band a {
  color: #CA1F34;
  text-align: center;
  font-family: 'dev_bold';
  font-size: 14px;
  font-style: normal;
  line-height: normal;
  display: flex;
  align-items: center;
  gap: 5px;
}

  .top_white_band a > img {
    max-width: 12px;
  }


.new_header {
  padding-left: 20px;
}

  .new_header.band_hidden .page_logo_Wrap img {
    transition: all 0.5s ease;
    scale: 0.8;
  }

.page_logo_Wrap img {
  transition: all 0.5s ease;
}

.page_logo_Wrap img {
  max-width: 120px;
}

/* refer-earn page css start */

.refer-earn-body .banner-heading-logo {
  width: 127px;
}

  .refer-earn-body .banner-heading-logo img {
    width: 100%;
    object-fit: cover;
  }

.refer-earn-body .banner-heading-video {
  width: 327px;
  border-radius: 18px;
  overflow: hidden;
  margin: 22px 0px 42px 0px;
}

  .refer-earn-body .banner-heading-video video {
    width: 100%;
  }

.refer-earn-body .banner_caption {
  top: 10px;
  position: relative;
}

.refer-earn-body .banner_content_Wrapper {
  justify-content: start;
}

.refer-earn-body .earnlisting-left ul li .listing-step {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  gap: 14px;
  padding: 12px 12px 12px 12px;
  background-color: #fff;
  border-radius: 14px;
  overflow: hidden;
}

  .refer-earn-body .earnlisting-left ul li .listing-step span {
    color: #8B151B;
    font-size: 40px;
    line-height: 44px;
    letter-spacing: 0;
  }

.refer-earn-body .earnlisting-left ul li {
  margin-bottom: 8px;
}

  .refer-earn-body .earnlisting-left ul li .listing-step p {
    color: #111111;
    font-size: 16px;
    line-height: 14px;
    font-family: 'dev_med';
    padding-right: 12px;
  }

.refer-earn-body .earn-right-top .star-logo {
  width: 24px;
}

.refer-earn-body .earn-right-top {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}

  .refer-earn-body .earn-right-top span p {
    color: #111111;
    font-size: 20px;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: 0;
  }

  .refer-earn-body .earn-right-top .star-logo img {
    width: 100%;
  }

.earn-right-bottom {
  margin-top: 8px;
}

  .earn-right-bottom p {
    font-size: 14px;
    font-weight: 500;
    color: rgba(17, 17, 17, 0.8);
    letter-spacing: 0;
  }

.earnbanner-listing-wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 520px;
  gap: 42px;
}

.earnbanner-listing-right {
  display: flex;
  justify-content: start;
  align-items: start;
  width: 250px;
  flex-direction: column;
  gap: 24px;
}

/* Image - show by default, hide on hover */
.refer-earn-body .trustmakers-grid .tm-item .tm-box img {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition: opacity 0.8s ease, transform 0.8s ease, visibility 0.8s ease;
}

.refer-earn-body .trustmakers-grid .tm-item:hover .tm-box img {
  opacity: 0;
  transform: translateY(30px);
  /* moves down */
  visibility: hidden;
}

.refer-earn-body .trustmakers-grid .tm-item .tm-box p {
  font-size: 16px;
  font-family: 'dev_med';
  color: #111111;
  transform: translateY(0);
  transition: transform 0.8s ease, opacity 0.8s ease;
  opacity: 1;
}

.refer-earn-body .trustmakers-grid .tm-item:hover .tm-box p {
  transform: translateY(-25px);
  /* Adjust this value to match your image height */
}


/* para-2 - hidden by default, slide up + fade in on hover */
.refer-earn-body .trustmakers-grid .tm-item .tm-box .para-2 {
  opacity: 0;
  visibility: hidden;
  transform: translateY(20px);
  transition: opacity 0.8s ease, visibility 0.8s ease, transform 0.8s ease;
  /* slower */
  font-size: 16px;
  font-weight: 300;
  color: #111111;
}

.refer-earn-body .trustmakers-grid .tm-item:hover .tm-box .para-2 {
  opacity: 1;
  visibility: visible;
  transform: translateY(4);
}

.refer-earn-body .trustmakers-grid .tm-box {
  height: 144px;
}

.refer-earn-body .te_banner_asset2 {
  position: absolute;
  bottom: -40px;
  left: 45%;
  width: 285px;
  z-index: 1;
}

.refer-earn-body .inner-heading-img {
  display: block;
  width: 64px;
}

.refer-earn-body .banner_caption h1 {
  display: flex;
  font-size: 52px;
  flex-wrap: wrap;
  column-gap: 8px;
}

.refer-earn-body .inner-heading-img {
  display: inline-block;
  vertical-align: middle;
}

.refer-earn-body .influencers-section .gi_sec_head h2 {
  margin-bottom: 20px;
}

.refer-earn-body .influencers-section {
  position: relative;
}

.influencers-ares {
  position: absolute;
  top: 0;
  padding-top: 160px;
  left: 0;
  right: 0;
}

.influe-card {
  /* width: 100%; */
  /* position: relative; */
  margin-top: 75px;
}

.gray1 {
  /* background: red; */
  display: block;
  border: 19px solid #E3E2E2;
  border-radius: 32px 32px 0 0;
  position: absolute;
  top: 50px;
  width: 100%;
  z-index: -2;
}


.gray2 {
  border: 20px solid #D4D4D4;
  display: block;
  height: 60px;
  border-radius: 32px 32px 0 0;
  position: absolute;
  width: 100%;
  top: 60px;
  z-index: -2;
}

.influencer-card-thumbnail {
  /* position: relative; */
  top: 23px;
  border-radius: 32px;
  width: 100%;
  overflow: hidden;
}

.influencer-card-textarea {
  position: absolute;
  bottom: 0;
  width: 100%;
}

.inner-text {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 12px;
}

.para-cardinflu {
  font-size: 16px;
  font-family: 'dev_med';
  line-height: 20px;
  letter-spacing: 0;
  color: #fff;
}

.influe-card-text {
  position: relative;
  z-index: 2;
}

.influe-cards-area {
  padding: 0px 242px 72px 242px;
}

.influe-card-overlay {
  height: 230px;
  width: 100%;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, black 100%);
  position: absolute;
  bottom: 0;
  border-radius: 0 0 32px 32px;
  z-index: -1;
}

.inner-text-parent {
  padding: 19px 16px;
}

.inner-text span {
  color: #fff;
}

.shadow-effect {
  width: 100%;
  z-index: -1;
}



.play-btn {
  width: 200px;
  cursor: pointer;
  margin: 0 auto;
  padding-bottom: 75px;
  transform: scale(1);
  transition: transform 0.5s ease, width 0.5s ease;
}

.influencer-card-thumbnail:hover .play-btn {
  transform: scale(0.9);
}

.question-icon {
  color: #fff;
  border: 2px solid #fff;
  padding: 0px 6px;
  margin: 0;
  font-size: 12px;
  border-radius: 43px;
}

.refer-earn-body .trustmakers-grid p {
  width: 190px;
}

.refer-earn-body .video-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.9);
  /* Semi-transparent black */
  z-index: 9998;
}

.refer-earn-body .video-iframe {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
  background: #000;
  padding: 20px;
  border-radius: 10px;
}

.influencers-ares .swiper-pagination {
  bottom: -50px !important;
}

.swiper-pagination-bullet-active {
  background: var(--abc_primary) !important;
}

.abcd_coins_calc {
  padding: 80px 0;
}

.span_heads_ref {
  display: block;
  color: #000;
  font-family: 'dev_semi_bold';
  font-size: 20px;
  font-style: normal;
  margin-bottom: 26px;
}

  .span_heads_ref small {
    font-size: 14px;
    font-family: 'dev_med';
  }

.abc_ref_cal_box {
  border-radius: 20px;
  border: 0.5px solid #DFDFDF;
  background: linear-gradient(178deg, #FFF 1.76%, #F4F4F4 98.32%);
  box-shadow: 0px 4px 67.6px 0px rgba(0, 0, 0, 0.10);
  backdrop-filter: blur(2px);
  padding: 40px;
  height: fit-content;
}

.abcd_coins_grid {
  display: grid;
  grid-template-columns: auto 45%;
  gap: 40px;
}

.perf_coins {
  max-width: 20px;
}

.perf_profile {
  max-width: 50px;
}

.performer_wrapper {
  display: flex;
  align-items: center;
  border-radius: 11px;
  border: 1px solid #EAEAEA;
  background: #F2F2F4;
  justify-content: space-between;
  padding: 14px 16px;
}

.performer_left_wrapper {
  display: flex;
  align-items: center;
  gap: 12px;
}

.performer_right_wrapper {
  display: flex;
  flex-direction: column;
  text-align: right;
}

  .performer_right_wrapper p {
    display: flex;
    align-items: center;
    justify-content: end;
    color: rgba(17, 17, 17, 0.90);
    text-align: right;
    font-family: 'dev_bold';
    font-size: 18px;
    font-style: normal;
    line-height: 20px;
    /* 111.111% */
    text-transform: capitalize;
  }

    .performer_right_wrapper p img {
      max-width: 17px;
    }

  .performer_right_wrapper span {
    display: block;
    color: #000;
    text-align: right;
    font-size: 12px;
    font-style: normal;
    line-height: 150%;
    /* 18px */
    font-family: 'dev_med';
  }

.ref_profile {
  display: flex;
  align-items: center;
  gap: 22px;
}

  .ref_profile p {
    color: rgba(17, 17, 17, 0.90);
    font-family: 'dev_semi_bold';
    font-size: 18px;
    line-height: 20px;
    /* 111.111% */
    text-transform: capitalize;
  }

  .ref_profile span {
    display: block;
    color: rgba(17, 17, 17, 0.30);
    font-family: 'dev_med';
    font-size: 14px;
    font-style: normal;
    line-height: 20px;
    /* 142.857% */
    text-transform: capitalize;
  }

.top_performers_list {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.ref_input {
  border-radius: 80px;
  border: 1px solid #E7E7E7;
  background: #FFF;
  width: 100%;
  display: flex;
  height: 44px;
  justify-content: center;
  align-items: center;
  padding-left: 20px;
  color: rgba(17, 17, 17, 0.68);
  font-family: 'dev_bold';
  font-size: 14px;
  font-style: normal;
  line-height: 20px;
  /* 142.857% */
  text-transform: capitalize;
}

.referrals_input_wrapper {
  position: relative;
}

.find_ref_earnings {
  position: absolute;
  top: 0;
  right: 0;
}

.find_ref_earnings {
  display: flex;
  align-items: center;
  border-radius: 40.5px;
  border: 0.2px solid #CA1F34;
  background: #E30520;
  color: #FFF;
  text-align: center;
  font-family: 'dev_bold';
  font-size: 12px;
  font-style: normal;
  line-height: 24px;
  /* 200% */
  padding: 0 28px;
  height: 36px;
  top: 4px;
  right: 4px;
}

.ref_input:focus-visible {
  outline: none;
  border-color: #c91429;
}

.referal_tags_Wrapper > ul > li a {
  border-radius: 4px;
  background: #F2F2F2;
  display: flex;
  padding: 10px 8px;
  color: #E30520;
  text-align: center;
  font-family: 'dev_med';
  font-size: 12px;
  font-style: normal;
  line-height: normal;
  text-transform: capitalize;
  opacity: 0.8;
}

.referal_tags_Wrapper > ul {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.abcd_add_refs {
  height: fit-content;
}

.referal_tags_Wrapper {
  margin: 20px 0 30px;
}

.total_earnings_results {
  display: flex;
  padding: 12px 24px 12px 20px;
  align-items: center;
  gap: 53px;
  border-radius: 10px;
  border: 1px solid #E2E2E2;
  background: #F5F5F5;
  width: fit-content;
  margin-left: auto;
}

  .total_earnings_results p {
    color: #000;
    font-family: 'dev_med';
    font-size: 14px;
    font-style: normal;
    line-height: normal;
  }

  .total_earnings_results span {
    color: #000;
    font-family: 'dev_bold';
    font-size: 28px;
    font-style: normal;
    line-height: normal;
  }

.thres_tab_data img {
  max-width: 15px;
}

.thres_tab_data {
  color: rgba(17, 17, 17, 0.90);
  font-family: 'dev_semi_bold';
  font-size: 14px;
  font-style: normal;
  line-height: 20px;
  /* 142.857% */
  text-transform: capitalize;
  text-align: center;
  padding: 18px 13px 17px 14px;
}

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

.thres_table_head {
  background: #D7D7D7;
  border-radius: 20px 20px 0px 0px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

.thres_table_row:nth-child(odd) {
  background: #FEF9E8;
}

.threshold_table_wrapper {
  border-radius: 20px;
  border: 1px solid #ECECED;
  background: #FFF;
  box-shadow: 0px 0px 67.6px 0px rgba(0, 0, 0, 0.10);
  backdrop-filter: blur(2px);
}

.abcd_add_ref_left_col {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.total-box {
  border-right: 1px solid #ECECED;
  border-left: 1px solid #ECECED;
  background: #464646;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 10px;
  padding: 0 33px;
}

  .total-box span {
    display: block;
    color: #fff;
    font-family: 'dev_semi_bold';
    font-size: 18px;
    font-style: normal;
    line-height: 150%;
    /* 27px */
  }

  .total-box p {
    color: rgba(255, 255, 255, 0.90);
    font-family: 'dev_bold';
    font-size: 32px;
    font-style: normal;
    line-height: 20px;
    /* 62.5% */
    text-transform: capitalize;
    display: flex;
    align-items: center;
  }

    .total-box p > img {
      max-width: 30px;
    }

.thres_tab_data:first-child img {
  display: none;
}

.coin_breakdown {
  color: #222;
  text-align: center;
  font-family: 'dev_semi_bold';
  font-size: 12px;
  font-style: normal;
  line-height: 24px;
  /* 200% */
  border-radius: 30px;
  border: 1px solid #E7E7E7;
  background: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  height: 36px;
  padding: 0 28px;
  gap: 5px;
}

.view_coins {
  margin: 20px 0;
  padding: 0 33px;
  display: flex;
  justify-content: flex-end;
}

.thres_table_row {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height 0.4s ease, opacity 0.4s ease;
}

  .thres_table_row.show-row {
    max-height: 100px;
    /* Adjust based on your row height */
    opacity: 1;
  }

.coin_breakdown img {
  max-width: 16px;
  transition: transform 0.5s ease;
  transform: rotate(0deg);
}

.coin_breakdown .arrow-icon {
  transition: transform 0.3s ease;
  vertical-align: middle;
  margin-left: 5px;
}

.coin_breakdown.expanded .arrow-icon {
  transform: rotate(0deg);
}

.coin_breakdown:not(.expanded) .arrow-icon {
  transform: rotate(180deg);
}

.goto-account-area {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  gap: 100px;
  height: 100%;
}

/* .banner_form_wrapper#go-to-account,
#on-to-account {
	z-index: 999;
} */

.tickicon {
  color: #70B865;
  font-size: 20px;
  font-weight: 700;
  line-height: 22px;
}

.referral-btn {
  padding: 16px 40px;
  background-color: #CA1F34;
  color: #fff;
  border: none;
  border-radius: 70px;
}

.tickimg {
  width: 166px;
  margin: 0 auto;
}

.txt-acco-btn {
  background: none;
  border: none;
  color: #fff;
  text-transform: uppercase;
}

.arrow {
  height: 8px;
  width: 8px;
  display: inline-block;
  border: 1px solid;
  border-top: none;
  border-left: none;
  transform: rotate(-40deg);
}

.txt-cta {
  text-align: center;
  margin-top: 25px;
}

.onto-headingarea {
  h2

{
  color: #FFF;
  font-size: 28px;
  font-weight: 600;
  text-transform: capitalize;
  text-align: center;
}

p {
  color: #E0E0E0;
  font-size: 16px;
  font-weight: 500;
  text-transform: capitalize;
  text-align: center;
}

}

.icon-div-main .icon-div:last-child {
  border-bottom: none !important;
}

.icon-div-main .icon-div:first-child {
  padding-top: 0 !important;
}

.icon-div {
  padding-top: 20px;
  border-bottom: 1px solid #E0E0E0;
  width: 100%;
  p

{
  color: #E0E0E0;
  font-size: 14px;
  font-weight: 400;
  text-transform: capitalize;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 4px;
}

h2 {
  color: #FFF;
  font-size: 24px;
  font-weight: 700;
  text-transform: capitalize;
  text-align: center;
  margin-bottom: 20px;
}

.icon-divimg {
  height: 40px;
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin: 0 auto;
}

}

#on-to-account {
  position: relative;
}

.tnc-apply {
  position: absolute;
  right: 40px;
  bottom: 30px;
  color: #E0E0E0;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  text-transform: capitalize;
  text-align: right;
}

.icon-div-main {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-direction: column;
  margin-top: 36px;
  margin-bottom: 20px;
  padding: 0 90px;
}

/* refer-earn page css  END */

/* travel insurance css new */
.toconsider-section {
  padding: 80px 135px;
  background-image: url(../../travel-insurance/assets/images/toconsiderbg.png);
  background-size: cover;
}

.toconiderimgarea {
  position: relative;
}

.mainimgoverlayimg {
  position: absolute;
  top: 35px;
  right: -39%;
  rotate: 0deg;
  z-index: 1;
}

.toconsider-container {
  display: grid;
  grid-template-columns: 40% 40%;
  justify-content: space-between;
  align-items: center;
}

.toconsider-head {
  display: flex;
  flex-direction: column;
  gap: 37px;
}

.toconiderheading {
  color: #1F1F1F;
  font-size: 48px;
  font-family: dev_semi_bold;
  text-transform: capitalize;
  line-height: normal;
}

.toconsiderimgmain {
  max-width: 100%;
  position: relative;
  z-index: 2;
}

.toconsider-arearight ul li {
  display: flex;
  padding: 24px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.10);
  gap: 10.5px;
  align-items: center;
}

.toconsider-arearight .tick_icon {
  width: 22px;
  height: 22px;
}

.travel_insurance_body .steps_grid_dg {
  grid-template-columns: 380px 380px;
}

.travel_insurance_body .gi_sec_head h2 {
  margin-bottom: 60px;
}

.toconiderlistpara {
  color: #1F1F1F;
  font-size: 20px;
  font-family: dev_semi_bold;
  line-height: 34px;
  text-transform: uppercase;
}

.countriesrequ-section {
  padding: 80px 80px;
}

.countriesrequ-heading {
  color: #1F1F1F;
  text-align: center;
  font-size: 48px;
  font-family: dev_semi_bold;
  line-height: normal;
  margin: 0 auto;
  max-width: 780px;
}

.countriesrequmain {
  display: grid;
  grid-template-columns: 41.5% 40%;
  justify-content: space-between;
  margin-top: 60px;
}

.countriesrequ-card-area {
  display: grid;
  grid-template-columns: 50% 50%;
  gap: 16px;
}

.countriesrequ-card {
  padding: 24px;
  min-height: 200px;
  background-color: rgba(239, 239, 239, 0.40);
  border-radius: 16px;
}

.requ-cardpara {
  margin-top: 16px;
}

  .requ-cardpara p {
    color: rgba(17, 17, 17, 0.70);
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
  }

.requ-cradimg {
  height: 60px;
  width: 60px;
}

/* travel insurance css new end */
@media (min-width:500px) {
  .formPanelWrapper .in_progress_button {
    text-indent: 0
  }
}

@media screen and (max-width:1699px) {
  .mainimgoverlayimg {
    top: -25px;
    right: -48%;
    rotate: 00deg;
    z-index: 1;
  }
}

@media screen and (min-width:1700px) {
  .influencers-ares .play-btn {
    width: 180px;
  }

  .homeload_body.gold_body .banner_form_wrapper {
    width: 460px
  }

  .thankyou_body .desk_banner {
    height: 100%
  }

  .thankyou_body .banner-items-wrapper {
    top: 25%
  }

  .banner-items-wrapper > .custom-container {
    padding: 0 140px
  }

  .header_left {
    padding-left: 140px
  }

  .header_right {
    padding-right: 140px
  }

  .health_insurance_body .banner-items-wrapper {
    top: 17%
  }

  .card-heading-tp {
    font-size: 28px;
    line-height: 30px;
    margin-bottom: 8px
  }

  .gridTemplate-style-gt1 .card-gt-bottom-wrap p {
    font-size: 18px;
    line-height: 20px
  }

  .gridTemplate-style-gt1 .card-gt-top-wrap img {
    width: 100px
  }
}

@media screen and (min-width:992px) {
  .header_left_align {
    text-align: left !important
  }
}

@media screen and (min-width:1501px) and (max-width:1600px) {

  .digital_gold_body .banner_caption h1 {
    width: 470px;
  }


  .personal_loan .calc_col_left {
    width: auto
  }

  .personal_loan .emi_calculator {
    padding: 60px 0
  }

    .personal_loan .emi_calculator .gi_sec_head h2 {
      margin-bottom: 50px
    }

  .home_loan_specific_class .banner_caption h1 {
    width: 350px
  }

  .body_tax_saving_secrets .banner_form_wrapper {
    height: 600px
  }

  .main_woman_img {
    width: 530px
  }

  .contruction_finance .wieFinanceCardParent .wieFinance-item {
    height: 107px
  }

  .contruction_finance.personal_loan .wieFinanceCardParent .wieFinance-item {
    height: 108px
  }

  .partner_detail_wrap:nth-child(2) {
    height: auto;
  }

  .multi-lender .banner_form_wrapper {
    height: 440px;
    top: 60px;
    position: relative
  }

  .homeload_body.multi-lender .desk_banner {
    height: 690px
  }

  .banner-items-wrapper > .custom-container {
    grid-template-columns: 60.5% auto
  }

  .productrangeGridmain .gridTemplate-style2 {
    grid-template-columns: 297px auto
  }

  .rangeItemInner .box-caption-mb {
    width: 98%
  }

  .productrangeGridmain .gridTemplate-style3 {
    grid-template-columns: 458px auto
  }


  .health-insurance-body .banner_form_wrapper {
    height: 520px;
  }
}

@media screen and (min-width:1601px) {
  .home_loan_specific_class .banner_caption h1 {
    width: 400px
  }

  .health_insurance_body.contruction_finance.personal_loan .banner_creative {
    max-width: 200px;
    top: 0
  }
}

@media screen and (max-width:1599px) {
  .mainimgoverlayimg {
    top: -70px;
    right: -46%;
    rotate: 0deg;
  }


  .icon-div-main {
    margin-top: 30px;
    padding: 0 80px;
  }

  .toconsiderimgmain {
    max-width: 456px;
  }

  .icon-div {
    padding-top: 15px;
    h2

{
  margin-bottom: 15px;
}

}

.slider-arrow-swi .nav-buttons {
  bottom: 0
}


.slider-arrow-swi .nav--btn {
  width: 37px;
  height: 37px
}

.signature_club .slider-arrow-swi .nav-buttons {
  left: 82px
}

.navbuttons--wrap .slider-arrow-swi .nav-buttons {
  left: 82px
}

.banner_caption h1 {
  font-size: 42px
}

.why-abhfl-grid-parent {
  grid-template-columns: 50% 39%
}

.why-abhfl-list-para p {
  font-size: 16px;
  line-height: 18px
}

.heading-style-hs1 {
  font-size: 32px;
  line-height: 38px
}

.os-card-content p {
  font-size: 12px;
  line-height: 14px
}

.os-grid-style {
  padding-left: 154px;
  padding-right: 154px
}

.finNeedBoxes .funNeedsTextBox p {
  font-size: 18px;
  line-height: 20px
}

.finNeedBoxes .funNeedsTextBox span {
  font-size: 14px;
  line-height: 18px
}

.finNeedBoxes {
  gap: 50px 70px
}

.wie-con-wrapper {
  grid-template-columns: auto 820px;
  gap: 107px
}

.body_loyalti_rewards .banner-items-wrapper > .custom-container {
  padding: 0 230px
}

.thankYouBox-img .appQrCode--mb {
  bottom: 35px;
  right: 22px;
  width: 160px;
  height: 160px
}

.checkbox_input_wrapper {
  margin-bottom: 7px
}

.tax_calc_grrid {
  gap: 50px;
  grid-template-columns: auto 840px
}

.formPanelWrapper .in_progress_button:not(:last-child):after {
  width: 70px
}

.body_loyalti_rewards .registration_div .banner_form_input_wrapper {
  grid-template-columns: 31% 25% 25% 15%
}

.home_loan .banner_creative.banner_creative_img {
  max-width: 370px
}

.te_banner_asset_main {
  width: 893px;
  left: 77px;
}

.te_banner_asset2 {
  width: 296px;
  bottom: 74px;
}

.travel_insurance_body .banner_form_wrapper {
  height: auto;
  position: relative;
  z-index: 1;
}

.travel_insurance_body.refer-earn-body .banner_form_wrapper {
  height: 550px;
}

.te_banner_asset3 {
  top: -14px;
  width: 630px;
}

}

@media screen and (min-width:1500px) {

  .invest_left_Wrppaer h2 {
    margin-bottom: 60px;
    width: 514px
  }

  .contruction_finance .why_absli_Wrapper {
    padding: 80px 0
  }

  .homeload_body.gold_body .banner-items-wrapper > .custom-container {
    grid-template-columns: 63% auto
  }

  .unique_offerings_main_wrapper_gold .unique_offerings_wrapper {
    grid-template-columns: 45% 45%
  }

    .unique_offerings_main_wrapper_gold .unique_offerings_wrapper:before {
      right: 0
    }

  .homeload_body.gold_body .desk_banner {
    height: 900px;
  }
}

@media screen and (max-width:1500px) {
  .toconsider-section {
    padding: 80px 80px;
  }

  .requ-cradimg {
    height: 55px;
    width: 55px;
  }

  .influe-cards-area {
    padding: 0px 130px 90px 130px;
  }

  .refer-earn-body .influencers-ares .gi_sec_head h2 {
    margin-bottom: 0px;
  }

  .influencers-ares {
    padding-top: 130px;
  }


  .travel_insurance_body.refer-earn-body .inf-bg-img img {
    height: 900px;
  }

  .homeload_body.home_loan_specific_class .desk_banner {
    height: 950px;
  }

  .finNeedBoxes .finNeeds-imgbox {
    width: 70px;
    height: 70px;
    margin-bottom: 12px
  }

  .finNeedBoxes .finNeeds-box {
    width: 15%
  }

  .finNeedBoxes {
    gap: 30px 40px
  }

    .finNeedBoxes .finNeeds-imgbox img {
      width: 35px
    }

  .wie-con-wrapper {
    grid-template-columns: auto 720px;
    gap: 114px
  }

  .wieFinanceCardParent .wieFinance-item {
    padding: 15px
  }

  .emiCard-title {
    font-size: 24px;
    line-height: 32px
  }

  .productrangeGridmain .gridTemplate-style2 {
    grid-template-columns: 264px auto
  }

  .productrangeGridmain .gridTemplate-style3 {
    grid-template-columns: auto auto
  }

  .thankyou_grid_parent {
    gap: 130px
  }

  .abg-employee .banner_creative {
    max-width: 240px;
    top: 0
  }

  .body_loyalti_rewards .banner-items-wrapper > .custom-container {
    padding: 0 170px
  }

  .body_loyalti_rewards .banner_caption h1 {
    width: 100%;
    text-align: center
  }

  .body_loyalti_rewards .banner-items-wrapper {
    top: 8%
  }

  .body_loyalti_rewards .layaltyVectorImg {
    max-width: 610px
  }

  .body_loyalti_rewards .banner_form_input.phone_number_wrapper span {
    top: 0
  }

  .unique_offerings_relative .bannerVector-BannerTop {
    right: -21px;
    top: -229px;
    width: 288px
  }

  .taxSavingOpt-panel .heaingPanel-w {
    max-width: 60%
  }

  .body_tax_planning .banner_form_wrapper {
    height: 465px
  }

  .homeload_body .key-benifits-wrapper .banner_creative {
    max-width: 312px;
    top: -230px
  }

  .home_loan .banner_creative.banner_creative_img {
    max-width: 240px
  }

  .te_banner_asset_main {
    width: 869px;
    bottom: -88px;
  }

  .te_banner_asset2 {
    width: 296px;
    bottom: 36px;
  }

  .te_banner_asset3 {
    top: 0;
    width: 624px;
  }
}

@media screen and (min-width:1501px) and (max-width:1650px) {
  .homeload_body.business_loan_body .coin_creative {
    max-width: 50px;
    bottom: 60px
  }

  .coin_creative {
    max-width: 50px
  }

  .homeload_body.business_loan_body .desk_banner {
    height: 750px
  }

  .health_insurance_body .banner-items-wrapper {
    top: 20%
  }

  .thankyou_grid.tu_form_active .thankyou_wrapper {
    padding: 0 20px
  }

  .thankyou_grid.tu_form_active {
    gap: 20px
  }

  .banner_creative {
    top: 10px
  }

  .multi-lender .banner_creative {
    max-width: 290px;
    right: 0;
    top: -15px
  }

  .business_loan_body .banner-items-wrapper .banner_creative {
    top: -25px;
    max-width: 370px
  }

  .banner_creative_tag {
    max-width: 220px;
    right: 269px;
    top: 123px
  }

  .homeload_body.gold_body .desk_banner {
    height: 900px
  }

  .homeload_body.gold_body.esop_body .desk_banner {
    height: 750px
  }

  .faq_section {
    padding: 50px 0
  }

  .faq_tab_Wrapper li button {
    padding: 0 15px 10px;
    font-size: 14px
  }

  .faq_tab_Wrapper {
    margin-bottom: 40px
  }

  .faq_acc_wrapper .accordion-item .accordion-button {
    padding: 20px;
    font-size: 20px;
    border-radius: 8px
  }

  .faq_acc_wrapper .accordion-body {
    padding: 0 20px 20px
  }

    .faq_acc_wrapper .accordion-body p {
      font-size: 14px
    }

  .faq_acc_wrapper {
    width: 900px
  }

    .faq_acc_wrapper .accordion-item:first-of-type > .accordion-header .accordion-button,
    .faq_acc_wrapper .accordion-item:last-of-type > .accordion-header .accordion-button.collapsed {
      border-radius: 8px
    }

    .faq_acc_wrapper .accordion-item {
      border-radius: 8px
    }

  .homeload_body.gold_body .banner_form_main.otp_verified,
  .homeload_body.gold_body .banner_form_main.otp_wrapper {
    height: 470px
  }

  .homeload_body .key-benifits-wrapper .banner_creative {
    max-width: 308px;
    top: -227px
  }

  .why_abcd_for_dg .custom-container {
    padding-right: 120px;
  }

  .why_dg_grid_wrapper {
    gap: 100px;
  }
}

@media screen and (min-width:1200px) {

  .whats_covered_right_col {
    margin-left: -100px;
  }

  .investiong_steps_right img {
    width: 106%
  }

  .fixed_deposit_body .banner_caption h1 {
    width: 75%
  }

  .fixed_deposit_body .banner_caption {
    width: 100%
  }

  .homeload_body.gold_body .banner_form_wrapper h2 {
    margin-bottom: 10px
  }

  .thankyou_grid.tu_form_active {
    gap: 10px
  }

    .thankyou_grid.tu_form_active .thankyou_wrapper h2 {
      font-size: 22px;
      line-height: 26px
    }

  .tu_form_main_Wrapper h3 {
    font-size: 18px
  }

  .border_box_wrapper img {
    max-width: 22px
  }

  .faq_acc_wrapper {
    width: 1260px;
    margin: 0 auto
  }

  .apply_now_cta {
    width: fit-content;
    padding: 15px 40px;
    font-size: 15px;
    height: auto
  }

  .fixed_deposit_body .banner-items-wrapper {
    top: 18%
  }

  .fixed_deposit_body .banner_content_Wrapper {
    top: 70px;
    justify-content: normal;
    margin: 0
  }
}

@media screen and (max-width:1280px) {
  .why-abhfl-grid-parent {
    gap: 50px
  }

  .travel_insurance_body.refer-earn-body .inf-bg-img img {
    height: 750px;
  }

  .why-abhfl-grid-parent .banner_caption {
    margin-bottom: 30px
  }

  .why-abhfl-grid-parent .whyimgicon {
    width: 45px;
    height: 45px
  }

  .why-abhfl-grid-parent img.whyAbhfl-img-icon {
    width: 24px
  }

  .os-grid-style {
    padding-left: 100px;
    padding-right: 100px;
    gap: 20px
  }

  .heading-style-hs1 {
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 5px
  }

  .os-grid-style .os-card-img {
    width: 172px;
    height: 172px
  }

  .docreqbox p {
    font-size: 16px;
    line-height: 20px
  }

  .docreqbox {
    padding: 22px;
    gap: 22px
  }

  .docreqboxes {
    width: 100%;
    gap: 20px
  }

  .docreqbox img {
    width: 24px
  }

  .docreqbox {
    border-radius: 10px
  }

  .ey-microsite .banner_form_wrapper {
    height: 468px
  }

  .bannerOverflow-mb .yellowMark-mb p {
    font-size: 18px;
    line-height: 22px
  }

  .bannerOverflow-mb .banner-heading-s3 p {
    font-size: 24px;
    line-height: 28px
  }

  .productrange-wrapper {
    margin-top: 60px
  }

  .productrenge-heading {
    font-size: 20px;
    line-height: 22px
  }

  .banner_caption p.paragraph-text-s1 {
    font-size: 12px;
    line-height: 15px
  }

    .banner_caption p.paragraph-text-s1 span {
      font-size: 24px;
      line-height: 30px
    }

  .learn-more-anchore {
    font-size: 12px;
    line-height: 15px;
    margin-top: 10px
  }

  .boxContentWrapp {
    padding: 20px
  }

  .card-heading-s1 {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 10px
  }

  .learn-more-anchore::before {
    width: 6px;
    height: 6px
  }

  .rangeItemInner-top .rangeitem-box {
    border-radius: 12px
  }

  .wie-con-wrapper {
    grid-template-columns: auto 60%;
    gap: 50px
  }

  .wieFinanceCardParent .wieFinance-item p {
    font-size: 16px;
    line-height: 20px
  }

  .ty_banner_wrapper .thankYou-group-a {
    margin-top: 24px
  }

  .thankyou_grid_parent {
    grid-template-columns: 55% 43%;
    gap: 0
  }

  .ty_banner_wrapper a.ty_solid_bg_btn {
    font-size: 14px;
    line-height: 14px;
    width: 220px;
    height: 45px
  }

  .thankyou_body .ty_banner_wrapper .thankyou_wrapper img.tyGif-img {
    max-width: 120px
  }

  .thankyou_body .ty_banner_wrapper h3 {
    font-size: 20px;
    line-height: 24px
  }

  .thankYou--buttongroup {
    gap: 10px
  }

  .ty_banner_wrapper a.ty_solid_bg_btn {
    padding: 10px 5px
  }

  .productrangeGridmain .gridTemplate-style2 {
    grid-template-columns: 244px auto
  }

  .productrangeGridmain .gridTemplate-style3 {
    grid-template-columns: 372px auto
  }

  .abg-employee .banner_creative {
    max-width: 207px;
    top: -22px
  }

  .body_loyalti_rewards .banner-items-wrapper > .custom-container {
    padding: 0 200px
  }

  .body_loyalti_rewards .banner_form_input input,
  .body_loyalti_rewards .btn.form_solid_btn {
    height: 45px
  }

  .body_loyalti_rewards .banner_form_input img {
    top: 0;
    width: 45px;
    height: 45px
  }

  .body_loyalti_rewards .banner_form_input.phone_number_wrapper span {
    top: 0;
    height: 45px;
    left: 25px
  }

  .body_loyalti_rewards .banner_wrapper {
    padding: 140px 0 60px
  }

  .thankYouBox-img .appQrCode--mb {
    bottom: 44px;
    right: 38px;
    width: 130px;
    height: 130px
  }

  .ey-microsite.abg-employee .banner_form_wrapper {
    height: 560px
  }

  .abg-employee .customWidth,
  img.heaidngimg {
    width: 385px
  }

  .unique_offerings_relative .bannerVector-BannerTop {
    right: -18px;
    top: -192px;
    width: 250px
  }

  .taxSavingOpt-panel .heaingPanel-w {
    max-width: 40%
  }

  .gridTemplate-style-gt1 .card-gt-top-wrap img {
    width: 74px
  }

  .gridTemplate-style-gt1 .gt-item {
    padding: 22px
  }

  .gridTemplate-style-gt1 .tagspan-text {
    font-size: 12px;
    line-height: 12px
  }

  .card-heading-tp {
    margin-bottom: 2px
  }

  .formPanelWrapper .inTaxProgressNum {
    width: 34px;
    height: 34px;
    font-size: 16px;
    line-height: 16px
  }

  .formPanelWrapper .spanMainWrapp p {
    font-size: 14px;
    line-height: 16px
  }

  .formPanelWrapper .spanMainWrapp {
    width: 110px
  }

  .formPanelWrapper .select-btn {
    height: 45px
  }

  .formPanelWrapper .cal_custom_drop .option {
    font-size: 14px;
    line-height: 14px
  }

  .formPanelWrapper .sBtn-text {
    font-size: 14px;
    line-height: 14px
  }

  .formPanelWrapper input {
    font-size: 14px;
    line-height: 14px;
    height: 45px
  }

    .formPanelWrapper .ruppesSyText,
    .formPanelWrapper input::placeholder {
      font-size: 14px;
      line-height: 14px
    }

  .formPanelWrapper .table_component td {
    font-size: 14px;
    line-height: 14px
  }

  .commonbutton-cta {
    height: 45px
  }

  .body_tax_planning .banner_form_wrapper {
    height: 374px
  }

  .body_loyalti_rewards .banner_form_input input {
    padding-left: 44px
  }

  .body_loyalti_rewards .btn.form_solid_btn.send_otp_new {
    right: 4px
  }

  .body_loyalti_rewards .registration_div .banner_form_input_wrapper {
    grid-template-columns: 35% 22% 22% 17%
  }

  .body_loyalti_rewards .banner_form_input input {
    border-radius: 8px
  }

  .body_loyalti_rewards .btn.form_solid_btn {
    border-radius: 8px
  }

  .body_loyalti_rewards .banner_form_input.phone_number_wrapper input {
    padding-left: 75px
  }

  .homeload_body .key-benifits-wrapper .banner_creative {
    max-width: 252px;
    top: -186px
  }
}

@media screen and (max-width:1366px) {

  .icon-div-main {
    margin-top: 25px;
    padding: 0 60px;
  }

  .icon-div {
    .icon-divimg

{
  height: 33px;
  width: 33px;
}

}

.tnc-apply {
  position: absolute;
  right: 2px;
  bottom: -5px;
}

.modal.fade.learnmore-modal .modal-dialog {
  max-width: 512px
}

.heading-style-hs2 {
  font-size: 32px;
  line-height: 34px;
  margin-bottom: 6px
}

.heading-style-hs3 {
  font-size: 20px;
  line-height: 26px
}

.modalheadingwrapper p {
  font-size: 16px;
  line-height: 20px
}

.modalheadingwrapper {
  margin-bottom: 30px
}

.heading-style-hs4 {
  font-size: 18px;
  line-height: 20px;
  margin-bottom: 14px
}

.boxesrow {
  margin-bottom: 30px
}

.textwrapper-tw p {
  font-size: 18px;
  line-height: 22px
}

.darkText {
  font-size: 26px;
  line-height: 18px
}

.greybox-item span {
  font-size: 14px;
  line-height: 16px
}

.greyboxeswrap {
  padding: 30px 34px
}

.body_loyalti_rewards .btn.form_solid_btn.send_otp_new {
  width: 86px
}

.home_loan .banner_creative.banner_creative_img {
  max-width: 208px
}

.home_loan.home_loan_specific_class .banner_creative.banner_creative_img {
  max-width: 310px
}

}

@media screen and (max-width:1200px) {
  .os-grid-style {
    padding-left: 40px;
    padding-right: 40px
  }

    .os-grid-style .os-card-img {
      width: 130px;
      height: 130px
    }

  .finNeedBoxes .finNeeds-box {
    width: 18%
  }

  .modal.fade.learnmore-modal .modal-dialog {
    max-width: 495px
  }

  .learnmore-modal .modal-body {
    padding: 90px 45px 35px 45px
  }

  .whyChooseBoxes .whyChoose-box {
    width: 24%
  }

  .body_loyalti_rewards .banner-items-wrapper > .custom-container {
    padding: 0 50px
  }

  .body_loyalti_rewards .desk_banner {
    height: 100vh
  }

  .body_loyalti_rewards .banner-items-wrapper {
    top: 10%
  }

  .body_loyalti_rewards .banner_form_input.phone_number_wrapper span {
    top: 0
  }

  .body_tax_planning .banner_form_wrapper {
    height: auto
  }

  .body_tax_planning .desk_banner {
    height: 614px
  }

  .unique_offerings_relative .bannerVector-BannerTop {
    right: -3px;
    top: -166px;
    width: 211px
  }

  .tax_calc_grrid {
    gap: 30px;
    grid-template-columns: auto 633px
  }

  .formPanelWrapper .in_progress_button:not(:last-child):after {
    width: 60px
  }

  .formPanelWrapper .spanMainWrapp {
    width: 95px;
    gap: 5px
  }

    .formPanelWrapper .spanMainWrapp p {
      font-size: 12px;
      line-height: 14px
    }

  .formPanelWrapper .inTax-form__progress {
    padding: 24px 20px;
    border-radius: 20px 20px 0 0
  }

  .formPanelWrapper .multisteps-form {
    border-radius: 20px
  }

  .formPanelWrapper .taxClacFormAreaWrapper {
    padding: 24px
  }

  .formPanelWrapper .cal_custom_drop .option {
    padding: 12px 16px
  }

  .formPanelWrapper .FormInputesWrapper {
    gap: 20px
  }

  .formPanelWrapper .table_component th {
    padding: 14px 16px
  }

  .te_banner_asset_main {
    width: 718px;
    bottom: -69px;
    left: 30px;
  }

  .te_banner_asset2 {
    width: 235px;
    bottom: 28px;
  }

  .te_banner_asset3 {
    width: 440px;
  }
}

@media screen and (min-width:1200px) and (max-width:1500px) {
  .refer-earn-body .banner-heading-logo {
    width: 100px;
  }

  .refer-earn-body .banner_caption h1 {
    font-size: 34px;
  }

  .refer-earn-body .inner-heading-img {
    width: 40px;
  }

  .refer-earn-body .banner-heading-video {
    width: 250px;
    margin: 22px 0px 20px 0px;
  }

  .travel_insurance_body.refer-earn-body .desk_banner {
    height: 800px;
  }

  .one_sol_main_Wrapper {
    padding: 0 80px;
    margin-top: 50px
  }

  .solu_text_wrapper p {
    font-size: 12px
  }

  .one_sol_main_Wrapper:before {
    left: 183px;
    top: 99px
  }

  .one_sol_main_Wrapper:after {
    right: 179px;
    top: 105px
  }

  .home_loan_specific_class .banner_caption h1 {
    width: 300px
  }

  .homeload_body.home_loan_specific_class .banner_form_wrapper {
    height: auto
  }




  .homeload_body.home_loan_specific_class .coin_creative {
    bottom: 0
  }

  .why-abhfl-list-para span {
    font-size: 12px;
    line-height: 1.5;
    display: block
  }

  .body_tax_saving_secrets .banner_form_main {
    gap: 15px
  }

  .tax_savings_sec ul.nav.nav-tabs li.nav-item button {
    height: 60px;
    font-size: 14px
  }

  .form_subhead {
    margin-bottom: 0
  }

  .partner_detail_wrap:nth-child(2) {
  }

  .os-card-img-icon {
    scale: .8
  }

  .os-grid-style .os-card-wrapper {
    height: 180px
  }

  .homeload_body.business_loan_body .gi_circle_wrapper {
    max-width: 754px
  }

  .homeload_body.gold_body .banner_creative {
    top: 20px;
    max-width: 330px;
    right: -10px
  }

  .health_insurance_body.contruction_finance .banner-items-wrapper {
    top: 16%
  }

  .health_insurance_body .banner-items-wrapper {
    top: 20%
  }

  .banner-items-wrapper > .custom-container {
    padding: 0 80px
  }

  .calc_grid_Wrapper {
    grid-template-columns: auto 400px;
    gap: 40px
  }

  .calc_col_left {
    width: 540px;
    padding: 30px;
    height: max-content
  }

  .calc_pills button.nav-link {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px
  }

  .calc_numeric_output p {
    font-size: 52px
  }

  .calc_numeric_output span {
    font-size: 22px
  }

  .eclipse_coin {
    left: 10px
  }

  .calc_total_amnt span {
    font-size: 15px
  }

  .calc_total_amnt p {
    font-size: 22px
  }

  .calc_value_Wrapper {
    padding: 20px 0;
    gap: 50px
  }

  .faq_section {
    padding: 50px 0
  }

  .different_needs_one_solution {
    padding: 50px 0
  }

  .faq_tab_Wrapper li button {
    padding: 0 15px 10px;
    font-size: 14px
  }

  .faq_tab_Wrapper {
    margin-bottom: 40px
  }

  .faq_acc_wrapper .accordion-item .accordion-button {
    padding: 16px;
    font-size: 18px
  }

  .faq_acc_wrapper .accordion-body {
    padding: 0 16px 16px
  }

    .faq_acc_wrapper .accordion-body p {
      font-size: 14px
    }

  .faq_acc_wrapper {
    width: 900px
  }

    .faq_acc_wrapper .accordion-item:first-of-type > .accordion-header .accordion-button,
    .faq_acc_wrapper .accordion-item:last-of-type > .accordion-header .accordion-button.collapsed {
      border-radius: 8px
    }

    .faq_acc_wrapper .accordion-item {
      border-radius: 8px
    }

    .faq_acc_wrapper .accordion-button::after {
      background-size: 70%
    }

  .banner_caption p {
    font-size: 14px;
    margin-bottom: 10px;
    width: 60%
  }

  .unique_offerings_wrapper {
    padding: 20px;
    border-radius: 22px
  }

  .banner_content_Wrapper {
    gap: 10px;
    margin-top: 4%
  }

  .lap_body .banner_content_Wrapper {
    justify-content: normal;
    gap: 30px
  }

  .lap_body .banner_creative {
    top: -40px;
    right: 0
  }

  .unique_offerings_wrapper h3 {
    font-size: 18px;
    margin-bottom: 15px
  }

  .unique_offerings_wrapper ul li {
    font-size: 14px
  }

  .unique_offerings_wrapper ul {
    gap: 20px;
    grid-template-columns: 47.2% 47.9%
  }

    .unique_offerings_wrapper ul li img {
      max-width: 32px
    }

  .banner-items-wrapper > .custom-container {
    grid-template-columns: 685px auto
  }

  .homeload_body .banner_creative {
    max-width: 39%;
    top: -2%;
    right: 0
  }

  .banner_creative_tag {
    max-width: 190px;
    right: 29.7%;
    top: 70px
  }

  .banner_creative {
    max-width: 35%;
    top: -10%;
    right: -5%
  }

  .motor_insurance_body .banner_creative {
    right: -50px;
    max-width: 310px
  }

  .banner_caption h1 {
    font-size: 34px;
    width: 72%;
    margin-bottom: 10px
  }

  .digital_gold_body .banner_caption h1 {
    width: 61%;
  }

  .banner_caption {
    width: 85%
  }

  .header_right p {
    font-size: 16px
  }

  .banner_form_wrapper {
    width: 350px;
    height: 370px;
    padding: 25px;
    top: 20px;
    position: relative
  }

    .banner_form_wrapper h2 {
      font-size: 22px;
      padding-right: 0
    }

  .banner_form_main {
    gap: 25px
  }

  .banner_form_input .form_select,
  .banner_form_input input {
    height: 38px;
    border-radius: 8px;
    font-size: 12px;
    padding-left: 40px
  }

  .phone_code {
    font-size: 12px
  }

  .banner_form_input .form_select {
    padding-left: 40px !important
  }

  .banner_form_input img {
    max-width: 13px
  }

  .homeload_body.gold_body .banner_form_input {
    margin-bottom: 10px
  }

  .banner_form_input p {
    font-size: 12px
  }

  .banner_form_input input[type=checkbox] {
    height: 15px !important;
    width: 15px
  }

  .banner_form_input.checkbox_input_wrapper {
    margin-bottom: 10px
  }

  .btn.form_solid_btn {
    font-size: 12px;
    height: 40px
  }

  .homeload_body.gold_body .btn.form_solid_btn {
    margin-top: -20px
  }

  .homeload_body.gold_body.esop_body .btn.form_solid_btn {
    margin-top: 0
  }

  .homeload_body.gold_body .banner_form_main {
    gap: 15px
  }

  .sub-text-form {
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 10px
  }

  .desk_banner {
    height: 535px
  }

  .motor_insurance_body .desk_banner {
    height: 725px
  }

  .terms_applied {
    font-size: 12px
  }

  .otp {
    height: 35px;
    width: 35px;
    border-radius: 10px;
    font-size: 12px
  }

  .otp_verified_wrapper p {
    font-size: 18px
  }

  .parsley-errors-list li {
    font-size: 10px;
    bottom: 0
  }

  .stats_main h3 {
    font-size: 22px
  }

  .stats_main p {
    font-size: 14px
  }

  .banner_stats_wrapper {
    padding: 23px 0
  }

  .homeload_body .banner_content_Wrapper {
    gap: 0;
    justify-content: normal
  }

  .coin_creative {
    max-width: 40px;
    bottom: 70px;
    bottom: 0
  }

  .lap_body .coin_creative {
    bottom: 55px
  }

  .homeload_body .coin_creative {
    bottom: 0
  }

  .homeload_body.business_loan_body .coin_creative {
    bottom: 55px
  }

  .homeload_body .desk_banner {
    height: 626px
  }

  .homeload_body.multi-lender .desk_banner {
    height: 560px
  }

  .homeload_body .unique_offerings_main_wrapper {
    margin-top: 76px
  }

  .homeload_body.home_loan_specific_class .unique_offerings_main_wrapper {
    margin-top: 80px
  }

  .homeload_body.esop_body .unique_offerings_main_wrapper {
    margin-top: 55px
  }

  .homeload_body.gold_body .desk_banner {
    height: 764px
  }

  .homeload_body .banner_caption p {
    width: 52%
  }

  .homeload_body .home_creative2 {
    max-width: 50px;
    right: -10px;
    top: -10px
  }

  .gi_circle_content {
    scale: .8
  }

  .gi_circle_wrapper {
    max-width: 940px
  }

    .gi_circle_wrapper.gi_three_circle_wrapper {
      max-width: 563px;
      grid-template-columns: repeat(3, 1fr)
    }

  .gi_text p {
    font-size: 15px;
    padding: 0 0
  }

  .apply_now_cta {
    width: fit-content;
    font-size: 14px;
    height: auto;
    padding: 13px 30px
  }

  .gi_circle_img img {
    max-width: 64px
  }

  .gi_sec_head h2,
  .section_head h2 {
    font-size: 30px;
    margin-bottom: 40px;
  }

  .ey-microsite.ey .discover_convenience_new_ui .gi_sec_head h2 {
    width: 60%
  }

  .top_offers_grid_container h2 {
    width: 250px
  }

  .emi_calculator,
  .get_insured_Wrapper,
  .signature_club,
  .top_offers,
  .transparent_plans,
  .what_our_users_say {
    padding: 60px 0
  }

  .step_up_wrapper p {
    font-size: 12px
  }

  .step_up_wrapper {
    height: 100%
  }

    .step_up_wrapper img {
      max-width: 60px
    }

  .homeload_body .banner_form_wrapper {
    height: 560px
  }

  .homeload_body.multi-lender .banner_form_wrapper {
    height: 380px;
    top: 30px
  }

  .top_offers_grid_container {
    grid-template-columns: 300px 80%
  }

  .thankyou_body .thankyou_wrapper {
    border-radius: 20px;
    padding: 0 30px
  }

  .thankyou_body .banner-items-wrapper {
    height: 430px;
    top: 20%
  }

  .thankyou_grid.tu_form_active .thankyou_wrapper h2 {
    font-size: 20px;
    line-height: 1.6
  }

  .border_box_wrapper {
    height: 120px;
    width: 120px;
    padding: 14px
  }

    .border_box_wrapper img {
      max-width: 22px
    }

    .border_box_wrapper p {
      font-size: 14px
    }

  .border_boxes_grid {
    gap: 10px;
    margin-top: 40px
  }

  .tu_form_main_Wrapper {
    height: 326px;
    padding: 60px 40px
  }

    .tu_form_main_Wrapper h3 {
      font-size: 18px;
      margin: 0
    }

  .tu_form_Wrapper h2 {
    font-size: 24px
  }

  .thankyou_grid.tu_form_active {
    gap: 70px
  }

  .tu_form_Wrapper {
    gap: 30px
  }

  .thankyou_body .thankyou_wrapper h2 {
    font-size: 28px;
    line-height: 1.6
  }

  .thankyou_body .thankyou_wrapper img {
    max-width: 100px
  }

  .multi-lender .banner_creative {
    top: -40px
  }

  .banner_creative.home_creative2 {
    transform: rotate(0)
  }

  .tu_input_wrapper input {
    height: 50px;
    width: 250px;
    font-size: 15px;
    padding-left: 45px
  }

  .tu_input_wrapper img {
    max-width: 22px
  }

  .apply_tu_btn {
    width: auto;
    font-size: 15px;
    height: auto;
    padding: 13px 24px;
    margin-top: 50px
  }

  .signature_desc p {
    font-size: 16px;
    margin-top: 10px
  }

  .signature_club_main {
    height: 210px;
    padding-top: 25px
  }

  .signature_img img {
    max-width: 130px;
    margin: 0 auto
  }

  .signature_img {
    text-align: center
  }

  .signature_bottom {
    height: 44px
  }

  .top_offers {
    padding-right: 80px
  }

  .what_our_users_say .section_head h2 {
    margin-bottom: 0
  }

  .signature_club .gi_sec_head h2 {
    margin-bottom: 10px
  }

  .worry_details h3 {
    font-size: 22px
  }

  .thankyou_body .desk_banner {
    height: 650px
  }

  .banner_form_main.otp_verified h2,
  .banner_form_main.otp_wrapper h2 {
    top: 100px
  }

  .opt-boxes {
    margin-top: 100px
  }

  .otp_verified_wrapper img {
    max-width: 80px
  }

  .lap_body .desk_banner {
    height: 645px
  }

  .lap_body .banner_form_wrapper {
    height: auto
  }

  .lap_body .banner-items-wrapper {
    top: 12%
  }

  .loan-against-property.lap_body .banner-items-wrapper {
    top: 16%
  }

  .homeload_body.gold_body .banner-items-wrapper {
    top: 16%
  }

  .homeload_body.gold_body .banner_form_main.otp_verified,
  .homeload_body.gold_body .banner_form_main.otp_wrapper {
    height: 450px
  }

  .contruction_finance .calc_grid_Wrapper {
    grid-template-columns: auto 457px
  }

  .gi_circle_wrapper.geW_four_card {
    max-width: 754px
  }

  .homeload_body.gold_body .desk_banner {
    height: 850px
  }

  .homeload_body.gold_body.esop_body .desk_banner {
    height: 650px
  }

  .icon_text_Wrapper p {
    font-size: 12px
  }

  .partner_pp a {
    font-size: 10px
  }

  .partner_pp {
    padding-top: 15px
  }

  .partner_bottom_wrapper {
    padding: 15px;
    border-radius: 0 0 12px 12px
  }

  .partner_detail_wrap {
    margin-bottom: 15px
  }

  .icon_text_Wrapper span {
    font-size: 12px
  }

  .partner_top_Wrapper img {
    max-width: 80px
  }

    .partner_top_Wrapper img:last-child {
      max-width: 50px
    }

  .partner_top_Wrapper:after {
    left: 108px
  }

  .partner_top_Wrapper {
    height: 50px;
    padding: 15px;
    border-radius: 12px 12px 0 0
  }

  .lending_partner .banner_caption h1 {
    margin-bottom: 50px
  }

  .contruction_finance .wieFinanceCardParent .wieFinance-item {
    height: 97px
  }

  .homeload_body.gold_body.esop_body .banner_form_input_wrapper {
    margin-bottom: 10px
  }

  .contruction_finance.personal_loan .wieFinanceCardParent .wieFinance-item {
    height: 96px
  }

  .apply_for_personal_loan .gi_sec_head h2 {
    margin-bottom: 40px
  }

  .apply_for_personal_loan {
    padding: 50px 0
  }

  .application_stepper_wrapper {
    height: 190px;
    width: 190px
  }

  .app_bg_pattern > img {
    right: -16px;
    width: 203px
  }

  .application_stepper_wrapper:after {
    height: 42px;
    width: 25px;
    right: -12px
  }

  .application_step_wrapper {
    max-width: 825px
  }

  .application_stepper_wrapper:before {
    background-size: 70%;
    background-repeat: no-repeat;
    height: 30px
  }

  .fd_banner_creative {
    max-width: 540px;
    right: 22%
  }

  .fixed_deposit_body .desk_banner {
    height: 740px
  }

  .fixed_deposit_body .banner_form_wrapper {
    height: 540px
  }

  .investing_steps_desc p {
    font-size: 22px
  }

  .compare_fd {
    padding: 60px 90px
  }

  .tabs-buttons .swiper-slide {
    grid-template-columns: 42px 295px auto;
    padding: 18px 28px 18px 18px
  }

  .compare_head_top h3 {
    font-size: 26px;
    text-align: left
  }

  .tabs-content .compare_right_wrapper {
    padding: 20px;
    border-radius: 12px
  }

  .compare_stats_grid {
    margin-top: 20px
  }

  .compare_stats_col img {
    max-width: 40px
  }

  .compare_stats_col p {
    font-size: 15px;
    margin: 9px 0 0;
    width: 78%
  }

  .compare_stats_col span {
    font-size: 11px;
    display: block;
    line-height: 1.4
  }

  .tenure_general_grid {
    padding: 10px
  }

  .tenure_genral_col span {
    width: 30px;
    height: 30px
  }

    .tenure_genral_col span img {
      max-width: 16px
    }

  .tenure_wrap {
    gap: 10px
  }

    .tenure_wrap h3 {
      font-size: 15px
    }

  .tenure_list ul li {
    font-size: 12px
  }

  .tenure_list {
    margin-left: 40px
  }

  .compar_tab_left_content h3 {
    font-size: 17px;
    margin-bottom: 8px
  }

  .whats_covered_left_col img {
    max-width: 250px
  }

  .whats_covered_left_col {
    gap: 50px
  }

  .whats_covered_right_col ul li > h3 {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 4px
  }

  .whats_covered_right_col ul li p {
    font-size: 13px
  }

  .whats_covered {
    padding: 60px 0
  }

  .whats_covered_right_col ul li {
    padding-bottom: 15px;
    margin-bottom: 15px;
    padding-left: 35px
  }

    .whats_covered_right_col ul li:before {
      height: 8px;
      width: 8px;
      top: 10px;
      left: 10px
    }

  .motor_insurance_body .finNeedBoxes .finNeeds-imgbox img {
    max-width: 55px
  }

  .adons_div2 p {
    width: 50%
  }

  .adons_div5 p {
    width: 70%
  }

  .add_ons_col {
    padding: 20px;
    border-radius: 18px
  }

    .add_ons_col span {
      font-size: 18px
    }

  .adons_div7 p {
    width: 50%
  }

  .adons_div6 p {
    width: 50%
  }

  .add_ons_grid_Wrapper {
    height: 530px
  }

  .add_ons_col.adons_div3 img {
    max-width: 240px
  }

  .add_ons_col.adons_div2 img {
    max-width: 140px
  }

  .add_ons_col.adons_div5 img {
    max-width: 90px
  }

  .digital_gold_body .fd_banner_creative {
    max-width: 320px;
    right: -20px;
    top: 40px
  }

  .dg_left {
    left: -30px;
    max-width: 120px
  }

  .digi_gold_list {
    margin-top: 30px;
    width: 350px
  }

    .digi_gold_list ul {
      gap: 15px
    }

  .dg_gold_trademarks {
    max-width: 185px;
    position: relative;
    bottom: -20px
  }

  .digital_gold_body .why_invest_in_gold {
    padding: 120px 0 80px;
  }

  .dg_gold_features {
    grid-template-columns: 215px 215px 215px 215px
  }

  .dg_feature_wrap p {
    font-size: 14px
  }

  .why_invest_col {
    padding: 10px 0 10px 15px;
    border-radius: 14px
  }

  .why_invest_text p {
    font-size: 12px;
    margin-top: 10px;
    line-height: 1.5
  }

  .why_invest_text span {
    font-size: 22px
  }

  .why_invest_text {
    width: 62%
  }

  .coin_creativ_top_left {
    width: 70px;
    left: 60px
  }

  .coin_creativ_bottom_right {
    max-width: 70px
  }

  .digi_gold_head h2 {
    width: 280px
  }

  .digi_Wrapper > span {
    font-size: 22px
  }

  .why_list_wrapper {
    padding: 15px;
    gap: 10px;
  }

  .why_list_data_wrap {
    gap: 10px;
  }

    .why_list_data_wrap p {
      width: 350px;
    }

  .why_dg_grid_wrapper {
    gap: 130px;
  }

  .why_list_data_wrap span {
    font-size: 18px;
  }

  .why_right_wrapper > img {
    margin-left: auto;
    margin-right: 0;
    display: block;
  }

  .why_abcd_for_dg {
    padding: 60px 0;
  }


  .why_right_float {
    scale: 0.8;
    padding: 17px;
    width: auto;
    border-radius: 12px;
  }

  .why_abcd_for_dg .custom-container {
    padding-right: 100px;
  }


  .digital_gold_body .banner_form_wrapper {
    width: 400px;
  }

  .calc_tab_radio_Wrapper {
    margin: 0 0 10px;
  }

  .digi_gold_amnt_wrapper_style > ul > li > a {
  }

  .digi_gold_amnt_wrapper_style {
    margin-bottom: 15px;
  }

  .travel_insurance_body .desk_banner {
    height: 650px;
  }

  .abcd_coins_calc {
    padding: 50px 0;
  }
}

@media screen and (min-width:1300px) and (max-width:1480px) {
  .toconiderheading {
    font-size: 44px;
  }

  .mainimgoverlayimg {
    position: absolute;
    top: -108px;
    right: -228px;
    rotate: 0deg;
  }

  .travel_insurance_body .desk_banner {
    height: 970px;
  }

  .refer-earn-body .earnlisting-left ul li .listing-step span {
    font-size: 32px;
  }

  .ey-microsite.ey .discover_convenience_new_ui .gi_sec_head h2 {
    width: 74%
  }

  .banner_caption h1 {
    margin-bottom: 15px;
    font-size: 34px;
    width: 72%
  }

  .banner_caption p {
    font-size: 16px;
    margin-bottom: 10px;
    width: 75%
  }

  .unique_offerings_wrapper {
    padding: 20px;
    border-radius: 22px;
    height: 215px
  }

    .unique_offerings_wrapper h3 {
      font-size: 28px;
      margin-bottom: 15px
    }

    .unique_offerings_wrapper ul li {
      font-size: 16px
    }

  .terms_applied {
    font-size: 14px
  }

  .banner_creative {
    max-width: 39%;
    top: -4%;
    right: -9%
  }

  .lap_body .banner_creative {
    top: -30px;
    right: 0;
    max-width: 37%
  }

  .homeload_body .banner_creative {
    top: 11%
  }

  .banner_creative_tag {
    max-width: 190px;
    right: 30%;
    top: 135px
  }

  .banner_form_wrapper {
    width: 390px;
    height: 482px;
    padding: 25px;
    top: 20px;
    position: relative
  }

  .homeload_body.gold_body .banner_form_wrapper {
    height: max-content;
    width: 390px
  }

  .banner_form_wrapper h2 {
    font-size: 28px
  }

  .banner_stats_wrapper {
    padding: 23px 0;
    margin-top: -140px
  }

  .banner-items-wrapper > .custom-container {
    grid-template-columns: 750px auto
  }

  .homeload_body .desk_banner {
    height: 845px
  }


  .homeload_body.multi-lender .desk_banner {
    height: 690px
  }

  .homeload_body.gold_body .desk_banner {
    height: 840px
  }

  .homeload_body .unique_offerings_wrapper {
    height: auto
  }

  .homeload_body .banner_content_Wrapper {
    gap: 20px
  }

  .homeload_body .banner_caption p {
    width: 50%
  }

  .banner_creative.home_creative2 {
    max-width: 60px;
    top: -6px;
    right: -55px
  }

  .gi_sec_head h2,
  .section_head h2 {
    font-size: 44px;
    margin-bottom: 60px
  }

  .top_offers_grid_container h2 {
    width: auto
  }

  .top_offers_grid_container {
    grid-template-columns: 430px 60%
  }

  .emi_calculator,
  .faq_section,
  .get_insured_Wrapper,
  .signature_club,
  .top_offers,
  .transparent_plans,
  .what_our_users_say {
    padding: 60px 0
  }

  .calc_col_left {
    width: 560px;
    padding: 55px 40px
  }

  .calc_total_amnt p {
    font-size: 24px
  }

  .calc_total_amnt span {
    font-size: 18px
  }

  .calc_numeric_output p {
    font-size: 62px
  }

  .calc_numeric_output span {
    font-size: 32px
  }

  .calc_grid_Wrapper {
    grid-template-columns: auto 480px
  }

  .contruction_finance .calc_grid_Wrapper {
    grid-template-columns: auto 457px
  }

  .padding--tb {
    padding-top: 80px;
    padding-bottom: 80px
  }

  .desk_banner,
  .lap_body .desk_banner {
    height: 770px
  }

  .motor_insurance_body .desk_banner {
    height: 855px
  }

  .fixed_deposit_body .desk_banner {
    height: 735px
  }
}

@media screen and (min-width:1200px) and (max-width:1300px) {
  .trustmakers-grid .tm-item {
    width: 220px;
  }

  .partner_detail_wrap:nth-child(2) {
    height: auto
  }

  .get_insured_Wrapper .custom-container {
    padding: 0
  }

  .homeload_body .banner_form_wrapper {
    height: auto
  }

  .homeload_body.gold_body .banner_form_wrapper {
    height: max-content;
    width: 375px
  }

  .padding--tb {
    padding-top: 60px;
    padding-bottom: 60px
  }
}

@media screen and (min-width:1200px) and (max-width:1280px) {
  .business_loan_body .banner_wrapper .desk_banner {
    height: 700px
  }

  .travel_insurance_body.refer-earn-body .banner_form_wrapper {
    height: 480px;
    position: relative;
    z-index: 1;
  }

  .refer-earn-body .earnlisting-left ul li .listing-step span {
    font-size: 32px;
    line-height: 32px;
    letter-spacing: 0;
  }

  .earnbanner-listing-wrapper {
    gap: 30px;
  }

  .earn-right-bottom {
    margin-top: 2px;
  }

  .homeload_body.home_loan_specific_class .desk_banner {
    height: 800px;
  }
}

@media screen and (max-width:1024px) {
  .gridTemplate-style-gt1 .tagspan-text {
    font-size: 10px;
    line-height: 10px;
    padding: 8px 10px
  }

  .gridTemplate-style-gt1 .card-gt-top-wrap {
    gap: 15px
  }

    .gridTemplate-style-gt1 .card-gt-top-wrap img {
      width: 64px
    }

  .taxSavingOpt-panel .heaingPanel-w {
    max-width: 64%
  }
}

@media screen and (min-width:992px) and (max-width:1199px) {
  .toconiderheading {
    font-size: 35px;
  }

  .toconsider-arearight ul li {
    padding: 20px 0;
  }

  .toconiderlistpara {
    font-size: 20px;
    line-height: 22px;
  }

  .toconsider-section {
    padding: 80px 50px;
  }

  .toconsider-container {
    display: grid;
    grid-template-columns: 40% 40%;
    justify-content: space-between;
    align-items: center;
  }

  .toconsiderimgmain {
    max-width: 330px;
    position: relative;
    z-index: 2;
  }

  .mainimgoverlayimg {
    top: -100px;
    right: -26%;
    rotate: -1deg;
    width: 330px;
  }

  .add_ons_col.adons_div10 img {
    max-width: 90px;
  }

  .countriesrequ-heading {
    font-size: 35px;
  }

  .add_ons_col.adons_div1 img {
    max-width: 134px;
  }

  .refer-earn-body .trustmakers-grid p {
    margin: 0;
    padding: 0 20px;
  }

  .refer-earn-body .desk_banner {
    height: 950px;
  }

  .refer-earn-body .trustmakers-grid .tm-box {
    height: 130px;
  }

  .refer-earn-body .banner-items-wrapper {
    top: 14%;
  }

  .refer-earn-body .banner-heading-video {
    margin: 20px 0px 25px 0px;
    width: 270px;
  }

  .refer-earn-body .te_banner_asset2 {
    z-index: 0;
  }

  .refer-earn-body .trustmakers-grid .tm-item {
    width: 175px;
  }

  .refer-earn-body .earnlisting-left ul li .listing-step span {
    font-size: 28px;
    line-height: 40px;
  }

  .refer-earn-body .earnlisting-left ul li .listing-step p {
    font-size: 14px;
    line-height: 16px;
    padding-right: 16px;
  }

  .refer-earn-body .earnlisting-left ul li .listing-step {
    padding: 10px 10px 10px 10px;
  }

  .earnbanner-listing-right {
    gap: 14px;
  }

  .refer-earn-body .earn-right-top .star-logo {
    width: 22px;
  }

  .refer-earn-body .earn-right-top span p {
    font-size: 18px;
    line-height: 20px;
  }

  .earnbanner-listing-wrapper {
    gap: 32px;
  }

  .contruction_finance.personal_loan .banner_creative {
    max-width: 210px
  }

  .banner_form_input.checkbox_wrapper ul {
    grid-template-columns: auto auto;
    gap: 5px
  }

  .main_logo img {
    max-width: 100px
  }

  .multi-lender .banner_form_wrapper {
    top: 50px
  }

  .partner_main_wrapper {
    width: calc(33.3% - 20px)
  }

  .lending_partner .banner_caption h1 {
    margin-bottom: 50px
  }

  .multi-lender .banner_creative {
    max-width: 43%;
    top: 30px
  }

  .header_right p {
    font-size: 15px
  }

  .header_left {
    width: 194px;
    padding-left: 30px
  }

  .header_right {
    padding-right: 30px
  }

  .banner_creative {
    right: 0;
    max-width: 43%;
    top: 90px
  }

  .banner-items-wrapper > .custom-container {
    grid-template-columns: auto 37%;
    gap: 20px
  }

  .banner_form_wrapper {
    width: auto;
    padding: 30px;
    height: 540px
  }

  .homeload_body.gold_body .banner_form_wrapper {
    height: max-content
  }

  .banner_caption h1 {
    font-size: 32px
  }

  .banner_caption {
    width: 78%
  }

  .main_woman_img {
    width: 430px
  }

  .body_tax_saving_secrets .banner_caption {
    width: 100%
  }

  .esop_body .banner_caption {
    width: 58%
  }

  .homeload_body .banner_caption p {
    width: 74%
  }

  .banner_caption p {
    width: 70%
  }

  .homeload_body.gold_body .banner_caption p {
    width: 51%
  }

  .unique_offerings_wrapper {
    padding: 20px
  }

    .unique_offerings_wrapper h3 {
      font-size: 25px;
      margin-bottom: 25px
    }

    .unique_offerings_wrapper ul li img {
      max-width: 28px
    }

    .unique_offerings_wrapper ul li {
      gap: 15px;
      font-size: 12px
    }

  .coin_creative {
    max-width: 40px
  }

  .unique_offerings_wrapper ul {
    gap: 20px
  }

  .banner_form_wrapper h2 {
    font-size: 25px
  }

  .otp {
    width: 40px;
    height: 40px;
    border-radius: 10px
  }

  .btn.form_solid_btn {
    height: 44px;
    font-size: 15px
  }

  .desk_banner {
    height: 90vh
  }

  .homeload_body.esop_body .desk_banner {
    height: 670px
  }

  .banner-items-wrapper {
    top: 18%
  }

  .health_insurance_body .banner-items-wrapper {
    top: 27%
  }

  .health_insurance_body.contruction_finance .banner-items-wrapper {
    top: 20%
  }

  .loan-against-property .banner-items-wrapper {
    top: 18%
  }

  .fixed_deposit_body .banner-items-wrapper {
    top: 19%
  }

  .banner_stats_wrapper {
    padding: 20px
  }

  .stats_main h3 {
    font-size: 28px
  }

  .get_insured_Wrapper {
    padding: 60px 0
  }

  .gi_sec_head h2 {
    font-size: 35px;
    margin-bottom: 50px;
  }

  .gi_circle_img {
    transform: scale(.79)
  }

    .gi_circle_img img {
      max-width: 65px
    }

  .gi_circle_content {
    gap: 40px
  }

  .gi_text p {
    font-size: 15px;
    padding: 0 10px
  }

  .section_head h2 {
    font-size: 35px;
    margin: 0
  }

  .what_our_users_say {
    padding: 60px 0
  }

  .success_stories_swiper .swiper-wrapper {
    padding: 50px 0 50px
  }

  .calc_grid_Wrapper {
    grid-template-columns: auto 400px;
    gap: 40px
  }

  .calc_col_left {
    width: 450px;
    padding: 30px;
    height: max-content
  }

  .calc_pills button.nav-link {
    padding: 0 0;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center
  }

  .calc_numeric_output p {
    font-size: 52px
  }

  .calc_numeric_output span {
    font-size: 22px
  }

  .eclipse_coin {
    left: 10px
  }

  .calc_total_amnt span {
    font-size: 15px
  }

  .calc_total_amnt p {
    font-size: 22px
  }

  .calc_value_Wrapper {
    padding: 20px 0;
    gap: 50px
  }

  .emi_calculator .custom-container {
    padding: 0 50px
  }

  .top_offers_grid_container .gi_sec_head {
    width: 40%
  }

    .top_offers_grid_container .gi_sec_head h2 {
      width: auto;
      margin: 0
    }

  .top_offers {
    padding: 50px 0
  }

  .step_up_wrapper img {
    max-width: 50px
  }

  .step_up_wrapper {
    max-width: 250px;
    padding: 20px;
    height: auto
  }

    .step_up_wrapper p {
      font-size: 12px
    }

    .step_up_wrapper h3 {
      font-size: 15px
    }

  .step_up_step_down {
    gap: 15px
  }

  .faq_section {
    padding: 50px 0
  }

  .faq_tab_Wrapper li button {
    padding: 0 15px 15px;
    font-size: 14px
  }

  .faq_tab_Wrapper {
    margin-bottom: 40px
  }

  .faq_acc_wrapper .accordion-item .accordion-button {
    padding: 16px;
    font-size: 18px
  }

  .faq_acc_wrapper .accordion-body {
    padding: 0 16px 16px
  }

    .faq_acc_wrapper .accordion-body p {
      font-size: 14px
    }

  .faq_acc_wrapper {
    width: 900px
  }

    .faq_acc_wrapper .accordion-item:first-of-type > .accordion-header .accordion-button,
    .faq_acc_wrapper .accordion-item:last-of-type > .accordion-header .accordion-button.collapsed {
      border-radius: 8px
    }

    .faq_acc_wrapper .accordion-item {
      border-radius: 8px
    }

    .faq_acc_wrapper .accordion-button::after {
      background-size: 70%
    }

  .homeload_body.business_loan_body .gi_circle_wrapper {
    max-width: 746px
  }

  .padding--tb {
    padding-top: 60px;
    padding-bottom: 60px
  }

  .gold_loan_swiper_left .swiper-slide {
    width: 100% !important
  }

  .homeload_body.gold_body .banner_creative {
    max-width: 300px;
    top: 100px
  }

  .unique_offerings_main_wrapper_gold .unique_offerings_wrapper {
    grid-template-columns: 49% 43%
  }

    .unique_offerings_main_wrapper_gold .unique_offerings_wrapper:before {
      right: -5%
    }

  .banner_creative_tag {
    max-width: 180px;
    top: 150px;
    right: 32%
  }

  .contruction_finance .calc_grid_Wrapper {
    grid-template-columns: auto 437px;
    gap: 24px
  }

  .productrangeGridmain .gridTemplate-style2 {
    grid-template-columns: 198px auto
  }

  .productrangeGridmain .gridTemplate-style3 {
    grid-template-columns: 304px auto
  }

  .thankyou_grid_parent {
    grid-template-columns: 50% 48%;
    gap: 10px
  }

  .thankyou_body .ty_banner_wrapper h3 br {
    display: none
  }

  .thankYouBox-img .appQrCode--mb {
    bottom: 32px;
    right: 20px;
    width: 110px;
    height: 110px
  }

  .ey-microsite.abg-employee .banner_form_wrapper {
    height: 560px
  }

  .banner_caption p {
    font-size: 14px
  }

  .abg-employee .customWidth,
  img.heaidngimg {
    width: 305px
  }

  .gi_circle_wrapper.geW_four_card {
    max-width: 746px
  }

  .one_sol_main_Wrapper {
    max-width: 100%;
    padding: 0 60px
  }

  .solu_text_wrapper p {
    font-size: 11px
  }

  .one_solution_box {
    width: 115px;
    height: 115px;
    border-radius: 24px;
    padding: 10px
  }

    .one_solution_box.one_sol_9 {
      width: auto
    }

  .solu_img_wrapper {
    padding: 0
  }

  .solu_text_wrapper span {
    font-size: 14px
  }

  .one_sol_main_Wrapper:before {
    left: 133px;
    top: 65px
  }

  .one_sol_main_Wrapper:after {
    right: 132px;
    top: 75px
  }

  .apply_for_personal_loan .gi_sec_head h2 {
    margin-bottom: 40px
  }

  .apply_for_personal_loan {
    padding: 50px 0
  }

  .application_stepper_wrapper {
    height: 190px;
    width: 190px
  }

  .app_bg_pattern > img {
    right: -16px;
    width: 204px
  }

  .application_stepper_wrapper:after {
    height: 42px;
    width: 25px;
    right: -12px
  }

  .application_step_wrapper {
    max-width: 90%
  }

  .application_stepper_wrapper:before {
    background-size: 70%;
    background-repeat: no-repeat;
    height: 30px
  }

  .compare_fd {
    padding: 40px
  }

  .tabs-buttons .swiper-slide {
    grid-template-columns: 42px 295px auto;
    padding: 18px 28px 18px 18px
  }

  .compare_head_top h3 {
    font-size: 26px;
    text-align: left
  }

  .tabs-content .compare_right_wrapper {
    padding: 20px;
    border-radius: 12px
  }

  .compare_stats_grid {
    margin-top: 20px
  }

  .compare_stats_col img {
    max-width: 40px
  }

  .compare_stats_col p {
    font-size: 15px;
    margin: 9px 0 0;
    height: 40px
  }

  .compare_stats_col span {
    font-size: 11px;
    display: block;
    line-height: 1.4
  }

  .tenure_general_grid {
    padding: 10px
  }

  .tenure_genral_col span {
    width: 30px;
    height: 30px
  }

    .tenure_genral_col span img {
      max-width: 16px
    }

  .tenure_wrap {
    gap: 10px
  }

    .tenure_wrap h3 {
      font-size: 15px
    }

  .tenure_list ul li {
    font-size: 12px
  }

  .tenure_list {
    margin-left: 40px
  }

  .compar_tab_left_content h3 {
    font-size: 17px;
    margin-bottom: 8px
  }

  .gi_circle_wrapper.gi_three_circle_wrapper {
    max-width: 555px;
    grid-template-columns: repeat(3, 1fr)
  }

  .motor_insurance_body .banner_creative {
    max-width: 290px;
    top: 0;
    right: -10px
  }

  .motor_insurance_body .banner_caption {
    width: 48%
  }

  .motor_insurance_body .banner_content_Wrapper {
    gap: 0
  }

  .motor_insurance_body .coin_creative {
    right: -2px
  }

  .fixed_deposit_body .calculate_emi_amount {
    gap: 30px
  }

  .fixed_deposit_body .calc_numeric_output.loan_emi_result {
    width: 280px
  }

  .calculator_btn {
    padding: 12px 20px;
    font-size: 12px
  }

  .adons_div2 p {
    width: 50%
  }

  .adons_div5 p {
    width: 70%
  }

  .add_ons_col {
    padding: 20px;
    border-radius: 18px
  }

    .add_ons_col span {
      line-height: 1.6;
      font-size: 15px
    }

  .adons_div7 p {
    width: 50%
  }

  .adons_div6 p {
    width: 58%
  }

  .add_ons_grid_Wrapper {
    height: 530px
  }

  .add_ons_col.adons_div3 img {
    max-width: 240px
  }

  .add_ons_col.adons_div2 img {
    max-width: 110px
  }

  .add_ons_col.adons_div5 img {
    max-width: 90px
  }

  .add_ons_col.adons_div7 img {
    max-width: 100px
  }

  .digital_gold_body .fd_banner_creative {
    max-width: 280px;
    top: 140px
  }

  .dg_left {
    left: -60px;
    max-width: 180px
  }

  .digi_gold_list {
    margin-top: 30px;
    width: 270px
  }

    .digi_gold_list ul {
      gap: 15px
    }

  .dg_gold_features {
    grid-template-columns: auto auto auto auto;
    padding: 0 70px;
  }

  .digi_gold_head h2 {
    width: 330px;
  }

  .gigi_wrap {
    grid-template-columns: auto auto;
    gap: 50px;
  }

  .digi_Wrapper {
    padding: 20px;
  }

    .digi_Wrapper ul > li > p {
      font-size: 14px;
    }

    .digi_Wrapper > span {
      font-size: 24px;
      margin: 15px 0 10px;
    }

  .digi_gold_insight {
    padding: 50px 0;
  }

  .dg_feature_wrap p {
    font-size: 14px;
  }

  .how_does_it_works {
    padding: 50px 0;
  }

  .digital_gold_body .why_invest_in_gold {
    padding-bottom: 60px;
  }

  .why_invest_text span {
    font-size: 22px;
  }

  .why_invest_text p {
    margin-top: 10px;
    font-size: 12px;
  }

  .why_invest_col {
    padding: 15px 0 15px 15px;
    border-radius: 12px;
  }

  .steps_dg_gold_Wrapper .nav-tabs .nav-link {
    padding: 10px 30px;
  }

  .why_list_wrapper {
    padding: 15px;
    gap: 10px;
  }

  .why_list_data_wrap {
    gap: 10px;
  }

    .why_list_data_wrap p {
      width: 350px;
    }

  .why_dg_grid_wrapper {
    gap: 120px;
  }

  .why_list_data_wrap span {
    font-size: 18px;
  }

  .why_right_wrapper > img {
    margin-left: auto;
    margin-right: 0;
    display: block;
  }

  .why_abcd_for_dg {
    padding: 60px 0;
  }

  .why_right_float {
    padding: 10px;
    border-radius: 10px;
  }

  .why_top > img {
    max-width: 30px;
  }

  .why_right_float.why_top {
    width: 115px;
    right: -40px;
  }

  .why_bottom_left {
    height: auto;
    gap: 0px;
    width: 80px;
  }

  .why_right_float span {
    font-size: 22px;
  }

  .why_bottom {
    width: 100px;
    right: -40px;
  }

  .why_abcd_for_dg .custom-container {
    padding-right: 90px;
  }


  .abc_ref_cal_box {
    padding: 25px;
    border-radius: 15px;
  }

  .threshold_table_wrapper {
    border-radius: 15px;
  }

  .thres_table_head {
    border-radius: 15px 15px 0px 0px;
  }

  .total-box {
    height: 50px;
  }

    .total-box p {
      font-size: 26px;
    }

    .total-box span {
      font-size: 16px;
    }

  .thres_tab_data {
    padding: 11px;
  }

  .total_earnings_results span {
    font-size: 25PX;
  }
}

@media screen and (max-width:991px) {
  .tnc-apply {
    position: absolute;
    right: 7px;
    bottom: -36px;
  }

  .travel_insurance_body .accordion_grid {
    width: 100%;
  }

  .travel_insurance_body .te_banner_asset2 {
    width: 200px;
    bottom: 62%;
    left: 75%;
  }

  .travel_insurance_body .banner-items-wrapper > .custom-container {
    gap: 300px;
  }

  .toconsider-container {
    display: block;
  }

  .mainimgoverlayimg {
    top: 4px;
    right: 30%;
    rotate: 5deg;
    width: 164px;
  }

  .toconsider-head {
    gap: 20px;
  }

  .toconsider-arearight ul li {
    justify-content: start;
  }

  .icon-div-main {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-direction: column;
    margin-top: 36px;
    margin-bottom: 20px;
    padding: 0 65px;
  }

  .toconiderheading {
    font-size: 30px;
    text-align: center;
  }

  .toconsider-section {
    padding: 80px 16px;
  }

  .icon-div-main {
    margin-top: 15px;
    padding: 0 60px;
  }

  .travel_insurance_body.refer-earn-body .influencers-section .inf-bg-img img {
    height: 790px !important;
  }

  .travel_insurance_body .banner_wrapper {
    margin-top: 0;
  }

  .travel_insurance_body .trust-makrers-warpper {
    max-width: 100%;
    width: 100%;
    position: relative;
    bottom: 40px;
    z-index: 1;
    /* left: 50%; */
    /* transform: translateX(-50%); */
  }

  .travel_insurance_body .trustmakers-grid .tm-item {
    width: 47%;
  }

  .toconsiderimgmain {
    max-width: 200px;
    margin: 75px auto;
    margin-bottom: 0;
  }

  .refer-earn-body .banner_caption {
    width: 260px;
    position: relative;
    z-index: 1;
    padding: 0 0 0 16px;
  }

  .refer-earn-body .mob_banner {
    height: 1300px;
  }

  .refer-earn-body .banner-heading-logo {
    width: 110px;
    padding-left: 16px;
  }

  .refer-earn-body .banner-heading-video video {
    padding-left: 16px;
  }

  .refer-earn-body .earnlisting-left ul li .listing-step {
    padding: 12px 12px 12px 15px;
  }

  .earnbanner-listing-wrapper {
    width: 100%;
    gap: 15px;
  }

  .earnbanner-listing-wrapper {
    padding: 0 16px;
  }

  .refer-earn-body .influe-cards-area {
    padding: 0px 0px 0px 0px;
  }

  .travel_insurance_body .inf-bg-img img {
    height: 850px;
  }

  .influencers-section .influencers-ares {
    padding-top: 95px;
    padding-bottom: 0px;
  }

  .refer-earn-body .te_banner_asset2 {
    display: none;
  }

  .refer-earn-body .trustmakers-grid {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: nowrap;
    overflow: scroll;
    padding-left: 10px;
    justify-content: unset;
  }

    .refer-earn-body .trustmakers-grid::-webkit-scrollbar {
      height: 0px !important;
    }

  .refer-earn-body .trust-makrers-warpper {
    left: 0;
    bottom: -60px;
    transform: unset;
    right: 0;
    width: 100%;
  }

  /* .refer-earn-body .trustmakers-grid {
		display: none;
	} */

  .multi-lender .banner-items-wrapper {
    top: 8%;
  }

  .digital_gold_body .banner_caption h1 {
    width: auto;
  }

  .ey-microsite.ey .discover_convenience_new_ui .gi_sec_head h2 {
    width: auto
  }

  .health_insurance_body.contruction_finance.personal_loan .mob_banner {
    height: 1058px
  }

  .homeload_body .banner_caption p strong.font_red {
    font-size: 16px
  }

  .home_loan.home_loan_specific_class .banner_creative.banner_creative_img {
    max-width: 160px
  }

  .lap_body .wie-contruction::before {
    background: url(/Assets/Project/Campaign/images/construction-finance/wie-contruction-bg.png)
  }

  .body_tax_saving_secrets .banner_form_wrapper h2 {
    margin-bottom: 0
  }

  .tab_wrapper_apply {
    margin-top: 30px;
    width: fit-content;
    padding: 0 20px
  }

  .tab_content_right_wrapper ul > li p {
    font-size: 14px
  }

  .tab_content_right_wrapper ul > li > img {
    max-width: 16px
  }

  .tab_content_right_wrapper ul > li {
    gap: 7px
  }

  .exept_reduct [data-tooltip]::before {
    right: -30px
  }

  .tax_savings_sec ul.nav.nav-tabs {
    width: 100%;
    overflow-x: scroll
  }

  .tax_savings_sec .nav_tab_Wrapper {
    overflow: hidden
  }

  .tax_savings_sec ul.nav.nav-tabs li.nav-item button {
    width: max-content
  }

  .commonbutton-cta {
    padding: 0 6px
  }

  .tax_savings_sec ul.nav.nav-tabs {
    width: 100%;
    overflow-x: scroll;
    border-radius: 0
  }

  .tax_savings_sec .nav_tab_Wrapper {
    overflow: hidden;
    border-radius: 12px;
    margin-top: 40px
  }

  .tax_savings_sec ul.nav.nav-tabs li.nav-item button {
    width: max-content;
    font-size: 14px;
    height: 50px
  }

  .tax_savings_sec {
    padding: 50px 0
  }

  .partner_main_wrapper {
    width: 100%
  }

  .multi-lender .emi_calculator {
    background: url(/Assets/Project/Campaign/images/emi_calc_bg_light_mob.png)
  }

  .gi_circle_wrapper.geW_four_card {
    grid-template-columns: repeat(1, 1fr);
    max-width: 100%
  }

  .homeload_body.gold_body .header_left {
    padding-left: 2px
  }

  .homeload_body.gold_body .banner_wrapper {
    overflow: hidden
  }

  .key_Features_swiper {
    padding-bottom: 0
  }

  .banner_form_input.form_select_input select {
    width: 100%
  }

  .slider-arrow-swi .nav-buttons {
    display: none
  }

  .homeload_body .banner_form_wrapper {
    height: auto;
    top: 0
  }

  .step_up_step_down {
    padding-left: 0;
    padding-bottom: 70px
  }

  .banner-items-wrapper > .custom-container {
    display: flex;
    flex-direction: column;
    padding-right: 0;
    padding-left: 0
  }

  .banner_stats_wrapper {
    position: relative;
    bottom: 0;
    width: 100%;
    margin: 0;
    padding: 40px 10px;
    flex-direction: column;
    gap: 32px;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(1, 1fr)
  }

  .banner-items-wrapper {
    height: 100%;
    top: 60px;
    left: 0;
    right: 0
  }

  .banner_creative {
    right: 20px;
    max-width: 132px;
    top: 0;
    z-index: 0
  }

  .lap_body .banner_creative {
    top: 0
  }

  .banner_caption {
    width: 60%;
    position: relative;
    z-index: 1;
    padding: 0 0 0 16px
  }

  .banner_form_wrapper {
    padding: 25px;
    width: auto;
    height: auto;
    border-radius: 20px;
    margin: 0 16px
  }

  .unique_offerings_wrapper ul {
    gap: 10px;
    overflow: scroll;
    padding: 20px 16px 20px 16px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(1, 1fr)
  }

  .banner_caption h1 {
    font-size: 26px;
    line-height: 1.2;
    margin-bottom: 10px;
    text-align: left
  }

  .terms_applied {
    font-size: 10px;
    margin-top: 10px
  }

  .header_right p {
    font-size: 12px
  }

  .header_right {
    padding: 0 20px 0 10px
  }

  .header_left {
    padding-left: 22px
  }

  .banner_wrapper {
    margin-top: 65px;
    background-image: url(/Assets/Project/Campaign/images/thankyou-bg.png);
    background-position: center;
    background-repeat: no-repeat
  }

  .unique_offerings_wrapper {
    padding: 20px;
    margin-top: 20px;
    border-radius: 24px
  }

    .unique_offerings_wrapper h3 {
      font-size: 16px;
      margin-bottom: 0;
      padding: 0 16px
    }

    .unique_offerings_wrapper ul li img {
      max-width: 32px
    }

  .coin_creative {
    max-width: 40px;
    display: none
  }

  .banner_content_Wrapper {
    margin-bottom: 42px
  }

  .banner_form_wrapper h2 {
    font-size: 25px;
    padding: 0;
    margin-bottom: 15px
  }

  .banner_form_main {
    gap: 10px
  }

  .stats_main h3 {
    font-size: 20px;
    margin-bottom: 5px
  }

  .stats_main p {
    font-size: 12px;
    padding: 0 18px;
    font-family: dev_med
  }

  .stats_main:last-child p {
    padding: 0 7px
  }

  .otp {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    font-size: 14px
  }

  .btn.form_solid_btn {
    height: 42px;
    font-size: 14px
  }

  .mob_banner {
    height: 890px;
    object-fit: cover
  }

  .banner_form_input .form_select,
  .banner_form_input input {
    height: 45px;
    font-size: 14px;
    border-radius: 8px;
    width: 100%
  }

  .banner_form_input img {
    max-width: 12px
  }

  .banner_form_input input[type=checkbox] {
    height: 14px !important;
    width: 14px
  }

    .banner_form_input input[type=checkbox]:checked:before {
      height: 9px;
      width: 5.4px;
      margin: -.1px -1.2px 0
    }

  .gi_circle_wrapper,
  .gi_circle_wrapper.gi_three_circle_wrapper,
  .homeload_body.business_loan_body .gi_circle_wrapper {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px
  }

  .what_our_users_say {
    padding: 50px 0
  }

  .section_head h2 {
    margin: 0;
    font-size: 30px;
    font-family: dev_semi_bold
  }

  .gi_sec_head h2 {
    font-size: 30px;
    margin-bottom: 30px;
    padding: 0 0;
    text-align: center
  }

  .get_insured_Wrapper {
    padding: 50px 0
  }

  .footer_accordion .accordion-button {
    padding: 10px 16px
  }

  .footer_accordion .accordion-body {
    padding: 0 16px
  }

  .footer_red_strip {
    padding: 10px 0;
    display: flex;
    flex-direction: column;
    height: auto
  }

  .main_logo img {
    width: 100px
  }

  .header_right a em {
    display: none
  }

  .header_right a {
    width: 40px;
    height: 40px;
    opacity: 1;
    display: flex;
    align-items: center;
    border-radius: 100px;
    justify-content: center;
    background: rgb(0 0 0 / 5%) no-repeat padding-box
  }

  .gi_circle_img:after,
  .gi_circle_img:before {
    display: none
  }

  .gi_circle_content {
    gap: 10px;
    display: grid;
    grid-template-columns: 60px auto;
    align-items: center;
    background: #fffaec;
    border-radius: 100px;
    padding: 10px;
    justify-content: flex-start
  }

  .gi_circle_img {
    width: 60px;
    height: 60px;
    margin-left: 0;
    margin-right: auto
  }

  .gi_text p {
    padding: 0 15px 0 0;
    text-align: left;
    font-size: 15px
  }

  .gi_circle_img img {
    max-width: 33px
  }

  .success_stories_wrapper > p {
    color: #111;
    font-family: dev_med;
    font-size: 14px;
    font-style: normal;
    line-height: 18px;
    text-transform: capitalize
  }

  .success_stories_wrapper {
    padding: 20px 20px 20px
  }

  .ss_quotes {
    max-width: 30px;
    top: -12px;
    left: 20px
  }

  .profile_desc p {
    font-size: 12px
  }

  .profile_desc span {
    font-size: 10px
  }

  .profiles_wrapper > span {
    height: 28px;
    width: 28px
  }

  .homeload_body .mob_banner {
    height: 1030px
  }

  .homeload_body .banner_stats_wrapper {
    grid-template-columns: repeat(2, 1fr);
    gap: 15px
  }

  .worry_plans_div_wrapper {
    grid-template-columns: repeat(1, 1fr);
    max-width: 100%
  }

  .transparent_plans {
    padding: 50px 0
  }

  .worry_plans_wrapper {
    height: auto;
    padding: 15px;
    gap: 15px;
    border-radius: 12px
  }

  .worry_details h3 {
    font-size: 20px;
    margin-bottom: 15px
  }

  .worry_plan_img {
    border-radius: 12px
  }

  .worry_details ul {
    gap: 10px
  }

    .worry_details ul li {
      gap: 9px
    }

  .top_offers_grid_container {
    display: block
  }

    .top_offers_grid_container h2 {
      width: auto
    }

  .top_offers {
    padding: 50px 0
  }

    .top_offers.health_insurance_top_offers {
      background: url(/Assets/Project/Campaign/images/health_insurance/health_insurance_mob.png);
      object-fit: cover
    }

  .step_up_wrapper {
    max-width: 100%;
    height: auto
  }

  .step_up_step_down {
    grid-template-columns: auto
  }

  .step_up_wrapper img {
    max-width: 50px
  }

  .step_up_wrapper h3 {
    margin: 10px 0 5px
  }

  .emi_calculator .custom-container {
    padding: 0 16px
  }

  .fixed_deposit_body .emi_calculator .custom-container {
    padding: 0 16px
  }

  .calc_grid_Wrapper {
    grid-template-columns: auto;
    gap: 30px;
    justify-content: center
  }

  .calc_col_left {
    width: auto;
    height: auto;
    padding: 20px;
    gap: 0
  }

  .calc_numeric_output p {
    font-size: 32px
  }

  .calc_value_Wrapper {
    gap: 30px;
    padding: 20px 0
  }

  .emi_calculator {
    padding: 50px 0
  }

  .calc_pills button.nav-link {
    padding: 0 0;
    font-size: 11px;
    display: flex;
    line-height: 1.2;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding: 5px 10px
  }

  .calc_plan_head_wrapper span {
    font-size: 16px
  }

  .calc_input_wrapper input {
    font-size: 13px
  }

  .calc_pills {
    margin-bottom: 20px
  }

  .eclipse_coin {
    left: 8px;
    max-width: 30px
  }

  .calc_total_amnt span {
    font-size: 11px
  }

  .calc_total_amnt p {
    font-size: 16px
  }

  .calc_numeric_output span {
    font-size: 16px
  }

  .calc_plan_head_wrapper.loan_wrap input {
    width: 90px
  }

  .calc_input_wrapper input {
    width: 75px
  }

  .faq_tab_Wrapper li button {
    padding: 0 10px 15px;
    font-size: 15px;
    line-height: 20px;
    margin: 0
  }

  .faq_tab_Wrapper {
    display: flex;
    width: auto;
    overflow-x: hidden;
    gap: 10px;
    margin-bottom: 15px;
    padding: 0 0 0 5px;
    justify-content: center
  }

  .faq_acc_wrapper {
    padding: 0 16px;
    margin-top: 0
  }

    .faq_acc_wrapper .accordion-item .accordion-button {
      padding: 15px 10px 15px 20px;
      font-size: 18px;
      line-height: 20px;
      border-radius: 12px;
      align-items: flex-start
    }

    .faq_acc_wrapper .accordion-body {
      padding: 0 20px 20px
    }

      .faq_acc_wrapper .accordion-body p {
        font: normal normal normal 14px/14px var(--dev_reg);
        letter-spacing: -.12px;
        color: #111;
        opacity: 1;
        line-height: 1.6
      }

  .faq_section {
    padding: 50px 0
  }

  .faq_acc_wrapper .accordio + *n-item {
    border-radius: 8px
  }

  .faq_acc_wrapper .accordion-button::after {
    background-size: 50%
  }

  .top_offers .custom-container {
    padding: 0
  }

  .top_offers .top_offers_grid_container h2 {
    padding: 0 30px
  }

  .top_offers .swiper-horizontal > .abfl_dots {
    right: 0;
    left: 0;
    margin: 0 auto;
    text-align: center
  }

  .form_main_wrapper {
    gap: 10px
  }

  .homeload_body .banner_content_Wrapper {
    gap: 0
  }

  .apply_now_cta {
    width: fit-content;
    height: auto;
    font-size: 12px;
    padding: 14px 30px;
    bottom: 15px
  }

  .homeload_body .unique_offerings_wrapper,
  .unique_offerings_wrapper {
    background: 0 0;
    padding: 0
  }

    .unique_offerings_wrapper ul li {
      padding: 12px;
      border: 1px solid #fff;
      border-radius: 8px;
      width: 173px;
      position: relative;
      padding-bottom: 19px;
      padding-top: 19px;
      box-shadow: 0 0 14px 0 #0000001F;
      background-color: rgb(255 255 255 / 40%);
      display: flex;
      justify-content: start;
      align-items: center;
      height: 100%;
      font-family: var(--dev_semi_bold);
      font-size: 14px;
      line-height: 1.2;
      text-align: left;
      color: #1e1e1e;
      text-transform: capitalize;
      gap: 10px
    }

    .unique_offerings_wrapper ul::-webkit-scrollbar {
      height: 0;
      width: 0
    }

  .banner_caption h1 span {
    font-family: var(--dev_bold);
    font-size: 26px;
    line-height: 1.2;
    text-align: left;
    margin-bottom: 10px;
    text-transform: capitalize
  }

  .refer-earn-body .banner_caption h1 span {
    line-height: 24px;
    margin-bottom: 0px;
  }


  .banner_caption p {
    font-size: 12px;
    text-align: left;
    line-height: 1.2;
    text-transform: capitalize;
    width: 91%
  }

    .banner_caption p br {
      display: none
    }

  .banner_form_input {
    margin-bottom: 10px
  }

  .parsley-errors-list li {
    bottom: 0;
    font-size: 10px
  }

  .signature_img img {
    max-width: 140px
  }

  .signature_img {
    text-align: center
  }

  .signature_desc p {
    font-size: 16px
  }

  .signature_club_main {
    height: 200px;
    padding-top: 30px
  }

  .signature_bottom {
    height: 40px
  }

    .signature_bottom p {
      font-size: 12px
    }

  .signature_club {
    padding: 50px 0
  }

  .homeload_body .unique_offerings_wrapper ul {
    grid-template-columns: repeat(6, 1fr)
  }

    .homeload_body .unique_offerings_wrapper ul li {
      width: 200px
    }

      .homeload_body .unique_offerings_wrapper ul li.mob_wid {
        width: 250px
      }

  .banner_creative.home_creative2 {
    max-width: 30px;
    right: 20px;
    top: -10px
  }

  .faq_acc_wrapper .accordion-item:first-of-type > .accordion-header .accordion-button,
  .faq_acc_wrapper .accordion-item:last-of-type > .accordion-header .accordion-button.collapsed {
    border-radius: 12px
  }

  .signature_club .gi_sec_head p {
    font-size: 16px
  }

  .signature_club .gi_sec_head {
    margin-bottom: 20px
  }

  .thankyou_grid.tu_form_active .thankyou_wrapper {
    width: 0;
    padding: 0;
    margin: 0
  }

    .thankyou_grid.tu_form_active .thankyou_wrapper h2 {
      font-size: 0
    }

  .thankyou_grid.tu_form_active {
    gap: 0;
    padding: 0
  }

  .tu_form_Wrapper h2 {
    font-size: 20px
  }

  .tu_form_main_Wrapper {
    height: 394px;
    padding: 90px 20px 20px;
    border-radius: 10px;
    margin-bottom: 60px
  }

  .border_boxes_grid {
    grid-template-columns: 50% 50%;
    gap: 10px;
    margin-top: 20px
  }

  .border_box_wrapper {
    width: auto;
    padding: 12px;
    height: 85px;
    border-radius: 7px
  }

    .border_box_wrapper img {
      max-width: 20px
    }

    .border_box_wrapper p {
      font-size: 12px;
      font-family: dev_semi_bold
    }

  .tu_form_main_Wrapper h3 {
    font-size: 16px
  }

  .thankyou_body .banner-items-wrapper {
    height: auto;
    top: 10%
  }

  .thankyou_body .mob_banner {
    height: 610px
  }

  .thankyou_body .thankyou_wrapper {
    padding: 0 20px;
    margin: 0 20px;
    border-radius: 10px;
    height: 370px
  }

    .thankyou_body .thankyou_wrapper img {
      max-width: 100px
    }

    .thankyou_body .thankyou_wrapper h2 {
      font-size: 26px;
      line-height: 1
    }

  .tu_input_wrapper input {
    width: 100%;
    height: 50px;
    font-size: 12px;
    padding-left: 50px
  }

  .tu_input_wrapper img {
    max-width: 22px
  }

  .tu_input_wrapper {
    width: 100%
  }

  .apply_tu_btn {
    margin-top: 50px;
    width: auto;
    height: auto;
    font-size: 12px;
    padding: 10px 20px
  }

  .thankyou_wrapper.form_end_state {
    width: 90%
  }

  .faq_section .gi_sec_head {
    padding: 0 30px
  }

  .back_btn {
    top: 85px;
    left: 40px;
    scale: .9
  }

  .tu_form_main_Wrapper.step1 {
    padding-top: 40px
  }

  .thankyou_grid.tu_form_active .tu_form_Wrapper {
    padding: 0 24px
  }

  .success_stories_swiper .swiper-wrapper {
    padding-top: 40px
  }

  .signature_club .gi_sec_head h2 {
    margin-bottom: 10px
  }

  .homeload_body.gold_body .banner_creative {
    max-width: 170px
  }

  .key_Features_swiper .swiper-wrapper {
    display: block
  }

  .signature_club.key_features {
    padding-left: 30px;
    padding-right: 30px
  }

  .kf_wrapper {
    margin-bottom: 30px
  }

  .signature_club.key_features {
    padding-left: 30px;
    padding-right: 30px
  }

  .kf_wrapper {
    margin-bottom: 20px
  }

  .kf_wrapper {
    display: grid;
    grid-template-columns: auto auto;
    height: auto;
    gap: 15px;
    padding: 15px;
    justify-content: flex-start
  }

  .kf_desc p {
    text-align: left;
    font-size: 12px
  }

  .kf_wrapper img {
    max-width: 40px
  }

  .key_Features_swiper .abfl_dots {
    display: none
  }

  .homeload_body.gold_body .form_main_wrapper {
    gap: 0
  }

  .sub-text-form {
    margin-bottom: 20px;
    font-size: 12px
  }

  .homeload_body.gold_body .banner_form_main {
    gap: 10px
  }

  .padding--tb {
    padding-top: 50px;
    padding-bottom: 50px
  }

  .why-abhfl-grid-parent {
    display: flex;
    flex-direction: column;
    gap: 30px
  }

  .banner_stats_wrapper.four_grid_stats {
    grid-template-columns: repeat(2, 1fr);
    gap: 15px
  }

  .os-grid-style {
    display: flex;
    flex-direction: column;
    padding-left: 16px;
    padding-right: 16px
  }

  .other-solutions-sec .gi_sec_head {
    padding-left: 30px;
    padding-right: 30px
  }

  .os-grid-style .os-card-content {
    width: 100%
  }

  .os-grid-style .os-card-img {
    width: 100px;
    height: 100px
  }

  .os-grid-style .os-card-wrapper {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    overflow: hidden;
    gap: 10px
  }

  .os-grid-style .os-grid-item:nth-child(3) .os-card-content {
    width: 100%
  }

  .homeload_body.gold_body img.mob_banner {
    height: 1360px
  }

  .homeload_body.gold_body.esop_body img.mob_banner {
    height: 1170px
  }

  .banner_form_input.checkbox_input_wrapper {
    margin: 0
  }

  .banner_form_input.radio_input_wrapper {
    margin: 0
  }

  .health_insurance_body.lap_body .banner_form_wrapper {
    height: auto
  }

  .health_insurance_body.lap_body .mob_banner {
    height: 1020px
  }

  .os-grid-style .os-card-wrapper {
    padding: 20px;
    border-radius: 15px;
    height: 190px;
    background: 0 0 !important
  }

  .os-card-img-icon {
    max-width: 70px
  }

  .os-grid-style .os-card-wrapper::before {
    background: url(/Assets/Project/Campaign/images/lap/lap_os1.png);
    background-size: cover
  }

  .os-grid-style .os-grid-item:nth-child(2) .os-card-wrapper::before {
    background: url(/Assets/Project/Campaign/images/lap/lap_os2.png);
    background-size: cover
  }

  .os-grid-style .os-grid-item:nth-child(3) .os-card-wrapper::before {
    background: url(/Assets/Project/Campaign/images/lap/lap_os3.png);
    background-size: cover
  }

  .swiper.gold_loan_swiper_left .swiper-wrapper {
    display: flex;
    flex-direction: row;
    gap: 12px;
    margin: 12px 0 0
  }

  .unique_offerings_main_wrapper_gold .unique_offerings_wrapper {
    grid-template-columns: 100%;
    background: rgb(203 203 203 / .18);
    width: 100%;
    margin: 20px auto 0;
    padding: 20px 0;
    border-radius: 0
  }

    .unique_offerings_main_wrapper_gold .unique_offerings_wrapper ul {
      width: 100%;
      grid-template-columns: 100%;
      padding: 0 0 0;
      margin-bottom: 0
    }

  .homeload_body .gold_loan_swiper_left .swiper-slide li {
    width: 100%;
    padding: 5px 12px;
    box-shadow: none;
    font-family: dev_med
  }

  .homeload_body.gold_body .swiper-horizontal > .abfl_dots .swiper-pagination-bullet {
    background: #b6b6b685;
    margin: 0 3px;
    height: 6px;
    width: 6px
  }

    .homeload_body.gold_body .swiper-horizontal > .abfl_dots .swiper-pagination-bullet.swiper-pagination-bullet-active {
      background: var(--abc_primary);
      width: 16px
    }

  .swiper.gold_loan_swiper_left.col-12.swiper-initialized.swiper-horizontal.swiper-backface-hidden {
    padding-bottom: 40px
  }

  .unique_offerings_main_wrapper_gold .unique_offerings_wrapper:before {
    display: none
  }

  .unique_offerings_right_wrapper {
    margin-top: 24px
  }

  .homeload_body.gold_body .banner_form_main.otp_verified,
  .homeload_body.gold_body .banner_form_main.otp_wrapper {
    height: 425px
  }

  .rewards_list_wrapper {
    flex-direction: column;
    gap: 30px
  }

  .rewards_hi .gi_sec_head h2 {
    width: 100%
  }

  .rewards_hi .gi_sec_head p {
    margin-bottom: 30px
  }

  .rewards_hi {
    padding: 50px 0;
    background: url(/Assets/Project/Campaign/images/hi_feature_mob_bg.png)
  }

  .banner_creative_tag {
    max-width: 120px;
    top: 97px;
    right: 12px
  }

  .home_loan .banner_creative {
    right: 20px;
    max-width: 150px;
    top: 0;
    z-index: 0
  }

  .finNeedBoxes .finNeeds-box {
    width: 28%
  }

  .finNeedBoxes .funNeedsTextBox span {
    font-size: 12px;
    line-height: 16px
  }

  .finNeedBoxes .funNeedsTextBox p {
    font-size: 16px;
    line-height: 18px
  }

  .finNeedBoxes {
    gap: 20px 20px
  }

    .finNeedBoxes .finNeeds-imgbox img {
      width: 35px
    }

    .finNeedBoxes .finNeeds-imgbox {
      width: 52px;
      height: 52px
    }

  .docreqbox {
    width: 30%
  }

  .lap_body .unique_offerings_wrapper ul {
    grid-template-columns: repeat(6, 1fr)
  }

  .ey-microsite .banner-items-wrapper {
    padding-top: 60px;
    padding-bottom: 60px
  }

  .bannerOverflow-mb .banner_caption {
    padding: 0 16px 0 16px
  }

  .ey-microsite .banner_form_wrapper {
    height: auto
  }

  .modal.fade.learnmore-modal .modal-dialog {
    max-width: 100%
  }

  .learnmore-modal .modal-header .btn-close img {
    width: 12px
  }

  .learnmore-modal .modal-header .btn-close {
    width: 30px;
    height: 30px
  }

  .learnmore-modal .modal-header {
    right: 25px
  }

  .ey-microsite .banner-items-wrapper::before {
    background: url(/Assets/Project/Campaign/images/health_insurance/ey-microsite-banner-mob.png)
  }

  .ey-microsite .banner_form_input.checkbox_input_wrapper {
    margin-bottom: 5px
  }

  .whyChooseBoxes .whyChoose-box {
    width: 32%
  }

  .contruction_finance .unique_offerings_wrapper ul {
    grid-template-columns: repeat(6, 1fr)
  }

  .wie-con-wrapper {
    grid-template-columns: 100%
  }

  .sec-paragraph-style p {
    text-align: center;
    font-size: 16px
  }

  .thankyou_body .ty_banner_wrapper .thankyou_wrapper {
    padding: 0;
    margin: 0;
    border-radius: 10px;
    height: 100%;
    width: 100%
  }

  .thankyou_grid_parent {
    grid-template-columns: 100%;
    gap: 0
  }

  .thankyou_body .ty_banner_wrapper .mob_banner {
    height: 100vh
  }

  .thankyou_body .ty_banner_wrapper .banner-items-wrapper {
    height: 100%;
    top: 15px;
    padding: 38px 0;
    position: relative;
  }

  .thankYou-col {
    padding: 15px
  }

  .productrangeGridmain .gridTemplate-style1,
  .productrangeGridmain .gridTemplate-style2,
  .productrangeGridmain .gridTemplate-style3 {
    grid-template-columns: 100%
  }

  .productrangeGridmain .gridParent-mb {
    display: flex;
    flex-direction: column
  }

  .rangeItemInner .box-caption-mb {
    width: 80%
  }

  .wd--100 {
    width: 80% !important
  }

  .abg-employee .banner_caption h1 {
    width: 100%
  }

    .abg-employee .banner_caption h1 br {
      display: none
    }

  .abg-employee .banner_creative {
    max-width: 128px;
    top: 60px;
    right: 20px
  }

  .abg-employee .banner-heading-s3 {
    width: 65%
  }

  .bannerOverflow-mb .yellowMark-mb p {
    font-size: 12px;
    line-height: 17px
  }

  .homeload_body.home_loan .mob_banner {
    height: 1120px
  }

  .abg-employee .rangeItemInner .box-caption-mb {
    width: 86%
  }

  .disclammer-content .imgDIs img {
    height: auto
  }

  .disclammer-content .imgDIs {
    max-width: 100%
  }

  .body_loyalti_rewards .banner-items-wrapper {
    position: relative;
    top: 0
  }

  .body_loyalti_rewards .registration_div .banner_form_input_wrapper {
    grid-template-columns: 100%;
    gap: 24px
  }

  .body_loyalti_rewards .banner_form_wrapper .otp_wrapper h3 {
    text-align: center
  }

  .body_loyalti_rewards .otp_wrapper .form_main_wrapper {
    grid-template-columns: 100%
  }

  .body_loyalti_rewards .banner_wrapper::before {
    content: '';
    background-image: url(/Assets/Project/Campaign/images/royalty-rewards-bg-mob.png)
  }

  .body_loyalti_rewards .banner_form_wrapper {
    top: -30px;
    margin-top: -15px
  }

  .abg-employee .rangeItemInner .box-caption-mb.wd--100,
  .abg-employee .rangeItemInner .box-caption-mb.wd--100 p {
    width: 100% !important
  }

  .ey-microsite .rangeItemInner .box-caption-mb.wd--100,
  .ey-microsite .rangeItemInner .box-caption-mb.wd--100 p {
    width: 100% !important
  }

  .pleaseNote-wrapper .noteItem::before {
    width: 14px;
    height: 14px
  }

  .body_loyalti_rewards .opt-boxes {
    gap: 10px;
    justify-content: center
  }

  .body_loyalti_rewards .banner_wrapper {
    padding: 40px 0 50px
  }

  .ey-microsite.abg-employee .banner_form_wrapper {
    height: fit-content
  }

  .abg-employee .productrange-wrapper {
    padding: 0 16px
  }

  .ey-microsite .banner_form_wrapper {
    position: relative;
    top: 0
  }

  .mobileViewProductGrid.banner_caption {
    width: 100%;
    padding: 0
  }

  .apply-loan .gi_sec_head h2 {
    text-align: center
  }

  .body_tax_planning .unique_offerings_wrapper ul {
    grid-template-columns: repeat(3, 1fr)
  }

    .body_tax_planning .unique_offerings_wrapper ul li {
      width: 100%
    }

  .unique_offerings_relative .bannerVector-BannerTop {
    right: 30px;
    top: -103px;
    width: 171px
  }

  .body_tax_planning .mob_banner {
    height: 640px
  }

  .body_tax_planning .unique_offerings_wrapper {
    border: 0;
    backdrop-filter: unset
  }

  .body_tax_planning .mob_banner {
    height: 630px
  }

  .gridTemplate-style-gt1 {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, 1fr)
  }

  .taxSavingOpt-panel .heaingPanel-w {
    max-width: 100%
  }

  .tax_calc_grrid {
    grid-template-columns: 100%
  }

  .commonbutton-cta {
    width: 95px;
    font-size: 12px;
    line-height: 12px;
    height: 42px
  }

  .formPanelWrapper .button-row {
    gap: 8px
  }

  .formPanelWrapper .banner_caption p {
    text-align: center
  }

  .formPanelWrapper .banner_caption {
    padding-left: 0
  }

  .formPanelWrapper .table_component td,
  .formPanelWrapper .table_component th {
    font-size: 12px;
    line-height: 12px;
    padding: 12px 14px;
    width: 100%
  }

  .stepperFpem::before {
    background-image: url(/Assets/Project/Campaign/images/tax-plannig/inTax-calc-bg-mob.png);
    background-position: center;
    background-repeat: no-repeat
  }

  .body_loyalti_rewards .banner_form_input.phone_number_wrapper input {
    padding-left: 75px
  }

  .body_loyalti_rewards .banner_form_input.phone_number_wrapper span {
    font-size: 14px
  }

    .body_loyalti_rewards .banner_form_input.phone_number_wrapper span:after {
      right: 10px
    }

  .tab_content_grid_wrapper {
    flex-direction: column;
    gap: 0
  }

  .tax_savings_sec .tab-content {
    padding: 0
  }

  .tab_content_left_wrapper {
    margin: 0 auto;
    padding-top: 30px
  }

  .tab_content_right_wrapper {
    padding: 20px
  }

    .tab_content_right_wrapper ul {
      grid-template-columns: auto;
      gap: 20px
    }

  .tax_savings_sec .section_head {
    width: 100%;
    margin-bottom: 40px
  }

  .homeload_body .key-benifits-wrapper .banner_creative {
    max-width: 252px;
    top: -162px
  }

  .video-player-modal .modal-dialog {
    max-width: 78%;
    width: 100%
  }

  .video-player-modal .video-moadal-body {
    height: 338px
  }

  .video-player-section {
    padding: 50px 0
  }

  .one_sol_main_Wrapper {
    display: grid;
    grid-template-columns: auto auto;
    gap: 10px;
    max-width: 100%;
    grid-template-rows: auto;
    padding: 0 20px;
    margin-top: 40px
  }

  .one_solution_box {
    width: auto;
    height: 140px;
    padding: 10px;
    border-radius: 12px;
    justify-content: center
  }

  .one_sol_13 {
    grid-column-start: auto
  }

  .one_sol_12 {
    grid-column-start: auto
  }

  .one_sol_11 {
    grid-column-start: auto
  }

  .one_sol_10 {
    grid-column-start: auto
  }

  .one_sol_9 {
    grid-column: auto;
    height: auto
  }

  .solu_text_wrapper span {
    font-size: 14px
  }

  .solu_text_wrapper p {
    font-size: 12px
  }

  .one_sol_main_Wrapper:after,
  .one_sol_main_Wrapper:before {
    display: none
  }

  .solu_img_wrapper {
    padding: 0
  }

    .solu_img_wrapper img {
      object-fit: cover;
      height: 100%
    }

  .one_sol_13 img,
  .one_sol_6 img {
    max-width: 70px;
    object-fit: cover;
    height: auto
  }

  .one_sol_2,
  .one_sol_8 {
    background: #d9e9d6
  }

  .one_sol_12 img {
    max-width: 140px;
    height: auto
  }

  .different_needs_one_solution {
    padding: 40px 0
  }

  .application_step_wrapper {
    max-width: none;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: center;
    gap: 10px
  }

  .application_stepper_wrapper {
    width: 130px;
    height: 130px;
    gap: 15px
  }

  .app_bg_pattern > img {
    display: none
  }

  .application_stepper_wrapper:after,
  .application_stepper_wrapper:before {
    display: none
  }

  .application_stepper_wrapper img {
    max-width: 40px
  }

  .application_stepper_wrapper span {
    width: 90%;
    font-size: 12px
  }

  .apply_for_personal_loan .gi_sec_head h2 {
    margin-bottom: 30px
  }

  .apply_for_personal_loan {
    padding: 50px 0
  }

  .fixed_deposit_feature_wrapper {
    grid-template-columns: auto auto auto auto auto auto;
    overflow: scroll;
    padding: 0 20px;
    margin-top: 25px
  }

  .fixed_deposit_list_grid {
    width: 290px
  }

  .fd_banner_creative {
    top: 60px;
    bottom: auto;
    right: -60px;
    max-width: 250px
  }

  .fd_right {
    display: none
  }

  .fixed_deposit_body .calc_numeric_output.loan_emi_result {
    width: 100%;
    padding: 10px 15px;
    height: auto
  }

  .fixed_deposit_body .calc_numeric_output p {
    font-size: 24px
  }

  .fixed_deposit_body .calc_numeric_output span {
    font-size: 12px
  }

  .calc_grid_Wrapper_main {
    display: flex;
    flex-direction: column;
    gap: 30px
  }

  .fixed_deposit_body .calculate_emi_amount {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px
  }

  .fixed_deposit_body .calc_metrics_output {
    margin: 0 auto;
    width: 100%
  }

  .fixed_deposit_body .calc_col_left .tab-content .tab-pane {
    grid-template-columns: auto;
    gap: 0
  }

  .calc_plan_head_wrapper.year_wrap input {
    width: 85px
  }

  .fixed_deposit_body .calc_grid_Wrapper {
    padding: 20px;
    gap: 15px;
    border-radius: 10px
  }

  .calc_plan_head_wrapper.year_wrap input {
    width: 85px
  }

  .fixed_deposit_body .calc_total_amnt span {
    font-size: 12px
  }

  .investing_main_Wrapper {
    flex-direction: column;
    gap: 5px
  }

  .investing_steps_desc p {
    font-size: 14px;
    line-height: 22px
  }

  .investing_steps {
    gap: 25px
  }

  .download_description_list {
    gap: 20px;
    display: grid;
    grid-template-columns: 60px auto
  }

  .inv_img {
    height: 60px;
    width: 60px
  }

    .inv_img img {
      max-width: 34px
    }

  .investing_steps:before {
    left: 28px;
    top: 10px
  }

  .compare_fd {
    padding: 50px 0
  }

  .compare_grid {
    display: flex;
    flex-direction: column
  }

  .tabs-buttons .swiper-slide {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 12px;
    border-radius: 12px;
    background: #f0f0f0
  }

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

  .compare_tab_arrow {
    display: none
  }

  .compar_tab_left_content h3 {
    font-size: 14px;
    margin-bottom: 5px
  }

  .compar_tab_left_content p {
    font-size: 10px
  }

  .compar_tab_right_content {
    display: flex;
    align-items: center;
    gap: 5px
  }

    .compar_tab_right_content h3 {
      margin: 0;
      font-size: 16px
    }

      .compar_tab_right_content h3 small {
        font-size: 12px
      }

  .tabs-buttons .swiper-slide:hover {
    border: none;
    background: #f0f0f0
  }

  .tabs-buttons .swiper-slide.active-tab {
    border: none;
    background: #f0f0f0
  }

  .compare_fd_left_wrapper {
    padding: 0 15px
  }

  .compare_logo img {
    max-width: 31px
  }

  .tabs-buttons .swiper-wrapper {
    display: grid;
    justify-content: space-between;
    gap: 8px;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(1, 1fr)
  }

  .tabs-content .compare_right_wrapper {
    padding: 0;
    border-radius: 20px;
    background: #f0f0f0;
    padding: 16px;
    border: none
  }

  .compare_head_top h3 {
    font-size: 16px;
    text-align: left
  }

  .compare_stats_grid {
    margin-top: 24px;
    grid-template-columns: repeat(1, 1fr);
    gap: 10px
  }

  .compare_stats_col img {
    float: left;
    max-width: 27px;
    margin-right: 12px
  }

  .compare_stats_col p {
    font-size: 14px;
    margin: 0;
    width: 100%
  }

  .compare_stats_col span {
    font-size: 10px
  }

  .tenure_general_grid {
    padding: 12px
  }

  .tenure_wrap {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 8px;
    gap: 10px
  }

  .tenure_list {
    margin: 0
  }

    .tenure_list ul {
      gap: 4px
    }

  .tenure_wrap h3 {
    font-size: 14px
  }

  .tenure_genral_col span {
    width: 24px;
    height: 24px;
    display: none
  }

    .tenure_genral_col span img {
      max-width: 12px
    }

  .tenure_list ul li {
    font-size: 10px
  }

    .tenure_list ul li img {
      max-width: 12px
    }

  p.disclaimer_p {
    font-size: 10px;
    margin: 15px 0
  }

  .book_fd_btn {
    font-size: 12px;
    width: fit-content;
    height: auto;
    padding: 11px 20px
  }

  .tabs-content .compare_right_wrapper {
    position: fixed;
    bottom: 0;
    z-index: 10;
    height: max-content;
    width: 92%;
    margin: 0 auto;
    left: 0;
    right: 0;
    transition: all .5s ease;
    transform: translateY(500px);
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
  }

  .compare_right_wrapper.compare_right_wrapper_mob.pop_mode_active {
    transform: translateY(0)
  }

  .close_pop {
    position: absolute;
    max-width: 20px;
    top: 10px;
    right: 10px
  }

  .fixed_deposit_body.body-overflow-hidden {
    position: relative
  }

    .fixed_deposit_body.body-overflow-hidden:before {
      position: absolute;
      content: '';
      left: 0;
      right: 0;
      width: 100%;
      height: 100%;
      background: #0000007a;
      z-index: 10
    }

  .body-overflow-hidden {
    overflow: hidden !important
  }

  .motor_insurance_body .banner_creative {
    max-width: 162px;
    right: 0;
    top: 40px
  }

  .motor_insurance_body .banner_content_Wrapper {
    gap: 0
  }

  .motor_insurance_body .mob_banner {
    height: 1125px
  }

  .motor_insurance_body .unique_offerings_wrapper ul li {
    width: 240px
  }

  .fixed_deposit_body .terms_applied {
    margin-left: 20px;
    margin-top: 15px
  }

  .calc_col_right {
    flex-direction: column;
    gap: 40px
  }

  .calculator_btn {
    width: 152px;
    height: 49px;
    display: flex;
    padding: 0;
    align-items: center;
    justify-content: center
  }

  .fixed_deposit_body .mob_banner {
    height: 1005px
  }

  .investing_steps_desc {
    gap: 6px
  }

  .whats_covered_grid {
    grid-template-columns: repeat(1, 1fr)
  }

  .whats_covered_left_col .gi_sec_head h2 {
    text-align: center
  }

  .whats_covered {
    padding: 50px 0
  }

  .whats_covered_left_col {
    gap: 20px
  }

    .whats_covered_left_col img {
      max-width: 190px;
      margin: 0 auto
    }

  .whats_covered_right_col {
    margin-top: 30px
  }

    .whats_covered_right_col ul li > h3 {
      font-size: 20px;
      line-height: 24px
    }

    .whats_covered_right_col ul li:before {
      height: 8px;
      width: 8px;
      left: 0
    }

    .whats_covered_right_col ul li {
      padding-left: 20px;
      padding-bottom: 15px;
      margin-bottom: 15px
    }

      .whats_covered_right_col ul li p {
        font-size: 14px
      }

  .motor_insurance_body .finNeedBoxes {
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(1, 1fr)
  }

  .finNeedBoxes .finNeeds-imgbox {
    width: auto;
    height: auto
  }

  .motor_insurance_body .finNeedBoxes .funNeedsTextBox p {
    width: 80%
  }

  .motor_insurance_body .finNeedBoxes .finNeeds-imgbox img {
    max-width: 50px
  }

  .add_ons_grid_Wrapper {
    display: flex;
    flex-direction: column;
    height: auto
  }

  .add_ons_col {
    padding: 20px;
    border-radius: 12px
  }

    .add_ons_col.adons_div3 img {
      max-width: 130px;
      right: 0;
      top: 0
    }

    .add_ons_col img {
      left: auto !important;
      right: 0 !important;
      max-width: 20% !important;
      bottom: 0;
      top: auto !important;
    }

    .add_ons_col p {
      width: 80%;
    }

    .add_ons_col span {
      line-height: normal;
      font-size: 18px
    }

    .add_ons_col p {
      font-size: 12px
    }

  .add_ons_extra_protection {
    padding: 60px 0
  }

  .dg_gold_features {
    grid-template-columns: auto auto;
    position: relative;
    top: 0;
    margin-bottom: 20px
  }

  .digital_gold_body .why_invest_in_gold {
    padding: 30px 20px;
  }

  .dg_feature_wrap {
    padding: 10px
  }

    .dg_feature_wrap p {
      font-size: 12px
    }

    .dg_feature_wrap img {
      max-width: 22px
    }

  .why_invest_grid {
    grid-template-columns: repeat(1, 1fr);
    gap: 10px
  }

  .why_invest_in_gold .custom-container {
    padding: 0
  }

  .coin_creativ_top_left {
    max-width: 40px;
    top: 60px;
    left: -10px
  }

  .coin_creativ_bottom_right {
    max-width: 30px
  }

  .why_invest_col {
    padding: 13px 20px;
    border-radius: 12px;
    height: 150px;
  }

  .why_invest_text p {
    margin: 10px 0 0;
    font-size: 12px
  }

  .why_invest_text span {
    font-size: 18px
  }

  .why_invest_col img {
    max-width: 80px;
    bottom: 10px;
  }

  .dg_left {
    display: none
  }

  .digital_gold_body .fd_banner_creative {
    max-width: 150px;
    top: 0;
    right: 10px
  }

  .dg_gold_trademarks {
    max-width: 150px;
    left: 10px;
    position: relative;
    top: 15px
  }

  .digi_gold_list ul li {
    font-size: 14px;
    gap: 5px
  }

  .digi_gold_list {
    margin-top: 20px;
    width: 300px
  }

    .digi_gold_list ul li > img {
      max-width: 10px;
      position: relative;
      top: 4px
    }

    .digi_gold_list ul {
      gap: 15px
    }

  .gigi_wrap {
    grid-template-columns: auto
  }

  .digi_gold_head h2 {
    width: 90%;
    margin: 0 auto 30px;
  }

  .digi_gold_boxes {
    grid-template-columns: repeat(1, 1fr)
  }

  .digi_Wrapper {
    padding: 15px;
    border-radius: 12px;
    height: 255px;
  }

    .digi_Wrapper > img {
      max-width: 45px
    }

    .digi_Wrapper > span {
      font-size: 22px;
      margin: 10px 0 5px
    }

  .digi_gold_insight {
    padding: 50px 0
  }

  .steps_grid_dg {
    grid-template-columns: auto;
    gap: 60px;
  }

  .steps_dg_gold_Wrapper .nav-tabs .nav-link {
    font-size: 14px;
    padding: 8px 25px;
  }

  .how_does_it_works {
    padding: 50px 0;
  }

  .steps_dg_gold_Wrapper {
    gap: 60px;
  }

  .steps_dg_wrapper:before {
    font-size: 60px;
    top: -40px;
  }

  .steps_dg_main {
    padding: 20px;
  }

  .digital_gold_body .banner_wrapper img.hidden-lg {
    margin: 0;
    height: 100%;
  }

  .digital_gold_body .banner_wrapper {
    height: 1180px;
  }

  .digi_gold_amnt_wrapper_style ul {
    display: grid;
    grid-template-columns: auto auto auto auto;
  }

  .calc_tab_radio_Wrapper {
    margin: 0 0;
  }

  .digi_gold_amnt_wrapper_style {
    margin-bottom: 10px;
  }

  .calc_tab_radio_Wrapper label span {
    font-size: 14px;
  }

  .current_gold_rate {
    font-size: 10px;
  }

    .current_gold_rate p {
      font-size: 14px;
    }

  .why_invest_in_gold .gi_sec_head h2 {
    margin: 50px 0 20px;
  }

  .why_abcd_for_dg .gi_sec_head h2 {
    margin-bottom: 40px;
  }

  .new_header {
    padding-left: 20px;
    top: 30px;
    transition: all 0.5s ease;
  }

  .top_white_band {
    padding: 0;
    gap: 0px;
    position: absolute;
    top: -30px;
    left: 0;
    margin: 0 auto;
    background: #fff;
    width: 100%;
    justify-content: flex-end;
    padding: 0 10px;
  }

    .top_white_band p,
    .top_white_band a {
      font-size: 10px;
    }

  .new_header.band_hidden {
    top: 0;
  }

  .abcd_coins_grid {
    grid-template-columns: auto;
  }



  .abc_top_performers {
    padding: 20px;
    border-radius: 10px;
  }

  .performer_wrapper {
    flex-direction: column;
    gap: 10px;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .abcd_add_refs {
    padding: 20px;
  }

  .total_earnings_results span {
    font-size: 15px;
  }

  .thres_tab_data {
    padding: 9px;
    font-size: 12px;
    line-height: 1.6;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .span_heads_ref {
    font-size: 17px;
  }

  .referal_tags_Wrapper > ul > li a {
    font-size: 10px;
  }

  .total_earnings_results {
    margin: 0;
    width: 100%;
    padding: 14px;
    justify-content: space-between;
  }

    .total_earnings_results p {
      font-size: 12px;
    }

  .thres_table_head {
    border-radius: 12px 12px 0px 0px;
  }

  .total-box {
    padding: 10px 20px;
    height: auto;
    justify-content: space-between;
  }

    .total-box span {
      font-size: 14px;
    }

    .total-box p {
      font-size: 22px;
    }

  .view_coins {
    padding: 0 20px;
  }

  .coin_breakdown {
    padding: 0 20px;
    font-size: 12px;
  }

    .coin_breakdown img {
      max-width: 12px;
    }

  .ref_input {
    font-size: 12px;
  }

  .find_ref_earnings {
    padding: 0 18px;
    font-size: 10px;
  }

  .abcd_coins_calc {
    padding: 40px 0;
  }
}

@media screen and (min-width:768px) and (max-width:991px) {

  .add_ons_col {
    overflow: hidden;
  }

    .add_ons_col img {
      max-width: 60px !important;
    }

  .travel_insurance_body.refer-earn-body .inf-bg-img img {
    height: 1241px;
  }

  .influencer-card-textarea {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
  }

  .fixed_deposit_body .mob_banner {
    height: 720px
  }

  .fd_banner_creative {
    top: 30px
  }

  .one_sol_main_Wrapper {
    grid-template-columns: auto auto auto auto auto
  }

  .banner_stats_wrapper.stats_grid_3 {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(1, 1fr)
  }

  .banner_form_input.checkbox_wrapper label {
    font-size: 12px
  }

  .homeload_body.gold_body.esop_body img.mob_banner {
    height: 900px
  }

  .homeload_body.gold_body.esop_body .banner_creative {
    max-width: 120px;
    right: 40px
  }

  .banner_form_input p {
    font-size: 12px
  }

  .banner_form_input_wrapper {
    display: grid;
    align-items: start;
    grid-template-columns: 49% 49%;
    gap: 20px;
    row-gap: 0
  }

  .homeload_body.gold_body .banner_form_wrapper {
    height: 410px;
    margin: 0 40px
  }

  .otp_verified_wrapper img {
    max-width: 70px
  }

  #verify_otp_form .banner_form_input_wrapper {
    display: flex;
    justify-content: center
  }

  .opt-boxes {
    gap: 10px
  }

  .homeload_body .banner_form_wrapper {
    height: 400px
  }

  .homeload_body.multi-lender .banner_form_wrapper {
    height: 341px
  }

  .health_insurance_body.lap_body .banner_form_wrapper {
    height: 400px
  }

  .health_insurance_body.lap_body .mob_banner {
    height: 800px
  }

  .homeload_body.gold_body .banner_caption {
    padding: 0 0 0 40px
  }

  .homeload_body.gold_body .terms_applied {
    margin-left: 40px;
    margin-top: 10px
  }

  .personal_loan_body .finNeedBoxes {
    grid-template-columns: repeat(2, 1fr)
  }

  .partner_main_wrapper {
    width: 48.4%
  }

  .tabs-buttons .swiper-wrapper {
    grid-template-columns: repeat(3, 1fr)
  }
}

@media only screen and (max-width:767px) {

  .banner_stats_wrapper.stats_grid_3 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 8px
  }

    .banner_stats_wrapper.stats_grid_3 .stats_main:last-child {
      grid-column: span 2/span 2;
      grid-row-start: 2
    }

  .banner_form_input.checkbox_wrapper ul {
    grid-template-columns: auto auto;
    gap: 5px
  }

  .banner_form_input.checkbox_wrapper label {
    font-size: 12px
  }

  .list_of_partner_wrapper {
    grid-template-columns: auto
  }

  .homeload_body.gold_body.esop_body .banner_creative {
    max-width: 130px;
    right: 10px
  }

  .personal_loan_body .finNeedBoxes {
    grid-template-columns: repeat(2, 1fr)
  }

    .personal_loan_body .finNeedBoxes .funNeedsTextBox p {
      width: auto
    }
}

@media only screen and (min-width:576px) {

  .inTaxProgressNum_mob {
    display: none
  }
}

@media only screen and (max-width:575px) {
  .refer-earn-body .inner-heading-img {
    width: 28px;
  }

  .refer-earn-body .mob_banner {
    height: 1500px;
  }

  .travel_insurance_body.refer-earn-body .influencers-section .inf-bg-img img {
    height: 900px;
  }

  .refer-earn-body .trustmakers-grid .tm-box {
    height: 126px;
  }

  .refer-earn-body .trust-makrers-warpper {
  }

  .refer-earn-body .question-faq {
    margin-top: 10px;
  }

  .question-icon {
    padding: 1px 5px;
    font-size: 9px;
  }

  /* .refer-earn-body .banner-heading-video {
		width: 230px;

		margin: 22px 0px 22px 0px;
	} */

  .earnbanner-listing-wrapper {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }



  .earnlisting-right-area {
    padding: 12px 12px 12px 12px;
  }

  .finNeedBoxes .finNeeds-box {
    width: 42%
  }

  .docreqbox {
    width: 100%
  }

  .why-abhfl-grid-parent .why-abhfl-unorder-list {
    grid-template-columns: repeat(1, 1fr)
  }

  .rangeItemInner-top {
    display: flex;
    flex-direction: column
  }

  .learnmore-modal .modal-body {
    padding: 70px 16px 24px 16px
  }

  .whyChooseBoxes .whyChoose-box {
    width: 100%;
    flex-direction: row;
    gap: 20px;
    align-items: center;
    padding: 20px 30px;
    border-radius: 16px
  }

  .mob_banner {
    height: 985px
  }

  .wieFinanceCardParent {
    grid-template-columns: repeat(1, 1fr)
  }

    .wieFinanceCardParent .wieFinance-item img {
      width: 28px
    }

  .wie-con-wrapper {
    gap: 30px
  }

  .thankyou_body .ty_banner_wrapper h3 {
    font-size: 16px;
    line-height: 18px
  }

    .thankyou_body .ty_banner_wrapper h3 br,
    .thankyou_body .ty_banner_wrapper p br {
      display: none
    }

  .thankyou_body .ty_banner_wrapper p {
    font-size: 12px;
    line-height: 14px
  }

  .thankYou--buttongroup {
    gap: 10px;
    flex-direction: column
  }

  .ty_banner_wrapper a.ty_solid_bg_btn:last-child {
    margin-top: 0
  }

  .ty_banner_wrapper a.ty_solid_bg_btn {
    width: 250px;
    height: 40px
  }

  .ty_banner_wrapper .store-span img {
    width: 14px
  }

  .body_loyalti_rewards .banner-items-wrapper > .custom-container {
    padding: 0 16px
  }

  .pleaseNote-wrapper {
    border-radius: 12px;
    padding: 20px 20px
  }

    .pleaseNote-wrapper .noteItem:last-child {
      text-wrap-style: balance
    }

  .body_loyalti_rewards .banner_form_wrapper {
    border-radius: 12px
  }

  .body_loyalti_rewards .banner_form_wrapper {
    padding: 25px
  }

  .abg-employee .customWidth,
  img.heaidngimg {
    width: 64%
  }

  .abg-employee .banner_creative {
    top: 17px;
    right: 4px
  }

  .abg-employee .customWidth,
  .abg-employee img.heaidngimg {
    width: 100%
  }

  .body_tax_planning .unique_offerings_wrapper ul li {
    width: 173px
  }

  .unique_offerings_relative .bannerVector-BannerTop {
    right: 10px;
    top: -81px;
    width: 130px
  }

  .gridTemplate-style-gt1 {
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: unset
  }

  .formPanelWrapper .inTaxProgressNum {
    display: none
  }

  .formPanelWrapper .in_progress_button:not(:last-child):after {
    display: none
  }

  .formPanelWrapper .in_progress_button {
    display: none;
    width: 100%
  }

    .formPanelWrapper .in_progress_button.js-active {
      display: block
    }

  .formPanelWrapper .spanMainWrapp {
    width: 100%;
    flex-direction: row;
    gap: 20px
  }

  .formPanelWrapper .inTaxProgressNum_mob {
    font-family: var(--dev_bold);
    font-size: 24px;
    line-height: 24px;
    color: #fff
  }

  .formPanelWrapper .js-active .spanMainWrapp p {
    color: #fff;
    font-size: 16px
  }

  .formPanelWrapper .in_progress_button.js-active.complete {
    display: none
  }

  .formPanelWrapper .in_progress_button.js-active:last-child .spanMainWrapp p {
    color: #fff
  }

  .formPanelWrapper .FormInputesWrapper {
    grid-template-columns: 100%
  }

  .body_tax_planning .mob_banner {
    height: 830px
  }

  .homeload_body .key-benifits-wrapper .banner_creative {
    max-width: 200px;
    top: -122px
  }

  .video-player-modal .video-moadal-body {
    height: 157px
  }

  .video-player-modal .modal-dialog {
    max-width: 76%;
    width: 100%;
    margin: 0 auto
  }

  .video-player-modal .btn-close {
    top: -39px;
    right: -29px;
    font-size: 12px
  }

  .video-player-section .video-play-icon-mb {
    width: 44px;
    height: 44px
  }

  .video-player-section img.play-icon-svg {
    width: 20px
  }

  .video-player-section .vid-custom-container {
    border-radius: 12px
  }

  .home_loan .banner_creative.banner_creative_img {
    max-width: 187px;
    top: 0;
    right: 13px
  }
}

@media only screen and (max-width:340px) {
  .homeload_body.gold_body img.mob_banner {
    height: 1330px
  }
}

.discover_convenience_new_ui {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  background-position: center;
  background-repeat: no-repeat
}

.no-webp .discover_convenience_new_ui {
  background: url(/Assets/Project/Campaign/images/discover_convenience_bg.png)
}

.dc_new_content_grid {
  display: grid;
  grid-template-columns: 50% 50%;
  align-items: center;
  justify-content: space-between;
  gap: 0
}

.dc-sec-heading p {
  font: normal normal 20px/28px var(--dev_med);
  opacity: .8;
  width: 540px
}

.download_btn_ggrid .know_more_about-us {
  background: #ca1f34;
  margin: 0;
  width: 184px;
  gap: 10px;
  height: auto;
  padding: 16px 0 16px;
  line-height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-family: var(--dev_med);
  font-size: 16px;
  line-height: 18px;
  opacity: 1;
  border-radius: 100px
}

  .download_btn_ggrid .know_more_about-us img,
  .plan_details img {
    max-width: 20px
  }

.download_btn_ggrid {
  display: flex;
  margin-top: 16px;
  gap: 10px
}

.down_head {
  font: normal normal 24px/26px var(--dev_semi_bold);
  opacity: .8;
  display: block;
  color: #000
}

.download_app_now,
.mail-result-group .input-group.check-boxx {
  margin-top: 58px
}

.dc_image_wrapper img.mob_app_img {
  max-width: 100%;
  -webkit-animation: .8s infinite alternate UpDown;
  animation: .8s infinite alternate UpDown
}

.dc_download_scnner_Wrapper {
  position: absolute;
  width: 139px;
  background: no-repeat padding-box #fff;
  box-shadow: 10px 10px 18px #00000026;
  border: 1px solid #f0f0f0;
  border-radius: 20px;
  z-index: 1;
  opacity: 1;
  left: 4px;
  display: flex;
  flex-direction: column;
  bottom: 32px;
  justify-content: center;
  padding: 16px;
  align-items: center;
  text-align: center
}

  .dc_download_scnner_Wrapper img {
    max-width: 140px
  }

  .dc_download_scnner_Wrapper p {
    font: normal normal 10px/10px var(--dev_semi_bold);
    letter-spacing: 0;
    color: #7a7a7a;
    margin-top: 10px
  }

.dc_image_wrapper {
  position: relative
}

@-webkit-keyframes UpDown {
  0% {
    transform: translateY(0)
  }

  100% {
    transform: translateY(-10px)
  }
}

.dc_image_wrapper_mb {
  width: 489px;
  float: right;
  position: relative;
  right: 100px
}

.discover_convenience_new_ui .gi_sec_head h2 {
  text-align: left;
  margin-bottom: 16px
}

.contruction_finance .why_absli_Wrapper {
  background: url(/Assets/Project/Campaign/images/construction-finance/why_choose_CF.png);
  background-size: cover;
  padding: 80px 0
}

.contruction_finance .why_absli_facilities_wrapper {
  display: grid;
  grid-template-columns: auto auto auto;
  max-width: max-content
}

.contruction_finance .facilities_box p {
  width: 75%;
  font-size: 18px
}

.contruction_finance .facilities_box {
  width: 100%;
  margin-bottom: 0
}

.contruction_finance .wie-contruction {
  background: url(/Assets/Project/Campaign/images/construction-finance/eligibility_cf.png);
  background-size: cover
}

  .contruction_finance .wie-contruction .sec-paragraph-style p {
    color: #828282
  }

.contruction_finance .wieFinanceCardParent .wieFinance-item {
  height: 120px;
  border-radius: 14px;
  border: 1px solid rgb(210 168 56 / .6);
  background: rgb(238 209 131 / .1);
  backdrop-filter: blur(4px);
  align-items: flex-start
}

.nps-area {
  width: 100%;
  display: grid;
  grid-template-columns: 62.5% auto;
  grid-template-rows: unset;
  gap: 16px
}

.nps-card {
  position: relative;
  border-radius: 24px;
  overflow: hidden
}

.helthin-area {
  width: 100%;
  display: grid;
  grid-template-columns: 36% auto;
  grid-template-rows: unset;
  gap: 16px
}

.helthin-card {
  position: relative;
  border-radius: 24px;
  overflow: hidden
}

.nps-card .strongtext-1 {
  font-family: var(--dev_semi_bold);
  color: #111
}

.helthin-card .strongtext-1 {
  font-family: var(--dev_semi_bold);
  color: #111
}

.so_wrapper_left small {
  color: #ca1f34;
  font-family: dev_semi_bold;
  font-size: 12px;
  font-style: normal;
  line-height: normal;
  letter-spacing: .36px;
  display: flex
}

.digital_gold_body .banner_form_input input {
  border-left: 0;
  border-right: 0;
  border-top: 0;
  border-radius: 0;
  background: transparent;
  padding-left: 30px;
}

.digital_gold_body .banner_form_input img {
  left: 0;
}

.digital_gold_body .banner_form_input input:focus {
  background: transparent;
}

.digital_gold_body .banner_form_input.phone_number_wrapper input {
  padding-left: 70px;
}

.digital_gold_body .phone_code {
  left: 25px;
}

.digital_gold_body .banner_form_input input::placeholder {
  color: rgba(255, 255, 255, 0.70);
}

@media screen and (max-width:1600px) {

  /* .travel_insurance_body.refer-earn-body .banner_form_wrapper {
        height: 585px;
        position: relative;
        z-index: 1;\
    } */
  /* -----------------04/29/2025------------------- */
  .toconsider-arearight ul li {
    padding: 20px 0;
  }

  .refer-earn-body .banner-heading-logo {
    width: 91px;
  }

  .refer-earn-body .trustmakers-grid .tm-box {
    height: 120px;
  }

  .refer-earn-body .banner_caption h1 {
    font-size: 42px;
  }

  .refer-earn-body .inner-heading-img {
    width: 48px;
  }

  .refer-earn-body .banner_caption h1 {
    margin: 0 0 8px;
    line-height: 37px;
  }

  .refer-earn-body .banner-heading-video {
    width: 304px;
    margin: 22px 0px 14px 0px;
  }

  .refer-earn-body .earnlisting-left ul li .listing-step p {
    font-size: 14px;
  }

  .refer-earn-body .earnlisting-left ul li .listing-step span {
    font-size: 32px;
  }

  .refer-earn-body .earnlisting-left ul li .listing-step {
    gap: 8px;
  }

  .refer-earn-body .earnlisting-left ul li .listing-step {
    padding: 6px 12px 6px 12px;
  }

  .refer-earn-body .earn-right-top .star-logo {
    width: 18px;
  }

  .refer-earn-body .earn-right-top {
    gap: 8px;
  }

    .refer-earn-body .earn-right-top span p {
      font-size: 18px;
      line-height: 12px;
    }

  .earn-right-bottom {
    margin-top: 0px;
  }

  .refer-earn-body .desk_banner {
    height: 820px;
    object-position: center;
  }

  .refer-earn-body .trustmakers-grid .tm-item .tm-box .para-2 {
    font-size: 14px;
  }


  .refer-earn-body .influencers-section .gi_sec_head h2 {
    margin-bottom: -24px;
  }

  .play-btn {
    width: 98px;
    padding-bottom: 100px;
  }

  .gray1 {
    display: block;
    border: 19px solid #e3e2e2;
    border-radius: 32px 32px 0 0;
    position: absolute;
    top: 54px;
    width: 85%;
    z-index: -2;
    left: 0;
    right: 0;
    margin: 0 auto;
  }

  .gray2 {
    border: 20px solid #d4d4d4;
    display: block;
    height: 60px;
    border-radius: 32px 32px 0 0;
    position: absolute;
    width: 93%;
    top: 64px;
    z-index: -2;
    margin: 0 auto;
    left: 0;
    right: 0;
  }

  .para-cardinflu {
    font-size: 14px;
    line-height: 18px;
  }

  .inf-bg-img img {
    height: 790px;
  }

  .influencers-ares {
    padding-top: 115px;
  }

  /* ---------------------04/29/2025--------------- */

  .discover_convenience_new_ui .banner_caption {
    width: 90%
  }

  .dc_download_scnner_Wrapper {
    width: 110px;
    padding: 9px
  }
}

@media screen and (min-width:1200px) and (max-width:1500px) {
  .toconiderheading {
    font-size: 30px;
  }

  .countriesrequ-heading {
    font-size: 30px;
    line-height: normal;
    max-width: 500px;
  }

  .toconiderlistpara {
    font-size: 16px;
    line-height: 20px;
  }

  .toconsider-container {
    display: grid;
    grid-template-columns: 30% 38%;
  }

  .mainimgoverlayimg {
    top: -99px;
    right: -286px;
    rotate: 6deg;
    width: 400px;
  }

  .refer-earn-body .te_banner_asset2 {
    bottom: 0;
    left: 45%;
    width: 215px;
    top: 0;
  }

  .refer-earn-body .banner-items-wrapper {
    position: absolute;
    top: 12%;
    width: 100%;
  }

  .nps-area {
    grid-template-columns: 62% auto
  }


  .abc_ref_cal_box {
    padding: 25px;
    border-radius: 15px;
  }

  .threshold_table_wrapper {
    border-radius: 15px;
  }

  .thres_table_head {
    border-radius: 15px 15px 0px 0px;
  }

  .total-box {
    height: 50px;
  }

    .total-box p {
      font-size: 26px;
    }

    .total-box span {
      font-size: 16px;
    }

  .thres_tab_data {
    padding: 11px;
  }

  .total_earnings_results span {
    font-size: 25PX;
  }
}

@media screen and (max-width:1280px) {
  .refer-earn-body .desk_banner {
    height: 880px;
  }

  .earnbanner-listing-right {
    gap: 8px;
  }

  .travel_insurance_body.refer-earn-body .desk_banner {
    height: 750px;
  }

  .influe-cards-area {
    padding: 0px 120px 80px 120px;
  }

  /* .refer-earn-body .banner-heading-video {
		width: 290px;
		margin: 22px 0px 25px 0px;
	} */

  .influencers-ares {
    padding-top: 110px;
  }

  /* 
	.travel_insurance_body.refer-earn-body .influencers-section .inf-bg-img img {
		height: 840px;
	} */
  .question-icon {
    color: #fff;
    border: 2px solid #fff;
    padding: 0px 6px;
  }

  .dc_image_wrapper_mb {
    width: 370px
  }
}

@media screen and (max-width:991px) {
  .countriesrequ-heading {
    font-size: 30px;
    line-height: normal;
    max-width: 100%;
  }

  .countriesrequ-section {
    padding: 80px 16px;
  }

  .countriesrequmain {
    display: block;
    margin-top: 40px;
  }

  .countriesrequ-card {
    padding: 15px;
    min-height: 185px;
  }

  .refer-earn-body .banner_caption h1 {
    display: flex;
    font-size: 26px;
    flex-wrap: wrap;
    column-gap: 4px;
  }

  /* .earnlisting-left {
		padding-left: 16px;
	} */


  .refer-earn-body .inner-heading-img {
    display: block;
    width: 35px;
  }

  .refer-earn-body .earnlisting-left ul li .listing-step span {
    font-size: 26px;
    line-height: 32px;
  }

  .refer-earn-body .earnlisting-left ul li .listing-step p {
    font-size: 14px;
    line-height: 16px;
    padding-right: 0px;
  }

  .refer-earn-body .earn-right-top .star-logo {
    width: 18px;
  }

  .refer-earn-body .earn-right-top span p {
    font-size: 16px;
    line-height: 16px;
  }

  .earnbanner-listing-right {
    width: 300px;
    flex-direction: column;
    gap: 10px;
  }

  .earn-right-bottom {
    margin-top: 4px;
    line-height: 19px;
  }

  .personal_loan .calc_plan_head_wrapper.year_wrap .calc_input_wrapper input {
    width: 90px
  }

  .contruction_finance .wieFinanceCardParent .wieFinance-item {
    height: auto
  }

  .contruction_finance.personal_loan .wieFinanceCardParent .wieFinance-item {
    height: auto
  }

  .contruction_finance.personal_loan .unique_offerings_wrapper ul {
    grid-template-columns: repeat(8, 1fr)
  }

  .contruction_finance .why_absli_Wrapper {
    background: url(/Assets/Project/Campaign/images/construction-finance/why_choose_CF_mob.png);
    background-size: cover
  }

  .contruction_finance .wie-contruction {
    background: url(/Assets/Project/Campaign/images/construction-finance/eligibility_cf_mob.png);
    background-size: cover
  }

  .discover_convenience_new_ui .banner_caption {
    width: 100%
  }

  .dc_new_content_grid {
    grid-template-columns: 100%;
    gap: 30px
  }

  .dc_image_wrapper_mb {
    width: 100%;
    right: 0
  }

  .dc_download_scnner_Wrapper {
    width: 110px;
    padding: 10px
  }

  .discover_convenience_new_ui .gi_sec_head h2 {
    text-align: center
  }

  .discover_convenience_new_ui .banner_caption p {
    text-align: center
  }

  .download_app_now {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 30px;
    text-align: center
  }

  .download_btn_ggrid .know_more_about-us {
    width: fit-content;
    font-size: 12px;
    line-height: 16px;
    padding: 10px 20px
  }

    .download_btn_ggrid .know_more_about-us img {
      max-width: 15px
    }

  .lending_partner .banner-items-wrapper {
    padding: 0 22px
  }

  .lending_partner .banner_caption h1 {
    margin-bottom: 40px;
    text-align: center
  }

  .homeload_body.lending_partner .banner_content_Wrapper {
    margin-top: 20px
  }

  .list_of_partner_wrapper {
    gap: 22px
  }

  .start_investing {
    padding: 50px 0
  }

  .special_offers {
    padding: 0 15px
  }

  .special_offers_grid {
    grid-template-columns: repeat(1, 1fr);
    margin-top: 22px;
    gap: 10px
  }

  .so_wrapper_left p {
    font-size: 18px
  }

  .so_wrapper_left {
    margin-top: 20px
  }

  .special_offers .gi_sec_head h2 {
    margin-top: 40px;
    text-align: center
  }

  .fd_calculator .sec-paragraph-width p {
    line-height: 20px;
    margin-bottom: 35px
  }

  .fd_calculator .gi_sec_head h2 {
    margin-bottom: 12px
  }

  .so_wrapper {
    height: auto
  }

  .why_dg_grid_wrapper {
    flex-direction: column-reverse;
    gap: 50px;
  }

  .why_list_wrapper {
    padding: 15px;
    gap: 12px;
  }

  .why_abcd_for_dg {
    padding: 50px 0;
  }

  .why_list_data_wrap {
    gap: 10px;
  }

    .why_list_data_wrap p {
      font-size: 12px;
      line-height: 18px;
    }

  .why_list_wrapper img {
    max-width: 25px;
  }

  .why_list_data_wrap span {
    font-size: 18px;
  }

  .why_bottom_left {
    left: 0;
    height: auto;
    gap: 5px;
  }

  .why_top {
    right: 0px;
    width: auto;
    top: -20px;
    gap: 7px;
  }

  .why_bottom {
    right: 0px;
    bottom: -30px;
    width: auto;
  }

  .why_right_float {
    padding: 10px;
    border-radius: 10px;
  }

  .why_top > img {
    max-width: 34px;
  }

  .why_right_wrapper > img {
    max-width: 90%;
    margin: 0 auto;
    display: block;
    border-radius: 14px;
  }

  .why_right_float span {
    font-size: 20px;
  }
}

.thankYou-inner {
  position: relative
}


@media screen and (max-width:767px) {
  .refer-earn-body .banner-heading-video {
    width: 250px;
    margin: 12px 0px 12px 0px;
  }

  .earnlisting-right-area {
    padding: 10px 6px 10px 6px;
  }

  .earnbanner-listing-wrapper {
    width: 100%;
    gap: 8px;
  }

  .earn-right-bottom {
    margin-top: 4px;
    line-height: 16px;
  }

  .travel_insurance_body.refer-earn-body .banner_form_wrapper {
    height: 520px;
  }

  .earnbanner-listing-right {
    gap: 6px;
  }

  .refer-earn-body .banner_content_Wrapper {
    margin-bottom: 25px;
  }

  .refer-earn-body .mob_banner {
    height: 1215px;
  }

  .question-icon {
    padding: 0px 5px;
  }

  .travel_insurance_body.refer-earn-body .banner_form_wrapper {
    height: 520px;
  }
}




@media screen and (max-width:567px) {
  .travel_insurance_body .accordion_col {
    grid-template-columns: repeat(1, 1fr);
  }

  .travel_insurance_body .te_banner_asset_main {
    width: 718px;
    bottom: 60%;
    left: 0;
  }

  .mainimgoverlayimg {
    right: 18%;
  }

  .travel_insurance_body .te_banner_asset2 {
    width: 150px;
    bottom: 70%;
    left: 52%;
  }


  .travel_insurance_body .mob_banner {
    height: 1100px;
  }

  .travel_insurance_body .banner-items-wrapper > .custom-container {
    gap: 240px;
  }

  .travel_insurance_body .accordion_grid {
    width: 100%;
  }

  .travel_insurance_body .te_banner_asset_main {
    width: 100%;
  }

  .travel_insurance_body .banner_wrapper {
    overflow: hidden;
  }

  .earnbanner-listing-right {
    width: 100%;
    flex-direction: row;
    gap: 6px;
  }

  .countriesrequ-card-area {
    display: block;
  }

  .countriesrequ-card {
    padding: 15px;
    min-height: 150px;
    margin-bottom: 16px;
  }

  .refer-earn-body .trustmakers-grid .tm-item .tm-box .para-2 {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(-3px) !important;
  }

  .refer-earn-body .trustmakers-grid .tm-box {
    height: 150px;
  }

  .toconsider-arearight ul li {
    justify-content: start;
  }

  .toconiderlistpara {
    font-size: 16px;
    line-height: 20px;
  }

  .requ-cradimg {
    height: 40px;
    width: 40px;
  }

  .toconsider-arearight ul li {
    padding: 16px 0;
  }

  .toconsider-arearight .tick_icon {
    width: 16px;
    height: 16px;
  }

  .travel_insurance_body .steps_grid_dg {
    grid-template-columns: auto;
    gap: 60px;
  }
}