@charset "UTF-8";
:root {
  --white: #fff;
  --light-blue: #f2f7ff;
  --darkblack: #000;
  --black: #253858;
  --gray-dark: #4c4c4d;
  --disable-color: ##949494;
  --shadowblue: #fafcff;
  --gray: #d6d6d6;
  --brdgray: #e2e2e2;
  --font-size: 16px;
  --blue: #0065ff;
  --blue01: #4994eb;
  --green: #2dbc13;
  --orange: #ff5420;
  --lightgreen: #b6f4b4;
  --lightred: #f4b4b4;
  --pink-bg: #ffd8d9;
  --yellow-bg: #ffdea3;
  --pink: #a73740;
  --pink-light: #7f5900;
  --purple: #5d50d8;
  --purple-light: #d9d8f6;
  --brown: #7f5900;
  --brown-light: #d9d8f6;
  --page-max-width: 1170px;
}

* {
  box-sizing: border-box;
}

img {
  max-width: 100%;
}

body {
  margin: 0px;
}

@media (max-width: 1024px) {
  #policybazaar {
    background: #fff;
  }
}

.spynav .spylink li.ht {
  overflow: hidden;
  max-width: 190px;
}

.select-dropdown__button span:before {
  top: 12px;
}
.select-dropdown__button .zmdi {
  top: 17px;
}

.pension-bg-1 {
  background: #F3FBFF;
}

.pension-bg-2 {
  background: #F1F6FA;
}

.pension-bg-3 {
  background: linear-gradient(291.08deg, #FFFFFF 0%, #F2F3FF 100%);
}

.pension-bg-4 {
  background: linear-gradient(0deg, #FFFFFF, #FFFFFF), linear-gradient(135deg, #F8FAFC 0%, #EFF6FF 50%, #F1F5F9 100%);
}

.pension-bg-5 {
  background: #DEE3F0;
}

.pension-bg-6 {
  background: #F5F7FA;
}

.pension-bg-7 {
  background: #F5F7FA;
}

.pension-bg-8 {
  background: #F2F7FF;
}

h3 {
  margin: 16px 0;
}

p {
  color: #253858;
  line-height: 24px;
  font-size: 14px;
  margin: 16px 0;
}

.spynav .spylink li a {
  color: #616161;
}

.disForm .rightContent .investment-bg .bluetext.mediumtext, .disForm .rightContent .investment-bg .blacktext.extrasmalltext {
  display: none;
}

.floatingPopupDiv .disForm .rightContent .investment-bg .bluetext.mediumtext, .floatingPopupDiv .disForm .rightContent .investment-bg .blacktext.extrasmalltext {
  display: block;
}

.block_content_wrapper_firstfold {
  max-width: 1170px;
  width: 100%;
}
.block_content_wrapper_firstfold h1 {
  line-height: 40px;
}
.block_content_wrapper_firstfold h1 .brand-color {
  color: #0065ff;
}

.tag-line-pension {
  color: #4A5565;
  font-size: 26px;
  min-width: 100%;
  margin: 0 0 25px;
  display: flex;
}
@media (max-width: 1024px) {
  .tag-line-pension {
    font-size: 21px;
    margin: 0px;
  }
}

.pension-topform .block_content_wrapper_firstfold {
  max-width: 1170px;
  width: 100%;
}
@media (max-width: 1024px) {
  .pension-topform .block_content_wrapper_firstfold {
    background: transparent;
    padding: 0;
  }
}

.grid.sticky-rhs {
  display: block;
  width: 100%;
}

.floatingPopupDiv .floatpanel .showForm .disForm .rightContent .investment-bg .formInput .feildLable {
  display: none;
}

#topForm.pension-topform {
  background: url(../../images/bu/investment/pension/pension-top-banner-bg.png) no-repeat center bottom/1366px, #FFF7E2;
  width: 100%;
}
@media (max-width: 1024px) {
  #topForm.pension-topform {
    background-size: 0px;
  }
}
#topForm.pension-topform .formBlock.disForm {
  margin: 0 auto;
  width: 100%;
  max-width: 1170px;
  padding: 0px;
}
#topForm.pension-topform .formBlock.disForm .leftContentBox {
  display: none;
}
#topForm.pension-topform .formBlock.disForm .rightContent {
  border-top: 0px;
  background: transparent;
  box-shadow: none;
  padding: 0 0 0 15px;
}
@media (max-width: 1024px) {
  #topForm.pension-topform .formBlock.disForm .rightContent {
    padding: 0 10px;
  }
}
#topForm.pension-topform .formBlock.disForm .rightContent form#frmInv {
  margin-bottom: 16px;
}
#topForm.pension-topform .formBlock.disForm .rightContent #loader,
#topForm.pension-topform .formBlock.disForm .rightContent .proceed {
  padding: 13px 15px;
  width: 100%;
}
#topForm.pension-topform .formBlock.disForm .rightContent .investment-bg .fieldWrapper {
  width: 100%;
}
#topForm.pension-topform .formBlock.disForm .rightContent .investment-bg .fieldWrapper .formInput {
  background: #fff;
  border-radius: 8px;
}
#topForm.pension-topform .formBlock.disForm .rightContent .investment-bg .fieldWrapper .formInput .feildLable {
  display: none;
}
#topForm.pension-topform .formBlock.disForm .rightContent .investment-bg .fieldWrapper .formInput input.labelshow + .feildLable {
  display: none;
}
#topForm.pension-topform .formBlock.disForm .rightContent .info-secure {
  font-size: 14px;
  color: #6A7282;
  font-weight: 400;
  margin: 15px 0 0;
}
#topForm.pension-topform .formBlock.disForm .rightContent .info-secure .secure {
  background: url(../../images/bu/investment/pension/investment-lock-icon-green.svg);
  width: 16px;
  height: 16px;
}
#topForm.pension-topform .formBlock.disForm .rightContent .termCondition {
  font-size: 14px;
  color: #6A7282;
  width: 92%;
}
@media screen and (max-width: 1024px) {
  #topForm.pension-topform .formBlock.disForm .rightContent.pensionpage .investment-bg .product-achivement-at-policybazaar {
    display: none;
  }
}

.grid-center {
  margin: 0 auto;
  max-width: 1170px;
  width: 100%;
}

.line-heading {
  color: #253858;
  font-weight: 600;
  margin: 0;
  line-height: 36px;
  font-size: 24px;
  padding: 0;
}
.line-heading::after {
  content: "";
  margin: 8px 0 0 0;
  display: flex;
  background: #FE9923;
  width: 255px;
  height: 3px;
}
.line-heading.center {
  text-align: center;
}
.line-heading.center::after {
  margin: 0 auto;
}

.sub-heading-text {
  margin: 24px 0 24px;
  font-size: 14px;
  color: rgba(37, 56, 88, 0.8980392157);
  line-height: 24px;
  text-align: center;
}

.pension-retirement-plan {
  padding: 20px 0;
  margin: 50px 0 80px 0;
}
@media (max-width: 1024px) {
  .pension-retirement-plan .line-heading {
    width: calc(100% - 60px);
  }
}
.pension-retirement-plan .pension-retirement-plan-row {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1024px) {
  .pension-retirement-plan .pension-retirement-plan-row {
    flex-wrap: wrap;
    position: relative;
    padding: 0 15px;
  }
}
.pension-retirement-plan .pension-retirement-plan-row .pension-retirement-plan-left {
  max-width: 620px;
}
.pension-retirement-plan .pension-retirement-plan-row .pension-retirement-plan-left:has(p.active) p .restcontent {
  display: block;
}
@media (max-width: 1024px) {
  .pension-retirement-plan .pension-retirement-plan-row .pension-retirement-plan-left {
    width: 100%;
    max-width: 100%;
  }
}
.pension-retirement-plan .pension-retirement-plan-row .pension-retirement-plan-left p {
  color: #253858;
  font-size: 14px;
  padding: 0px;
  margin: 20px 0 0 0;
  line-height: 24px;
}
@media (max-width: 1024px) {
  .pension-retirement-plan .pension-retirement-plan-row .pension-retirement-plan-left p + p {
    margin: 10px 0 0 0;
  }
}
@media (max-width: 1024px) {
  .pension-retirement-plan .pension-retirement-plan-row .pension-retirement-plan-left p .restcontent {
    display: none;
  }
}
@media (max-width: 1024px) {
  .pension-retirement-plan .pension-retirement-plan-row .pension-retirement-plan-left p .restcontent .active {
    display: inline;
  }
}
.pension-retirement-plan .pension-retirement-plan-row .pension-retirement-plan-left p .morecontent-topfold {
  display: none;
  color: #0065FF;
  font-weight: 600;
  font-size: 14px;
}
@media (max-width: 1024px) {
  .pension-retirement-plan .pension-retirement-plan-row .pension-retirement-plan-left p .morecontent-topfold {
    display: block;
  }
}
.pension-retirement-plan .pension-retirement-plan-row .pension-retirement-plan-left p .morecontent-topfold::after {
  content: "";
  display: inline-flex;
  width: 20px;
  height: 16px;
  background: url(../../images/bu/investment/pension/arrow-read-more.svg) no-repeat 5px 3px/16px;
}
.pension-retirement-plan .pension-retirement-plan-row .pension-retirement-plan-right {
  width: 40%;
  min-width: 388px;
  display: flex;
}
@media (max-width: 1024px) {
  .pension-retirement-plan .pension-retirement-plan-row .pension-retirement-plan-right {
    position: absolute;
    width: 70px;
    min-width: 70px;
    right: 15px;
  }
}
.pension-retirement-plan .pension-retirement-plan-row .pension-retirement-plan-right::after {
  content: "";
  width: 100%;
  max-width: 388px;
  height: 444px;
  display: flex;
  background: url(../../images/bu/investment/pension/pension-retirement-plan-img.png) no-repeat right top/338px;
}
@media (max-width: 1024px) {
  .pension-retirement-plan .pension-retirement-plan-row .pension-retirement-plan-right::after {
    background-size: 53px;
    max-width: 100%;
    height: 70px;
    background-position: right center;
  }
}

.plan-for-retirement {
  margin: 65px 0 30px;
}
@media (max-width: 1024px) {
  .plan-for-retirement {
    padding: 0 15px;
  }
}
.plan-for-retirement .line-heading {
  margin-bottom: 24px;
}
@media (max-width: 1024px) {
  .plan-for-retirement .line-heading {
    text-align: left;
  }
  .plan-for-retirement .line-heading.center::after {
    margin: 10px 0 0 0;
  }
}
.plan-for-retirement .sub-heading-text {
  margin: 0 0 24px;
  font-size: 14px;
  color: rgba(37, 56, 88, 0.8980392157);
  line-height: 24px;
  text-align: center;
}
@media (max-width: 1024px) {
  .plan-for-retirement .sub-heading-text {
    text-align: left;
  }
}
.plan-for-retirement .plan-row {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 33px;
       column-gap: 33px;
}
@media (max-width: 1024px) {
  .plan-for-retirement .plan-row {
    -moz-column-gap: 0px;
         column-gap: 0px;
  }
}
.plan-for-retirement .plan-row .plan-col {
  width: calc(33.3% - 22px);
}
@media (max-width: 1024px) {
  .plan-for-retirement .plan-row .plan-col {
    width: 100%;
  }
}
.plan-for-retirement .plan-row .plan-col .plan-col-img {
  max-width: 100%;
}
.plan-for-retirement .plan-row .plan-col .plan-col-img img {
  width: 100%;
}
.plan-for-retirement .plan-row .plan-col .plan-col-text {
  position: relative;
  top: -40px;
  background: #fff;
  box-shadow: 0px 0px 24px 0px rgba(37, 56, 88, 0.0784313725);
  border-radius: 16px;
  padding: 15px;
  margin: 0 auto;
  max-width: 92%;
}
.plan-for-retirement .plan-row .plan-col .plan-col-text .col-text-heading {
  color: #253858;
  font-size: 16px;
  margin: 0 0 14px;
  font-weight: 600;
}
.plan-for-retirement .plan-row .plan-col .plan-col-text .block_content_wrapper_firstfold {
  font-size: 14px;
  line-height: 26px;
  font-weight: 400;
  color: rgba(37, 56, 88, 0.8);
}
.plan-for-retirement .plan-row .plan-col .plan-col-text .block_content_wrapper_firstfold p {
  font-size: 14px;
  display: inline;
  line-height: 26px;
  font-weight: 400;
  margin: 0;
  padding: 0;
  color: rgba(37, 56, 88, 0.8);
}
.plan-for-retirement .plan-row .plan-col .plan-col-text .block_content_wrapper_firstfold p .extra-text {
  display: inline;
}
.plan-for-retirement .plan-row .plan-col .plan-col-text .block_content_wrapper_firstfold p .extra-text.show-extra {
  display: inline;
}
.plan-for-retirement .plan-row .plan-col .plan-col-text .block_content_wrapper_firstfold p .extra-text-web {
  display: none;
}
.plan-for-retirement .plan-row .plan-col .plan-col-text .block_content_wrapper_firstfold p .extra-text-web.show-extra {
  display: inline;
}
.plan-for-retirement .plan-row .plan-col .plan-col-text .text-hide-link {
  display: inline-block;
  color: #0065FF;
  cursor: pointer;
  text-transform: capitalize;
  line-height: 22px;
  font-size: 14px;
  font-weight: 600;
}

@media (max-width: 1024px) {
  .corpus-need {
    padding: 0 15px;
  }
}
.corpus-need .sub-heading-text {
  margin: 24px 0 24px;
  font-size: 14px;
  color: rgba(37, 56, 88, 0.8980392157);
  line-height: 24px;
}
@media (max-width: 1024px) {
  .corpus-need .sub-heading-text {
    text-align: left;
  }
}
.corpus-need .corpus-row {
  list-style-type: none;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  gap: 50px;
  justify-content: space-between;
}
.corpus-need .corpus-row li {
  display: flex;
  max-width: 500px;
}
.corpus-need .corpus-row li .corpus-icon {
  min-width: 50px;
}
.corpus-need .corpus-row li .corpus-right {
  margin: 0 0 0 20px;
}
.corpus-need .corpus-row li .corpus-right .corpus-subtext {
  font-size: 18px;
  margin-bottom: 6px;
  color: #253858;
  font-weight: 500;
}
.corpus-need .corpus-row li .corpus-right .block_content_wrapper_firstfold {
  font-size: 14px;
  line-height: 26px;
  font-weight: 400;
  color: rgba(37, 56, 88, 0.8);
}
.corpus-need .corpus-row li .corpus-right .block_content_wrapper_firstfold p {
  font-size: 14px;
  display: inline;
  line-height: 22px;
  font-weight: 400;
  margin: 0;
  padding: 0;
  color: rgba(37, 56, 88, 0.8);
}
.corpus-need .corpus-row li .corpus-right .block_content_wrapper_firstfold p .extra-text {
  display: inline;
}
.corpus-need .corpus-row li .corpus-right .block_content_wrapper_firstfold p .extra-text.show-extra {
  display: inline;
}
.corpus-need .corpus-row li .corpus-right .block_content_wrapper_firstfold p .extra-text-web {
  display: none;
}
.corpus-need .corpus-row li .corpus-right .block_content_wrapper_firstfold p .extra-text-web.show-extra {
  display: inline;
}
.corpus-need .corpus-row li .corpus-right .text-hide-link {
  display: inline-block;
  color: #0065FF;
  cursor: pointer;
  text-transform: capitalize;
  line-height: 22px;
  font-size: 14px;
  font-weight: 600;
}
.corpus-need .how-to-get-pension {
  background: linear-gradient(90deg, rgba(176, 219, 249, 0.5) 0%, rgba(207, 217, 197, 0.5) 100%);
  padding: 32px 30px;
  border-radius: 10px;
  gap: 34px;
  margin: 40px 0;
  display: flex;
}
@media screen and (max-width: 1024px) {
  .corpus-need .how-to-get-pension {
    padding: 13px;
    gap: 10px;
    flex-wrap: wrap;
  }
}
.corpus-need .how-to-get-pension .get-pension-box {
  background: #fff;
  box-shadow: 4px 4px 9px 0px rgba(0, 0, 0, 0.1019607843);
  border-radius: 10px;
  text-align: center;
  min-width: 250px;
  padding: 5px;
}
@media screen and (max-width: 1024px) {
  .corpus-need .how-to-get-pension .get-pension-box {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 16px 6px 6px;
  }
}
.corpus-need .how-to-get-pension .get-pension-box .pigi-bank {
  width: 68px;
  display: inline-flex;
  height: 50px;
  background: url(../../images/bu/investment/pension/pigibank-icon.svg) no-repeat center/68px;
}
.corpus-need .how-to-get-pension .get-pension-box p {
  color: rgba(37, 56, 88, 0.8980392157);
  margin: 0;
  padding: 0;
  line-height: 22px;
  font-size: 14px;
  font-weight: 500;
}
.corpus-need .how-to-get-pension .get-pension-box .view-btn-lik {
  color: #0065FF;
  text-decoration: underline;
  font-size: 14px;
  cursor: pointer;
  font-weight: 500;
}

@media screen and (max-width: 1024px) {
  .best-retirement-plan {
    padding: 0 15px;
  }
}
.best-retirement-plan .leftSection {
  width: 100%;
}
.best-retirement-plan .leftSection .allinsurer .tablewrap.multilang table {
  display: table !important;
}
.best-retirement-plan .leftSection .allinsurer .moreplans {
  background: #fff;
  border: 1px solid #0065FF;
  border-radius: 6px;
  box-shadow: none;
  padding: 8px 10px;
}
.best-retirement-plan .leftSection .allinsurer .moreplans::after {
  border-color: #0065FF;
}
.best-retirement-plan .leftSection .allinsurer table {
  width: 100%;
  border-spacing: 0px;
  margin: 0 auto 10px;
  border-collapse: separate;
  background: #fff;
  border-radius: 0.4em;
}
.best-retirement-plan .leftSection .allinsurer table tr:nth-child(2n) {
  background: #fff;
}
.best-retirement-plan .leftSection .allinsurer table tr:first-child {
  background: #253858 !important;
}
.best-retirement-plan .leftSection .allinsurer table tr:first-child td {
  color: #fff !important;
  height: 54px;
  text-align: left;
  border: 0px;
  padding: 12px 16px;
  font-size: 14px;
  font-weight: 500;
}
.best-retirement-plan .leftSection .allinsurer table tr:first-child td:last-child {
  border-top-right-radius: 0.4em;
  border-right: none;
}
.best-retirement-plan .leftSection .allinsurer table tr:first-child td:first-child {
  border-top-left-radius: 0.4em;
  border-left: none;
}
.best-retirement-plan .leftSection .allinsurer table tr td {
  letter-spacing: normal;
  vertical-align: middle;
  padding: 17px 10px;
}
.best-retirement-plan .leftSection .allinsurer table tr td .btn-primary {
  width: 151px;
  text-align: center;
  box-shadow: 0px 3px 12px 0px rgba(0, 0, 0, 0.2509803922);
}

.pension-plan-works {
  padding: 45px 0;
  margin: 80px 0;
}
@media screen and (max-width: 1024px) {
  .pension-plan-works {
    padding: 24px 15px;
  }
}
.pension-plan-works .ppw-text p {
  margin: 12px 0;
  font-size: 14px;
  color: #253858;
  line-height: 24px;
}
.pension-plan-works .ppw-text .sub-heading-para {
  font-size: 16px;
  font-weight: 700;
  color: #253858;
}
.pension-plan-works .private-pension-row {
  display: flex;
  gap: 40px;
}
@media screen and (max-width: 1024px) {
  .pension-plan-works .private-pension-row {
    margin-top: 20px;
    gap: 16px;
    flex-wrap: wrap;
  }
}
.pension-plan-works .private-pension-row .private-pension-box {
  background: #fff;
  padding: 18px 26px;
  border-radius: 10px;
  box-shadow: 0px 12px 30px 17px rgba(0, 101, 255, 0.0392156863);
}
.pension-plan-works .private-pension-row .private-pension-box .accumulation-phase {
  display: flex;
  width: 50px;
  height: 50px;
  background: url(../../images/bu/investment/pension/accumulation-icon.svg) no-repeat center/50px;
}
.pension-plan-works .private-pension-row .private-pension-box .vesting-age {
  display: flex;
  width: 50px;
  height: 50px;
  background: url(../../images/bu/investment/pension/vesting-age.svg) no-repeat center/50px;
}
.pension-plan-works .private-pension-row .private-pension-box .private-heading {
  font-size: 16px;
  margin: 20px 0 0 0;
  font-weight: 500;
  color: #000000;
}
.pension-plan-works .private-pension-row .private-pension-box p {
  font-size: 14px;
  line-height: 26px;
  color: rgba(37, 56, 88, 0.8);
}

@media screen and (max-width: 1024px) {
  .retire-income {
    padding: 0 15px;
  }
}
.retire-income .retire-income-row {
  display: flex;
  gap: 20px;
  margin: 30px 0;
}
@media screen and (max-width: 1024px) {
  .retire-income .retire-income-row {
    flex-wrap: wrap;
    flex-direction: column;
    margin: 30px 0 0 0;
  }
}
@media screen and (max-width: 1024px) {
  .retire-income .retire-income-row .retire-income-col {
    width: 100%;
  }
}
.retire-income .retire-income-row .retire-income-col .progress-row {
  display: flex;
  min-width: 374px;
}
@media screen and (max-width: 1024px) {
  .retire-income .retire-income-row .retire-income-col .progress-row {
    min-width: 100%;
  }
}
.retire-income .retire-income-row .retire-income-col .progress-row .progress-left .progress-card {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-right: 8px;
  max-width: 500px;
}
.retire-income .retire-income-row .retire-income-col .progress-row .progress-left .progress-card .circle-progress {
  position: relative;
  width: 126px;
  height: 126px;
  flex-shrink: 0;
}
@media screen and (max-width: 1024px) {
  .retire-income .retire-income-row .retire-income-col .progress-row .progress-left .progress-card .circle-progress {
    width: 75px;
    height: 75px;
  }
}
.retire-income .retire-income-row .retire-income-col .progress-row .progress-left .progress-card .circle-progress svg {
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
}
.retire-income .retire-income-row .retire-income-col .progress-row .progress-left .progress-card .circle-progress circle {
  fill: none;
  stroke-width: 15;
  stroke-linecap: round;
}
@media screen and (max-width: 1024px) {
  .retire-income .retire-income-row .retire-income-col .progress-row .progress-left .progress-card .circle-progress circle {
    stroke-width: 12;
  }
}
.retire-income .retire-income-row .retire-income-col .progress-row .progress-left .progress-card .circle-progress .bg {
  stroke: #ece8ff;
}
.retire-income .retire-income-row .retire-income-col .progress-row .progress-left .progress-card .circle-progress .progress {
  stroke-dasharray: 302;
  stroke-dashoffset: 121;
}
.retire-income .retire-income-row .retire-income-col .progress-row .progress-left .progress-card .circle-progress .progress-value {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: 700;
  color: #000000;
}
@media screen and (max-width: 1024px) {
  .retire-income .retire-income-row .retire-income-col .progress-row .progress-left .progress-card .circle-progress .progress-value {
    font-size: 14px;
    font-weight: 500;
  }
}
.retire-income .retire-income-row .retire-income-col .progress-row .progress-left .progress-card.orange .bg {
  stroke: #FFEFD6;
}
.retire-income .retire-income-row .retire-income-col .progress-row .progress-left .progress-card.orange .progress {
  stroke: #FAB34A;
  stroke-dashoffset: 121;
}
.retire-income .retire-income-row .retire-income-col .progress-row .progress-left .progress-card.purple .bg {
  stroke: #E5E5FA;
}
.retire-income .retire-income-row .retire-income-col .progress-row .progress-left .progress-card.purple .progress {
  stroke: #6E68FF;
  stroke-dashoffset: 181;
}
@media (max-width: 1024px) {
  .retire-income .retire-income-row .retire-income-col .progress-row .progress-card {
    align-items: flex-start;
  }
  .retire-income .retire-income-row .retire-income-col .progress-row .progress-card .circle-progress {
    width: 90px;
    height: 90px;
  }
}
.retire-income .retire-income-row .retire-income-col .progress-row .progress-right .progress-title {
  color: #000000;
  font-size: 16px;
  font-weight: 500;
}
.retire-income .retire-income-row .retire-income-col .progress-row .progress-right p {
  color: rgba(37, 56, 88, 0.8);
  line-height: 26px;
}
.retire-income .income-works {
  padding: 22px;
  background: #F1F4FD;
  border-radius: 10px;
  margin: 10px 0 30px;
}
.retire-income .income-works .icome-works-row {
  display: flex;
  justify-content: center;
  gap: 35px 70px;
  flex-wrap: wrap;
}
@media (max-width: 1024px) {
  .retire-income .income-works .icome-works-row {
    gap: 18px;
    justify-content: flex-end;
  }
}
.retire-income .income-works .icome-works-row .income-works-col {
  box-shadow: 4px 4px 0px 0px #DFE7FF;
  position: relative;
  background: #fff;
  padding: 10px;
  max-width: 280px;
  border-radius: 10px;
}
.retire-income .income-works .icome-works-row .income-works-col.income-invest {
  padding-left: 40px;
}
@media (max-width: 1024px) {
  .retire-income .income-works .icome-works-row .income-works-col.income-invest {
    padding-left: 70px;
  }
}
.retire-income .income-works .icome-works-row .income-works-col.income-invest::before {
  content: "";
  background: url(../../images/bu/investment/pension/income-invest-icon.svg) no-repeat 0px 0px/60px;
  position: absolute;
  left: -20px;
  top: 0;
  display: inline-flex;
  width: 60px;
  height: 109px;
}
.retire-income .income-works .icome-works-row .income-works-col.income-invest::after {
  content: "";
  background: url(../../images/bu/investment/pension/works-arrow-right.svg) no-repeat 0px 0px/45px;
  position: absolute;
  right: -27px;
  top: 36px;
  display: inline-flex;
  width: 43px;
  height: 42px;
}
@media (max-width: 1024px) {
  .retire-income .income-works .icome-works-row .income-works-col.income-invest::after {
    background: url(../../images/bu/investment/pension/works-arrow-bottom.svg) no-repeat 0px 0px/45px;
    left: auto;
    right: 0;
    top: auto;
    z-index: 1;
    bottom: -28px;
  }
}
.retire-income .income-works .icome-works-row .income-works-col.income-compound {
  padding-left: 52px;
}
@media (max-width: 1024px) {
  .retire-income .income-works .icome-works-row .income-works-col.income-compound {
    padding-left: 70px;
  }
}
.retire-income .income-works .icome-works-row .income-works-col.income-compound::before {
  content: "";
  background: url(../../images/bu/investment/pension/income-compound-icon.svg) no-repeat 0px 0px/72px;
  position: absolute;
  left: -26px;
  top: 0;
  display: inline-flex;
  width: 72px;
  height: 111px;
}
.retire-income .income-works .icome-works-row .income-works-col.income-compound::after {
  content: "";
  background: url(../../images/bu/investment/pension/works-arrow-right.svg) no-repeat 0px 0px/45px;
  position: absolute;
  right: -27px;
  top: 36px;
  display: inline-flex;
  width: 43px;
  height: 42px;
}
@media (max-width: 1024px) {
  .retire-income .income-works .icome-works-row .income-works-col.income-compound::after {
    background: url(../../images/bu/investment/pension/works-arrow-bottom.svg) no-repeat 0px 0px/45px;
    left: auto;
    right: 0;
    top: auto;
    z-index: 1;
    bottom: -28px;
  }
}
.retire-income .income-works .icome-works-row .income-works-col.income-withdraw {
  padding-left: 35px;
}
@media (max-width: 1024px) {
  .retire-income .income-works .icome-works-row .income-works-col.income-withdraw {
    padding-left: 70px;
  }
}
.retire-income .income-works .icome-works-row .income-works-col.income-withdraw::before {
  content: "";
  background: url(../../images/bu/investment/pension/income-withdraw-icon.svg) no-repeat 0px 0px/56px;
  position: absolute;
  left: -27px;
  top: 0;
  display: inline-flex;
  width: 56px;
  height: 111px;
}
.retire-income .income-works .icome-works-row .income-works-col.income-withdraw::after {
  content: "";
  background: url(../../images/bu/investment/pension/works-arrow-bottom.svg) no-repeat 0px 0px/45px;
  position: absolute;
  left: 38px;
  bottom: -33px;
  display: inline-flex;
  width: 43px;
  height: 42px;
}
@media (max-width: 1024px) {
  .retire-income .income-works .icome-works-row .income-works-col.income-withdraw::after {
    background: url(../../images/bu/investment/pension/works-arrow-bottom.svg) no-repeat 0px 0px/45px;
    left: auto;
    right: 0;
    top: auto;
    z-index: 1;
    bottom: -28px;
  }
}
.retire-income .income-works .icome-works-row .income-works-col.income-earn {
  padding-left: 57px;
}
@media (max-width: 1024px) {
  .retire-income .income-works .icome-works-row .income-works-col.income-earn {
    padding-left: 70px;
  }
}
.retire-income .income-works .icome-works-row .income-works-col.income-earn::before {
  content: "";
  background: url(../../images/bu/investment/pension/income-earn-icon.svg) no-repeat 0px 0px/142px;
  position: absolute;
  left: -90px;
  bottom: 0;
  display: inline-flex;
  width: 142px;
  height: 103px;
}
@media (max-width: 1024px) {
  .retire-income .income-works .icome-works-row .income-works-col.income-earn::before {
    left: -40px;
    bottom: 0;
    background-size: 109px;
    display: inline-flex;
    width: 109px;
    height: 79px;
  }
}
.retire-income .income-works .icome-works-row .income-works-col.income-earn::after {
  content: "";
  background: url(../../images/bu/investment/pension/works-arrow-left.svg) no-repeat 0px 0px/45px;
  position: absolute;
  right: -25px;
  top: 36px;
  display: inline-flex;
  width: 43px;
  height: 42px;
}
@media (max-width: 1024px) {
  .retire-income .income-works .icome-works-row .income-works-col.income-earn::after {
    background: url(../../images/bu/investment/pension/works-arrow-bottom.svg) no-repeat 0px 0px/45px;
    left: auto;
    right: 0;
    top: auto;
    z-index: 1;
    bottom: -28px;
  }
}
.retire-income .income-works .icome-works-row .income-works-col.income-protect {
  padding-left: 55px;
}
@media (max-width: 1024px) {
  .retire-income .income-works .icome-works-row .income-works-col.income-protect {
    padding-left: 70px;
  }
}
.retire-income .income-works .icome-works-row .income-works-col.income-protect::before {
  content: "";
  background: url(../../images/bu/investment/pension/income-protect-icon.svg) no-repeat 0px 0px/84px;
  position: absolute;
  left: -35px;
  bottom: 0;
  display: inline-flex;
  width: 84px;
  height: 107px;
}
.retire-income .income-works .icome-works-row .income-works-col .income-title {
  font-size: 16px;
  font-weight: 600;
  color: #253858;
  line-height: 38px;
}
.retire-income .income-works .icome-works-row .income-works-col .income-text {
  line-height: 26px;
  margin: 0;
}
.retire-income .corpus-utilization-row {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  margin: 0 0 10px;
}
@media screen and (max-width: 1024px) {
  .retire-income .corpus-utilization-row {
    flex-direction: column;
  }
}
.retire-income .corpus-utilization-row .corpus-utilization-col p {
  font-size: 16px;
  font-weight: bold;
  margin: 0;
  padding: 0 0 15px;
  color: #000;
}
.retire-income .corpus-utilization-row .corpus-utilization-col ul {
  list-style-type: disc;
  margin: 0;
  padding: 0 0 0 15px;
}
.retire-income .corpus-utilization-row .corpus-utilization-col ul li {
  font-size: 16px;
  color: #000;
  margin: 0px 0 15px 0;
  font-weight: bold;
}
.retire-income .corpus-utilization-row .corpus-utilization-col ul li span {
  font-weight: 500;
}
.retire-income .twolines p {
  padding: 2px 0;
  margin: 0;
}
.retire-income .your-retirement-income .yri-title {
  font-size: 16px;
  color: #253858;
  font-weight: bold;
  margin: 24px 0 0 0;
}

.what-is-annuity {
  padding: 40px 0;
  margin: 70px 0;
}
@media screen and (max-width: 1024px) {
  .what-is-annuity:has(#steps-to-get-a-3000-monthly-pension-1) .retirement-plan-feature-img {
    top: 33px;
  }
}
@media screen and (max-width: 1024px) {
  .what-is-annuity {
    padding: 30px 15px;
    margin: 40px 0;
    clear: both;
    position: relative;
  }
  .what-is-annuity h2#steps-to-get-a-3000-monthly-pension-1 {
    max-width: calc(100% - 80px);
  }
}
.what-is-annuity .types-of-annuity .heading-types-annuity {
  font-size: 24px;
  font-weight: 600;
  color: #253858;
  padding: 10px 0 0 0;
  display: flex;
}
.what-is-annuity .type-list {
  display: flex;
  justify-content: space-between;
}
.what-is-annuity .type-list .list-with-icon {
  padding: 0;
  margin: 10px 0 0 0;
  list-style: none;
  width: 50%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media screen and (max-width: 1024px) {
  .what-is-annuity .type-list .list-with-icon {
    width: 100%;
  }
}
.what-is-annuity .type-list .list-with-icon li {
  color: rgba(37, 56, 88, 0.9);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  width: 100%;
  display: block;
  position: relative;
  padding-left: 40px;
  margin: 0 0 24px;
}
@media screen and (max-width: 1024px) {
  .what-is-annuity .type-list .list-with-icon li {
    margin: 0;
  }
}
.what-is-annuity .type-list .list-with-icon li .count {
  background: #0065ff;
  display: inline-flex;
  width: 33px;
  height: 30px;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  color: #fff;
  position: absolute;
  left: 0;
  top: 7px;
}
.what-is-annuity .type-list .list-with-icon li .heading-annuity-list {
  color: #253858;
  display: block;
  margin: 13px 0 0 0;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.what-is-annuity .type-list .retirement-plan-feature-img {
  background: url(../../images/bu/investment/pension/retirement-plan-img.png) no-repeat 0 0/537px;
  width: 537px;
  height: 424px;
  position: sticky;
  top: 30px;
  display: flex;
}
@media screen and (max-width: 1024px) {
  .what-is-annuity .type-list .retirement-plan-feature-img {
    position: absolute;
    top: 0;
    right: 0;
    width: 74px;
    height: 59px;
    height: 59px;
    background-size: 74px;
  }
}

@media screen and (max-width: 1024px) {
  .how-annuity-works {
    padding: 0 15px;
  }
}
.how-annuity-works p {
  margin-top: 24px;
}
.how-annuity-works .phase-row {
  display: flex;
  padding: 20px 0 0 0;
  justify-content: space-between;
  gap: 40px;
}
@media screen and (max-width: 1024px) {
  .how-annuity-works .phase-row {
    gap: 16px;
    flex-direction: column;
  }
}
.how-annuity-works .phase-row .phase-col {
  box-shadow: 0px 12px 30px 17px rgba(0, 101, 255, 0.0392156863);
  border-radius: 10px;
  background: #fff;
}
.how-annuity-works .phase-row .phase-col::after {
  content: "";
  display: flex;
  width: 100%;
  height: 112px;
  position: relative;
  background: url(../../images/bu/investment/pension/accum-phase-icon.svg) no-repeat right 0/107px;
}
@media screen and (max-width: 1024px) {
  .how-annuity-works .phase-row .phase-col::after {
    width: 100%;
    height: 65px;
    background-size: 62px;
  }
}
.how-annuity-works .phase-row .phase-col + .phase-col::after {
  content: "";
  display: flex;
  width: 100%;
  height: 102px;
  position: relative;
  background: url(../../images/bu/investment/pension/payout-phase-icon.svg) no-repeat right 0/91px;
}
@media screen and (max-width: 1024px) {
  .how-annuity-works .phase-row .phase-col + .phase-col::after {
    width: 100%;
    height: 72px;
    background-size: 64px;
  }
}
.how-annuity-works .phase-row .phase-col .phase-heading {
  font-size: 18px;
  font-weight: 500;
  color: #000;
  border-bottom: 1px solid #DFE1E5;
  padding: 26px;
}
.how-annuity-works .phase-row .phase-col .phase-text {
  padding: 18px 26px 0px;
  margin: 0px;
}

.government-pension-schemes {
  padding: 50px 0;
  margin: 100px 0 0 0;
}
@media screen and (max-width: 1024px) {
  .government-pension-schemes {
    padding: 40px 15px;
  }
}
.government-pension-schemes .pension-schemes-row {
  display: flex;
  flex-wrap: wrap;
  gap: 25px;
  padding: 20px 0 0 0;
  justify-content: space-between;
}
@media screen and (max-width: 1024px) {
  .government-pension-schemes .pension-schemes-row {
    flex-direction: column;
  }
}
.government-pension-schemes .pension-schemes-row .pension-schemes-col {
  background: #fff;
  width: calc(50% - 13px);
  border: 1px solid #E5E7EB;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1019607843);
  border-radius: 14px;
  padding: 24px;
}
@media screen and (max-width: 1024px) {
  .government-pension-schemes .pension-schemes-row .pension-schemes-col {
    width: 100%;
  }
}
.government-pension-schemes .pension-schemes-row .pension-schemes-col .pension-schemes-1 {
  display: flex;
  gap: 12px;
}
.government-pension-schemes .pension-schemes-row .pension-schemes-col .pension-schemes-1 .pension-schemes-icon {
  min-width: 65px;
  height: 65px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 101, 255, 0.1019607843);
  border-radius: 8px;
}
.government-pension-schemes .pension-schemes-row .pension-schemes-col .pension-schemes-1 .pension-schemes-right .scheme-title {
  color: #253858;
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
}
.government-pension-schemes .pension-schemes-row .pension-schemes-col .pension-schemes-1 .pension-schemes-right p {
  padding: 4px 0;
  margin: 0px;
  line-height: 20px;
}
.government-pension-schemes .contribution-return-row {
  display: flex;
}
@media screen and (max-width: 1024px) {
  .government-pension-schemes .contribution-return-row {
    flex-direction: column;
  }
}
.government-pension-schemes .contribution-return-row {
  gap: 12px;
  margin: 16px 0;
}
.government-pension-schemes .contribution-return-row .contribution-return-col {
  background: #F9FAFB;
  padding: 12px;
  border-radius: 10px;
}
.government-pension-schemes .contribution-return-row .contribution-return-col .contribution-text {
  line-height: 16px;
  color: #253858;
  font-size: 12px;
}
.government-pension-schemes .contribution-return-row .contribution-return-col .contribution-amount {
  font-size: 14px;
  font-weight: 500;
  color: #253858;
  line-height: 20px;
  margin: 5px 0 0 0;
}
.government-pension-schemes .benefit-tags-row {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.government-pension-schemes .benefit-tags-row .benefits-tags {
  padding: 4px 12px;
  font-size: 12px;
  font-weight: 500;
  background: #F0FDF4;
  color: #008236;
  border-radius: 16px;
}
.government-pension-schemes .hidden-content {
  border-top: 1px solid #F3F4F6;
  padding: 18px 0 0;
  margin: 18px 0 0 0;
  font-size: 14px;
  line-height: 22px;
  color: #253858;
  display: none;
}
.government-pension-schemes .show-more-btn {
  text-align: center;
  padding: 10px 0 0 0;
  color: #155DFC;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  display: flex;
  justify-content: center;
}
.government-pension-schemes .show-more-btn::after {
  content: "";
  display: inline-flex;
  transform: rotate(-134deg);
  margin: 7px 0 0 7px;
  height: 6px;
  width: 6px;
  border-left: 2px solid #0065FF;
  border-top: 2px solid #0065FF;
}
.government-pension-schemes .show-more-btn.active::after {
  transform: rotate(45deg);
  margin-top: 10px;
}
.government-pension-schemes .show-more-btn span {
  color: #155DFC;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  display: inline-flex;
}

.private-pension-plans {
  margin: 80px 0;
}
@media screen and (max-width: 1024px) {
  .private-pension-plans {
    padding: 0 15px;
  }
}
.private-pension-plans .private-pension-row {
  display: flex;
  gap: 32px;
}
@media screen and (max-width: 1024px) {
  .private-pension-plans .private-pension-row {
    flex-direction: column;
  }
}
.private-pension-plans .private-pension-row .private-pension-col {
  box-shadow: 0px 0px 20px -3px rgba(0, 0, 0, 0.1019607843);
  padding: 32px;
  border-radius: 10px;
  border-bottom: 3px solid #155DFC;
}
.private-pension-plans .private-pension-row .private-pension-col + .private-pension-col {
  border-bottom: 3px solid #00A63E;
}
.private-pension-plans .private-pension-row .private-pension-col + .private-pension-col .topicon-ulip {
  background: linear-gradient(135deg, #00C950 0%, #00A63E 100%);
}
.private-pension-plans .private-pension-row .private-pension-col .topicon-ulip {
  width: 64px;
  height: 64px;
  display: flex;
  background: linear-gradient(135deg, #2B7FFF 0%, #155DFC 100%);
  border-radius: 14px;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1019607843);
}
.private-pension-plans .private-pension-row .private-pension-col .heading {
  margin: 24px 0 0 0;
  font-size: 24px;
  font-weight: 700;
  color: #0F172B;
}

.eligibility-criteria-1 {
  background: #F9F5FF;
  padding: 35px 0;
}
@media screen and (max-width: 1024px) {
  .eligibility-criteria-1 {
    padding: 30px 15px;
  }
}
.eligibility-criteria-1 .line-heading + p {
  width: calc(100% - 90px);
}
@media screen and (max-width: 1024px) {
  .eligibility-criteria-1 .line-heading + p {
    width: 100%;
  }
}
.eligibility-criteria-1 .sliderRoot .sliderWrapper .arrows {
  top: -36px;
}
.eligibility-criteria-1 .sliderRoot .sliderWrapper .arrows.style-1 .arrow-right {
  right: -1106px;
}
.eligibility-criteria-1 .sliderRoot .sliderWrapper .arrows.style-1 .arrow-left {
  left: auto;
  right: -1068px;
}
.eligibility-criteria-1 .grid-center {
  max-width: 1170px;
}
.eligibility-criteria-1 .slide-wrapper {
  display: flex;
  gap: 0px;
}
@media screen and (max-width: 1024px) {
  .eligibility-criteria-1 .slide-wrapper {
    overflow: hidden;
  }
}
.eligibility-criteria-1 .slide-wrapper .slide-box {
  background: white;
  padding: 24px;
  width: 33%;
  border-radius: 14px;
  border: 1px solid #DEE3F0;
}
.eligibility-criteria-1 .slide-wrapper .slide-box .num-count {
  font-size: 16px;
  font-weight: 600;
  background: #F3EAFF;
  padding: 6px;
  border-radius: 4px;
  color: #8A5FC5;
}
.eligibility-criteria-1 .slide-wrapper .slide-box .ec-title {
  color: #253858;
  font-size: 16px;
  margin: 14px 0 6px;
  font-weight: 600;
  line-height: 30px;
}
.eligibility-criteria-1 .slide-wrapper .slide-box p {
  margin: 0;
  padding: 0;
  color: rgba(37, 56, 88, 0.8901960784);
  font-size: 14px;
  line-height: 22px;
}
.eligibility-criteria-1 .custom-slider-container {
  margin-bottom: 0px;
  width: 100%;
  overflow: hidden;
  border-radius: 12px;
  border: none;
  padding: 30px 0 24px 0px;
  position: relative;
}
.eligibility-criteria-1 .custom-slider-container .custom-slider-heading {
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 16px;
  position: relative;
  display: flex;
  align-items: CENTER;
}
.eligibility-criteria-1 .custom-slider-container .custom-slider-heading::before {
  content: "";
  background: url(../../images/bu/investment/child-investment-heading-icon.svg);
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 8px;
  display: none;
}
.eligibility-criteria-1 .custom-slider-container .custom-slider {
  display: flex;
  align-items: inherit;
}
.eligibility-criteria-1 .custom-slider-container .custom-slider::-webkit-scrollbar {
  display: none;
}
.eligibility-criteria-1 .custom-slider-container .custom-slider .custom-slide {
  margin-right: 10px;
  max-width: 345px;
  flex-shrink: 0;
  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  padding: 16px;
  height: auto;
}
.eligibility-criteria-1 .custom-slider-container .custom-slider .custom-slide .icon {
  width: 30px;
  height: 30px;
  background-size: 100%;
}
.eligibility-criteria-1 .custom-slider-container .custom-slider .custom-slide .icon.icon-1 {
  background: url(../../images/bu/investment/child-investment-slider-icon-1-new.svg);
}
.eligibility-criteria-1 .custom-slider-container .custom-slider .custom-slide .icon.icon-2 {
  background: url(../../images/bu/investment/child-investment-slider-icon-2-new.svg);
}
.eligibility-criteria-1 .custom-slider-container .custom-slider .custom-slide .icon.icon-3 {
  background: url(../../images/bu/investment/child-investment-slider-icon-3-new.svg);
}
.eligibility-criteria-1 .custom-slider-container .custom-slider .custom-slide .icon.icon-4 {
  background: url(../../images/bu/investment/child-investment-slider-icon-4-new.svg);
}
.eligibility-criteria-1 .custom-slider-container .custom-slider .custom-slide .icon.icon-5 {
  background: url(../../images/bu/investment/child-investment-slider-icon-5-new.svg);
}
.eligibility-criteria-1 .custom-slider-container .custom-slider .custom-slide .icon.icon-6 {
  background: url(../../images/bu/investment/child-investment-slider-icon-6-new.svg);
}
.eligibility-criteria-1 .custom-slider-container .custom-slider .custom-slide .heading {
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin: 8px 0;
}
.eligibility-criteria-1 .custom-slider-container .custom-slider .custom-slide .description {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.eligibility-criteria-1 .custom-slider-container .custom-slider .custom-slide.pointers-list {
  border: 1px solid rgba(0, 101, 255, 0.12);
  background: rgba(0, 101, 255, 0.1);
  padding: 13px 20px 12px 19px;
}
.eligibility-criteria-1 .custom-slider-container .custom-slider .custom-slide.pointers-list .pointers {
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin: 0 0 8px !important;
  position: relative;
  padding-left: 15px;
}
.eligibility-criteria-1 .custom-slider-container .custom-slider .custom-slide.pointers-list .pointers:last-of-type {
  margin: 0 !important;
}
.eligibility-criteria-1 .custom-slider-container .custom-slider .custom-slide.pointers-list .pointers::before {
  display: inline-block;
  transform: rotate(45deg);
  height: 10px;
  width: 5px;
  margin-left: 0;
  border-bottom: 2px solid #0065ff;
  border-right: 2px solid #0065ff;
  position: absolute;
  left: 0;
  content: "";
  top: 4px;
}
.eligibility-criteria-1 .custom-slider-container .arrows {
  position: absolute;
  right: 0px;
  top: 0px;
  display: flex;
  align-items: CENTER;
  width: 45px;
  justify-content: space-between;
}
.eligibility-criteria-1 .custom-slider-container .arrows .arrow-left {
  border-radius: 20px;
  border: 1px solid #0065ff;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: CENTER;
  justify-content: center;
  cursor: pointer;
}
.eligibility-criteria-1 .custom-slider-container .arrows .arrow-left i {
  border: solid #0065ff;
  border-width: 0 0 1px 1px;
  display: inline-block;
  padding: 2px;
  transform: rotate(45deg);
  transition: all 0.2s ease-out;
}
.eligibility-criteria-1 .custom-slider-container .arrows .arrow-right {
  border-radius: 20px;
  border: 1px solid #0065ff;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: CENTER;
  justify-content: center;
  cursor: pointer;
}
.eligibility-criteria-1 .custom-slider-container .arrows .arrow-right i {
  border: solid #0065ff;
  border-width: 1px 1px 0 0;
  display: inline-block;
  padding: 2px;
  transform: rotate(45deg);
  transition: all 0.2s ease-out;
}

.eligibility-criteria-pension-2 {
  margin: 80px 0;
}
@media screen and (max-width: 1024px) {
  .eligibility-criteria-pension-2 {
    padding: 0 15px;
    margin: 50px 0;
  }
}
@media screen and (max-width: 1024px) {
  .eligibility-criteria-pension-2 .line-heading {
    text-align: center;
  }
  .eligibility-criteria-pension-2 .line-heading::after {
    margin: 8px auto 0 auto;
  }
}
.eligibility-criteria-pension-2 .eligibility-criteria-row {
  display: flex;
  gap: 24px;
  padding: 20px 0 0 0;
}
@media screen and (max-width: 1024px) {
  .eligibility-criteria-pension-2 .eligibility-criteria-row {
    flex-direction: column;
    gap: 14px;
  }
}
.eligibility-criteria-pension-2 .eligibility-criteria-row .eligibility-criteria-col {
  background: #fff;
  box-shadow: 0px 12px 30px 17px rgba(0, 101, 255, 0.0392156863);
  padding: 0 16px 16px;
  border-radius: 10px;
  width: 33%;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .eligibility-criteria-pension-2 .eligibility-criteria-row .eligibility-criteria-col {
    width: 100%;
  }
}
.eligibility-criteria-pension-2 .eligibility-criteria-row .eligibility-criteria-col .ec-box-title {
  color: #253858;
  font-weight: 600;
  margin: 5px 0 2px;
}
.eligibility-criteria-pension-2 .eligibility-criteria-row .eligibility-criteria-col p {
  margin: 0;
  padding: 0;
  line-height: 22px;
}

@media screen and (max-width: 1024px) {
  .who-should-buy {
    padding: 20px 15px 0;
    position: relative;
  }
}
.who-should-buy .should-buy-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
@media screen and (max-width: 1024px) {
  .who-should-buy .should-buy-row {
    flex-direction: column;
  }
}
@media screen and (max-width: 1024px) {
  .who-should-buy .line-heading {
    max-width: 80%;
  }
}
.who-should-buy .should-buy-col {
  display: flex;
  box-shadow: 0px 0px 24px 0px rgba(37, 56, 88, 0.0784313725);
  background: #fff;
  padding: 25px 0px 25px 25px;
  border-radius: 24px;
  max-width: 672px;
}
.who-should-buy .should-buy-col .buy-lists {
  margin: 0;
  overflow-y: auto;
  padding: 0 40px 0 0;
  list-style: none;
  max-height: 540px;
}
.who-should-buy .should-buy-col .buy-lists::-webkit-scrollbar {
  width: 5px;
}
.who-should-buy .should-buy-col .buy-lists::-webkit-scrollbar-thumb {
  background-color: #bcceea;
  outline: none;
  border-radius: 10px;
}
.who-should-buy .should-buy-col .buy-lists li {
  margin-bottom: 30px;
}
.who-should-buy .should-buy-col .buy-lists li .buy-row {
  display: flex;
}
.who-should-buy .should-buy-col .buy-lists li .buy-row .buy-count {
  background: rgba(0, 101, 255, 0.1019607843);
  height: 30px;
  color: #0065FF;
  width: 30px;
  min-width: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  border-radius: 50%;
}
.who-should-buy .should-buy-col .buy-lists li .buy-row .buy-text {
  margin: 0 0 0 14px;
}
.who-should-buy .should-buy-col .buy-lists li .buy-row .buy-text .text-1 {
  color: #253858;
  font-size: 14px;
  font-weight: 500;
}
.who-should-buy .should-buy-col .buy-lists li .buy-row .buy-text .text-2 {
  font-size: 14px;
  line-height: 26px;
  color: rgba(37, 56, 88, 0.8);
}
.who-should-buy .should-buy-col .buy-lists li .example-text {
  background: #F0F6FF;
  border-radius: 10px;
  line-height: 26px;
  color: rgba(37, 56, 88, 0.8);
  padding: 8px 16px 8px 42px;
  margin: 16px 0 0 0;
}
@media screen and (max-width: 1024px) {
  .who-should-buy .buy-right-img {
    position: absolute;
    right: 0;
    top: 0;
  }
}
.who-should-buy .buy-right-img::after {
  content: "";
  display: inline-flex;
  width: 379px;
  margin: 0 0 0 13px;
  height: 544px;
  background: url(../../images/bu/investment/pension/who-should-buy-img.png) no-repeat right bottom/379px;
}
@media screen and (max-width: 1024px) {
  .who-should-buy .buy-right-img::after {
    background-size: 86%;
    width: 84px;
    height: 100px;
    right: 0;
    position: absolute;
  }
}

.right-time-to-start {
  padding: 60px 0;
  background: #F5F7FA;
  margin: 100px 0;
}
@media screen and (max-width: 1024px) {
  .right-time-to-start {
    padding: 30px 15px;
  }
}
@media screen and (max-width: 1024px) {
  .right-time-to-start .block_content_wrapper {
    padding: 0px;
    background: transparent;
  }
}
.right-time-to-start .no-line-heading {
  font-size: 24px;
  font-weight: 600;
  color: #253858;
  padding: 10px 0 0;
}
.right-time-to-start .no-line-heading .text-rts {
  margin: 12px 0;
  font-weight: 600;
  color: #253858;
}
.right-time-to-start .retirement-planning .widget-one-retirement-plan .heading-tab-list {
  background: #fff;
  width: 26%;
  border-radius: 16px;
  box-shadow: 0px 4px 16px 0px rgba(0, 101, 255, 0.0784313725);
}
@media screen and (max-width: 1024px) {
  .right-time-to-start .retirement-planning .widget-one-retirement-plan .heading-tab-list {
    width: 100%;
    background: transparent;
    box-shadow: none;
  }
}
.right-time-to-start .retirement-planning .widget-one-retirement-plan .heading-tab-list .tab .tab-links {
  padding: 16px 20px;
  height: auto;
  margin: 11px 0;
  justify-content: flex-start;
  position: relative;
  width: 100%;
  border-radius: 14px;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1019607843);
}
@media screen and (max-width: 1024px) {
  .right-time-to-start .retirement-planning .widget-one-retirement-plan .heading-tab-list .tab .tab-links {
    margin-right: 10px;
    font-size: 14px;
    white-space: nowrap;
    padding: 10px 6px;
    min-width: 159px;
    background: #fff;
  }
}
.right-time-to-start .retirement-planning .widget-one-retirement-plan .heading-tab-list .tab .tab-links.active {
  background: linear-gradient(90deg, #2B7FFF 0%, #00B8DB 100%);
  color: #fff;
  align-items: flex-start;
}
.right-time-to-start .retirement-planning .widget-one-retirement-plan .heading-tab-list .tab .tab-links.active .for-ages-icon {
  background: rgba(255, 255, 255, 0.2);
}
.right-time-to-start .retirement-planning .widget-one-retirement-plan .heading-tab-list .tab .tab-links.active .for-ages-icon img {
  filter: brightness(0) invert(1);
}
.right-time-to-start .retirement-planning .widget-one-retirement-plan .heading-tab-list .tab .tab-links.active .for-ages-icon + img {
  filter: brightness(0) invert(1);
  top: 26px;
}
@media screen and (max-width: 1024px) {
  .right-time-to-start .retirement-planning .widget-one-retirement-plan .heading-tab-list .tab .tab-links.active .for-ages-icon + img {
    top: 15px;
  }
}
.right-time-to-start .retirement-planning .widget-one-retirement-plan .heading-tab-list .tab .tab-links.active .active-content {
  display: block;
}
@media screen and (max-width: 1024px) {
  .right-time-to-start .retirement-planning .widget-one-retirement-plan .heading-tab-list .tab .tab-links.active .active-content {
    display: none;
  }
}
.right-time-to-start .retirement-planning .widget-one-retirement-plan .heading-tab-list .tab .tab-links .for-ages-icon {
  width: 40px;
  height: 40px;
  display: inline-flex;
  margin: 0 12px 0 0;
  align-items: center;
  justify-content: center;
  background: #F1F5F9;
  border-radius: 10px;
}
@media screen and (max-width: 1024px) {
  .right-time-to-start .retirement-planning .widget-one-retirement-plan .heading-tab-list .tab .tab-links .for-ages-icon {
    width: 24px;
    height: 24px;
    border-radius: 4px;
    margin: 0 6px 0 0;
  }
  .right-time-to-start .retirement-planning .widget-one-retirement-plan .heading-tab-list .tab .tab-links .for-ages-icon img {
    width: 12px;
    height: 12px;
  }
}
.right-time-to-start .retirement-planning .widget-one-retirement-plan .heading-tab-list .tab .tab-links .for-ages-icon + img {
  position: absolute;
  right: 22px;
}
@media screen and (max-width: 1024px) {
  .right-time-to-start .retirement-planning .widget-one-retirement-plan .heading-tab-list .tab .tab-links .for-ages-icon + img {
    width: 16px;
    height: 16px;
    right: 6px;
  }
}
.right-time-to-start .retirement-planning .widget-one-retirement-plan .heading-tab-list .tab .tab-links .active-content {
  position: absolute;
  width: auto;
  top: 50px;
  font-size: 12px;
  font-weight: 500;
  left: 73px;
  display: none;
  text-align: left;
  top: 37px;
}
.right-time-to-start .retirement-planning .widget-one-retirement-plan:has(button.active[rel=tab-1]), .right-time-to-start .retirement-planning .widget-one-retirement-plan:has(button.active[rel=tab-2]), .right-time-to-start .retirement-planning .widget-one-retirement-plan:has(button.active[rel=tab-3]), .right-time-to-start .retirement-planning .widget-one-retirement-plan:has(button.active[rel=tab-4]) {
  background: transparent;
}
.right-time-to-start .retirement-planning .widget-one-retirement-plan .tab-content-section {
  box-shadow: 0px 4px 16px 0px rgba(0, 101, 255, 0.0784313725);
  border-radius: 16px;
}
@media screen and (max-width: 1024px) {
  .right-time-to-start .retirement-planning .widget-one-retirement-plan .tab-content-section {
    margin-top: 20px;
    padding: 0 12px;
  }
}
.right-time-to-start .retirement-planning .widget-one-retirement-plan .tab-content-section .tab-content .ages-tag {
  background: linear-gradient(90deg, #2B7FFF 0%, #00B8DB 100%);
  display: inline-flex;
  color: #fff;
  font-weight: 500;
  font-size: 14px;
  border-radius: 20px;
  padding: 8px 20px 9px;
  position: absolute;
  right: 20px;
  top: 25px;
}
@media screen and (max-width: 767px) {
  .right-time-to-start .retirement-planning .widget-one-retirement-plan .tab-content-section .tab-content .ages-tag {
    right: 15px;
    padding: 8px 10px 9px;
  }
}
.right-time-to-start .retirement-planning .widget-one-retirement-plan .tab-content-section .tab-content .ages-tag::before {
  content: "";
  display: inline-flex;
  margin: 2px 8px 0 0;
  background: url(../../images/bu/investment/pension/for-ages-icon-1-white.svg) no-repeat 0 0/16px;
  width: 16px;
  height: 16px;
}
.right-time-to-start .retirement-planning .widget-one-retirement-plan .tab-content-section .tab-content .button-view-plans {
  border-radius: 4px;
}
@media screen and (max-width: 767px) {
  .right-time-to-start .retirement-planning .widget-one-retirement-plan .tab-content-section .tab-content .button-view-plans {
    position: relative;
    margin: 20px 0 0 0;
  }
}
.right-time-to-start .retirement-planning .widget-one-retirement-plan .tab-content-section #tab-1,
.right-time-to-start .retirement-planning .widget-one-retirement-plan .tab-content-section #tab-2,
.right-time-to-start .retirement-planning .widget-one-retirement-plan .tab-content-section #tab-3,
.right-time-to-start .retirement-planning .widget-one-retirement-plan .tab-content-section #tab-4 {
  background: #fff;
  border-radius: 16px;
  padding: 10px 30px;
}
@media screen and (max-width: 767px) {
  .right-time-to-start .retirement-planning .widget-one-retirement-plan .tab-content-section #tab-1,
  .right-time-to-start .retirement-planning .widget-one-retirement-plan .tab-content-section #tab-2,
  .right-time-to-start .retirement-planning .widget-one-retirement-plan .tab-content-section #tab-3,
  .right-time-to-start .retirement-planning .widget-one-retirement-plan .tab-content-section #tab-4 {
    padding: 10px 15px;
  }
}
.right-time-to-start .retirement-planning .widget-one-retirement-plan .tab-content-section #tab-1 .text-detail::after,
.right-time-to-start .retirement-planning .widget-one-retirement-plan .tab-content-section #tab-2 .text-detail::after,
.right-time-to-start .retirement-planning .widget-one-retirement-plan .tab-content-section #tab-3 .text-detail::after,
.right-time-to-start .retirement-planning .widget-one-retirement-plan .tab-content-section #tab-4 .text-detail::after {
  display: none;
}
.right-time-to-start .retirement-planning .widget-one-retirement-plan .tab-content-section .text-detail {
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.right-time-to-start .retirement-planning .widget-one-retirement-plan .tab-content-section .text-detail h3 {
  font-size: 32px;
  width: calc(100% - 115px);
  line-height: 60px;
  color: #253858;
  margin: 0;
}
@media screen and (max-width: 1024px) {
  .right-time-to-start .retirement-planning .widget-one-retirement-plan .tab-content-section .text-detail h3 {
    font-size: 16px;
    line-height: 24px;
    display: flex;
    min-height: 60px;
    align-items: center;
  }
}
.right-time-to-start .retirement-planning .widget-one-retirement-plan .tab-content-section .text-detail li {
  list-style: none;
  width: 30%;
  color: #253858;
  line-height: 26px;
  padding-left: 34px;
  font-size: 14px;
  background: url(../../images/bu/investment/pension/tab-list-icon-pension.svg) no-repeat left 3px/24px;
}
@media screen and (max-width: 767px) {
  .right-time-to-start .retirement-planning .widget-one-retirement-plan .tab-content-section .text-detail li {
    width: 100%;
  }
}

.tax-benefits-india p {
  max-width: 650px;
  margin: 12px 0 0 0;
}
@media screen and (max-width: 1024px) {
  .tax-benefits-india {
    padding: 0px 15px;
  }
}
.tax-benefits-india .line-heading {
  max-width: 85%;
}
.tax-benefits-india .tax-benefits-row {
  position: relative;
}
.tax-benefits-india .tax-benefits-row::after {
  content: "";
  position: absolute;
  display: flex;
  width: 325px;
  height: 427px;
  top: -90px;
  right: 0;
  background: url(../../images/bu/investment/pension/tax-benefits-india-img.png) no-repeat 0 0/325px;
}
@media screen and (max-width: 1024px) {
  .tax-benefits-india .tax-benefits-row::after {
    width: 57px;
    height: 101px;
    top: -226px;
    right: -13px;
    background-size: 100%;
  }
}
.tax-benefits-india .tax-benefits-row .benefit-india {
  display: flex;
  max-width: 650px;
  gap: 35px 50px;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 32px 0 0 0;
}
.tax-benefits-india .tax-benefits-row .benefit-india li {
  width: calc(50% - 50px);
}
@media screen and (max-width: 1024px) {
  .tax-benefits-india .tax-benefits-row .benefit-india li {
    width: 100%;
  }
}
.tax-benefits-india .tax-benefits-row .benefit-india li .section-text {
  color: #253858;
  font-size: 16px;
  background: url(../../images/bu/investment/pension/section-arrow.svg) no-repeat 0 0/22px;
  font-weight: 600;
  min-height: 22px;
  padding: 0 0 0 38px;
}

.factor-consider .fd-key-highlights {
  margin: 50px 0 0px;
  position: relative;
  border-radius: 10px;
  background: rgba(0, 101, 255, 0.05);
  padding: 40px 45px 20px;
}
@media screen and (max-width: 1024px) {
  .factor-consider .fd-key-highlights {
    padding: 40px 15px 20px;
  }
}
.factor-consider .fd-key-highlights .moreplans::before {
  content: "";
  position: absolute;
  border: solid #0065ff;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transition: all 0.2s ease-out;
  margin: 0 0 3px 5px;
  margin-left: 10px;
  right: 20px;
}
.factor-consider .fd-key-highlights.full .key-highlight li {
  display: flex;
}
.factor-consider .fd-key-highlights .key-highlight {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 44px;
  padding: 0;
  margin: 30px 0 0 0;
  justify-content: flex-start;
}
@media (max-width: 980px) {
  .factor-consider .fd-key-highlights .key-highlight {
    padding: 15px 15px 0px;
    gap: 32px;
    margin-bottom: 40px;
  }
}
.factor-consider .fd-key-highlights .key-highlight li {
  width: calc(33.33% - 45px);
  position: relative;
  display: none;
  padding-left: 64px;
  flex-direction: column;
  min-height: 60px;
}
.factor-consider .fd-key-highlights .key-highlight li:nth-child(-n+6) {
  display: flex;
}
@media (max-width: 980px) {
  .factor-consider .fd-key-highlights .key-highlight li {
    width: 100%;
    display: none;
  }
}
@media (max-width: 980px) {
  .factor-consider .fd-key-highlights .key-highlight li:nth-child(-n+4) {
    display: flex;
  }
}
.factor-consider .fd-key-highlights .key-highlight li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 8px;
  width: 50px;
  height: 50px;
  display: flex;
  background: linear-gradient(135deg, #6E68FF 1%, #3967FF 100%);
}
.factor-consider .fd-key-highlights .key-highlight li .key-title {
  font-size: 16px;
  font-weight: 600;
  color: #000;
}
.factor-consider .fd-key-highlights .key-highlight li p {
  font-size: 14px;
  color: rgba(37, 56, 88, 0.8);
  padding: 0;
  line-height: 26px;
  margin: 4px 0 0 0;
}
.factor-consider .fd-key-highlights .key-highlight li p sup {
  font-size: 12px;
}
.factor-consider .fd-key-highlights .key-highlight li span {
  position: absolute;
  left: 0;
  display: flex;
  top: 0;
  align-items: center;
  justify-content: center;
  height: 50px;
  width: 50px;
}
.factor-consider .fd-key-highlights.full .moreplans::after {
  content: "Read Less";
}
.factor-consider .fd-key-highlights.full .moreplans::before {
  top: 20px;
  transform: rotate(-135deg);
}
.factor-consider .fd-key-highlights .moreplans {
  display: flex;
  position: relative;
  bottom: 0px;
  left: 0;
  right: 0;
  text-align: center;
  color: #0065ff;
  width: 152px;
  height: 42px;
  margin: 20px auto 0;
  justify-content: center;
  align-items: center;
  font-size: 0px;
  font-weight: 500;
  border-radius: 6px;
  border: 1px solid #0065ff;
  cursor: pointer;
}
@media (max-width: 980px) {
  .factor-consider .fd-key-highlights .moreplans {
    display: flex;
    height: 46px;
    width: 146px;
    margin: 20px auto 0 auto;
    bottom: 0px;
  }
}
.factor-consider .fd-key-highlights .moreplans::after {
  font-size: 16px;
  color: #0065ff;
  content: "Read More";
  text-align: center;
  width: 90%;
  position: absolute;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.factor-consider .fd-key-highlights .key-disclaimer {
  font-size: 12px;
  margin: 12px 0;
}

.eligibility-criteria-pension-2.charges-applicable .eligibility-criteria-row .eligibility-criteria-col {
  border-radius: 16px;
}
.eligibility-criteria-pension-2.charges-applicable .eligibility-criteria-row .eligibility-criteria-col:has(.active) p {
  text-overflow: inherit;
  -webkit-line-clamp: inherit;
}
.eligibility-criteria-pension-2.charges-applicable .eligibility-criteria-row .eligibility-criteria-col p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-height: 26px;
  margin: 10px 0 20px;
  -webkit-box-orient: vertical;
}
.eligibility-criteria-pension-2.charges-applicable .eligibility-criteria-row .eligibility-criteria-col span {
  display: block;
}
.eligibility-criteria-pension-2.charges-applicable .eligibility-criteria-row .eligibility-criteria-col .ec-box-title {
  font-weight: 500;
}
.eligibility-criteria-pension-2.charges-applicable .eligibility-criteria-row .eligibility-criteria-col .view-more-btn {
  display: flex;
  align-items: center;
  justify-content: center;
}
.eligibility-criteria-pension-2.charges-applicable .eligibility-criteria-row .eligibility-criteria-col .view-more-btn a, .eligibility-criteria-pension-2.charges-applicable .eligibility-criteria-row .eligibility-criteria-col .view-more-btn .view-more {
  color: #0065FF;
  font-weight: 600;
  cursor: pointer;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.eligibility-criteria-pension-2.charges-applicable .eligibility-criteria-row .eligibility-criteria-col .view-more-btn a::after, .eligibility-criteria-pension-2.charges-applicable .eligibility-criteria-row .eligibility-criteria-col .view-more-btn .view-more::after {
  content: "";
  width: 16px;
  margin: 0 0 0 4px;
  height: 16px;
  background: url(../../images/bu/investment/pension/arrow-read-more.svg) no-repeat 0px 0px/16px;
}

.how-to-calculate {
  position: relative;
}
@media screen and (max-width: 1024px) {
  .how-to-calculate {
    padding: 0 15px;
  }
}
@media screen and (max-width: 1024px) {
  .how-to-calculate .line-heading {
    max-width: 85%;
  }
}
.how-to-calculate .sml-heading {
  color: rgb(37, 56, 88);
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  margin: 10px 0 24px;
}
.how-to-calculate .how-to-calculate-row {
  display: flex;
  gap: 48px;
}
.how-to-calculate .how-to-calculate-row .how-to-calculate-left {
  width: 100%;
  max-width: 570px;
}
.how-to-calculate .how-to-calculate-row .how-to-calculate-left .need-retire-wrapper {
  background: rgba(0, 101, 255, 0.05);
  border-radius: 10px;
  padding: 10px 8px;
}
.how-to-calculate .how-to-calculate-row .how-to-calculate-left .need-retire-wrapper .need-retire-box {
  background: #fff;
  border-radius: 10px;
  padding: 10px 5px;
}
.how-to-calculate .how-to-calculate-row .how-to-calculate-left .need-retire-wrapper .need-retire-box .need-retire-list {
  gap: 30px;
  border-radius: 10px;
  display: flex;
  background: rgba(0, 101, 255, 0.03);
  padding: 14px 28px;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 10px;
}
.how-to-calculate .how-to-calculate-row .how-to-calculate-left .need-retire-wrapper .need-retire-box .need-retire-list .need-list-left {
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  color: rgb(37, 56, 88);
}
.how-to-calculate .how-to-calculate-row .how-to-calculate-left .need-retire-wrapper .need-retire-box .need-retire-list .need-list-right {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  min-width: 180px;
  color: rgb(37, 56, 88);
}
@media screen and (max-width: 1024px) {
  .how-to-calculate .how-to-calculate-row .how-to-calculate-left .need-retire-wrapper .need-retire-box .need-retire-list .need-list-right {
    min-width: 100px;
  }
}
.how-to-calculate .how-to-calculate-row .how-to-calculate-right-image {
  width: 442px;
  background: url(../../images/bu/investment/pension/calculate-returns-img.png) no-repeat center bottom/100%;
}
@media screen and (max-width: 1024px) {
  .how-to-calculate .how-to-calculate-row .how-to-calculate-right-image {
    width: 70px;
    height: 90px;
    top: -16px;
    position: absolute;
    right: 0px;
    background-size: 100%;
  }
}
.how-to-calculate .retirement-planning-2 {
  margin: 22px 0 0 0;
}
.how-to-calculate .retirement-planning-2 .planning-box-main {
  background: rgb(233, 243, 249);
  padding: 12px 15px;
  border-radius: 10px;
}
.how-to-calculate .retirement-planning-2 .planning-box-main + .planning-box-main {
  background: rgb(242, 251, 243);
  margin: 24px 0 0 0;
}
.how-to-calculate .retirement-planning-2 .planning-box-main + .planning-box-main .planning-box .rp-title {
  background: url(../../images/bu/investment/pension/calendar-calculate-icon.svg) no-repeat 0 0/24px;
}
.how-to-calculate .retirement-planning-2 .planning-box-main + .planning-box-main .planning-box .blu-bg-tag-row {
  margin: 0;
  padding: 0px;
}
.how-to-calculate .retirement-planning-2 .planning-box-main + .planning-box-main .planning-box .blu-bg-tag-row .blu-bg-tag {
  background: rgb(242, 251, 243);
  font-size: 18px;
  font-weight: bold;
}
.how-to-calculate .retirement-planning-2 .planning-box-main .planning-box {
  padding: 15px 17px;
  background: #fff;
  border-radius: 10px;
}
.how-to-calculate .retirement-planning-2 .planning-box-main .planning-box .rp-title {
  font-weight: 500;
  padding: 3px 0 3px 32px;
  color: rgb(37, 56, 88);
  font-size: 18px;
  background: url(../../images/bu/investment/pension/estimated-monthly-icon.svg) no-repeat 0 0/24px;
}
.how-to-calculate .retirement-planning-2 .planning-box-main .planning-box .ball-tags-row {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  max-width: 745px;
}
@media screen and (max-width: 1024px) {
  .how-to-calculate .retirement-planning-2 .planning-box-main .planning-box .ball-tags-row {
    flex-direction: column;
  }
}
.how-to-calculate .retirement-planning-2 .planning-box-main .planning-box .ball-tags-row .ball-tag-col {
  color: rgb(37, 56, 88);
  font-size: 14px;
  font-weight: 400;
  display: flex;
  align-items: center;
}
.how-to-calculate .retirement-planning-2 .planning-box-main .planning-box .ball-tags-row .ball-tag-col::before {
  content: "";
  border-radius: 50%;
  width: 4px;
  margin: 0 3px 0 0;
  height: 4px;
  background: rgb(37, 56, 88);
  display: inline-flex;
}
.how-to-calculate .retirement-planning-2 .planning-box-main .planning-box .ball-tags-row .ball-tag-col strong {
  font-size: 16px;
  margin: 0 0 0 4px;
}
.how-to-calculate .retirement-planning-2 .planning-box-main .planning-box .blu-bg-tag-row {
  display: flex;
  gap: 10px;
  padding: 27px 0 0 0;
  flex-wrap: wrap;
}
.how-to-calculate .retirement-planning-2 .planning-box-main .planning-box .blu-bg-tag-row .blu-bg-tag {
  background: rgb(241, 247, 255);
  padding: 15px 12px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 10px;
  color: rgb(37, 56, 88);
}
.how-to-calculate .retirement-planning-2 .planning-box-main .planning-box .blu-bg-tag-row .blu-bg-tag span {
  font-weight: 400;
}
.how-to-calculate .retirement-planning-2 .planning-box-main .planning-box .blu-bg-tag-row .blu-bg-tag strong {
  font-size: 14px;
  font-weight: 600;
}

.retirement-pension-calculator {
  margin: 80px 0;
}
@media screen and (max-width: 1024px) {
  .retirement-pension-calculator {
    padding: 0 15px;
  }
}
.retirement-pension-calculator .corpus-calculator {
  padding: 35px 0;
}
@media screen and (max-width: 1024px) {
  .retirement-pension-calculator .corpus-calculator {
    padding: 5px 12px;
    margin: 0 -13px;
  }
}

@media screen and (max-width: 1024px) {
  .steps-to-buy {
    padding: 0 15px;
  }
}
@media screen and (max-width: 1024px) {
  .steps-to-buy .section-3 .note.with-bg {
    background: transparent;
    padding: 0;
    margin: 0;
    text-align: left;
  }
}
.steps-to-buy .section-3 .section-3-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 46px 0 0;
}
@media screen and (max-width: 1024px) {
  .steps-to-buy .section-3 .section-3-list {
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 24px auto 0;
    max-width: 330px;
    overflow: hidden;
  }
}
.steps-to-buy .section-3 .section-3-list .type {
  width: 31%;
  margin: 0 36px 46px 0;
  text-align: center;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .steps-to-buy .section-3 .section-3-list .type + .type {
    margin-top: 124px;
  }
  .steps-to-buy .section-3 .section-3-list .type + .type + .type {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .steps-to-buy .section-3 .section-3-list .type + .type + .type + .type {
    margin-top: 195px;
    align-items: flex-end;
  }
  .steps-to-buy .section-3 .section-3-list .type + .type + .type + .type + .type {
    margin-top: 0px;
    position: relative;
    top: -30px;
    align-items: flex-start;
  }
  .steps-to-buy .section-3 .section-3-list .type + .type + .type + .type + .type img {
    margin: 0 0 0 30px;
  }
}
.steps-to-buy .section-3 .section-3-list .type:nth-child(3n) {
  margin-right: 0;
}
.steps-to-buy .section-3 .section-3-list .type:nth-child(1)::after, .steps-to-buy .section-3 .section-3-list .type:nth-child(2)::after, .steps-to-buy .section-3 .section-3-list .type:nth-child(4)::after {
  content: "";
  background: url(../../images/bu/investment/pension/how-hi-works-vector.svg) no-repeat center/contain;
  width: 186px;
  height: 33px;
  position: absolute;
  top: 28px;
  right: -111px;
}
.steps-to-buy .section-3 .section-3-list .type:nth-child(4)::after {
  top: 32px;
}
.steps-to-buy .section-3 .section-3-list .type .details {
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0;
  color: #253858;
}
@media screen and (max-width: 1024px) {
  .steps-to-buy .section-3 .section-3-list .type {
    width: 48%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin: 0 0 28px;
  }
  .steps-to-buy .section-3 .section-3-list .type:last-child {
    margin: 0 0 16px;
    padding: 0 0 16px;
    border-bottom: 1px solid #DFE1E6;
  }
  .steps-to-buy .section-3 .section-3-list .type:nth-child(1)::after, .steps-to-buy .section-3 .section-3-list .type:nth-child(2)::after, .steps-to-buy .section-3 .section-3-list .type:nth-child(3)::after, .steps-to-buy .section-3 .section-3-list .type:nth-child(4)::after {
    content: "";
    background: url(../../images/bu/investment/pension/how-hi-works-mobile-vector.svg) no-repeat center/contain;
    width: 26px;
    height: 108%;
    position: absolute;
    top: auto;
    right: auto;
    left: 18px;
    bottom: -53px;
    z-index: 0;
  }
  .steps-to-buy .section-3 .section-3-list .type:nth-child(2)::after, .steps-to-buy .section-3 .section-3-list .type:nth-child(4)::after {
    transform: scaleX(-1);
  }
  .steps-to-buy .section-3 .section-3-list .type:nth-child(1)::after {
    bottom: 0;
    height: 143px;
    top: 1px;
    transform: rotate(-58deg);
    left: 131px;
    width: 28px;
  }
  .steps-to-buy .section-3 .section-3-list .type:nth-child(2)::after {
    left: -83px;
    top: auto;
    bottom: -70px;
    transform: rotate(237deg);
  }
  .steps-to-buy .section-3 .section-3-list .type:nth-child(3)::after {
    left: 225px;
    top: auto;
    bottom: 45px;
    transform: rotate(-42deg);
    width: 30px;
  }
  .steps-to-buy .section-3 .section-3-list .type:nth-child(4)::after {
    left: -30px;
    transform: rotate(-128deg);
    top: -4px;
    width: 32px;
  }
  .steps-to-buy .section-3 .section-3-list .type img {
    max-width: 64px;
    height: auto;
    margin-right: 8px;
    z-index: 1;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1024px) {
  .steps-to-buy .section-3 .section-3-list .type img {
    max-width: 74px;
  }
}
@media screen and (max-width: 1024px) {
  .steps-to-buy .section-3 .section-3-list .type .details {
    margin: 0;
    text-align: left;
  }
}

.documents-required {
  padding: 50px 0;
}
@media screen and (max-width: 1024px) {
  .documents-required {
    padding: 30px 15px;
  }
}
.documents-required p {
  text-align: center;
}
.documents-required .document-card-grid {
  display: flex;
  margin-top: 55px;
  flex-wrap: wrap;
  justify-content: center;
  gap: 70px 18px;
}
.documents-required .document-card {
  background: #ffffff;
  border-radius: 16px;
  padding: 50px 20px 25px 20px;
  flex: 1 1 320px;
  max-width: 341px;
  position: relative;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
  display: flex;
  flex-direction: column;
  transition: transform 0.3s ease;
}
.documents-required .document-card .icon-wrapper {
  position: absolute;
  top: -38px;
  left: 25px;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.documents-required .document-card .document-card-content .card-title {
  font-size: 1.25rem;
  margin: 0 0 20px 0;
  color: #253858;
  padding: 0;
}
.documents-required .document-card .document-card-content.active ul li {
  display: block;
}
.documents-required .document-card .document-card-content ul {
  list-style: none;
  padding: 0;
  margin: 0 0 20px 0;
  flex-grow: 1;
}
.documents-required .document-card .document-card-content ul li {
  font-size: 0.88rem;
  color: #253858;
  line-height: 1.5;
  margin-bottom: 6px;
  position: relative;
  padding-left: 12px;
  display: none;
}
.documents-required .document-card .document-card-content ul li:nth-child(-n+1) {
  display: block;
}
.documents-required .document-card .document-card-content ul li::before {
  content: "•";
  position: absolute;
  left: 0;
  color: #888;
}
.documents-required .document-card .document-card-content .read-more {
  text-decoration: none;
  color: #007bff;
  font-weight: 500;
  cursor: pointer;
  font-size: 0.9rem;
  display: inline-flex;
  align-items: center;
  text-decoration: underline;
}
.documents-required .document-card .document-card-content .read-more::after {
  content: "";
  margin-left: 8px;
  width: 14px;
  height: 14px;
  display: inline-flex;
  background: url(../../images/bu/investment/pension/view-more-arrow-right.svg) no-repeat 0 0/14px;
  transition: transform 0.2s;
}
.documents-required .document-card .document-card-content .read-more span {
  margin-left: 8px;
  width: 14px;
  height: 14px;
  display: none;
  background: url(../../images/bu/investment/pension/view-more-arrow-right.svg) no-repeat 0 0/14px;
  transition: transform 0.2s;
}
.documents-required .document-card .document-card-content .read-more:hover span {
  transform: translateX(4px);
}
@media (max-width: 768px) {
  .documents-required .document-card-grid {
    gap: 60px 15px;
  }
  .documents-required .document-card {
    max-width: 100%;
    flex: 1 1 100%;
  }
}

.explore-investment {
  margin: 80px 0;
}
@media only screen and (max-width: 1024px) {
  .explore-investment {
    padding: 0 15px;
  }
}
.explore-investment .grid-center {
  max-width: 1170px;
}
@media only screen and (max-width: 360px) {
  .explore-investment h2 {
    font-size: 24px;
  }
}
.explore-investment .investment-option-slider.three-slides .option-slider .product-list-box::before {
  bottom: 0px;
  left: 0px;
  border-top-left-radius: 0px;
  height: 164px;
}
.explore-investment .investment-option-slider.three-slides .option-slider .product-list-box.purple:before {
  background: linear-gradient(135deg, #667EEA 0%, #764BA2 100%);
}
.explore-investment .investment-option-slider.three-slides .option-slider .product-list-box.lblue:before {
  background: linear-gradient(135deg, #F093FB 0%, #F5576C 100%);
}
.explore-investment .investment-option-slider.three-slides .option-slider .product-list-box.green:before {
  background: linear-gradient(135deg, #4FACFE 0%, #00F2FE 100%);
}
.explore-investment .investment-option-slider.three-slides .option-slider .product-list-box .banner {
  border-radius: 10px 10px 0 0;
  background-size: cover;
}
@media only screen and (max-width: 360px) {
  .explore-investment .investment-option-slider.three-slides .option-slider .product-list-box .banner {
    background-size: cover !important;
  }
}
.explore-investment .investment-option-slider.three-slides .option-slider .product-list-box .product-info {
  flex-direction: column;
  padding: 35px;
}
.explore-investment .investment-option-slider.three-slides .option-slider .product-list-box .product-info .text {
  width: 100%;
}
.explore-investment .investment-option-slider.three-slides .option-slider .product-list-box .product-info .text a {
  margin: 0 0 20px 0;
  font-size: 1.3rem;
  color: #253858;
}
.explore-investment .investment-option-slider.three-slides .option-slider .product-list-box .product-info .viewmore {
  background: #0065FF;
  color: white;
  border: none;
  padding: 12px 20px;
  border-radius: 8px;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  width: 100%;
  font-size: 16px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  transition: background 0.3s;
}
@media (max-width: 640px) {
  .explore-investment .investment-option-slider.three-slides .option-slider .product-list-box .product-info .viewmore {
    text-indent: inherit;
    height: auto;
  }
}
.explore-investment .investment-option-slider.three-slides .option-slider .product-list-box .product-info .viewmore::after {
  margin-left: 5px;
  width: 16px;
  content: "";
  height: 16px;
  display: inline-flex;
  background: url(../../images/bu/investment/pension/explore-slide-btn-arrow.svg) no-repeat 0 2px/16px;
}
.explore-investment .investment-option-slider h2 {
  color: #253858;
  text-align: center;
  font-weight: 600;
  margin: 0;
  line-height: 36px;
  font-size: 24px;
  padding: 0;
}
.explore-investment .investment-option-slider h2::after {
  content: "";
  margin: 8px auto 20px auto;
  display: flex;
  background: #FE9923;
  width: 255px;
  height: 3px;
}
.explore-investment .slider-container {
  max-width: 1060px;
  margin: 10px auto;
  position: relative;
  overflow: hidden;
  padding: 20px 28px;
}
.explore-investment .slider-container .slider-wrapper {
  display: flex;
  transition: transform 0.5s ease-in-out;
  gap: 20px;
}
.explore-investment .card-slide {
  min-width: calc(33.33% - 14px);
  box-sizing: border-box;
}
@media (max-width: 992px) {
  .explore-investment .card-slide {
    min-width: calc(50% - 10px);
  }
}
@media (max-width: 600px) {
  .explore-investment .card-slide {
    min-width: 100%;
  }
}
.explore-investment .card {
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.explore-investment .card .image-box {
  position: relative;
  height: 200px;
}
.explore-investment .card .image-box img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.explore-investment .card .image-box .badge {
  position: absolute;
  top: 15px;
  display: flex;
  align-items: center;
  right: 15px;
  background: rgba(255, 255, 255, 0.9);
  padding: 5px 12px;
  border-radius: 20px;
  font-size: 0.7rem;
  font-weight: 500;
  color: #253858;
}
.explore-investment .card .image-box .badge.purple-line::before {
  content: "";
  width: 14px;
  height: 14px;
  margin: 0 6px 0 0;
  display: inline-flex;
  background: url(../../images/bu/investment/pension/purple-line-icon.svg) no-repeat 0 0/14px;
}
.explore-investment .card .image-box .badge.pink-line::before {
  content: "";
  width: 14px;
  height: 14px;
  margin: 0 6px 0 0;
  display: inline-flex;
  background: url(../../images/bu/investment/pension/pink-line-icon.svg) no-repeat 0 0/14px;
}
.explore-investment .card .image-box .badge.blue-line::before {
  content: "";
  width: 14px;
  height: 14px;
  margin: 0 6px 0 0;
  display: inline-flex;
  background: url(../../images/bu/investment/pension/blue-line-icon.svg) no-repeat 0 0/14px;
}
.explore-investment .card .card-body {
  padding: 25px;
  border-left: 5px solid transparent;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.explore-investment .card .card-body.border-purple {
  border-color: #a29bfe;
}
.explore-investment .card .card-body.border-pink {
  border-color: #fd79a8;
}
.explore-investment .card .card-body.border-blue {
  border-color: #74b9ff;
}
.explore-investment .card .card-body h3 {
  margin: 0 0 20px 0;
  font-size: 1.3rem;
  color: #253858;
}
.explore-investment .card .card-body .btn-primary {
  background: #0065FF;
  color: white;
  border: none;
  padding: 12px 20px;
  border-radius: 8px;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  transition: background 0.3s;
}
.explore-investment .card .card-body .btn-primary:hover {
  background: rgb(0, 80.8, 204);
}
.explore-investment .nav-prev {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background: white;
  border: none;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  z-index: 10;
}
.explore-investment .nav-prev span {
  display: flex;
  align-items: center;
  opacity: 0.3;
  justify-content: center;
}
.explore-investment .slider-dots {
  text-align: center;
  margin-top: 30px;
}
.explore-investment .slider-dots .dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  background: #ccc;
  border-radius: 50%;
  margin: 0 5px;
  cursor: pointer;
  transition: all 0.3s;
}
.explore-investment .slider-dots .dot.active {
  background: #0065FF;
  width: 25px;
  border-radius: 10px;
}

@media (max-width: 1024px) {
  .why-buy-pension {
    padding: 0 15px;
  }
}
.why-buy-pension .why-buy-section .center-text {
  text-align: center;
}
.why-buy-pension .why-buy-section .why-buy-row {
  display: flex;
  gap: 45px 100px;
  flex-wrap: wrap;
}
@media (max-width: 1024px) {
  .why-buy-pension .why-buy-section .why-buy-row {
    flex-direction: column;
    gap: 20px;
  }
}
.why-buy-pension .why-buy-section .why-buy-row .why-buy-col {
  width: calc(33.3% - 68px);
}
@media (max-width: 1024px) {
  .why-buy-pension .why-buy-section .why-buy-row .why-buy-col {
    width: 100%;
  }
}
.why-buy-pension .why-buy-section .why-buy-icon {
  width: 48px;
  height: 48px;
  display: inline-flex;
  background: #DBEAFE;
  border-radius: 14px;
  align-items: center;
  justify-content: center;
}
.why-buy-pension .why-buy-section .why-buy-title {
  font-size: 16px;
  margin: 24px 0 15px;
  font-weight: 600;
  color: #253858;
}
.why-buy-pension .why-buy-section p.why-buy-describtion {
  margin: 0;
}

.common-mistakes {
  margin: 80px 0;
}
@media (max-width: 1024px) {
  .common-mistakes {
    padding: 0 15px;
  }
}
.common-mistakes .common-mistake-row {
  display: flex;
  gap: 45px 100px;
  flex-wrap: wrap;
  padding: 20px 0 0 0;
}
@media (max-width: 1024px) {
  .common-mistakes .common-mistake-row {
    padding: 0 15px;
    gap: 30px;
  }
}
.common-mistakes .common-mistake-row .common-mistake-col {
  width: calc(33.3% - 68px);
}
@media (max-width: 1024px) {
  .common-mistakes .common-mistake-row .common-mistake-col {
    width: 100%;
  }
}
.common-mistakes .common-mistake-row .common-mistake-col .common-mistake-title {
  font-size: 16px;
  margin: 24px 0 15px;
  font-weight: 600;
  color: #253858;
}
.common-mistakes .common-mistake-row .common-mistake-col .read-more {
  text-decoration: none;
  color: #007bff;
  font-weight: 500;
  cursor: pointer;
  font-size: 0.9rem;
  display: inline-flex;
  align-items: center;
  position: relative;
}
.common-mistakes .common-mistake-row .common-mistake-col .read-more::after {
  content: "";
  margin-left: 8px;
  width: 14px;
  height: 14px;
  display: inline-flex;
  background: url(../../images/bu/investment/pension/view-more-arrow-right.svg) no-repeat 0 0/14px;
  transition: transform 0.2s;
}
.common-mistakes .common-mistake-row .common-mistake-col .read-more span {
  margin-left: 8px;
  width: 14px;
  height: 14px;
  display: none;
  background: url(../../images/bu/investment/pension/view-more-arrow-right.svg) no-repeat 0 0/14px;
  transition: transform 0.2s;
}
.common-mistakes .common-mistake-row .common-mistake-col.active p {
  text-overflow: inherit;
  -webkit-line-clamp: none;
}
.common-mistakes .common-mistake-row .common-mistake-col p {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.conclusion-details {
  background: linear-gradient(90deg, rgba(0, 101, 255, 0.05) 0%, rgba(110, 104, 255, 0.05) 100%);
  padding: 20px 76px;
  text-align: center;
  border-radius: 20px;
  margin: 80px 0 0 0;
}
@media (max-width: 1024px) {
  .conclusion-details {
    padding: 30px 15px;
    margin: 50px 0 0 0;
  }
}
.conclusion-details .conclu-heading {
  font-size: 30px;
  color: #253858;
  font-weight: 700;
}

.following-details {
  margin: 70px auto 0;
  max-width: 1064px;
}
@media (max-width: 980px) {
  .following-details {
    padding: 0 15px;
  }
}
@media (max-width: 980px) {
  .following-details p {
    padding: 0 0;
  }
}
.following-details .dedicatated-radio-tabs {
  height: auto;
}
@media (max-width: 980px) {
  .following-details .dedicatated-radio-tabs {
    flex-direction: column;
  }
}
.following-details .dedicatated-radio-tabs .tabs {
  padding: 20px;
  width: 260px;
  border-radius: 20px;
  border: 1px solid rgba(146, 155, 171, 0.3019607843);
  padding: 26px 15px 0px;
  max-height: 400px;
}
@media (max-width: 980px) {
  .following-details .dedicatated-radio-tabs .tabs {
    display: flex;
    width: 100%;
    border: 0px;
    padding: 20px 10px;
    overflow-x: auto;
    white-space: nowrap;
    flex-flow: nowrap;
  }
}
.following-details .dedicatated-radio-tabs .tabs ::-webkit-scrollbar-track {
  background: transparent;
}
.following-details .dedicatated-radio-tabs .tabs::-webkit-scrollbar-thumb {
  background: #dee8fa;
  border-radius: 10px;
}
@media (max-width: 980px) {
  .following-details .dedicatated-radio-tabs .tabs::-webkit-scrollbar-thumb {
    display: none;
  }
}
.following-details .dedicatated-radio-tabs .tabs::-webkit-scrollbar {
  width: 5px;
}
@media (max-width: 980px) {
  .following-details .dedicatated-radio-tabs .tabs::-webkit-scrollbar {
    display: none;
  }
}
.following-details .dedicatated-radio-tabs .tabs .tab-label {
  position: relative;
  border-left: 1px solid rgba(0, 101, 255, 0.2);
  border-radius: 0px;
  padding: 0 0 0 20px;
}
@media (max-width: 980px) {
  .following-details .dedicatated-radio-tabs .tabs .tab-label {
    border-left: 0px;
    padding: 20px 10px 20px 25px;
    border-radius: 10px;
  }
}
.following-details .dedicatated-radio-tabs .tabs .tab-label::before {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  display: inline-flex;
  left: -4px;
  border-radius: 50%;
  background: #253858;
}
@media (max-width: 980px) {
  .following-details .dedicatated-radio-tabs .tabs .tab-label::before {
    left: 12px;
  }
}
.following-details .dedicatated-radio-tabs .tabs .tab-label.active, .following-details .dedicatated-radio-tabs .tabs .tab-label:hover {
  background: none;
  font-weight: inherit;
}
@media (max-width: 980px) {
  .following-details .dedicatated-radio-tabs .tabs .tab-label.active, .following-details .dedicatated-radio-tabs .tabs .tab-label:hover {
    box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.1019607843);
  }
}
.following-details .dedicatated-radio-tabs .tabs .tab-label.active::before, .following-details .dedicatated-radio-tabs .tabs .tab-label:hover::before {
  background: #0065FF;
}
.following-details .dedicatated-radio-tabs .tabs .tab-label .arrow-right {
  display: none;
}
@media (max-width: 980px) {
  .following-details .dedicatated-radio-tabs .panelwrapper .mobile {
    margin-bottom: 0;
    display: none;
  }
}
.following-details .dedicatated-radio-tabs .panel {
  background: linear-gradient(115.19deg, rgba(202, 223, 255, 0.1) 1.82%, rgba(0, 93, 172, 0.1) 100%);
  border-radius: 10px 10px 0 0;
}
.following-details .dedicatated-radio-tabs .panel .common-heading {
  color: rgba(37, 56, 88, 0.8980392157);
}
.following-details .dedicatated-radio-tabs .panel .common-heading i {
  opacity: 0;
}
.following-details .dedicatated-radio-tabs .panel .text {
  color: rgba(37, 56, 88, 0.8980392157);
}
.following-details .dedicatated-radio-tabs .panel .first-heading {
  margin: 30px 0 20px 32px;
}
.following-details .dedicatated-radio-tabs .panel .text-wrapper {
  border-bottom: 0px;
}
.following-details .dedicatated-radio-tabs .panelwrapper .learn-more-about {
  background: linear-gradient(115.19deg, rgba(202, 223, 255, 0.1) 1.82%, rgba(0, 93, 172, 0.1) 100%);
  position: relative;
  font-size: 0px;
}
@media (max-width: 568px) {
  .following-details .dedicatated-radio-tabs .panelwrapper .learn-more-about {
    padding: 10px 10px 10px 40px;
  }
}
.following-details .dedicatated-radio-tabs .panelwrapper .learn-more-about .bookicon {
  display: none;
}
.following-details .dedicatated-radio-tabs .panelwrapper .learn-more-about .link {
  position: relative;
  left: 0;
  border-radius: 4px;
  padding: 10px 30px;
}
@media (max-width: 568px) {
  .following-details .dedicatated-radio-tabs .panelwrapper .learn-more-about .link {
    width: auto;
  }
}

.invest-more-get-more {
  margin: 0 0 80px;
}
@media (max-width: 980px) {
  .invest-more-get-more {
    padding: 0 15px;
  }
}
.invest-more-get-more .investmore {
  background: transparent;
}
@media (max-width: 568px) {
  .invest-more-get-more .investmore {
    margin-top: 30px;
  }
}
.invest-more-get-more .investmore .investment_wise {
  width: 100%;
  padding: 0;
  flex-wrap: wrap;
}
.invest-more-get-more .investmore .investment_wise .swipebox {
  width: 100%;
  overflow: visible;
}
@media (max-width: 1024px) {
  .invest-more-get-more .investmore .investment_wise .swipebox {
    overflow-x: auto;
    padding-top: 11px;
    width: calc(100% + 15px);
  }
}
.invest-more-get-more .investmore .investment_wise .swipebox .investment_wise_items {
  width: 100%;
  gap: 24px;
  justify-content: center;
}
@media (max-width: 1024px) {
  .invest-more-get-more .investmore .investment_wise .swipebox .investment_wise_items {
    justify-content: flex-start;
  }
}
.invest-more-get-more .investmore .investment_wise .swipebox .investment_wise_items .invamt {
  width: 314px;
  padding: 34px;
  position: relative;
}
@media (max-width: 1024px) {
  .invest-more-get-more .investmore .investment_wise .swipebox .investment_wise_items .invamt {
    padding: 15px;
    margin: 0px;
    min-width: 281px;
  }
}
.invest-more-get-more .investmore .investment_wise .swipebox .investment_wise_items .invamt span:nth-child(2) {
  font-size: 14px;
  font-weight: 400;
  margin: 24px 0 0 0;
  padding: 24px 0 0 0;
  background: url(../../images/bu/investment/pension/you-get-top-line.svg) no-repeat 0 0/246px;
}
.invest-more-get-more .investmore .investment_wise .swipebox .investment_wise_items .invamt span:nth-child(3) {
  min-height: inherit;
  font-size: 30px;
  font-weight: 400;
}
.invest-more-get-more .investmore .investment_wise .swipebox .investment_wise_items .invamt span:nth-child(3) strong {
  font-size: 48px;
}
.invest-more-get-more .investmore .investment_wise .swipebox .investment_wise_items .invamt span:nth-child(4) {
  font-size: 14px;
  font-weight: 400;
  text-align: left;
}
.invest-more-get-more .investmore .investment_wise .swipebox .investment_wise_items .invamt span:nth-child(5) {
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  border-radius: 14px;
  margin-bottom: 0px;
  padding: 17px 5px;
  margin-top: 32px;
}
.invest-more-get-more .investmore .investment_wise .swipebox .investment_wise_items .invamt span:nth-child(5)::after {
  content: "";
  width: 20px;
  height: 20px;
  display: inline-flex;
  margin: 0 0 0 8px;
  background: url(../../images/bu/investment/pension/view-plans-arrow.svg) no-repeat 0 0/20px;
}
.invest-more-get-more .investmore .investment_wise .swipebox .investment_wise_items .invamt span:first-child {
  font-size: 14px;
  font-weight: 400;
  padding-left: 60px;
}
.invest-more-get-more .investmore .investment_wise .swipebox .investment_wise_items .invamt span:first-child::before {
  content: "";
  width: 48px;
  height: 48px;
  border-radius: 16px;
  opacity: 1;
}
.invest-more-get-more .investmore .investment_wise .swipebox .investment_wise_items .invamt span:first-child::after {
  content: "";
  width: 24px;
  height: 24px;
  display: flex;
  position: absolute;
  left: 10px;
  top: 15px;
  background: url(../../images/bu/investment/pension/curve-arrow-icon.svg) no-repeat 0 0/24px;
}
.invest-more-get-more .investmore .investment_wise .swipebox .investment_wise_items .invamt span.pp .invst-amount, .invest-more-get-more .investmore .investment_wise .swipebox .investment_wise_items .invamt span.pink-bg .invst-amount, .invest-more-get-more .investmore .investment_wise .swipebox .investment_wise_items .invamt span.yellow-bg .invst-amount {
  display: block;
  font-size: 24px;
  font-weight: 400;
}
.invest-more-get-more .investmore .investment_wise .swipebox .investment_wise_items .invamt .mostpopular-badge {
  position: absolute;
  top: -10px;
  background: linear-gradient(90deg, #FE9A00 0%, #FF6900 100%);
  color: #fff;
  border-radius: 16px;
  left: 0;
  right: 0;
  margin: 0 auto;
  padding: 3px 10px;
  font-size: 14px;
  width: 134px;
  justify-content: center;
  align-items: center;
  display: flex;
}
.invest-more-get-more .investmore .investment_wise .swipebox .investment_wise_items .invamt .mostpopular-badge::before {
  content: "";
  margin: 0 4px 0 0;
  width: 12px;
  height: 12px;
  display: inline-flex;
  background: url(../../images/bu/investment/pension/most-popular-badge-star.svg) no-repeat 0 0/12px;
}
.invest-more-get-more .investmore .tncapply {
  position: relative;
  bottom: auto;
  font-size: 14px;
  right: auto;
  margin: 20px 0 0;
  text-align: center;
  display: block;
  width: 100%;
  color: rgba(37, 56, 88, 0.8);
}

.pension-topform .product-achivement-at-policybazaar {
  display: flex;
  position: relative;
  margin: 0px 0 5px;
  justify-content: flex-end;
  background: #fff;
  width: 47%;
  padding: 15px 0;
}
@media screen and (max-width: 1024px) {
  .pension-topform .product-achivement-at-policybazaar {
    width: 83%;
    flex-wrap: wrap;
    padding: 12px 0px 12px 12px;
  }
}
.pension-topform .product-achivement-at-policybazaar::after {
  content: "";
  content: "";
  width: 0;
  height: 0;
  right: -80px;
  position: absolute;
  border-bottom: 84px solid #fff;
  border-right: 80px solid transparent;
  top: 0;
}
@media screen and (max-width: 1024px) {
  .pension-topform .product-achivement-at-policybazaar::after {
    right: -61px;
    border-bottom: 92px solid #fff;
    border-right: 62px solid transparent;
  }
}
.pension-topform .product-achivement-at-policybazaar .listitem {
  padding: 0 10px;
}
@media screen and (max-width: 1920px) {
  .pension-topform .product-achivement-at-policybazaar .listitem {
    max-width: 133px;
  }
}
@media screen and (max-width: 1620px) {
  .pension-topform .product-achivement-at-policybazaar .listitem {
    max-width: 137px;
    width: 23%;
  }
}
@media screen and (max-width: 1366px) {
  .pension-topform .product-achivement-at-policybazaar .listitem {
    max-width: 136px;
    width: 23%;
  }
}
@media screen and (max-width: 1024px) {
  .pension-topform .product-achivement-at-policybazaar .listitem {
    width: auto;
    max-width: inherit;
    text-align: left;
  }
}
@media screen and (max-width: 1024px) {
  .pension-topform .product-achivement-at-policybazaar .listitem.center {
    text-align: left;
  }
}
.pension-topform .product-achivement-at-policybazaar .listitem.center .blue {
  text-align: left;
}
.pension-topform .product-achivement-at-policybazaar .listitem.center .heading-sub-title {
  color: rgba(37, 56, 88, 0.8);
  text-align: left;
  font-size: 11px;
}
@media screen and (max-width: 1024px) {
  .pension-topform .product-achivement-at-policybazaar .listitem.center .heading-sub-title {
    text-align: left;
    margin-top: 0px;
    font-size: 9px;
  }
}
@media screen and (max-width: 1024px) {
  .pension-topform .product-achivement-at-policybazaar .listitem.center .blue {
    font-size: 14px;
    font-weight: 600;
  }
}
@media screen and (max-width: 1024px) {
  .pension-topform .product-achivement-at-policybazaar .listitem .form-rating {
    margin: 0 0 0 10px;
  }
}
@media screen and (max-width: 1024px) {
  .pension-topform .product-achivement-at-policybazaar .listitem:first-child {
    margin: 0 0 10px 8px;
    width: 100%;
    display: flex;
    gap: 0px;
    position: relative;
    top: 0;
  }
}
.pension-topform .product-achivement-at-policybazaar .listitem .heading-title {
  font-size: 16px;
}
@media screen and (max-width: 1024px) {
  .pension-topform .product-achivement-at-policybazaar .listitem .heading-title {
    margin-bottom: 3px;
  }
}
@media screen and (max-width: 1024px) {
  .pension-topform .product-achivement-at-policybazaar .listitem .heading-title.first {
    font-size: 14px;
  }
}

.section-grid.product-article-wrapper.sliderRootWrapper {
  padding: 20px 0 50px;
  background: linear-gradient(114.69deg, #F7FAFC 0.91%, #EEF2FF 100.63%);
  max-width: 100% !important;
}
@media screen and (max-width: 1024px) {
  .section-grid.product-article-wrapper.sliderRootWrapper {
    padding: 20px 12px 50px;
  }
}
.section-grid.product-article-wrapper.sliderRootWrapper h3.ribbon {
  text-align: center;
}
.section-grid.product-article-wrapper.sliderRootWrapper h3.ribbon::after {
  content: "";
  margin: 8px auto 0 auto;
  display: flex;
  background: #FE9923;
  width: 255px;
  height: 3px;
}
.section-grid.product-article-wrapper.sliderRootWrapper h3.ribbon.center {
  text-align: center;
}
.section-grid.product-article-wrapper.sliderRootWrapper h3.ribbon.center::after {
  margin: 0 auto;
}
.section-grid.product-article-wrapper.sliderRootWrapper ul.acc-tab {
  margin: 0 auto 20px;
  width: 100%;
  max-width: 380px;
  box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1019607843);
  background: #fff;
  border-radius: 30px;
  padding: 6px;
}
.section-grid.product-article-wrapper.sliderRootWrapper ul.acc-tab .pointers-item {
  font-size: 16px;
  color: #45556C;
  padding: 10px 20px;
  width: 50%;
  border-radius: 30px;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .section-grid.product-article-wrapper.sliderRootWrapper ul.acc-tab .pointers-item {
    margin-right: 0px;
  }
}
.section-grid.product-article-wrapper.sliderRootWrapper ul.acc-tab .pointers-item:hover::after {
  display: none;
}
.section-grid.product-article-wrapper.sliderRootWrapper ul.acc-tab .pointers-item.active {
  background: linear-gradient(90deg, #155DFC 0%, #4F39F6 100%);
  color: #fff;
  box-shadow: 0px 2px 4px -2px rgba(0, 0, 0, 0.1019607843);
  box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1019607843);
  border-radius: 30px;
}
.section-grid.product-article-wrapper.sliderRootWrapper ul.acc-tab .pointers-item.active::after {
  display: none;
}

.rev-sip-cal {
  box-shadow: 0px 4px 20px 0px rgba(0, 26, 77, 0.0705882353);
  width: 100%;
  background: #fff;
  border-radius: 16px;
  max-width: 1170px;
  margin: 20px auto 50px;
}
.rev-sip-cal .rev-sip-top-row {
  display: flex;
  justify-content: space-between;
  padding: 15px;
  align-items: center;
  border-bottom: 1px solid #E8EBF2;
}
@media (max-width: 1024px) {
  .rev-sip-cal .rev-sip-top-row {
    flex-direction: column;
  }
}
.rev-sip-cal .rev-sip-top-row .tab-sip-rev {
  background: #EEEFF3;
  border-radius: 10px;
  border: 1px solid #DEE3F2;
  padding: 4px;
  display: flex;
}
.rev-sip-cal .rev-sip-top-row .heading-rev-sip {
  color: #253858;
  font-size: 26px;
  margin: 0;
  min-width: 300px;
  font-weight: bold;
}
@media (max-width: 1024px) {
  .rev-sip-cal .rev-sip-top-row .heading-rev-sip {
    margin-bottom: 15px;
    width: 100%;
  }
}
.rev-sip-cal .rev-sip-top-row .tab-sip-rev .tab-set {
  display: flex;
  gap: 12px;
}
@media (max-width: 1024px) {
  .rev-sip-cal .rev-sip-top-row .tab-sip-rev .tab-set {
    background: #EEEFF3;
    padding: 6px;
    border-radius: 10px;
  }
}
.rev-sip-cal .rev-sip-top-row .tab-sip-rev .tab-set label {
  border-radius: 12px;
  cursor: pointer;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
  color: #737891;
  border-radius: 6px;
}
@media (max-width: 1024px) {
  .rev-sip-cal .rev-sip-top-row .tab-sip-rev .tab-set label {
    text-align: center;
    padding: 8px 15px;
  }
}
@media (max-width: 1024px) and (max-width: 1024px) {
  .rev-sip-cal .rev-sip-top-row .tab-sip-rev .tab-set label {
    border: 0px;
  }
}
.rev-sip-cal .rev-sip-top-row .tab-sip-rev .tab-set label.active {
  color: #0065FF;
  font-weight: 500;
  background: #fff;
}
@media (max-width: 1024px) {
  .rev-sip-cal .rev-sip-top-row .tab-sip-rev .tab-set label.active {
    color: #0065FF;
    font-weight: 500;
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1019607843);
    background: #fff;
  }
}
.rev-sip-cal .sip-cal-parent {
  display: flex;
}
@media (max-width: 1024px) {
  .rev-sip-cal .sip-cal-parent {
    flex-flow: column;
  }
}
.rev-sip-cal .sip-cal-parent .ssy-calculator-left {
  padding: 15px;
  width: 40%;
}
@media (max-width: 1024px) {
  .rev-sip-cal .sip-cal-parent .ssy-calculator-left {
    width: 100%;
    padding: 15px 10px;
  }
}
.rev-sip-cal .sip-cal-parent .ssy-calculator-left {
  /* Reset default */
}
.rev-sip-cal .sip-cal-parent .ssy-calculator-left .range-slider-sip {
  -webkit-appearance: none;
  width: 100%;
  height: 4px;
  background: linear-gradient(to right, #007bff 30%, #ddd 30%);
  border-radius: 5px;
  outline: none;
  transition: background 0.3s ease;
}
.rev-sip-cal .sip-cal-parent .ssy-calculator-left {
  /* Chrome / Safari thumb */
}
.rev-sip-cal .sip-cal-parent .ssy-calculator-left .range-slider-sip::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 18px;
  height: 18px;
  background: #fff;
  border-radius: 50%;
  cursor: pointer;
  border: 3px solid #007bff;
  box-shadow: 0px 2px 6px 0px rgba(17, 99, 208, 0.2196078431);
}
.rev-sip-cal .sip-cal-parent .ssy-calculator-left {
  /* Firefox thumb */
}
.rev-sip-cal .sip-cal-parent .ssy-calculator-left .range-slider-sip::-moz-range-thumb {
  width: 18px;
  height: 18px;
  background: #007bff;
  border-radius: 50%;
  cursor: pointer;
  border: 3px solid #fff;
  box-shadow: 0 0 0 4px rgba(0, 123, 255, 0.2);
}
.rev-sip-cal .sip-cal-parent .ssy-calculator-left {
  /* Track for Firefox */
}
.rev-sip-cal .sip-cal-parent .ssy-calculator-left .range-slider-sip::-moz-range-track {
  height: 4px;
  background: #ddd;
  border-radius: 5px;
}
.rev-sip-cal .sip-cal-parent .ssy-calculator-left {
  padding: 24px;
  max-width: 100%;
  width: 60%;
}
@media (max-width: 980px) {
  .rev-sip-cal .sip-cal-parent .ssy-calculator-left {
    width: 100%;
    padding: 5px;
  }
}
.rev-sip-cal .sip-cal-parent .ssy-calculator-left .invest-time {
  background: #EEEFF3;
  border-radius: 12px;
  border: 1px solid #DEE3F2;
  padding: 4px;
  display: flex;
}
.rev-sip-cal .sip-cal-parent .ssy-calculator-left .invest-time label.sip-radio {
  color: #737891;
  font-size: 12px;
  font-weight: 400;
  padding: 10px 5px;
  width: 33.33%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
}
.rev-sip-cal .sip-cal-parent .ssy-calculator-left .invest-time label.sip-radio input[type=radio] {
  position: absolute;
  opacity: 0;
}
.rev-sip-cal .sip-cal-parent .ssy-calculator-left .invest-time label.sip-radio:has(input:checked) {
  background: #fff;
  box-shadow: 0px 1px 4px 0px rgba(26, 51, 102, 0.1019607843);
  font-size: 12px;
  font-weight: 600;
  color: #0065FF;
}
.rev-sip-cal .sip-cal-parent .ssy-calculator-left .calculator-heading {
  color: #253858;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  padding: 0 0;
}
.rev-sip-cal .sip-cal-parent .ssy-calculator-left .calculator-heading-label {
  font-size: 12px;
  font-weight: 600;
  color: #253858;
  background: #F5F5F5;
  border-radius: 8px;
  display: inline-flex;
  padding: 4px 8px;
  margin: 8px 0 12px;
}
.rev-sip-cal .sip-cal-parent .ssy-calculator-left .input-wrapper .step-up-card {
  background: #ffffff;
  border: 1px solid #eef2f6;
  border-radius: 6px;
  padding: 12px;
  max-width: 500px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
}
.rev-sip-cal .sip-cal-parent .ssy-calculator-left .input-wrapper .step-up-card .card-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
}
.rev-sip-cal .sip-cal-parent .ssy-calculator-left .input-wrapper .step-up-card .card-header .header-icon {
  background: url(../../images/bu/investment/sip/arrow-annual-sip.svg) no-repeat center/16px, #0065FF;
  height: 24px;
  width: 24px;
  border-radius: 50%;
  display: flex;
}
.rev-sip-cal .sip-cal-parent .ssy-calculator-left .input-wrapper .step-up-card .card-header .header-title {
  font-size: 12px;
  font-weight: 600;
  color: #253858;
  margin: 0;
  padding: 0;
  line-height: inherit;
}
.rev-sip-cal .sip-cal-parent .ssy-calculator-left .input-wrapper .step-up-card .divider {
  height: 1px;
  background-color: #f1f5f9;
  margin: 0 -24px 24px -24px;
}
.rev-sip-cal .sip-cal-parent .ssy-calculator-left .input-wrapper .step-up-card .settings-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.rev-sip-cal .sip-cal-parent .ssy-calculator-left .input-wrapper .step-up-card .setting-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.rev-sip-cal .sip-cal-parent .ssy-calculator-left .input-wrapper .step-up-card .setting-row .setting-label {
  color: #64748b;
  font-size: 11px;
  font-weight: 500;
}
.rev-sip-cal .sip-cal-parent .ssy-calculator-left .input-wrapper .step-up-card {
  /* Toggle Switch Logic */
}
.rev-sip-cal .sip-cal-parent .ssy-calculator-left .input-wrapper .step-up-card .type-toggle {
  display: flex;
  align-items: center;
  gap: 12px;
}
.rev-sip-cal .sip-cal-parent .ssy-calculator-left .input-wrapper .step-up-card .type-toggle .toggle-text {
  font-size: 11px;
  color: #94a3b8;
}
.rev-sip-cal .sip-cal-parent .ssy-calculator-left .input-wrapper .step-up-card .type-toggle .switch {
  position: relative;
  display: inline-block;
  width: 36px;
  height: 20px;
}
.rev-sip-cal .sip-cal-parent .ssy-calculator-left .input-wrapper .step-up-card .type-toggle .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.rev-sip-cal .sip-cal-parent .ssy-calculator-left .input-wrapper .step-up-card .type-toggle .switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #e2e8f0;
  transition: 0.3s;
  border-radius: 34px;
}
.rev-sip-cal .sip-cal-parent .ssy-calculator-left .input-wrapper .step-up-card .type-toggle .switch .slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 3px;
  bottom: 2px;
  background-color: white;
  transition: 0.3s;
  border-radius: 50%;
}
.rev-sip-cal .sip-cal-parent .ssy-calculator-left .input-wrapper .step-up-card .type-toggle .switch input:checked + .slider {
  background-color: #0061ff;
}
.rev-sip-cal .sip-cal-parent .ssy-calculator-left .input-wrapper .step-up-card .type-toggle .switch input:checked + .slider:before {
  transform: translateX(15px);
}
.rev-sip-cal .sip-cal-parent .ssy-calculator-left .input-wrapper .step-up-card {
  /* Percentage Value Box */
}
.rev-sip-cal .sip-cal-parent .ssy-calculator-left .input-wrapper .step-up-card .percentage-box {
  background-color: #f0f5ff;
  padding: 10px 12px;
  border-radius: 12px;
  display: flex;
  align-items: baseline;
  gap: 12px;
  min-width: 110px;
  justify-content: space-between;
}
.rev-sip-cal .sip-cal-parent .ssy-calculator-left .input-wrapper .step-up-card .percentage-box .percentage-value {
  color: #0061ff;
  font-size: 16px;
  font-weight: 700;
}
.rev-sip-cal .sip-cal-parent .ssy-calculator-left .input-wrapper .step-up-card .percentage-box .percentage-unit {
  color: #94a3b8;
  font-size: 13px;
}
.rev-sip-cal .sip-cal-parent .ssy-calculator-left .input-wrapper .step-up-card {
  /* Frequency Tabs */
}
.rev-sip-cal .sip-cal-parent .ssy-calculator-left .input-wrapper .step-up-card .frequency-options {
  display: flex;
  gap: 20px;
}
.rev-sip-cal .sip-cal-parent .ssy-calculator-left .input-wrapper .step-up-card .frequency-options .freq-item {
  font-size: 11px;
  color: #94a3b8;
  cursor: pointer;
  font-weight: 500;
  padding-bottom: 2px;
}
.rev-sip-cal .sip-cal-parent .ssy-calculator-left .input-wrapper .step-up-card .frequency-options .freq-item.active {
  color: #0061ff;
  font-weight: 600;
  border-bottom: 2px solid #0061ff;
}
.rev-sip-cal .sip-cal-parent .ssy-calculator-left .input-wrapper .text-box-row {
  margin: 10px 0 0 0;
  padding: 12px;
}
.rev-sip-cal .sip-cal-parent .ssy-calculator-left .input-wrapper .text-box-row:has(.mia-text) {
  padding-bottom: 0px;
}
.rev-sip-cal .sip-cal-parent .ssy-calculator-left .input-wrapper .text-box-row:has(.mia-text) .text-box-col {
  border-bottom: 0px;
}
.rev-sip-cal .sip-cal-parent .ssy-calculator-left .input-wrapper .text-box-row:has(.checkbox-sip:checked) {
  background: rgba(0, 101, 255, 0.0509803922);
}
.rev-sip-cal .sip-cal-parent .ssy-calculator-left .input-wrapper .text-box-row:has(.checkbox-sip:checked) .annual-bottom-row {
  display: flex;
}
.rev-sip-cal .sip-cal-parent .ssy-calculator-left .input-wrapper .text-box-row .ssy-left-label {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.rev-sip-cal .sip-cal-parent .ssy-calculator-left .input-wrapper .text-box-row .ssy-left-label .protip {
  color: #CB932B;
  background-color: #FFF8E9;
  text-decoration: none;
  position: relative;
  font-size: 10px;
  font-weight: 500;
  padding: 6px 11px 6px 22px;
  border-radius: 50px;
}
@media (max-width: 980px) {
  .rev-sip-cal .sip-cal-parent .ssy-calculator-left .input-wrapper .text-box-row .ssy-left-label .protip {
    min-width: 60px;
    padding: 4px 6px 6px 20px;
  }
}
.rev-sip-cal .sip-cal-parent .ssy-calculator-left .input-wrapper .text-box-row .ssy-left-label .protip {
  cursor: pointer;
}
.rev-sip-cal .sip-cal-parent .ssy-calculator-left .input-wrapper .text-box-row .ssy-left-label .protip::before {
  content: "";
  position: absolute;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxNCcgaGVpZ2h0PScxNCcgdmlld0JveD0nMCAwIDE0IDE0JyBmaWxsPSdub25lJz48cGF0aCBkPSdNNy4wMDc0NCAyLjg2MjE1QzcuMDAzMDcgMi44NjIxNSA2Ljk5ODI1IDIuODYyMTUgNi45OTQzMiAyLjg2MjE1QzUuOTM1MTMgMi44NjIxNSA0LjkzODA3IDMuMjc1MTUgNC4xODY0NCA0LjAyNTQ2QzMuNDMxNzUgNC43Nzg4NCAzLjAxNjEzIDUuNzgwNzEgMy4wMTYxMyA2Ljg0NjAzQzMuMDE2MTMgNy44NzA2NSAzLjQwNTUgOC44NDIzNCA0LjExMjUgOS41ODIxNUM0LjQ2Njg4IDkuOTUzMTUgNC42NjIgMTAuNDExNyA0LjY2MiAxMC44NzMyVjExLjIwOTJDNC42NjIgMTEuNjY3NyA1LjAzNTE5IDEyLjA0MDUgNS40OTMyNSAxMi4wNDA1SDguNTA3MTlDOC45NjU2OSAxMi4wNDA1IDkuMzM4NDQgMTEuNjY3NyA5LjMzODQ0IDExLjIwOTJWMTAuODczMkM5LjMzODQ0IDEwLjQxMTIgOS41MzM1NyA5Ljk1MjcxIDkuODg3OTQgOS41ODE3MUMxMC41OTQ5IDguODQxOSAxMC45ODQzIDcuODcwMjEgMTAuOTg0MyA2Ljg0NjAzQzEwLjk4NDMgNS43ODA3MSAxMC41Njg3IDQuNzc4ODQgOS44MTQgNC4wMjU0NkM5LjA2MjM4IDMuMjc1MTUgOC4wNjU3NSAyLjg2MjE1IDcuMDA3NDQgMi44NjIxNVpNOS4zMTg3NSA5LjAzNzQ2QzguODIzNSA5LjU1NTkgOC41NTA1IDEwLjIwNzMgOC41NTA1IDEwLjg3MjhWMTEuMjA4OEM4LjU1MDUgMTEuMjMyOCA4LjUzMDgyIDExLjI1MjUgOC41MDY3NSAxMS4yNTI1SDUuNDkyODJDNS40Njg3NSAxMS4yNTI1IDUuNDQ5MDcgMTEuMjMyOCA1LjQ0OTA3IDExLjIwODhWMTAuODcyOEM1LjQ0OTA3IDEwLjIwNzMgNS4xNzYwNyA5LjU1NTQ2IDQuNjgwODIgOS4wMzc0NkM0LjExNDY5IDguNDQ1MDkgMy44MDMxOSA3LjY2NjM0IDMuODAzMTkgNi44NDU1OUMzLjgwMzE5IDUuOTkwNzEgNC4xMzY1NyA1LjE4NzAzIDQuNzQyMDcgNC41ODI0QzUuMzQ0OTQgMy45ODA4NCA2LjE0NDI1IDMuNjQ5MjEgNi45OTQ3NSAzLjY0OTIxQzYuOTk5MTMgMy42NDk2NSA3LjAwMzA3IDMuNjQ5MjEgNy4wMDUyNSAzLjY0OTIxQzcuODU0NDQgMy42NDkyMSA4LjY1NDE5IDMuOTgwNCA5LjI1NjYzIDQuNTgyNEM5Ljg2MjEzIDUuMTg3MDMgMTAuMTk1NSA1Ljk5MDcxIDEwLjE5NTUgNi44NDU1OUMxMC4xOTY0IDcuNjY2NzggOS44ODQ4OCA4LjQ0NTA5IDkuMzE4NzUgOS4wMzc0NlonIGZpbGw9JyM2ODQ1NzUnLz48cGF0aCBkPSdNNi40NTc1IDQuNjc3MzJDNS42NTE2MiA0Ljg3NzcgNS4wMjgxOSA1LjUwNDYzIDQuODMwNDQgNi4zMTI3QzQuNzc4ODEgNi41MjM1NyA0LjkwNzg3IDYuNzM3MDcgNS4xMTkxOSA2Ljc4ODdDNS4xNTAyNSA2Ljc5NjU3IDUuMTgyMTkgNi44MDAwNyA1LjIxMzI1IDYuODAwMDdDNS4zOSA2LjgwMDA3IDUuNTUxIDYuNjc5NzYgNS41OTUxOSA2LjQ5OTUxQzUuNzIxMTkgNS45ODQ1NyA2LjEzNDE5IDUuNTY4OTUgNi42NDc4MSA1LjQ0MTYzQzYuODU4MjUgNS4zODkxMyA2Ljk4Njg3IDUuMTc1NjMgNi45MzQzNyA0Ljk2NDMyQzYuODgyMzEgNC43NTM0NSA2LjY2ODM3IDQuNjI2MTMgNi40NTc1IDQuNjc3MzJaJyBmaWxsPScjNjg0NTc1Jy8+PHBhdGggZD0nTTguMDc0MDYgMTIuNzMxM0g1LjkyNTk0QzUuNzA4NSAxMi43MzEzIDUuNTMyMTkgMTIuOTA3NiA1LjUzMjE5IDEzLjEyNUM1LjUzMjE5IDEzLjM0MjQgNS43MDg1IDEzLjUxODggNS45MjU5NCAxMy41MTg4SDguMDc0MDZDOC4yOTE1IDEzLjUxODggOC40Njc4MSAxMy4zNDI0IDguNDY3ODEgMTMuMTI1QzguNDY3ODEgMTIuOTA3NiA4LjI5MTUgMTIuNzMxMyA4LjA3NDA2IDEyLjczMTNaJyBmaWxsPScjNjg0NTc1Jy8+PHBhdGggZD0nTTcgMi4wMzk2NEM3LjIxNzQzIDIuMDM5NjQgNy4zOTM3NSAxLjg2MzMyIDcuMzkzNzUgMS42NDU4OVYwLjg3NTAxMkM3LjM5Mzc1IDAuNjU3NTc1IDcuMjE3NDMgMC40ODEyNjIgNyAwLjQ4MTI2MkM2Ljc4MjU2IDAuNDgxMjYyIDYuNjA2MjUgMC42NTc1NzUgNi42MDYyNSAwLjg3NTAxMlYxLjY0NTg5QzYuNjA2MjUgMS44NjMzMiA2Ljc4MjU2IDIuMDM5NjQgNyAyLjAzOTY0WicgZmlsbD0nIzY4NDU3NScvPjxwYXRoIGQ9J00xMi42MDY2IDUuNjQ3NzFIMTEuODM1N0MxMS42MTgzIDUuNjQ3NzEgMTEuNDQxOSA1LjgyNDAyIDExLjQ0MTkgNi4wNDE0NUMxMS40NDE5IDYuMjU4ODkgMTEuNjE4MyA2LjQzNTIgMTEuODM1NyA2LjQzNTJIMTIuNjA2NkMxMi44MjQgNi40MzUyIDEzLjAwMDMgNi4yNTg4OSAxMy4wMDAzIDYuMDQxNDVDMTMuMDAwMyA1LjgyNDAyIDEyLjgyNDQgNS42NDc3MSAxMi42MDY2IDUuNjQ3NzFaJyBmaWxsPScjNjg0NTc1Jy8+PHBhdGggZD0nTTIuMTYzODcgNS42NDc3MUgxLjM5MzQ0QzEuMTc2IDUuNjQ3NzEgMC45OTk2ODcgNS44MjQwMiAwLjk5OTY4NyA2LjA0MTQ1QzAuOTk5Njg3IDYuMjU4ODkgMS4xNzYgNi40MzUyIDEuMzkzNDQgNi40MzUySDIuMTY0MzFDMi4zODE3NSA2LjQzNTIgMi41NTgwNiA2LjI1ODg5IDIuNTU4MDYgNi4wNDE0NUMyLjU1ODA2IDUuODI0MDIgMi4zODEzMSA1LjY0NzcxIDIuMTYzODcgNS42NDc3MVonIGZpbGw9JyM2ODQ1NzUnLz48cGF0aCBkPSdNMy42MTMzMSAzLjIxMTdDMy42OTAzMiAzLjI4ODcgMy43OTA5NCAzLjMyNzIgMy44OTIgMy4zMjcyQzMuOTkzMDYgMy4zMjcyIDQuMDkzNjkgMy4yODg3IDQuMTcwNjkgMy4yMTE3QzQuMzI0NjkgMy4wNTgxNCA0LjMyNDY5IDIuODA4NzcgNC4xNzA2OSAyLjY1NTJMMy42MjUxMyAyLjEwOTY0QzMuNDcxMTMgMS45NTU2NCAzLjIyMTc1IDEuOTU1NjQgMy4wNjgxOSAyLjEwOTY0QzIuOTE0MTkgMi4yNjMyIDIuOTE0MTkgMi41MTI1OCAzLjA2ODE5IDIuNjY2MTRMMy42MTMzMSAzLjIxMTdaJyBmaWxsPScjNjg0NTc1Jy8+PHBhdGggZD0nTTEwLjM3NDkgMi4xMDk2NUw5LjgyOTc1IDIuNjU0NzdDOS42NzU3NSAyLjgwODM0IDkuNjc1NzUgMy4wNTc3MSA5LjgyOTc1IDMuMjExMjdDOS45MDY3NSAzLjI4ODI3IDEwLjAwNzQgMy4zMjY3NyAxMC4xMDg0IDMuMzI2NzdDMTAuMjA5NSAzLjMyNjc3IDEwLjMxMDEgMy4yODgyNyAxMC4zODcxIDMuMjExMjdMMTAuOTMyMiAyLjY2NjE1QzExLjA4NjIgMi41MTI1OSAxMS4wODYyIDIuMjYzMjEgMTAuOTMyMiAyLjEwOTY1QzEwLjc3ODIgMS45NTYwOSAxMC41Mjg0IDEuOTU2MDkgMTAuMzc0OSAyLjEwOTY1WicgZmlsbD0nIzY4NDU3NScvPjwvc3ZnPg==);
  width: 12px;
  height: 12px;
  top: 4px;
  background-size: 12px;
  background-repeat: no-repeat;
  left: 4px;
}
.rev-sip-cal .sip-cal-parent .ssy-calculator-left .input-wrapper .text-box-row .ssy-left-label .protip .text {
  position: absolute;
  width: 200px;
  height: auto;
  color: #f2f2f2;
  background: #253858;
  padding: 8px;
  border-radius: 8px;
  z-index: 111;
  left: 0;
  top: -70px;
  display: none;
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.12);
}
.rev-sip-cal .sip-cal-parent .ssy-calculator-left .input-wrapper .text-box-row .ssy-left-label .protip .text:after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 25px;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #253858 transparent transparent transparent;
}
.rev-sip-cal .sip-cal-parent .ssy-calculator-left .input-wrapper .text-box-row .ssy-left-label .protip:hover .text {
  display: block;
}
.rev-sip-cal .sip-cal-parent .ssy-calculator-left .input-wrapper .text-box-row:first-child .text-box-col .ssy-left-label {
  padding-right: 10px;
}
.rev-sip-cal .sip-cal-parent .ssy-calculator-left .input-wrapper .text-box-row:first-child .text-box-col .right-with-label {
  min-width: 110px;
}
@media (max-width: 980px) {
  .rev-sip-cal .sip-cal-parent .ssy-calculator-left .input-wrapper .text-box-row:first-child .text-box-col .right-with-label {
    min-width: 110px;
  }
}
.rev-sip-cal .sip-cal-parent .ssy-calculator-left .input-wrapper .text-box-row .text-box-col {
  position: relative;
  width: 100%;
  padding: 0 0 8px;
  border-bottom: 1px solid #EDEEF2;
}
@media (max-width: 980px) {
  .rev-sip-cal .sip-cal-parent .ssy-calculator-left .input-wrapper .text-box-row .text-box-col {
    width: 100%;
  }
}
.rev-sip-cal .sip-cal-parent .ssy-calculator-left .input-wrapper .text-box-row .text-box-col:has(.rupee-icon) .type-text {
  padding-left: 22px;
}
.rev-sip-cal .sip-cal-parent .ssy-calculator-left .input-wrapper .text-box-row .text-box-col:has(.yrs-txt) .type-text {
  padding-right: 38px;
}
.rev-sip-cal .sip-cal-parent .ssy-calculator-left .input-wrapper .text-box-row .text-box-col:has(.right-with-label) {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 980px) {
  .rev-sip-cal .sip-cal-parent .ssy-calculator-left .input-wrapper .text-box-row .text-box-col:has(.right-with-label) {
    gap: 8px;
  }
}
.rev-sip-cal .sip-cal-parent .ssy-calculator-left .input-wrapper .text-box-row .text-box-col:has(.right-with-label) .type-text {
  height: 32px;
  font-size: 15px;
}
.rev-sip-cal .sip-cal-parent .ssy-calculator-left .input-wrapper .text-box-row .text-box-col:has(.right-with-label) .yrs-txt {
  font-size: 12px;
  right: 8px;
  bottom: 8px;
}
.rev-sip-cal .sip-cal-parent .ssy-calculator-left .input-wrapper .text-box-row .text-box-col:has(.right-with-label) .label-text {
  margin: 0;
  white-space: inherit;
}
.rev-sip-cal .sip-cal-parent .ssy-calculator-left .input-wrapper .text-box-row .text-box-col .right-with-label {
  width: 110px;
  position: relative;
}
@media (max-width: 980px) {
  .rev-sip-cal .sip-cal-parent .ssy-calculator-left .input-wrapper .text-box-row .text-box-col .right-with-label {
    max-width: 100px;
  }
}
.rev-sip-cal .sip-cal-parent .ssy-calculator-left .input-wrapper .text-box-row .text-box-col .right-with-label .prcnt-sign {
  position: absolute;
  left: 24px;
  top: 7px;
  font-size: 14px;
  color: #0065FF;
  font-weight: 600;
}
.rev-sip-cal .sip-cal-parent .ssy-calculator-left .input-wrapper .text-box-row .text-box-col .right-with-label .err.sip-amt-err {
  position: absolute;
  width: 100%;
  min-width: 300px;
  right: 0;
  font-size: 10px;
  color: red;
  top: 41px;
  text-align: right;
}
.rev-sip-cal .sip-cal-parent .ssy-calculator-left .input-wrapper .text-box-row .text-box-col .label-text {
  font-size: 11px;
  font-weight: 500;
  font-family: inherit;
  color: #73788C;
  margin: 0 0 12px;
  display: block;
}
.rev-sip-cal .sip-cal-parent .ssy-calculator-left .input-wrapper .text-box-row .text-box-col .mia-text {
  font-size: 10px;
  font-weight: 400;
  color: rgba(37, 56, 88, 0.6);
}
.rev-sip-cal .sip-cal-parent .ssy-calculator-left .input-wrapper .text-box-row .text-box-col .rupee-icon {
  position: absolute;
  bottom: 6px;
  left: 8px;
  color: #0065FF;
  font-weight: 600;
  font-size: 16px;
}
.rev-sip-cal .sip-cal-parent .ssy-calculator-left .input-wrapper .text-box-row .text-box-col .yrs-txt {
  position: absolute;
  bottom: 8px;
  right: 8px;
  color: rgba(37, 56, 88, 0.6);
  font-weight: 500;
  font-size: 12px;
}
.rev-sip-cal .sip-cal-parent .ssy-calculator-left .input-wrapper .text-box-row .text-box-col .type-text {
  font-size: 15px;
  padding: 12px 5px;
  display: flex;
  color: #0065FF;
  border: 0px;
  font-weight: 600;
  border-radius: 8px;
  width: 100%;
  height: 32px;
  outline: none;
  background: #EEF1FC;
}
.rev-sip-cal .sip-cal-parent .ssy-calculator-left .input-wrapper .text-box-row .text-box-col .type-text::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #0065FF;
  font-weight: 600;
}
.rev-sip-cal .sip-cal-parent .ssy-calculator-left .input-wrapper .text-box-row .text-box-col input[type=date] {
  background: url(../../images/bu/investment/date-range-fd-cal.svg) no-repeat 95% 11px/24px, #fff;
  max-width: 265px;
}
@media (max-width: 980px) {
  .rev-sip-cal .sip-cal-parent .ssy-calculator-left .input-wrapper .text-box-row .text-box-col input[type=date] {
    max-width: 100%;
  }
}
.rev-sip-cal .sip-cal-parent .ssy-calculator-left .input-wrapper .text-box-row .text-box-col input[type=date]::-webkit-calendar-picker-indicator {
  opacity: 0;
  position: absolute;
  z-index: 99;
  cursor: pointer;
  right: 0;
  height: 100%;
  width: 100%;
  font-size: 0px;
  border: 0;
}
.rev-sip-cal .sip-cal-parent .ssy-calculator-left .input-wrapper .text-box-row .text-box-col .radio-row {
  display: flex;
  -moz-column-gap: 16px;
       column-gap: 16px;
}
@media (max-width: 980px) {
  .rev-sip-cal .sip-cal-parent .ssy-calculator-left .input-wrapper .text-box-row .text-box-col .radio-row {
    justify-content: space-between;
  }
}
.rev-sip-cal .sip-cal-parent .ssy-calculator-left .input-wrapper .text-box-row .text-box-col .radio-row .radio-box {
  position: relative;
  display: flex;
}
.rev-sip-cal .sip-cal-parent .ssy-calculator-left .input-wrapper .text-box-row .text-box-col .radio-row .radio-box .radio-category {
  position: absolute;
  left: 0;
  margin: 0;
  opacity: 0;
}
.rev-sip-cal .sip-cal-parent .ssy-calculator-left .input-wrapper .text-box-row .text-box-col .radio-row .radio-box .radio-category:checked + .rb-label {
  border-color: #0065FF;
  background: #D1E2FD;
}
.rev-sip-cal .sip-cal-parent .ssy-calculator-left .input-wrapper .text-box-row .text-box-col .radio-row .radio-box .rb-label {
  border: 1px solid rgba(0, 0, 0, 0.1215686275);
  padding: 12px 16px;
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #162F6E;
  font-size: 14px;
  font-weight: 500;
  height: 48px;
  font-weight: 500;
  white-space: nowrap;
}
.rev-sip-cal .sip-cal-parent .ssy-calculator-left .input-wrapper .text-box-row .text-box-col .annual-step {
  display: flex;
  align-items: center;
  gap: 8px;
}
.rev-sip-cal .sip-cal-parent .ssy-calculator-left .input-wrapper .text-box-row .text-box-col .annual-step .arrow-annual {
  background: url(../../images/bu/investment/sip/arrow-annual-sip.svg) no-repeat center/16px, #0065FF;
  height: 24px;
  width: 24px;
  border-radius: 50%;
  display: flex;
}
.rev-sip-cal .sip-cal-parent .ssy-calculator-left .input-wrapper .text-box-row .text-box-col .annual-step .annual-text-info .arrow-info {
  font-size: 12px;
  font-weight: 600;
  color: #253858;
  margin: 0;
  padding: 0;
  line-height: inherit;
}
.rev-sip-cal .sip-cal-parent .ssy-calculator-left .input-wrapper .text-box-row .text-box-col .annual-step .annual-text-info .sub-info {
  font-size: 10px;
  color: rgba(37, 56, 88, 0.6);
  line-height: 14px;
  display: flex;
}
.rev-sip-cal .sip-cal-parent .ssy-calculator-left .input-wrapper .text-box-row .text-box-col:has(.annual-step) {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0;
  border: 0px;
}
.rev-sip-cal .sip-cal-parent .ssy-calculator-left .input-wrapper .text-box-row .text-box-col .annual-check {
  position: relative;
  width: 36px;
  height: 20px;
}
.rev-sip-cal .sip-cal-parent .ssy-calculator-left .input-wrapper .text-box-row .text-box-col .annual-check .checkbox-sip {
  opacity: 0;
  margin: 0px;
  width: 100%;
  height: 20px;
  position: absolute;
  z-index: 1;
}
.rev-sip-cal .sip-cal-parent .ssy-calculator-left .input-wrapper .text-box-row .text-box-col .annual-check .checkbox-sip:checked + .slider {
  background: #0065FF;
}
.rev-sip-cal .sip-cal-parent .ssy-calculator-left .input-wrapper .text-box-row .text-box-col .annual-check .checkbox-sip:checked + .slider::before {
  left: 19px;
}
.rev-sip-cal .sip-cal-parent .ssy-calculator-left .input-wrapper .text-box-row .text-box-col .annual-check .checkbox-sip + .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  width: 36px;
  height: 20px;
  left: 0;
  border-radius: 20px;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.4s;
}
.rev-sip-cal .sip-cal-parent .ssy-calculator-left .input-wrapper .text-box-row .text-box-col .annual-check .checkbox-sip + .slider::before {
  position: absolute;
  content: "";
  height: 14px;
  border-radius: 50%;
  width: 14px;
  left: 4px;
  bottom: 3px;
  background-color: #fff;
  transition: 0.4s;
}
.rev-sip-cal .sip-cal-parent .ssy-calculator-left .input-wrapper .text-box-row .annual-bottom-row {
  gap: 13px;
  display: none;
  align-items: center;
  border-top: 1px solid #EDEEF2;
  padding: 8px 0 0 0;
  margin: 8px 0 0 0;
}
.rev-sip-cal .sip-cal-parent .ssy-calculator-left .input-wrapper .text-box-row .annual-bottom-row .right-with-label {
  min-width: 82px;
  max-width: 82px;
  position: relative;
}
.rev-sip-cal .sip-cal-parent .ssy-calculator-left .input-wrapper .text-box-row .annual-bottom-row .right-with-label .prcnt-sign {
  position: absolute;
  left: 30px;
  top: 7px;
  font-size: 14px;
  color: #0065FF;
  font-weight: 600;
}
.rev-sip-cal .sip-cal-parent .ssy-calculator-left .input-wrapper .text-box-row .annual-bottom-row .right-with-label .type-text {
  font-size: 16px;
  padding: 5px 8px;
  display: flex;
  color: #0065FF;
  border: 0px;
  font-weight: 600;
  border-radius: 8px;
  width: 100%;
  height: 32px;
  outline: none;
  background: #EEF1FC;
}
.rev-sip-cal .sip-cal-parent .ssy-calculator-left .input-wrapper .text-box-row .annual-bottom-row .right-with-label .type-text::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #0065FF;
  font-weight: 600;
}
.rev-sip-cal .sip-cal-parent .ssy-calculator-left .input-wrapper .text-box-row .annual-bottom-row .right-with-label .yrs-txt {
  position: absolute;
  bottom: 8px;
  right: 8px;
  color: rgba(37, 56, 88, 0.6);
  font-weight: 500;
  font-size: 12px;
}
.rev-sip-cal .sip-cal-parent .ssy-calculator-left .input-wrapper .text-box-row .annual-bottom-row .range {
  margin: 0px;
  max-width: 310px;
}
@media (max-width: 980px) {
  .rev-sip-cal .sip-cal-parent .ssy-calculator-left .input-wrapper .text-box-row .annual-bottom-row .range {
    max-width: 250px;
  }
}
@media (max-width: 375px) {
  .rev-sip-cal .sip-cal-parent .ssy-calculator-left .input-wrapper .text-box-row .annual-bottom-row .range {
    max-width: 220px;
  }
}
@media (max-width: 360px) {
  .rev-sip-cal .sip-cal-parent .ssy-calculator-left .input-wrapper .text-box-row .annual-bottom-row .range {
    max-width: 205px;
  }
}
.rev-sip-cal .sip-cal-parent .ssy-calculator-left .input-wrapper .text-box-row .range {
  position: relative;
  width: 100%;
  margin: 12px 0 0 0;
  height: auto;
  -webkit-tap-highlight-color: transparent;
  -moz-tap-highlight-color: transparent;
  -o-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
}
@media (max-width: 980px) {
  .rev-sip-cal .sip-cal-parent .ssy-calculator-left .input-wrapper .text-box-row .range {
    margin: 1px 0 0 0;
  }
}
.rev-sip-cal .sip-cal-parent .ssy-calculator-left .input-wrapper .text-box-row em {
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 17px;
  z-index: 1;
  background: #0065FF;
  height: 1px;
}
.rev-sip-cal .sip-cal-parent .ssy-calculator-left .input-wrapper .text-box-row ul {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  align-items: inherit;
  padding: 0;
  position: relative;
  list-style: none;
  margin: 10px 0 0 0;
}
@media (max-width: 1024px) {
  .rev-sip-cal .sip-cal-parent .ssy-calculator-left .input-wrapper .text-box-row ul {
    margin: 5px 0 0 0;
  }
}
.rev-sip-cal .sip-cal-parent .ssy-calculator-left .input-wrapper .text-box-row ul li {
  font-size: 0;
  color: #9EA3B8;
  cursor: pointer;
  font-weight: 500;
  position: relative;
  padding: 3px 0 0;
  margin: 0 4px;
  display: flex;
  align-items: center;
  -webkit-tap-highlight-color: transparent;
  -moz-tap-highlight-color: transparent;
  -o-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
}
.rev-sip-cal .sip-cal-parent .ssy-calculator-left .input-wrapper .text-box-row ul li.show {
  font-size: 10px;
  justify-content: center;
  width: auto;
  margin: 0;
}
.rev-sip-cal .sip-cal-parent .ssy-calculator-left .input-wrapper .text-box-row input[type=range] {
  width: 100%;
  margin: 0;
}
.rev-sip-cal .sip-cal-parent .ssy-calculator-left .input-wrapper .text-box-row .range li.range__opt:before {
  position: absolute;
  top: -4px;
  left: 0;
  content: "";
  margin: auto;
  width: 0px;
  height: 5px;
  border-left: 1px solid #0065FF;
  opacity: 0;
  display: block;
  z-index: 99;
}
.rev-sip-cal .sip-cal-parent .ssy-calculator-left .input-wrapper .text-box-row .prc-tags-row {
  display: flex;
  gap: 6px;
  margin: 10px 0 0;
  flex-wrap: wrap;
}
.rev-sip-cal .sip-cal-parent .ssy-calculator-left .input-wrapper .text-box-row .prc-tags-row .prc-tags {
  font-size: 10px;
  cursor: pointer;
  background: #EEF1FC;
  color: #9EA3B8;
  padding: 2px 8px;
  border-radius: 4px;
}
.rev-sip-cal .sip-cal-parent .ssy-calculator-left .input-wrapper .text-box-row:has(.annual-step) {
  border: 1px solid #E0E5F2;
  padding: 12px;
  border-radius: 12px;
}
.rev-sip-cal .sip-cal-parent #invest-goal.sip-calculator-wrapper .ssy-calculator-right .ss-right-btm .step-up-cards .step-card-row .step-card.with-step-up {
  display: none;
}
.rev-sip-cal .sip-cal-parent #invest-goal.sip-calculator-wrapper .ssy-calculator-right .value-wrapper .value-row:has(.step-up) {
  display: none;
}
.rev-sip-cal .sip-cal-parent #invest-goal.sip-calculator-wrapper .ssy-calculator-right .ss-right-btm .stepup-note {
  display: none;
}
.rev-sip-cal .sip-cal-parent .sip-calculator-wrapper {
  width: 100%;
  max-width: 1170px;
  padding: 8px;
  margin: 0 auto;
  border: 1px solid #DEDEDE;
  display: flex;
  border-radius: 8px;
  justify-content: space-between;
}
@media (max-width: 980px) {
  .rev-sip-cal .sip-cal-parent .sip-calculator-wrapper {
    flex-direction: column;
  }
}
.rev-sip-cal .sip-cal-parent .sip-calculator-wrapper.tab-panel {
  display: none;
}
.rev-sip-cal .sip-cal-parent .sip-calculator-wrapper.tab-panel.show {
  display: flex;
}
.rev-sip-cal .sip-cal-parent .sip-calculator-wrapper .ssy-calculator-right {
  min-height: 220px;
  position: relative;
  border-radius: 0px 6px 6px 0px;
  width: 100%;
  min-width: 510px;
  padding: 32px 24px 0;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 980px) {
  .rev-sip-cal .sip-cal-parent .sip-calculator-wrapper .ssy-calculator-right {
    min-width: 100%;
    padding: 10px;
    z-index: 9;
  }
}
@media (max-width: 980px) {
  .rev-sip-cal .sip-cal-parent .sip-calculator-wrapper .ssy-calculator-right:has(.show-graph) {
    z-index: 100;
  }
}
.rev-sip-cal .sip-cal-parent .sip-calculator-wrapper .ssy-calculator-right .ssy-graph-container {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
@media (max-width: 980px) {
  .rev-sip-cal .sip-cal-parent .sip-calculator-wrapper .ssy-calculator-right .ssy-graph-container {
    display: block;
    width: 100%;
    padding: 0px;
    position: static;
    z-index: 2;
    background: #fff;
    left: 0;
    bottom: 0%;
    border-radius: 20px 20px 0 0;
  }
}
.rev-sip-cal .sip-cal-parent .sip-calculator-wrapper .ssy-calculator-right .ssy-graph-container.show-graph {
  box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.1019607843);
  transition: all ease 0.4s;
  bottom: 0px;
}
.rev-sip-cal .sip-cal-parent .sip-calculator-wrapper .ssy-calculator-right .ssy-graph-container .close-graph {
  display: none;
  position: absolute;
  width: 28px;
  height: 28px;
  opacity: 1;
  background: #fff;
  border-radius: 50px;
  top: 14px;
  right: 20px;
  z-index: 10002;
  cursor: pointer;
}
@media (max-width: 1024px) {
  .rev-sip-cal .sip-cal-parent .sip-calculator-wrapper .ssy-calculator-right .ssy-graph-container .close-graph {
    display: none;
  }
}
.rev-sip-cal .sip-cal-parent .sip-calculator-wrapper .ssy-calculator-right .ssy-graph-container .close-graph:before {
  position: absolute;
  left: 15px;
  content: " ";
  height: 15px;
  width: 2px;
  background-color: #606060;
  top: 7px;
  transform: rotate(45deg);
}
.rev-sip-cal .sip-cal-parent .sip-calculator-wrapper .ssy-calculator-right .ssy-graph-container .close-graph:after {
  position: absolute;
  left: 15px;
  content: " ";
  height: 15px;
  width: 2px;
  background-color: #606060;
  top: 7px;
  transform: rotate(-45deg);
}
.rev-sip-cal .sip-cal-parent .sip-calculator-wrapper .ssy-calculator-right .ssy-graph-container .img-graph {
  width: 250px;
  height: 250px;
  background: url(../../images/bu/investment/ssy-graph-img.png) no-repeat center top;
  background-size: 100%;
  display: flex;
}
.rev-sip-cal .sip-cal-parent .sip-calculator-wrapper .ssy-calculator-right .ssy-graph-container .img-graph-1 .graph-mid-value {
  position: absolute;
  text-align: center;
  left: 100px;
  top: 110px;
  z-index: 2;
}
@media (max-width: 1024px) {
  .rev-sip-cal .sip-cal-parent .sip-calculator-wrapper .ssy-calculator-right .ssy-graph-container .img-graph-1 .graph-mid-value {
    left: 50%;
    top: 99px;
    transform: translateX(-50%);
  }
}
.rev-sip-cal .sip-cal-parent .sip-calculator-wrapper .ssy-calculator-right .ssy-graph-container .img-graph-1 .graph-mid-value .total-wealth-text {
  color: #8085A6;
  font-size: 10px;
}
.rev-sip-cal .sip-cal-parent .sip-calculator-wrapper .ssy-calculator-right .ssy-graph-container .img-graph-1 .graph-mid-value .total-value {
  font-size: 18px;
  font-weight: 700;
  color: #111A33;
  margin: 4px 0 2px;
}
.rev-sip-cal .sip-cal-parent .sip-calculator-wrapper .ssy-calculator-right .ssy-graph-container .img-graph-1 .graph-mid-value .with-stepup-text {
  font-size: 9px;
  font-weight: 500;
  color: #F29414;
  display: none;
}
.rev-sip-cal .sip-cal-parent .sip-calculator-wrapper .ssy-calculator-right .ssy-graph-container .img-graph-1 .chart-panel .highcharts-container {
  top: 0;
}
.rev-sip-cal .sip-cal-parent .sip-calculator-wrapper .ssy-calculator-right .ssy-graph-container .img-graph-1 .chart-panel .chartDiv .graph {
  height: 220px !important;
  width: 250px !important;
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  margin: 0 auto;
}
.rev-sip-cal .sip-cal-parent .sip-calculator-wrapper .ssy-calculator-right .value-wrapper {
  margin: 0 0 0 40px;
  min-width: 255px;
}
@media (max-width: 980px) {
  .rev-sip-cal .sip-cal-parent .sip-calculator-wrapper .ssy-calculator-right .value-wrapper {
    margin: 20px 0 0 0;
    gap: 15px;
    display: flex;
    flex-wrap: wrap;
  }
}
.rev-sip-cal .sip-cal-parent .sip-calculator-wrapper .ssy-calculator-right .value-wrapper .value-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 32px;
}
@media (max-width: 980px) {
  .rev-sip-cal .sip-cal-parent .sip-calculator-wrapper .ssy-calculator-right .value-wrapper .value-row {
    margin: 0;
    width: 100%;
  }
}
.rev-sip-cal .sip-cal-parent .sip-calculator-wrapper .ssy-calculator-right .value-wrapper .value-row:has(.step-up) {
  display: none;
}
.rev-sip-cal .sip-cal-parent .sip-calculator-wrapper .ssy-calculator-right .value-wrapper .value-row .value-box {
  position: relative;
  padding: 0 0 0 12px;
}
@media (max-width: 980px) {
  .rev-sip-cal .sip-cal-parent .sip-calculator-wrapper .ssy-calculator-right .value-wrapper .value-row .value-box {
    width: 50%;
  }
}
.rev-sip-cal .sip-cal-parent .sip-calculator-wrapper .ssy-calculator-right .value-wrapper .value-row .value-box::before {
  content: "";
  background: #D9D9D9;
  height: 40px;
  width: 4px;
  border-radius: 8px;
  position: absolute;
  left: 0;
  top: 0px;
}
.rev-sip-cal .sip-cal-parent .sip-calculator-wrapper .ssy-calculator-right .value-wrapper .value-row .value-box.invest::before {
  background: #0065FF;
}
.rev-sip-cal .sip-cal-parent .sip-calculator-wrapper .ssy-calculator-right .value-wrapper .value-row .value-box.interest::before {
  background: #25A608;
}
.rev-sip-cal .sip-cal-parent .sip-calculator-wrapper .ssy-calculator-right .value-wrapper .value-row .value-box.step-up::before {
  background: #F29414;
}
.rev-sip-cal .sip-cal-parent .sip-calculator-wrapper .ssy-calculator-right .value-wrapper .value-row .value-box .val-label {
  font-size: 10px;
  color: #7A8099;
  margin: 0 0 4px;
  font-weight: 400;
}
.rev-sip-cal .sip-cal-parent .sip-calculator-wrapper .ssy-calculator-right .value-wrapper .value-row .value-box .val-text {
  font-size: 16px;
  color: #253858;
  font-weight: 700;
}
.rev-sip-cal .sip-cal-parent .sip-calculator-wrapper .ssy-calculator-right .value-wrapper .value-row .value-box-right {
  background: #EBF0FC;
  font-size: 10px;
  font-weight: 600;
  color: #1163D0;
  height: 20px;
  border-radius: 10px;
  padding: 3px 8px;
}
.rev-sip-cal .sip-cal-parent .sip-calculator-wrapper .ssy-calculator-right .value-wrapper .value-row .value-box-right.blue-val {
  background: #EBF0FC;
  color: #1163D0;
}
.rev-sip-cal .sip-cal-parent .sip-calculator-wrapper .ssy-calculator-right .value-wrapper .value-row .value-box-right.green-val {
  background: #E5F7ED;
  color: #1FAD6B;
}
.rev-sip-cal .sip-cal-parent .sip-calculator-wrapper .ssy-calculator-right .value-wrapper .value-row .value-box-right.orange-val {
  background: #FFF2E0;
  color: #F29414;
}
.rev-sip-cal .sip-cal-parent .sip-calculator-wrapper .ssy-calculator-right .view-plan-btn {
  background: #0065ff 0 0 no-repeat padding-box;
  border-radius: 4px;
  cursor: pointer;
  width: 100%;
  color: #fff;
  text-align: center;
  padding: 14px 0;
  height: 48px;
  font-weight: 500;
  display: inline-flex;
  justify-content: center;
}
.rev-sip-cal .sip-cal-parent .sip-calculator-wrapper .ssy-calculator-right .ss-right-btm {
  width: 100%;
}
.rev-sip-cal .sip-cal-parent .sip-calculator-wrapper .ssy-calculator-right .ss-right-btm .step-up-cards {
  border-top: 1px solid #E8EBF2;
  display: flex;
  width: 100%;
  padding: 24px 0 0 0;
  margin: 15px 0 24px 0;
}
@media (max-width: 980px) {
  .rev-sip-cal .sip-cal-parent .sip-calculator-wrapper .ssy-calculator-right .ss-right-btm .step-up-cards {
    margin: 15px 0 15px 0;
  }
}
.rev-sip-cal .sip-cal-parent .sip-calculator-wrapper .ssy-calculator-right .ss-right-btm .step-up-cards .step-card-row {
  display: flex;
  width: 100%;
  gap: 12px;
}
@media (max-width: 980px) {
  .rev-sip-cal .sip-cal-parent .sip-calculator-wrapper .ssy-calculator-right .ss-right-btm .step-up-cards .step-card-row {
    flex-direction: column;
  }
}
.rev-sip-cal .sip-cal-parent .sip-calculator-wrapper .ssy-calculator-right .ss-right-btm .step-up-cards .step-card-row .step-card {
  border: 1px solid #E0E3F0;
  padding: 16px;
  width: 100%;
  border-radius: 14px;
  position: relative;
}
.rev-sip-cal .sip-cal-parent .sip-calculator-wrapper .ssy-calculator-right .ss-right-btm .step-up-cards .step-card-row .step-card .ti-wrapper .ti-row {
  display: flex;
  margin: 3px 0 0;
  justify-content: space-between;
}
.rev-sip-cal .sip-cal-parent .sip-calculator-wrapper .ssy-calculator-right .ss-right-btm .step-up-cards .step-card-row .step-card .ti-wrapper .ti-row .ti-col {
  font-size: 11px;
  color: #9499B8;
}
.rev-sip-cal .sip-cal-parent .sip-calculator-wrapper .ssy-calculator-right .ss-right-btm .step-up-cards .step-card-row .step-card .ti-wrapper .ti-row .ti-col + .ti-col {
  color: #253858;
}
.rev-sip-cal .sip-cal-parent .sip-calculator-wrapper .ssy-calculator-right .ss-right-btm .step-up-cards .step-card-row .step-card.with-step-up {
  background: #0E1938;
  border-color: #0E1938;
}
.rev-sip-cal .sip-cal-parent .sip-calculator-wrapper .ssy-calculator-right .ss-right-btm .step-up-cards .step-card-row .step-card.with-step-up .card-badge {
  background: #4D2E05;
  border-radius: 10px;
  font-size: 10px;
  font-weight: 600;
  padding: 3px 8px;
  color: #F29E33;
  display: inline-flex;
}
.rev-sip-cal .sip-cal-parent .sip-calculator-wrapper .ssy-calculator-right .ss-right-btm .step-up-cards .step-card-row .step-card.with-step-up .prc-val-step {
  color: #fff;
}
.rev-sip-cal .sip-cal-parent .sip-calculator-wrapper .ssy-calculator-right .ss-right-btm .step-up-cards .step-card-row .step-card .grn-badge {
  position: absolute;
  right: 16px;
  top: 16px;
  color: #fff;
  background: #1FB273;
  border-radius: 12px;
  font-size: 10px;
  font-weight: bold;
  width: 44px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.rev-sip-cal .sip-cal-parent .sip-calculator-wrapper .ssy-calculator-right .ss-right-btm .step-up-cards .step-card-row .step-card .card-badge {
  font-size: 11px;
  font-weight: 500;
  color: #7A809E;
}
.rev-sip-cal .sip-cal-parent .sip-calculator-wrapper .ssy-calculator-right .ss-right-btm .step-up-cards .step-card-row .step-card .prc-val-step {
  color: #1F243D;
  margin: 8px 0 20px;
  font-size: 26px;
  font-weight: 700;
}
@media (max-width: 600px) {
  .rev-sip-cal .sip-cal-parent .sip-calculator-wrapper .ssy-calculator-right .ss-right-btm .step-up-cards .step-card-row .step-card .prc-val-step {
    font-size: 20px;
  }
}
.rev-sip-cal .sip-cal-parent .sip-calculator-wrapper .ssy-calculator-right .ss-right-btm .step-up-cards .step-card-row .step-card .step-pa {
  font-size: 10px;
  color: #9499B8;
}
.rev-sip-cal .sip-cal-parent .sip-calculator-wrapper .ssy-calculator-right .ss-right-btm .mobile-btns-row {
  display: flex;
  gap: 12px;
  width: 100%;
  margin: 0 0 24px;
}
@media (max-width: 1024px) {
  .rev-sip-cal .sip-cal-parent .sip-calculator-wrapper .ssy-calculator-right .ss-right-btm .mobile-btns-row {
    flex-direction: column;
  }
}
.rev-sip-cal .sip-cal-parent .sip-calculator-wrapper .ssy-calculator-right .ss-right-btm .mobile-btns-row .view-btn {
  border: 1px solid #0065FF;
  color: #0065FF;
  font-size: 14px;
  width: 50%;
  border-radius: 10px;
  background: #fff;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
@media (max-width: 1024px) {
  .rev-sip-cal .sip-cal-parent .sip-calculator-wrapper .ssy-calculator-right .ss-right-btm .mobile-btns-row .view-btn {
    width: 100%;
  }
}
.rev-sip-cal .sip-cal-parent .sip-calculator-wrapper .ssy-calculator-right .ss-right-btm .mobile-btns-row .view-btn.solid-btn {
  background: #0065FF;
  color: #fff;
}
.rev-sip-cal .sip-cal-parent .sip-calculator-wrapper .ssy-calculator-right .ss-right-btm .without-stepup-note {
  background: #FFF8E9;
  padding: 16px 16px 16px 30px;
  position: relative;
  border-radius: 12px;
  font-size: 12px;
  color: #CB932B;
  display: flex;
  width: 100%;
  border: 1px solid #CB932B;
  margin-bottom: 20px;
}
@media (max-width: 1024px) {
  .rev-sip-cal .sip-cal-parent .sip-calculator-wrapper .ssy-calculator-right .ss-right-btm .without-stepup-note {
    display: block;
  }
}
.rev-sip-cal .sip-cal-parent .sip-calculator-wrapper .ssy-calculator-right .ss-right-btm .without-stepup-note span {
  font-weight: 700;
  color: #CB932B;
  margin: 0 2px;
}
@media (max-width: 1024px) {
  .rev-sip-cal .sip-cal-parent .sip-calculator-wrapper .ssy-calculator-right .ss-right-btm .without-stepup-note span {
    margin: 0;
  }
}
.rev-sip-cal .sip-cal-parent .sip-calculator-wrapper .ssy-calculator-right .ss-right-btm .without-stepup-note span.without-step-icon-info {
  margin: 0;
  height: 12px;
  width: 12px;
  position: absolute;
  left: 15px;
  top: 19px;
  background: url(../../images/bu/investment/sip/no-step-up-info-icon.svg) no-repeat 0 0/12px;
}
.rev-sip-cal .sip-cal-parent .sip-calculator-wrapper .ssy-calculator-right .ss-right-btm .stepup-note {
  background: #EAF9EF;
  padding: 16px 16px 16px 33px;
  position: relative;
  border-radius: 12px;
  font-size: 12px;
  color: #4D8C66;
  display: none;
  width: 100%;
  border: 1px solid #B8EBC7;
  margin-bottom: 20px;
}
.rev-sip-cal .sip-cal-parent .sip-calculator-wrapper .ssy-calculator-right .ss-right-btm .stepup-note span {
  font-weight: 700;
  color: #148C47;
  margin: 0 2px;
}
@media (max-width: 1024px) {
  .rev-sip-cal .sip-cal-parent .sip-calculator-wrapper .ssy-calculator-right .ss-right-btm .stepup-note span {
    margin: 0 2px 0 0;
  }
}
.rev-sip-cal .sip-cal-parent .sip-calculator-wrapper .ssy-calculator-right .ss-right-btm .stepup-note span.step-icon-info {
  margin: 0;
  height: 12px;
  width: 12px;
  position: absolute;
  left: 17px;
  top: 15px;
  background: url(../../images/bu/investment/sip/step-up-info-icon.svg) no-repeat 0 0/12px;
}
@media (max-width: 1024px) {
  .rev-sip-cal .sip-cal-parent .sip-calculator-wrapper .ssy-calculator-right .excel-plan-row {
    margin: 20px 0 0 0;
    display: none;
    justify-content: center;
    width: 100%;
    gap: 12px;
  }
}
.rev-sip-cal .sip-cal-parent .sip-calculator-wrapper .ssy-calculator-right .excel-plan-row .download-excel {
  position: absolute;
  top: -59px;
  right: 10px;
  border: 1px solid rgba(0, 115, 59, 0.4);
  display: flex;
  align-items: center;
  font-size: 14px;
  justify-content: center;
  font-weight: 600;
  color: #00733B;
  padding: 8px 16px;
  border-radius: 12px;
  cursor: pointer;
}
@media (max-width: 1024px) {
  .rev-sip-cal .sip-cal-parent .sip-calculator-wrapper .ssy-calculator-right .excel-plan-row .download-excel {
    align-items: center;
    min-width: 160px;
    justify-content: center;
    position: static;
    top: 0;
    right: auto;
    border-radius: 4px;
  }
}
.rev-sip-cal .sip-cal-parent .sip-calculator-wrapper .ssy-calculator-right .excel-plan-row .download-excel::before {
  content: "";
  width: 16px;
  height: 16px;
  display: flex;
  margin: 0 8px 0 0;
  background: url(../../images/bu/investment/sip/excel-icon.svg) no-repeat 0 0/16px;
}
.rev-sip-cal .sip-cal-parent .sip-calculator-wrapper .ssy-calculator-right .excel-plan-row button.view-btn.solid-btn {
  border: 1px solid #0065FF;
  color: #fff;
  font-size: 14px;
  width: 50%;
  border-radius: 10px;
  background: #0065FF;
  height: 48px;
  display: none;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
@media (max-width: 1024px) {
  .rev-sip-cal .sip-cal-parent .sip-calculator-wrapper .ssy-calculator-right .excel-plan-row button.view-btn.solid-btn {
    display: flex;
    border-radius: 4px;
  }
}
.rev-sip-cal .sip-cal-parent .sip-calculator-wrapper {
  border: 0px;
}
@media (max-width: 1024px) {
  .rev-sip-cal .sip-cal-parent .sip-calculator-wrapper {
    flex-direction: column;
  }
}

.faqsWrap {
  margin: 80px auto;
  max-width: 1060px;
}
.faqsWrap h2 {
  color: #253858;
  font-weight: 600;
  margin: 0 0 20px;
  text-align: center;
  line-height: 36px;
  font-size: 24px;
  padding: 0;
}
.faqsWrap h2::before {
  display: none;
}
.faqsWrap h2::after {
  content: "";
  display: flex;
  background: #FE9923;
  width: 255px;
  height: 3px;
  margin: 8px auto 0;
}
.faqsWrap ul {
  padding: 0;
  margin: 0;
  align-items: flex-start;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 28px;
}
@media (max-width: 1024px) {
  .faqsWrap ul {
    gap: 15px;
  }
}
.faqsWrap ul li {
  box-shadow: 0px 22.7px 30.26px -13.62px rgba(149, 149, 149, 0.2509803922);
  width: 100%;
  background: #fff;
  border-radius: 4px;
  padding: 5px 30px 10px 30px;
  margin: 0px 0 0px;
}
@media (max-width: 1024px) {
  .faqsWrap ul li {
    width: 100%;
    margin: 0px;
  }
}
.faqsWrap ul li h3 span {
  color: #1B1139;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  position: relative;
  cursor: pointer;
  padding: 0 20px 0 0;
}
.faqsWrap ul li h3 span::after {
  content: "";
  display: flex;
  width: 16px;
  position: absolute;
  right: 0;
  top: 7px;
  height: 16px;
  background: url(../../images/bu/investment/pension/faq-plus-icon-pension.svg) no-repeat 0px 0px/14px;
  left: auto;
}
.faqsWrap ul li h3 span[flag=up]::after {
  transform: rotate(-135deg);
  top: 4px;
}
.faqsWrap ul li h3 span span::after {
  display: none;
}
.faqsWrap ul li h3 + div {
  display: none;
  font-size: 14px;
  line-height: 26px;
  color: rgba(37, 56, 88, 0.8);
}
.faqsWrap ul li .data_ul {
  display: block;
  list-style-type: disc;
}
.faqsWrap ul li .data_ul li {
  box-shadow: none;
  width: 100%;
  margin: 0 0;
  padding: 0;
  color: #253858;
  font-size: 14px;
  min-height: inherit;
  line-height: 26px;
}
.faqsWrap .read-more-faq-btn {
  border: 0px;
}
.faqsWrap .read-more-faq-btn button {
  width: 175px;
  left: 0;
  right: 0;
  position: relative;
  transform: inherit;
  border: 1px solid #0065FF;
  border-radius: 5px;
  box-shadow: none;
}
@media (max-width: 1024px) {
  .faqsWrap .read-more-faq-btn button {
    width: 180px;
  }
}

.step-up-card {
  background: #ffffff;
  border: 1px solid #eef2f6;
  border-radius: 6px;
  padding: 12px;
  max-width: 500px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
}
.step-up-card .card-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
}
.step-up-card .card-header .header-icon {
  background: url(../../images/bu/investment/sip/arrow-annual-sip.svg) no-repeat center/16px, #0065FF;
  height: 24px;
  width: 24px;
  border-radius: 50%;
  display: flex;
}
.step-up-card .card-header .header-title {
  font-size: 12px;
  font-weight: 600;
  color: #253858;
  margin: 0;
  padding: 0;
  line-height: inherit;
}
.step-up-card .divider {
  height: 1px;
  background-color: #f1f5f9;
  margin: 0 -24px 24px -24px;
}
.step-up-card .settings-list {
  display: flex;
  flex-direction: column;
  gap: 28px;
}
.step-up-card .setting-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.step-up-card .setting-row .setting-label {
  color: #64748b;
  font-size: 11px;
  font-weight: 500;
}
.step-up-card {
  /* Toggle Switch Logic */
}
.step-up-card .type-toggle {
  display: flex;
  align-items: center;
  gap: 12px;
}
.step-up-card .type-toggle .toggle-text {
  font-size: 11px;
  color: #94a3b8;
}
.step-up-card .type-toggle .switch {
  position: relative;
  display: inline-block;
  width: 52px;
  height: 26px;
}
.step-up-card .type-toggle .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.step-up-card .type-toggle .switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #e2e8f0;
  transition: 0.3s;
  border-radius: 34px;
}
.step-up-card .type-toggle .switch .slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 3px;
  bottom: 2px;
  background-color: white;
  transition: 0.3s;
  border-radius: 50%;
}
.step-up-card .type-toggle .switch input:checked + .slider {
  background-color: #0061ff;
}
.step-up-card .type-toggle .switch input:checked + .slider:before {
  transform: translateX(15px);
}
.step-up-card {
  /* Percentage Value Box */
}
.step-up-card .percentage-box {
  background-color: #f0f5ff;
  padding: 10px 20px;
  border-radius: 12px;
  display: flex;
  align-items: baseline;
  gap: 12px;
  min-width: 110px;
  justify-content: center;
}
.step-up-card .percentage-box .percentage-value {
  color: #0061ff;
  font-size: 16px;
  font-weight: 700;
}
.step-up-card .percentage-box .percentage-unit {
  color: #94a3b8;
  font-size: 13px;
}
.step-up-card {
  /* Frequency Tabs */
}
.step-up-card .frequency-options {
  display: flex;
  gap: 20px;
}
.step-up-card .frequency-options .freq-item {
  font-size: 11px;
  color: #94a3b8;
  cursor: pointer;
  font-weight: 500;
  padding-bottom: 2px;
}
.step-up-card .frequency-options .freq-item.active {
  color: #0061ff;
  font-weight: 600;
  border-bottom: 2px solid #0061ff;
}

.reels-web-stories-section {
  background: rgba(143, 162, 255, 0.1019607843);
  padding: 47px 0 50px;
  margin: 0 0 100px;
}
.reels-web-stories-section .main-heading {
  color: #253858;
  margin: 0 0 35px;
  padding: 0 0 10px;
  position: relative;
  font-size: 24px;
  text-align: center;
  font-weight: 600;
}
.reels-web-stories-section .main-heading::after {
  content: "";
  width: 106px;
  height: 3px;
  background: #F2963B;
  border-radius: 4px;
  bottom: 0;
  margin: 0 auto;
  left: 0;
  right: 0;
  position: absolute;
}
.reels-web-stories-section .container {
  max-width: 100%;
  margin: 0;
}
.reels-web-stories-section .container.flex-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 1024px) {
  .reels-web-stories-section .container.flex-row {
    flex-direction: column;
  }
  .reels-web-stories-section .container.flex-row.mobile-reverse {
    flex-direction: column-reverse;
  }
}
@media screen and (max-width: 1024px) {
  .reels-web-stories-section {
    padding: 40px 16px;
    margin: 0 0 40px;
  }
  .reels-web-stories-section .container {
    padding: 0;
  }
}
.reels-web-stories-section .description {
  max-width: 100%;
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: 0.016em;
  color: rgba(37, 56, 88, 0.8);
}
@media screen and (max-width: 1024px) {
  .reels-web-stories-section .description {
    font-size: 14px;
    line-height: 22px;
  }
}

.reel-shorts {
  background: #F2F6FF;
  padding: 32px 0;
  margin: 60px 0;
}
.reel-shorts .heading {
  color: #253858;
  margin: 0 0 24px;
  padding: 0 0 10px;
  position: relative;
  font-size: 24px;
  font-weight: 600;
}
.reel-shorts .heading.center {
  text-align: center;
}
.reel-shorts .heading.center::after {
  content: "";
  width: 106px;
  height: 3px;
  background: #F2963B;
  border-radius: 4px;
  bottom: 0;
  margin: 0 auto;
  left: 0;
  right: 0;
  position: absolute;
}

@media screen and (max-width: 1024px) {
  .reels-web-stories-section {
    padding: 40px 0 40px 16px;
  }
}
.reels-web-stories-section .description {
  font-size: 16px;
}
.reels-web-stories-section .reels-web-stories-list {
  margin: 0px auto 0;
  display: flex;
  max-width: 1170px;
  align-items: center;
}
@media screen and (max-width: 1024px) {
  .reels-web-stories-section .reels-web-stories-list {
    padding: 24px 0 0;
    overflow-x: scroll;
    width: 100%;
  }
  .reels-web-stories-section .reels-web-stories-list::-webkit-scrollbar {
    display: none;
  }
}
.reels-web-stories-section .reels-web-stories-list .item {
  border: 1px solid #F4EBFF;
  border-radius: 12px;
  background: #fff;
  padding: 4px;
  height: 422px;
  margin: 0;
  width: 23%;
  margin: 0 24px 0 0;
}
.reels-web-stories-section .reels-web-stories-list .item:last-child {
  margin-right: 0;
}
@media screen and (max-width: 1024px) {
  .reels-web-stories-section .reels-web-stories-list .item {
    width: 250px;
    min-width: 250px;
    padding: 8px;
  }
}
.reels-web-stories-section .reels-web-stories-list .item iframe {
  display: block;
  margin: 0;
  max-width: 100%;
  border-radius: 12px;
  height: 100%;
}

.leftSection-1 .topNpsPlan {
  padding: 0 15px;
}

.card.ratingsBlock {
  display: none;
}

.block_content_wrapper {
  margin: 0 auto;
  width: 100%;
  max-width: 1170px;
}

.child-finance-hub-widget {
  border-radius: 8px;
  background: rgba(0, 101, 255, 0.05);
  padding: 16px;
  margin-top: 80px;
  display: flex;
}
@media screen and (max-width: 980px) {
  .child-finance-hub-widget {
    margin-top: 50px;
  }
}
.child-finance-hub-widget .heading-tab-list {
  display: flex;
  flex-direction: column;
  width: 31%;
  padding-left: 8px;
}
.child-finance-hub-widget .heading-tab-list .heading {
  color: var(--text-89, rgba(37, 56, 88, 0.89));
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-top: 16px;
}
.child-finance-hub-widget .heading-tab-list .tab {
  display: flex;
  flex-direction: column;
  box-shadow: none;
  width: 81%;
  margin: 16px 0 0;
}
.child-finance-hub-widget .heading-tab-list .tab .tab-links {
  border-radius: 8px;
  border: 0;
  background: 0 0;
  width: 100%;
  height: 51px;
  text-align: left;
  padding: 0 8px;
  margin: 8px 0 0;
  color: #0065ff;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  cursor: pointer;
}
.child-finance-hub-widget .heading-tab-list .tab .tab-links.active {
  background: #0065ff;
  color: #fff;
}
.child-finance-hub-widget .tab-content-section {
  width: 69%;
  border-radius: 6px;
  background: rgba(0, 101, 255, 0.05);
  padding: 16px 16px 4px;
}
.child-finance-hub-widget .tab-content-section .tab-content {
  display: none;
  height: auto;
  overflow-y: scroll;
  max-height: 400px;
}
.child-finance-hub-widget .tab-content-section .tab-content::-webkit-scrollbar {
  display: none;
}
.child-finance-hub-widget .tab-content-section .tab-content .link-list {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.child-finance-hub-widget .tab-content-section .tab-content .link-list .link {
  border-radius: 8px;
  background: #fff;
  padding: 16px 17px;
  margin: 0 8px 12px 0;
  width: 32%;
  text-align: center;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.child-finance-hub-widget .tab-content-section .tab-content .link-list .link a {
  color: #000;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  display: block;
}
.child-finance-hub-widget .tab-content-section .tab-content .link-list .link:nth-of-type(3n) {
  margin-right: 0;
}
.child-finance-hub-widget .tab-content-section .tab-content.active {
  display: block;
}

@media screen and (max-width: 980px) {
  .child-finance-hub-widget {
    flex-direction: column;
    padding: 8px;
  }
  .child-finance-hub-widget .heading-tab-list {
    width: 100%;
    padding: 0;
  }
  .child-finance-hub-widget .heading-tab-list .heading {
    margin: 20px auto 0;
    text-align: center;
  }
  .child-finance-hub-widget .heading-tab-list .tab {
    overflow-x: scroll;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: row;
    margin-bottom: 16px;
    width: 100%;
  }
  .child-finance-hub-widget .heading-tab-list .tab::-webkit-scrollbar {
    display: none;
  }
  .child-finance-hub-widget .heading-tab-list .tab .tab-links {
    flex-shrink: 0;
    padding: 16px;
    width: auto;
    height: auto;
    background: rgba(0, 101, 255, 0.05);
    margin: 0 4px 0 0;
  }
  .child-finance-hub-widget .tab-content-section {
    width: 100%;
    padding: 16px 8px 4px;
  }
  .child-finance-hub-widget .tab-content-section .tab-content .link-list .link {
    height: 64px;
    width: 48.5%;
    padding: 16px 8px;
  }
  .child-finance-hub-widget .tab-content-section .tab-content .link-list .link:nth-of-type(3n) {
    margin-right: 8px;
  }
  .child-finance-hub-widget .tab-content-section .tab-content .link-list .link:nth-of-type(2n) {
    margin-right: 0;
  }
}
.sticky-new .sticky-new-center .left .sticky-animate-data .text-animate-wrap {
  animation: none !important;
}/*# sourceMappingURL=pension-bu.css.map */