
@font-face {
  font-family: 'Poppins-Bold';
  src: url('../fonts/Poppins-Bold.woff') format('woff');
}

@font-face {
  font-family: 'Poppins-Regular';
  src: url('../fonts/Poppins-Regular.woff') format('woff');
}
@font-face {
  font-family: 'Poppins-SemiBold';
  src: url('../fonts/Poppins-SemiBold.woff') format('woff');
}	
@font-face {
  font-family: 'Poppins-Light';
  src: url('../fonts/Poppins-Light.woff') format('woff');
}	
@font-face {
  font-family: 'Poppins-Medium';
  src: url('../fonts/Poppins-Medium.woff') format('woff');
}	
body
{
    font-family: 'Poppins-Regular';
    overflow-x: hidden;
}
.poppins-bold
{
  font-family: 'Poppins-Bold' !important;
}
.poppins-light
{
  font-family: 'Poppins-Light' !important;
}
.poppins-medium
{
  font-family: 'Poppins-Medium';
}
.poppins-regular
{
  font-family: 'Poppins-Regular';
}
.Poppins-SemiBold
{
  font-family: 'Poppins-SemiBold';
}
.container
{
    max-width: 1500px;
}
.no-padding
{
  padding-left: 0px;
  padding-right: 0px;
}
.fs-12
{
  font-size: 12px;
}
.fs-14
{
  font-size: 14px;
}
.fs-16
{
  font-size: 16px;
}
.fs-18
{
  font-size: 18px;
}
.fs-21
{
  font-size: 21px;
}
.fs-23
{
  font-size: 23px;
}
.fs-24
{
  font-size: 24px;
}
.fs-26
{
  font-size: 26px;
}
.fs-28
{
  font-size: 28px;
}
.fs-30
{
  font-size: 30px;
}
.fs-33
{
  font-size: 33px;
}
.fs-35
{
  font-size: 35px;
}
.fs-38
{
  font-size: 38px;
}
.fs-40
{
  font-size: 40px;
}
.fs-43
{
  font-size: 43px;
}
.fs-45
{
  font-size: 45px;
}
.fs-46
{
  font-size: 46px;
}
.fs-50
{
  font-size: 50px;
}
.fs-56
{
  font-size: 56px;
}

.top-bg
{
  background: url('../rbl-img/dmi-banner-bg.jpg');
  background-repeat: no-repeat;
  background-position: top center;
  height: auto;
  background-size: cover;
}
.banner-txt
{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;

}

.progress-container {
  position: relative;
  width: 100%;
  height: 400px;
}

.progress-circle {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: conic-gradient(#ddd 0deg, #ddd 360deg);
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  border-color: #ddd;
  transition: background 1s ease; /* Smooth transition */
}

.progress-circle:before {
  content: '';
  position: absolute;
  width: 78%;
  height: 78%;
  background-color: #DEF9FF;
  border-radius: 50%;
}
.w-60
{
  width: 60%;
}
.progress-circle span {
  position: absolute;
  font-size: 24px;
  font-weight: bold;
  z-index: 2;
  font-family: 'Poppins', sans-serif;
}

.banner-position
{
  position: absolute;
  top:0;
}
.w-40
{
  width: 40%;
}
.banner-txt span{
  display: block;
}
.first-sec-banner
{
  position: relative;
}
.snd-bg
{
  background: url('../rbl-img/second-bg.png');
  background-repeat: no-repeat;
  background-position: top center;
  height: 100%;
  background-size: cover;
  margin-top: -30px;
  margin-bottom: -2px;
  position: relative;
}
.ds-center
{
  display: flex;
    justify-content: center;
    align-items: center;
}
.ds-align-center
{
  display: flex;
  align-items: center;
}
.bg-white
{
  background:#fff;
}
.features
{
  border-radius: 20px;
}
.features img{
  margin: 0 auto;
  display: block;
  height: 170px;
}
.fnt-black
{
color: #231E1F;
}
.fnt-blue
{
  color: #037CBA;
}
.redeem-slick .slick-dots {
  position: absolute;
  bottom: 2rem;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: left;
}
.redeem-slick  .slick-dots li button:before {
  font-family: 'slick';
  font-size: 45px;
  opacity: 1;
  color: #ECECEC;
}
.slick-dots li.slick-active button:before {
  opacity: 1;
  color: #8A8A8A;
}
.know-work
{
  display: flex;
  position: relative;
}
.navy
{
  color: #1B3281;
}
.cnt-para{
  background: #fff;
  padding: 20px 40px;
  width: 70%;
  border-radius: 0 1rem 1rem 0;
  left: -3.6rem;
  position: relative;
  margin-top: -4px;
  margin-bottom: .7rem;
}
.know-work img
{
position: relative;
    z-index: 9;
    bottom: .5rem;
    width: 114px;
    top: -.4rem;
}
.sixth-sec
{
  background: url('../rbl-img/blue-background.png');
  background-repeat: no-repeat;
  background-position: top center;
  height: 100%;
  background-size: cover;
}
.bg-color-blue
{
  background: #DEF9FF;
  border-radius: 1rem;
  filter: drop-shadow(2px 2px 4px #808080);
}

input[type="range"] {
  width: 100%;
}
.my-spend label
{
border: 1px solid #787878;
padding: .5rem 1rem;
width: 100%;
color: #787878;
}
input:not([type="file" i], [type="image" i], [type="checkbox" i], [type="radio" i]) {
  color: #0053B7;
}
.table-sec table, .table-sec-two table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
  text-align: center;
}
.table-sec-two table {
  width: 80%;
 margin: 0 auto;
}
.table-sec-two table tbody {
 box-shadow: 3px 4px 10px 7px #bcb8b88a;
 border-radius: 2rem;
}
.table-sec td, .table-sec th{
  border: 3px solid #fff;
  text-align: center;
  padding: 8px;
}
.table-sec td, .table-sec th, .table-sec-two td, .table-sec-two th {
  font-size: 18px;
}
.table-sec-two td, .table-sec-two th {
  border: none;
  text-align: left;
  padding: .5rem 3rem;
}
.table-sec-two td span{
  display: block;
  font-size: 14px;
}
.table-sec tr:nth-child(1), .table-sec-two tr:nth-child(1) {
  background-color: #134A88;
  color: #fff;
}
.table-sec tr:nth-child(3), .table-sec-two tr:nth-child(even) {
  background-color: #DDF7FF;
}
.table-sec tr:nth-child(3) {
  box-shadow: 1px 6px 8px 0px #bcb8b88a;
  border-radius: 3rem;
}
.table-sec table tr:first-child td:nth-child(2) { border-top-left-radius: 1rem; }
table tr:first-child td:first-child { border-top-left-radius: 1rem; }
table tr:first-child td:last-child { border-top-right-radius: 1rem; }
table tr:last-child td:first-child { border-bottom-left-radius: 1rem; }
table tr:last-child td:last-child { border-bottom-right-radius: 1rem; }
.w-90
{
  width: 90%;
}
.w-70
{
  width: 68%;
}
.center-margin
{
  display: block;
  margin: 0 auto;
  position: relative;
  bottom: -3rem;
  right: -3rem;
}
.features-para li
{
  padding-bottom: 15px;
}
.blue-bg-image
{
  background: url('../rbl-img/blue-bg-faq.png');
  background-repeat: no-repeat;
  background-position: top center;
  height: auto;
  background-size: cover;
}
.ms-n5 {
  margin-left: -3rem;
}
.border-lt
{
  border-left: 2px solid #b1b7bc;
  border-radius: 0;
}

.search-faq .input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3), .search-faq .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
  border-top-right-radius: 2rem;
  border-bottom-right-radius: 2rem;
  border-bottom-left-radius: 0;
  border-top-left-radius: 4rem;
  padding: 1rem 2rem;
}
.faqanswerques .accordion-button:not(.collapsed)::after {
  background: url('../rbl-img/close-arrow.png') no-repeat;
  background-position: top center;
  background-size: cover;
}
.faqanswerques .accordion-button:not(.collapsed)::after {
  background: url('../rbl-img/down-arrow.png') no-repeat;
  background-position: top center;
  background-size: cover;
  transform: rotate(-360deg);
}
.faqanswerques .accordion-button::after {
  background-position: top center;
  background: url('../rbl-img/close-arrow.png') no-repeat;
  background-size: cover;
  width: 1.5rem;
  height: 1.5rem;
}
.faqanswerques .accordion-item, .faqanswerques .accordion-item:first-of-type .accordion-button, .faqanswerques .accordion-button, .faqanswerques .accordion-item:last-of-type .accordion-button.collapsed {
  border-top-right-radius: 2rem;
    border-bottom-right-radius: 2rem;
    border-bottom-left-radius: 0rem;
    border-top-left-radius: 2rem;
}
.faqanswerques .accordion-item {
  margin-bottom: 15px;
  border: none;
}
.faqanswerques .accordion-button:not(.collapsed) {
  color: #000;
  background-color: transparent;
  box-shadow: none;
}
.faqanswerques .accordion-button
{
  font-family: 'Poppins-SemiBold';
  font-size: 19px;
}
.faqanswerques .accordion-body
{
  font-family: 'Poppins-Regular';
  font-size: 16px;
}
mark {
  background-color: yellow; /* Highlight color */
  font-weight: bold; /* Optional: Make it bold */
}
#readMoreButton, #viewLessButton {
  background-color: #ED1C24; /* Bootstrap primary color */
  color: white;
  padding: 1rem 3rem;
}
.bg-color-care-navy{
  background: #070E45;
}
.border-bottom-1
{
  border-bottom: 1px solid #fff;
}
.care a{
  color: #fff;
  text-decoration: none;
}
.custom-detail{
padding-bottom: 2rem;
}
.custom-detail img{
  width: 25px;
    height: 20px;
    padding-right: 7px;
}
.md-auto {
  margin: 0 auto !important;
  display: block;
}
.bounce {
  animation: bounce 3s infinite;
}

@keyframes bounce {
  0%,
  100% {
      transform: translateY(0);
  }

  50% {
      transform: translateY(-30px);
  }
}





.my-spend input[type="range"] {
	font-size: 1.2rem;
	width: 100%;
}

.my-spend input[type="range"] {
	color: #0053B7;
	--thumb-height: 1.125em;
	--track-height: 0.125em;
	--track-color: #787878;
	--brightness-hover: 180%;
	--brightness-down: 80%;
	--clip-edges: 0.125em;
}


/* === range commons === */
.my-spend  input[type="range"] {
	position: relative;
	background: #fff0;
	overflow: hidden;
}

.my-spend input[type="range"]:active {
	cursor: grabbing;
}

.my-spend input[type="range"]:disabled {
	filter: grayscale(1);
	opacity: 0.3;
	cursor: not-allowed;
}

/* === WebKit specific styles === */
.my-spend input[type="range"],
.my-spend input[type="range"]::-webkit-slider-runnable-track,
.my-spend input[type="range"]::-webkit-slider-thumb {
	-webkit-appearance: none;
	transition: all ease 100ms;
	height: var(--thumb-height);
}

.my-spend input[type="range"]::-webkit-slider-runnable-track,
.my-spend input[type="range"]::-webkit-slider-thumb {
	position: relative;
}

.my-spend input[type="range"]::-webkit-slider-thumb {
	--thumb-radius: calc((var(--thumb-height) * 0.5) - 1px);
	--clip-top: calc((var(--thumb-height) - var(--track-height)) * 0.5 - 0.5px);
	--clip-bottom: calc(var(--thumb-height) - var(--clip-top));
	--clip-further: calc(100% + 1px);
	--box-fill: calc(-100vmax - var(--thumb-width, var(--thumb-height))) 0 0
		100vmax currentColor;
	width: var(--thumb-width, var(--thumb-height));
	background: linear-gradient(currentColor 0 0) scroll no-repeat left center /
		50% calc(var(--track-height) + 1px);
	background-color: currentColor;
	box-shadow: var(--box-fill);
	border-radius: var(--thumb-width, var(--thumb-height));
	filter: brightness(100%);
	clip-path: polygon(
		100% -1px,
		var(--clip-edges) -1px,
		0 var(--clip-top),
		-100vmax var(--clip-top),
		-100vmax var(--clip-bottom),
		0 var(--clip-bottom),
		var(--clip-edges) 100%,
		var(--clip-further) var(--clip-further)
	);
}

.my-spend input[type="range"]:hover::-webkit-slider-thumb {
	filter: #0053B7;
	cursor: grab;
}

.my-spend input[type="range"]:active::-webkit-slider-thumb {
	filter: brightness(var(--brightness-down));
	cursor: grabbing;
}

.my-spend input[type="range"]::-webkit-slider-runnable-track {
	background: linear-gradient(var(--track-color) 0 0) scroll no-repeat center /
		100% calc(var(--track-height) + 1px);
}

.my-spend input[type="range"]:disabled::-webkit-slider-thumb {
	cursor: not-allowed;
}

/* === Firefox specific styles === */
.my-spend input[type="range"],
.my-spend input[type="range"]::-moz-range-track,
.my-spend input[type="range"]::-moz-range-thumb {
	appearance: none;
	transition: all ease 100ms;
	height: var(--thumb-height);
}

.my-spend input[type="range"]::-moz-range-track,
.my-spend input[type="range"]::-moz-range-thumb,
.my-spend input[type="range"]::-moz-range-progress {
	background: #fff0;
}

.my-spend input[type="range"]::-moz-range-thumb {
	background: currentColor;
	border: 0;
	width: var(--thumb-width, var(--thumb-height));
	border-radius: var(--thumb-width, var(--thumb-height));
	cursor: grab;
}

.my-spend input[type="range"]:active::-moz-range-thumb {
	cursor: grabbing;
}

.my-spend input[type="range"]::-moz-range-track {
	width: 100%;
	background: var(--track-color);
}

.my-spend input[type="range"]::-moz-range-progress {
	appearance: none;
	background: currentColor;
	transition-delay: 30ms;
}

.my-spend input[type="range"]::-moz-range-track,
.my-spend input[type="range"]::-moz-range-progress {
	height: calc(var(--track-height) + 1px);
	border-radius: var(--track-height);
}

.my-spend input[type="range"]::-moz-range-thumb,
.my-spend input[type="range"]::-moz-range-progress {
	filter: brightness(100%);
}

.my-spend input[type="range"]:hover::-moz-range-thumb,
.my-spend input[type="range"]:hover::-moz-range-progress {
	filter: #0053B7;
}

.my-spend input[type="range"]:active::-moz-range-thumb,
.my-spend input[type="range"]:active::-moz-range-progress {
	filter: brightness(var(--brightness-down));
}

.my-spend input[type="range"]:disabled::-moz-range-thumb {
	cursor: not-allowed;
}


canvas#benefitsChart
{
  width: 93% !important;
  height: 93% !important;
  margin: 0 auto;
}
.my-chart
{
  position: relative;
}
.benifits
{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.number-bt
{
  background: -webkit-linear-gradient(#0E5B98, #01ACDF);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}



/********************breakpoints********************/
@media screen and (min-width: 1700px)
{
  .progress-container {
    height: 450px;
}
}
@media screen and (max-width: 1600px)
{
  .container {
    max-width: 1400px;
}
}
@media screen and (max-width: 1540px)
{
.container {
  max-width: 1315px;
}
}
@media screen and (max-width: 1440px)
{
  .fs-16
  {
    font-size: 15px;
  }
  .fs-14
  {
    font-size: 14px;
  }
  .fs-18
  {
    font-size: 17px;
  }
  .fs-21
  {
    font-size: 20px;
  }
  .fs-23
  {
    font-size: 21px;
  }
  .fs-24
  {
    font-size: 22px;
  }
  .fs-26
  {
    font-size: 25px;
  }
  .fs-28
  {
    font-size: 23px;
  }
  .fs-30
  {
    font-size: 27px;
  }
  .fs-33
  {
    font-size: 31px;
  }
  .fs-35
  {
    font-size: 31px;
  }
  .fs-38
  {
    font-size: 36px;
  }
  .fs-40
  {
    font-size: 37px;
  }
  .fs-43
  {
    font-size: 40px;
  }  
  .fs-45
  {
    font-size: 40px;
  }
  .fs-46
  {
    font-size: 43px;
  }
  .fs-50
  {
    font-size: 45px;
  }
  .fs-56
  {
    font-size: 48px;
  }
  .faqanswerques .accordion-button {
    font-size: 18px;
}
.faqanswerques .accordion-body {
  font-size: 15px;
}
.my-spend label {
  padding: .5rem 1rem;
}
.cnt-para {
  width: 100%;
}
}
@media screen and (max-width: 1399px)
{
  .container {
    max-width: 1280px;
}
}
@media screen and (max-width: 1280px)
{
  .fs-24 {
    font-size: 21px;
  }
  .cnt-para {
    background: #fff;
    padding: 20px 20px 20px 40px;
  }
  .center-margin
{
  bottom: -2rem;
  right: -2rem;
}
}
@media only screen and (max-width: 1199px)
{
  .container {
    max-width: 1100px;
}
.fs-14
{
  font-size: 13px;
}
.fs-16
  {
    font-size: 15px;
  }
  .fs-18
  {
    font-size: 17px;
  }
  .fs-21
  {
    font-size: 20px;
  }
  .fs-23
  {
    font-size: 21px;
  }
  .fs-24
  {
    font-size: 20px;
  }
  .fs-26
  {
    font-size: 23px;
  }
  .fs-28
  {
    font-size: 20px;
  }
  .fs-30
  {
    font-size: 27px;
  }
  .fs-33
  {
    font-size: 30px;
  }
  .fs-35
  {
    font-size: 28px;
  }
  .fs-38
  {
    font-size: 34px;
  }
  .fs-40
  {
    font-size: 37px;
  }
  .fs-43
  {
    font-size: 37px;
  }
  .fs-45
  {
    font-size: 37px;
  }
  .fs-46
  {
    font-size: 43px;
  }
  .fs-50
  {
    font-size: 40px;
  }
  .fs-56
  {
    font-size: 42px;
  }
  .faqanswerques .accordion-button {
    font-size: 18px;
}
.faqanswerques .accordion-body {
  font-size: 15px;
}
.cnt-para {
  background: #fff;
  padding: 20px 20px 20px 40px;
}
.redeem-slick .slick-dots {
  bottom: 1rem;
}
}

@media only screen and (max-width: 1025px)
{
.fs-35 {
  font-size: 24px;
}
.progress-container {

  height: 275px;
}
}
@media only screen and (max-width: 1025px) and (min-width: 992px)
{
  .container {
    max-width: 100%;
}
.fs-45 {
  font-size: 28px;
}
}
@media only screen and (max-width: 991px)
{
  .container {
    max-width: 100%;
    padding: 0 1rem;
}
.fs-14
{
  font-size: 13px;
}
.fs-16
  {
    font-size: 15px;
  }
  .fs-18
  {
    font-size: 15px;
  }
  .fs-21
  {
    font-size: 20px;
  }
  .fs-23
  {
    font-size: 19px;
  }
  .fs-24
  {
    font-size: 17px;
  }
  .fs-26
  {
    font-size: 23px;
  }
  .fs-28
  {
    font-size: 20px;
  }
  .fs-30
  {
    font-size: 25px;
  }
  .fs-33
  {
    font-size: 30px;
  }
  .fs-35
  {
    font-size: 19px;
  }
  .fs-38
  {
    font-size: 34px;
  }
  .fs-40
  {
    font-size: 37px;
  }
  .fs-43
  {
    font-size: 37px;
  }
  .fs-45
  {
    font-size: 37px;
  }
  .fs-46
  {
    font-size: 43px;
  }
  .fs-50
  {
    font-size: 35px;
  }
  .fs-56
  {
    font-size: 39px;
  }
  .faqanswerques .accordion-button {
    font-size: 18px;
}
.faqanswerques .accordion-body {
  font-size: 15px;
}
.redeem-slick .slick-dots {
  bottom: 1rem;
}
.progress-container {
  height: 235px;
}
}
@media only screen and (max-width: 993px) and (min-width: 768px)
{
  .container {
    max-width: 100%;
}
.fs-24 {
  font-size: 15px;
}
.cnt-para {
  background: #fff;
  padding: 20px 20px 20px 40px;
}
.fs-45 {
  font-size: 28px;
}
.fs-12 {
  font-size: 11px;
}
}

@media only screen and (max-width: 767px)
{
  .container {
    max-width: 100%;
}
.fs-14
{
  font-size: 14px;
}
.fs-50
{
  font-size: 30px;
}
.fs-35
{
  font-size: 20px;
}
.table-sec table, .table-sec-two table {
  display: block;
    overflow-x: auto;
}
.table-sec-two table {
  width: 100%;
}
.w-40
{
  width: 100%;
}
.banner-position {
  position: sticky;
  top: 0;
}
.w-90
{
  width: 100%;
}
.faqanswerques .accordion-item, .faqanswerques .accordion-item:first-of-type .accordion-button, .faqanswerques .accordion-button, .faqanswerques .accordion-item:last-of-type .accordion-button.collapsed
{
  display: list-item;
}
.faqanswerques .accordion-item h2 li
{
  display: inline;
}
.faqanswerques .accordion-button::after {
  display: inline-block;
  float: right;
}
.table-sec-two table {
  width: 90%;
  margin: 0 auto;
}
.redeem-slick .slick-dots {
  bottom: 0;
}
.center-margin
{
  bottom: -2rem;
  right: -2rem;
}
.progress-container {

  height: 400px;
}
}
@media only screen and (max-width: 576px)
{
.table-sec-two table {
  width: 100%;
  margin: 0 auto;
}
.fs-14
{
  font-size: 12px;
}
.fs-16 {
  font-size: 14px;
}
.fs-21 {
  font-size: 18px;
}
.fs-24 {
  font-size: 14px;
}
.fs-26 {
  font-size: 20px;
}
.fs-28 {
  font-size: 19px;
}
.fs-33 {
  font-size: 28px;
}
.fs-35 {
  font-size: 19px;
}
.fs-38 {
  font-size: 28px;
}
.fs-43 {
  font-size: 27px;
}
.fs-45
{
  font-size: 35px;
}
.fs-46 {
  font-size: 37px;
}
.fs-50 {
  font-size: 28px;
}
.fs-56 {
  font-size: 30px;
}
.faqanswerques .accordion-button {
  font-size: 15px;
}
.faqanswerques .accordion-body {
  font-size: 13px;
}
.table-sec-two td, .table-sec-two th {
  padding: .5rem 1.3rem;
}
.table-sec td, .table-sec th, .table-sec-two td, .table-sec-two th {
  font-size: 15px;
}
.cnt-para {
  padding: 10px 10px 10px 40px;
}
.center-margin
{
  bottom: -1.5rem;
  right: -1.5rem;
}
.progress-container {

  height: 260px;
}
}
@media only screen and (max-width: 426px)
{
  .table-sec-two td, .table-sec-two th {
    padding: .5rem 1rem;
  }
  .table-sec td, .table-sec th, .table-sec-two td, .table-sec-two th {
    font-size: 13px;
}
.center-margin
{
  bottom: -1rem;
  right: -1rem;
}
}

@media only screen and (max-width: 376px)
{
  .table-sec-two td, .table-sec-two th {
    padding: .5rem .5rem;
  }
.fs-24 {
  font-size: 13px;
}
}