@import "https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap";
* {
  padding: 0;
  margin: 0;
  outline: none !important;
}
body {
  overflow-x: hidden;
  font-family: "Roboto", sans-serif !important;
  padding-top: 100px;
  line-height: 1.68em;
}
@media screen and (max-width: 767px) {
  body {
    padding-top: 78px !important;
  }
}
a {
  text-decoration: none;
  color: #2f80ed;
}
table {
  margin: 0;
}
b,
strong {
  font-weight: 700;
}
@media screen and (min-width: 1200px) {
  ::-webkit-scrollbar {
    width: 8px;
    height: 6px;
  }
  ::-webkit-scrollbar-track {
    background: #f1f1f1;
  }
  ::-webkit-scrollbar-thumb {
    background: #888;
  }
  ::-webkit-scrollbar-thumb:hover {
    background: #555;
  }
}
.hide-after::after {
  display: none !important;
}
.min-h100 {
  min-height: 100px !important;
}
.min-h85 {
  min-height: 85px !important;
}
.h100-30 {
  height: calc(100% - 30px);
}
.fw-400 {
  font-weight: 400 !important;
}
.fw-500 {
  font-weight: 500 !important;
}
.fw-600 {
  font-weight: 600 !important;
}
.fw-700 {
  font-weight: 700 !important;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.list-inline,
h1,
h2,
h3,
h4,
h5,
h6 {
  padding: 0;
  margin: 0;
  font-family: "Roboto", sans-serif !important;
  line-height: 1.3em;
}
p {
  padding: 0;
  margin: 0;
  line-height: 1.68em;
  font-weight: 400;
  color: #303030;
}
.st,
.common-header-wrap .log-dd .dropdown-item a .fa.fa-angle-down,
.other-dropdown .btn-other,
.footer-common-wrap .other-list-wrap li span,
.footer-common-wrap .other-list-wrap li a,
.footer-common-wrap .list-unstyled li span,
.footer-common-wrap .list-unstyled li a,
.offer-prom-card-wrap::after,
.offer-card-wrap .offer-overlay-flex .next-arrow-btn,
.offer-card-wrap .offer-card-wrap-inner,
.offer-card-wrap::after,
.card-download,
.owl-btn-squre,
.owl-btn,
.two-col-card-wrap .two-col-card .two-col-card-img img,
.feature-card2 .carousel-indicators li,
.compare-prod-card-add,
.compare-prod-wrap-outer,
.card-program,
.rapid-card-wrap .rapid-card-wrap-bg,
.rapid-card-wrap .rapid-card-wrap-inner,
.rapid-card-wrap::after,
.our-product-overlay-wrap .our-product-overlay-inner,
.our-product-overlay-wrap::after,
.our-product-overlay-wrap .our-product-overlay,
.focus-area-card.member-card .focus-area-para h6:hover,
.go-to-top-wrap,
.chat-wrap2 .chat-wrap2-inner span,
.chat-wrap2 .chat-wrap2-inner,
.chat-wrap2,
.compare-btn-wrap,
.common-tab-wrap .nav-tabs .nav-link::after,
.csr-cate-card-wrap .csr-cate-card-wrap-inner,
.csr-cate-card-wrap::after,
.csr-cate-card-wrap .csr-cate-card-wrap-bg,
.scale-img-wrap img.scale-img,
.pagination.common-pagination .page-link,
.bttn-link-arrow .right-icon,
.filter-card-strip .filter-media-btn-ul li a,
.filter-a-wrap .tag-a:hover,
.back-btn img,
.back-btn:disabled img,
.btn,
a {
  transition: all 0.2s linear 0s !important;
  -webkit-transition: all 0.2s linear 0s !important;
  -moz-transition: all 0.2s linear 0s !important;
  -ms-transition: all 0.2s linear 0s !important;
  -o-transition: all 0.2s linear 0s !important;
}
.scale-it,
.two-col-card-wrap .two-col-card .two-col-card-img:hover img.scale-img,
.scale-img-wrap:hover img.scale-img {
  transform: scale(1.03);
  -webkit-transform: scale(1.03);
  -moz-transform: scale(1.03);
  -ms-transform: scale(1.03);
  -o-transform: scale(1.03);
}
.overflow-hidden {
  overflow: hidden !important;
}
section {
  position: relative;
}
.cursor-pointer {
  cursor: pointer !important;
}
.text-right {
  text-align: right !important;
}
.text-left {
  text-align: left !important;
}
.text-center {
  text-align: center !important;
}
.float-right {
  float: right !important;
}
.float-left {
  float: left !important;
}
.common-section {
  padding: 45px 0;
}
.common-section-heading {
  margin-bottom: 30px;
  color: #303030;
}
img {
  color: #fff0 !important;
  max-width: 100%;
}
.no-border {
  border: 0 !important;
}
.bt0 {
  border-top: 0 !important;
}
.br0 {
  border-right: 0 !important;
}
.br1w {
  border-width: 1px !important;
}
.bb0 {
  border-bottom: 0 !important;
}
.bl0 {
  border-left: 0 !important;
}
.mw-958 {
  max-width: 958px;
}
.mw-513 {
  max-width: 513px;
}
.mw-936 {
  max-width: 936px;
}
.mw-494 {
  max-width: 494px;
}
.mw-475 {
  max-width: 475px;
}
.mw-320 {
  max-width: 320px;
}
.mw-600 {
  max-width: 600px;
}
.mw-700 {
  max-width: 700px;
}
.mw-170 {
  min-width: 170px !important;
}
.mw-178 {
  min-width: 178px !important;
}
.mh90 {
  min-height: 90px;
}
.mw-115 {
  min-width: 115px !important;
}
.mw-255 {
  min-width: 255px !important;
}
.mw-238 {
  max-width: 238px;
}
.mw-257 {
  min-width: 257px !important;
}
.mw-170 {
  min-width: 170px !important;
}
.margin-auto {
  margin: auto !important;
}
.z-index5 {
  z-index: 5;
}
.z-index6 {
  z-index: 6;
}
.z-index7 {
  z-index: 7;
}
.z-index8 {
  z-index: 8;
}
.z-index9 {
  z-index: 9;
}
.z-index99 {
  z-index: 9;
}
.z-index999 {
  z-index: 9;
}
.f-w-lighter {
  font-weight: lighter !important;
}
.f-w-300 {
  font-weight: 300 !important;
}
.f-w-400 {
  font-weight: 400 !important;
}
.f-w-500 {
  font-weight: 500 !important;
}
.f-w-600 {
  font-weight: 600 !important;
}
.f-w-700 {
  font-weight: 700 !important;
}
.f-w-800 {
  font-weight: 800 !important;
}
.border-radius-0px,
.card-program .program-info-yellow .common-btn-blue,
.card-program .program-info-yellow .common-btn-gray {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}
.border-radius-4px,
.banner-para,
.search-btn,
.btn {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}
.border-radius-8px {
  border-radius: 8px !important;
  -webkit-border-radius: 8px !important;
  -moz-border-radius: 8px !important;
  -ms-border-radius: 8px !important;
  -o-border-radius: 8px !important;
}
.border-radius-10px,
.card-program,
.br10 {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
.border-radius-35 {
  border-radius: 35px;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  -ms-border-radius: 35px;
  -o-border-radius: 35px;
}
.border-radius-50 {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.no-border {
  box-shadow: none !important;
}
.text-level1 {
  color: #303030 !important;
}
.text-level2 {
  color: #606060 !important;
}
.text-level3 {
  color: #909090 !important;
}
.text-bodyColor {
  color: #4f4f4f !important;
}
.text-black {
  color: #212121 !important;
}
.text-black0 {
  color: #000 !important;
}
.text-black1 {
  color: #373f41 !important;
}
.text-black2 {
  color: #505050 !important;
}
.text-black3 {
  color: #7e7e7e !important;
}
.text-black4 {
  color: #111 !important;
}
.text-black5 {
  color: #222 !important;
}
.text-black6 {
  color: #efefef !important;
}
.text-gray-bg {
  color: #f3f4f6 !important;
}
.text-gray2 {
  color: #f2f2f2 !important;
}
.text-gray3 {
  color: #f3f4f8 !important;
}
.text-strokes {
  color: #dbdcde !important;
}
.text-rbl-blue {
  color: #304087 !important;
}
.text-rbl-blue0 {
  color: #25243b !important;
}
.text-rbl-blue1 {
  color: #203152 !important;
}
.text-rbl-blue2 {
  color: #2f80ed !important;
}
.text-rbl-blue3 {
  color: #002f75 !important;
}
.text-rbl-blue4 {
  color: #eaecf3 !important;
}
.text-rbl-blue5 {
  color: #213073 !important;
}
.text-rbl-yellow1 {
  color: #fea607 !important;
}
.text-rbl-yellow2 {
  color: #fcb716 !important;
}
.text-red,
.text-rbl-red {
  color: #ed3338 !important;
}
.text-green {
  color: #67da44 !important;
}
.text-white {
  color: #fff !important;
}
.text-green2 {
  color: #def2ee !important;
}
.text-card-blue {
  color: #d8e0fd !important;
}
.text-card-orange {
  color: #ffe4c1 !important;
}
.text-card-purple {
  color: #faf2ff !important;
}
.text-card-sky-blue {
  color: #e9f5ff !important;
}
.bg-level1 {
  background-color: #303030 !important;
}
.bg-level2 {
  background-color: #606060 !important;
}
.bg-level3 {
  background-color: #909090 !important;
}
.bg-bodyColor {
  background-color: #4f4f4f !important;
}
.bg-black {
  background-color: #212121 !important;
}
.bg-black0 {
  background-color: #000 !important;
}
.bg-black1 {
  background-color: #373f41 !important;
}
.bg-black2 {
  background-color: #505050 !important;
}
.bg-black3 {
  background-color: #7e7e7e !important;
}
.bg-black4 {
  background-color: #111 !important;
}
.bg-black5 {
  background-color: #222 !important;
}
.bg-black6 {
  background-color: #efefef !important;
}
.bg-gray-bg {
  background-color: #f3f4f6 !important;
}
.bg-gray2 {
  background-color: #f2f2f2 !important;
}
.bg-gray3 {
  background-color: #f3f4f8 !important;
}
.bg-strokes {
  background-color: #dbdcde !important;
}
.bg-rbl-blue {
  background-color: #304087 !important;
}
.bg-rbl-blue0 {
  background-color: #25243b !important;
}
.bg-rbl-blue1 {
  background-color: #203152 !important;
}
.bg-rbl-blue2 {
  background-color: #2f80ed !important;
}
.bg-rbl-blue3 {
  background-color: #002f75 !important;
}
.bg-rbl-blue4 {
  background-color: #eaecf3 !important;
}
.bg-rbl-blue5 {
  background-color: #213073 !important;
}
.bg-rbl-yellow1 {
  background-color: #fea607 !important;
}
.bg-rbl-yellow2 {
  background-color: #fcb716 !important;
}
.bg-red,
.bg-rbl-red {
  background-color: #ed3338 !important;
}
.error-border {
  border-color: #ed3338 !important;
}
.bg-green {
  background-color: #67da44 !important;
}
.bg-white {
  background-color: #fff !important;
}
.bg-green2 {
  background-color: #def2ee !important;
}
.bg-card-blue {
  background-color: #d8e0fd !important;
}
.bg-card-orange {
  background-color: #ffe4c1 !important;
}
.bg-card-purple {
  background-color: #faf2ff !important;
}
.bg-card-sky-blue {
  background-color: #e9f5ff !important;
}
.bg-light-blue-c {
  background-color: #e9f6ff !important;
}
.cta-btn-gradient,
.apply-btn {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#fea607),
    to(#fcb716)
  );
  background: linear-gradient(90deg, #fea607 0%, #fcb716 100%);
}
.cta-btn-gradient2 {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#ed3338),
    to(#304087)
  );
  background: linear-gradient(90deg, #ed3338 0%, #304087 100%);
}
.cta-btn-gradient3 {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#eb676a),
    to(#4e61b9)
  );
  background: linear-gradient(90deg, #eb676a 0%, #4e61b9 100%);
}
h1,
.h1 {
  font-style: normal;
  font-weight: 400;
  font-size: 48px;
  color: #212121;
}
@media screen and (max-width: 767px) {
  h1,
  .h1 {
    font-size: 34px;
  }
}
h2,
.h2 {
  font-style: normal;
  font-weight: 400;
  font-size: 34px;
  color: #303030;
}
@media screen and (max-width: 767px) {
  h2,
  .h2 {
    font-size: 28px;
  }
}
h3,
.h3 {
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  color: #212121;
}
h4,
.h4 {
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  color: #212121;
}
h5,
.h5 {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  color: #212121;
}
h6,
.h6 {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  color: #212121;
}
.p24 {
  font-style: normal;
  font-size: 24px;
  color: #212121;
}
.p23 {
  font-style: normal;
  font-size: 23px;
  color: #212121;
}
.p22 {
  font-style: normal;
  font-size: 22px;
  color: #212121;
}
.p21 {
  font-style: normal;
  font-size: 21px;
  color: #212121;
}
.p20 {
  font-style: normal;
  font-size: 20px;
  color: #212121;
}
.p19 {
  font-style: normal;
  font-size: 19px;
  color: #212121;
}
.p18 {
  font-style: normal;
  font-size: 18px;
  color: #212121;
}
.p17 {
  font-style: normal;
  font-size: 17px;
  color: #212121;
}
.p16 {
  font-style: normal;
  font-size: 16px;
  color: #212121;
}
.p15 {
  font-style: normal;
  font-size: 15px;
  color: #212121;
}
.p14 {
  font-style: normal;
  font-size: 14px;
  color: #212121;
}
.p13 {
  font-style: normal;
  font-size: 13px;
  color: #212121;
}
.p12 {
  font-style: normal;
  font-size: 12px;
  color: #212121;
}
.p11 {
  font-style: normal;
  font-size: 11px;
  color: #212121;
}
.p10 {
  font-style: normal;
  font-size: 10px;
  color: #212121;
}
.p9 {
  font-style: normal;
  font-size: 10px;
  color: #212121;
}
.no-margin {
  margin: 0 !important;
}
.no-padding {
  padding: 0 !important;
}
.pt0 {
  padding-top: 0 !important;
}
.pb0 {
  padding-bottom: 0 !important;
}
.pl0 {
  padding-left: 0 !important;
}
.pr0 {
  padding-right: 0 !important;
}
.pl5 {
  padding-left: 5px !important;
}
.pr5 {
  padding-right: 5px !important;
}
.pt10 {
  padding-top: 10px;
}
.pb10 {
  padding-bottom: 10px !important;
}
.pl10 {
  padding-left: 10px;
}
.pr10 {
  padding-right: 10px;
}
.pt15 {
  padding-top: 15px !important;
}
.pb15 {
  padding-bottom: 15px;
}
.pl15 {
  padding-left: 15px;
}
.pr15 {
  padding-right: 15px !important;
}
.pt20 {
  padding-top: 20px;
}
.pb20 {
  padding-bottom: 20px;
}
.pl20 {
  padding-left: 20px;
}
.pr20 {
  padding-right: 20px;
}
.pt25 {
  padding-top: 25px;
}
.pb25 {
  padding-bottom: 25px;
}
.pl25 {
  padding-left: 25px;
}
.pr25 {
  padding-right: 25px;
}
.pt30 {
  padding-top: 30px;
}
.pb30 {
  padding-bottom: 30px;
}
.pl30 {
  padding-left: 30px !important;
}
.pr30 {
  padding-right: 30px !important;
}
.pt35 {
  padding-top: 35px;
}
.pb35 {
  padding-bottom: 35px;
}
.pl35 {
  padding-left: 35px;
}
.pr35 {
  padding-right: 35px;
}
.pt40 {
  padding-top: 40px;
}
.pb40 {
  padding-bottom: 40px;
}
.pl40 {
  padding-left: 40px;
}
.pr40 {
  padding-right: 40px;
}
.pt45 {
  padding-top: 45px;
}
.pb45 {
  padding-bottom: 45px;
}
.pl45 {
  padding-left: 45px;
}
.pr45 {
  padding-right: 45px;
}
.pt50 {
  padding-top: 50px;
}
.pb50 {
  padding-bottom: 50px;
}
.pl50 {
  padding-left: 50px;
}
.pl80 {
  padding-left: 80px !important;
}
.pr50 {
  padding-right: 50px;
}
.mt60 {
  margin-top: 60px;
}
.mt65 {
  margin-top: 65px;
}
.mt-20 {
  margin-top: -20px;
}
.mt0 {
  margin-top: 0;
}
.mb0 {
  margin-bottom: 0 !important;
}
.pl-12 {
  padding-left: 12px;
}
.pr-12 {
  padding-right: 12px;
}
.ml0 {
  margin-left: 0;
}
.mr0 {
  margin-right: 0 !important;
}
.mt5 {
  margin-top: 5px !important;
}
.mt10 {
  margin-top: 10px !important;
}
.mb10 {
  margin-bottom: 10px !important;
}
.mb13 {
  margin-bottom: 13px !important;
}
.mb12 {
  margin-bottom: 12px !important;
}
.ml10 {
  margin-left: 10px;
}
.mr5 {
  margin-right: 5px;
}
.mr10 {
  margin-right: 10px;
}
.mt15 {
  margin-top: 15px;
}
.mt8 {
  margin-top: 8px !important;
}
.mb15 {
  margin-bottom: 15px;
}
.ml5 {
  margin-left: 5px;
}
.ml15 {
  margin-left: 15px;
}
.mr15 {
  margin-right: 15px !important;
}
.mt20 {
  margin-top: 20px;
}
.mt27 {
  margin-top: 27px;
}
.mb20 {
  margin-bottom: 20px;
}
.ml20 {
  margin-left: 20px;
}
.mr20 {
  margin-right: 20px !important;
}
.mt25 {
  margin-top: 25px;
}
.mb25 {
  margin-bottom: 25px !important;
}
.ml25 {
  margin-left: 25px;
}
.mr25 {
  margin-right: 25px;
}
.mt30 {
  margin-top: 30px;
}
.mb30 {
  margin-bottom: 30px !important;
}
.mb3 {
  margin-bottom: 3px !important;
}
.ml30 {
  margin-left: 30px;
}
.mr30 {
  margin-right: 30px !important;
}
.mt35 {
  margin-top: 35px;
}
.mb35 {
  margin-bottom: 35px;
}
.mb38 {
  margin-bottom: 38px;
}
.ml35 {
  margin-left: 35px;
}
.mr35 {
  margin-right: 35px;
}
.mt40 {
  margin-top: 40px;
}
.mb40 {
  margin-bottom: 40px !important;
}
.ml40 {
  margin-left: 40px;
}
.mr40 {
  margin-right: 40px !important;
}
.mt45 {
  margin-top: 45px;
}
.mb45 {
  margin-bottom: 45px !important;
}
.ml45 {
  margin-left: 45px;
}
.mr45 {
  margin-right: 45px;
}
.mt50 {
  margin-top: 50px;
}
.mt150 {
  margin-top: 150px;
}
.mb5 {
  margin-bottom: 5px !important;
}
.mb50 {
  margin-bottom: 50px;
}
.ml50 {
  margin-left: 50px;
}
.mr50 {
  margin-right: 50px;
}
.mr60 {
  margin-right: 60px;
}
.mt80 {
  margin-top: 80px !important;
}
.mb60 {
  margin-bottom: 60px !important;
}
.no-wrap,
.nowrap {
  white-space: nowrap;
}
ul,
li {
  list-style: none;
  padding: 0;
  margin: 0;
}
a {
  cursor: pointer;
  color: #304087;
}
a:hover,
a:active,
a:focus {
  color: #304087;
  text-decoration: none !important;
  outline: none !important;
}
.btn {
  cursor: pointer;
}
.btn:hover,
.btn:active,
.btn:focus {
  text-decoration: none !important;
  outline: none !important;
}
.btn.focus,
.btn:focus {
  outline: 0;
  box-shadow: none;
}
a:not([class]) {
  text-decoration: underline;
}
.view-board-of-management a,
.owl-related-blog .item a,
button a:not([class]),
a:not([class]) div,
a:not([class]) p,
a:not([class]) h1,
a:not([class]) h2,
a:not([class]) h3,
a:not([class]) h4,
a:not([class]) h5,
a:not([class]) h6 {
  text-decoration: none;
}
.form-group {
  margin-bottom: 15px;
  position: relative;
}
.form-group > label {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  color: #595959;
  margin-bottom: 8px;
}
.form-group .icon-calendar-label {
  position: absolute;
  top: 12px;
  right: 15px;
  z-index: 9;
  background: #fff !important;
}
.form-group.btn-wrapper-3 {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: stretch;
  align-content: stretch;
}
@media screen and (max-width: 767px) {
  .form-group.btn-wrapper-3 {
    justify-content: center;
  }
}
.form-group.btn-wrapper-3 .btn {
  min-width: 30%;
  margin-left: 30px;
}
@media screen and (max-width: 767px) {
  .form-group.btn-wrapper-3 .btn {
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 20px;
  }
}
.form-group-radio {
  margin: 0 0 20px;
}
.form-group-radio label {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  cursor: pointer;
  color: #909090;
}
.form-group-radio input[type="radio"] {
  position: absolute;
  opacity: 0;
}
.form-group-radio input[type="radio"] + .radio-label:before {
  content: "";
  background: #fff;
  border-radius: 100%;
  border: 1px solid #bebebe;
  display: inline-block;
  width: 20px;
  height: 20px;
  position: relative;
  top: 3px;
  margin-right: 12px;
  vertical-align: top;
  cursor: pointer;
  text-align: center;
}
.form-group-radio input[type="radio"]:checked + .radio-label {
  color: #212121;
  font-weight: 700;
}
.form-group-radio input[type="radio"]:checked + .radio-label:before {
  background-color: #304087;
  box-shadow: inset 0 0 0 4px #fff;
  border-color: #304087;
}
.form-group-radio input[type="radio"]:focus + .radio-label:before {
  outline: none;
  border-color: #304087;
}
.form-group-radio input[type="radio"]:disabled + .radio-label:before {
  box-shadow: inset 0 0 0 4px #212121;
  border-color: #000;
  background: #000;
}
.form-group-radio input[type="radio"] + .radio-label:empty:before {
  margin-right: 0;
}
.checkbox-disabled label:before,
.checkbox-disabled label:after {
  opacity: 0.3;
}
.form-group.checkbox-form-group {
  display: block;
  margin-bottom: 0;
}
.form-group.checkbox-form-group.checkbox-form-group-blue
  input:checked
  + label::before {
  border-color: #304087;
  background: #304087;
}
.form-group.checkbox-form-group.checkbox-form-group-blue
  input:checked
  + label:after {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  left: 7px;
  width: 5px;
  height: 10px;
  border: solid #fff;
  border-top-width: medium;
  border-right-width: medium;
  border-bottom-width: medium;
  border-left-width: medium;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  z-index: 3;
}
.form-group.checkbox-form-group input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}
.form-group.checkbox-form-group input:checked + label::before {
  border-color: #304087;
}
.form-group.checkbox-form-group input:checked + label:after {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  left: 7px;
  width: 5px;
  height: 10px;
  border: solid #304087;
  border-top-width: medium;
  border-right-width: medium;
  border-bottom-width: medium;
  border-left-width: medium;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.form-group.checkbox-form-group label {
  position: relative;
  padding-top: 3px;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #606060;
  line-height: normal;
  padding-left: 30px;
  cursor: pointer;
}
.form-group.checkbox-form-group label:before {
  content: "";
  -webkit-appearance: none;
  background-color: #fff0;
  border: 2px solid #909090;
  padding: 7px;
  display: inline-block;
  position: absolute;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 10px;
  left: 0;
  top: 2px;
  z-index: 3;
}
.custom-file-wrap .custom-file-input:focus ~ .custom-file-label {
  border-color: #304087;
  box-shadow: none;
}
.custom-file-wrap .custom-file-input {
  margin: 0;
  height: 50px;
}
.custom-file-wrap .custom-file-label {
  margin: 0;
  height: 50px;
  padding-left: 25px;
}
.custom-file-wrap .custom-file-label:after {
  height: 100%;
  padding: 10px;
}
.form-control,
.form-select {
  color: #373f41;
  background-color: #fff;
  border-color: #dbdcde;
  height: 50px;
  padding-left: 20px;
  padding-right: 20px;
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  font-size: 16px;
}
.form-control::-webkit-input-placeholder,
.form-select::-webkit-input-placeholder {
  color: #212121;
}
.form-control:-ms-input-placeholder,
.form-select:-ms-input-placeholder {
  color: #212121;
}
.form-control::placeholder,
.form-select::placeholder {
  color: #212121;
}
@media screen and (max-width: 767px) {
  .form-control,
  .form-select {
    height: 50px;
    padding-left: 17px;
    padding-right: 17px;
    font-size: 16px;
  }
}
.form-control:hover,
.form-select:hover {
  outline: 0;
  box-shadow: none;
  border-color: #304087;
}
.form-control:focus,
.form-select:focus {
  outline: 0;
  box-shadow: none;
  border-color: #304087;
}
.form-control-sm {
  background: #dbdcde;
  width: 103%;
  border-radius: 4px;
  border: 0;
}
.inputDate-wrap {
  position: relative;
}
.inputDate-wrap i {
  position: absolute;
  top: 7px;
  right: 2px;
  z-index: 3;
  user-select: none;
}
select.form-control,
.form-select {
  background-image: url(/themes/custom/rbl_bank/images/select-dropdown-arrow.svg);
  background-size: 50px;
  background-position-x: 101%;
  background-repeat: no-repeat;
}
.custom-switch-wrap .custom-control-label::before {
  background-color: #304087;
  border: #304087 solid 1px;
}
.custom-switch-wrap .custom-control-label::after {
  background-color: #fff !important;
}
.custom-switch-wrap
  .custom-control-input:focus
  ~ .custom-control-label::before {
  box-shadow: none !important;
}
.custom-switch-wrap
  .custom-control-input:checked
  ~ .custom-control-label::after {
  background-color: #fff;
}
.custom-switch-wrap
  .custom-control-input:checked
  ~ .custom-control-label::before {
  color: #fff;
  border-color: #67da44;
  background-color: #67da44;
}
.custom-switch-wrap
  .custom-control-input[disabled]
  ~ .custom-control-label::before,
.custom-switch-wrap
  .custom-control-input:disabled
  ~ .custom-control-label::before {
  background-color: #304087;
  border: #304087 solid 1px;
  cursor: not-allowed !important;
}
.custom-switch-wrap
  .custom-control-input[disabled]:checked
  ~ .custom-control-label::before,
.custom-switch-wrap
  .custom-control-input:disabled:checked
  ~ .custom-control-label::before {
  background-color: #67da44;
  border-color: #67da44;
  cursor: not-allowed !important;
}
.custom-switch-wrap
  .custom-control-input:not(:disabled):active
  ~ .custom-control-label::before {
  color: #fff;
  background-color: #304087;
  border-color: #304087;
  cursor: not-allowed !important;
}
.form-control:disabled,
.form-control[readonly] {
  cursor: not-allowed !important;
}
[data-tooltip-title] {
  position: relative;
  z-index: 2;
  cursor: pointer;
}
[data-tooltip-title]:before {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-bottom: 5px;
  margin-left: -60px;
  padding: 7px;
  width: 120px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #000;
  color: #fff;
  content: attr(data-tooltip-title);
  text-align: center;
  font-size: 12px;
  line-height: 1.2;
}
[data-tooltip-title]:after {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-left: -5px;
  width: 0;
  border-top: 5px solid #000;
  border-right: 5px solid #fff0;
  border-left: 5px solid #fff0;
  content: " ";
  font-size: 0;
  line-height: 0;
}
[data-tooltip-title]:hover:before {
  visibility: visible;
  opacity: 1;
}
[data-tooltip-title]:hover:after {
  visibility: visible;
  opacity: 1;
}
.btn {
  height: 48px;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  min-width: 146px;
  padding: 10px 20px;
  border: 0;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}
.btn .circle-count {
  position: relative;
  top: -2px;
}
.btn.btn-sm {
  min-width: 120px;
  height: 42px;
  padding: 6px 20px;
  font-size: 16px;
}
.btn:disabled {
  opacity: 0.6;
}
.common-btn-yellow,
.common-btn-yellow:disabled {
  color: #fff;
  background: linear-gradient(0deg, #fed525, #fed525), #00a972;
}
.common-btn-yellow:hover,
.common-btn-yellow:disabled:hover {
  background: linear-gradient(0deg, #fed525, #fed525), #00a972;
  box-shadow: 0 4px 8px rgb(0 0 0 / 0.16);
  color: #fff;
}
.common-btn-yellow:focus,
.common-btn-yellow:disabled:focus {
  color: #fff;
  background: linear-gradient(0deg, #fed525, #fed525), #00a972;
  box-shadow: inset 0 4px 8px rgb(0 0 0 / 0.16);
  opacity: 0.8;
}
.common-btn-outline,
.common-btn-outline:disabled {
  background: #fff0;
  color: #303030;
  border: 1px solid #303030;
}
.common-btn-outline a,
.common-btn-outline:disabled a {
  color: #303030;
}
.common-btn-outline:hover,
.common-btn-outline:focus,
.common-btn-outline:disabled:hover,
.common-btn-outline:disabled:focus {
  background: #fff0;
  border: 1px solid #304087;
  color: #304087;
}
.common-btn-outline:hover a,
.common-btn-outline:focus a,
.common-btn-outline:disabled:hover a,
.common-btn-outline:disabled:focus a {
  color: #304087;
}
.common-btn-blue {
  background: #304087;
  color: #fff;
}
.common-btn-blue:hover,
.common-btn-blue:focus {
  background: #213073 !important;
  color: #fff !important;
}
.common-btn-gray {
  background: #fff0;
  color: #303030;
  border: 1px solid #303030;
}
.common-btn-gray a {
  color: #303030;
}
.common-btn-gray:hover,
.common-btn-gray:focus {
  background: #fff0;
  border: 1px solid #304087;
  color: #304087;
}
.common-btn-gray:hover a,
.common-btn-gray:focus a {
  color: #304087;
}
.common-btn-outline:disabled {
  background: #f3f4f8;
  color: #212121;
  border: 1px solid #212121;
}
.common-btn-outline:disabled:hover,
.common-btn-outline:disabled:focus {
  background: #f3f4f8;
  color: #212121;
  border: 1px solid #212121;
}
.back-btn,
.back-btn:disabled {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  color: #304087;
}
.back-btn img,
.back-btn:disabled img {
  margin-right: 10px;
  position: relative;
  left: 0;
}
.back-btn:hover img,
.back-btn:disabled:hover img {
  left: -5px;
}
.bttn-link,
.bttn-link:disabled {
  color: #304087;
  font-style: normal;
  font-weight: 400;
  text-decoration-line: underline;
}
.bttn-link-black,
.bttn-link-black:disabled {
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  text-decoration-line: underline;
  color: #212121;
}
.bttn-link-black:hover,
.bttn-link-black:disabled:hover {
  color: #212121;
}
.btn-tooltip {
  background: #fff0;
  border: 0;
}
.search-btn {
  min-width: 50px;
  height: 50px;
}
.btn-sm-adj {
  height: 32px;
  font-size: 14px;
}
.h-100-30 {
  height: calc(100% - 30px);
}
.filter-a-wrap {
  background: rgb(194 219 255 / 0.6);
  border-radius: 20px;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  color: #212121;
  padding: 5px 10px;
  display: inline-block;
}
.filter-a-wrap em {
  font-style: normal;
  top: 2px;
  position: relative;
}
.filter-a-wrap .tag-a {
  margin-left: 3px;
}
.filter-a-wrap .tag-a:hover {
  opacity: 0.9;
}
.clear-btn {
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  text-decoration-line: underline;
  color: #0053a0;
  float: right;
}
.sort-by-form-group {
  max-width: 140px;
  margin-bottom: 0;
}
.sort-by-form-group .form-control-sm {
  padding-bottom: 0;
  background-color: #f3f4f8;
}
.filter-card-strip {
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
  align-content: stretch;
  margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
  .filter-card-strip {
    flex-wrap: wrap;
  }
}
.filter-card-strip .p14 {
  padding: 14px;
}
.filter-card-strip .filter-media-btn-ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  align-content: stretch;
  width: 240px;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .filter-card-strip .filter-media-btn-ul {
    width: 100%;
    border-top: 1px solid #e0e0e0;
  }
}
.filter-card-strip .filter-media-btn-ul li {
  height: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: stretch;
}
.filter-card-strip .filter-media-btn-ul li a {
  width: 74px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: stretch;
  height: 100%;
  text-align: center;
  padding: 10px;
}
.share-btn {
  color: #000;
  font-size: 16px;
  border-radius: 0;
  font-style: normal;
  height: 65px;
}
.share-btn:hover {
  color: #fea607;
}
.save-btn {
  background: #f5f5f5;
  border-radius: 0;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  color: #232323;
  height: 65px;
}
.save-btn:hover {
  color: #232323;
  background: #e4e4e4;
  box-shadow: 0 4px 8px rgb(0 0 0 / 0.16);
}
.save-btn:focus {
  color: #232323;
  background: #e4e4e4;
  box-shadow: inset 0 4px 8px rgb(0 0 0 / 0.16);
}
.apply-btn {
  border-radius: 0;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  color: #232323;
  height: 65px;
}
.apply-btn:hover {
  color: #232323;
  background: linear-gradient(
      0deg,
      rgb(255 255 255 / 0.3),
      rgb(255 255 255 / 0.3)
    ),
    linear-gradient(90deg, #fea607 0%, #fcb716 100%);
  box-shadow: 0 4px 8px rgb(0 0 0 / 0.16);
}
.apply-btn:focus {
  color: #232323;
  background: linear-gradient(0deg, rgb(0 0 0 / 0.1), rgb(0 0 0 / 0.1)),
    linear-gradient(90deg, #fea607 0%, #fcb716 100%);
  box-shadow: inset 0 4px 8px rgb(0 0 0 / 0.16);
}
.bttn-link-arrow {
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  text-decoration: none;
  color: #111;
}
.bttn-link-arrow .right-icon {
  margin-left: 10px;
  height: 15px;
  width: auto !important;
  display: inline-block !important;
}
.bttn-link-arrow:hover {
  color: #212121;
}
.bttn-link-arrow:hover .right-icon {
  transform: translateX(5px);
  -webkit-transform: translateX(5px);
  -moz-transform: translateX(5px);
  -ms-transform: translateX(5px);
  -o-transform: translateX(5px);
}
.pagination.common-pagination {
  justify-content: flex-end;
}
.pagination.common-pagination .page-link {
  position: relative;
  padding: 0.5rem 0.75rem;
  background-color: #fff;
  border: 0;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  display: flex;
  align-items: center;
  color: #000;
  min-width: 32px;
  height: 32px;
}
.pagination.common-pagination .page-link:hover {
  background: #f3f4f8;
  border: 0;
}
.pagination.common-pagination .page-link.active {
  background: #304087;
  color: #fff;
  border: 0;
}
.scale-img-wrap {
  position: relative;
  overflow: hidden;
}
.scale-img-wrap.scale-img-width {
  max-width: 480px;
}
@media screen and (max-width: 991px) {
  .scale-img-wrap.scale-img-width {
    max-width: 360px;
  }
}
@media screen and (max-width: 575px) {
  .scale-img-wrap.scale-img-width {
    max-width: 100%;
  }
}
@media screen and (max-width: 991px) {
  .scale-img-wrap.scale-img-width img {
    width: 100%;
    height: auto;
  }
}
.card-impact {
  max-width: 350px;
  background: #fff;
  border-radius: 10px;
  padding: 26px 15px 30px;
  text-align: center;
  margin: auto;
}
@media screen and (max-width: 767px) {
  .card-impact {
    margin: 0 auto 20px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: start;
    align-items: center;
    align-content: stretch;
    padding-left: 26px;
    border-radius: 10px;
  }
}
.card-impact .impact-img {
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .card-impact .impact-img {
    margin-bottom: 0;
    margin-right: 10px;
  }
}
.card-impact h2 {
  font-weight: 700;
  color: #212121;
  font-size: 40px;
}
@media screen and (max-width: 767px) {
  .card-impact h2 {
    text-align: left;
  }
}
.card-impact .p16 {
  text-align: center;
  color: #212121;
}
@media screen and (max-width: 767px) {
  .card-impact .p16 {
    text-align: left;
  }
}
.no-box-shadow {
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
}
video[poster] {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.csr-cate-card-wrap {
  width: 100%;
  height: 325px;
  border-radius: 4px;
  margin-bottom: 30px;
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-end;
  align-content: stretch;
  background-repeat: no-repeat;
  background-color: #fff0;
  background-size: cover;
}
.csr-cate-card-wrap .csr-cate-card-wrap-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
  object-fit: cover;
  background-size: cover;
  background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
  .csr-cate-card-wrap {
    margin-bottom: 20px;
  }
}
.csr-cate-card-wrap:hover .csr-cate-card-wrap-inner {
  top: -15px;
}
.csr-cate-card-wrap::after {
  content: "";
  background: linear-gradient(180deg, #000000 0%, #fff0 100%);
  border-radius: 4px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: rotate(-180deg);
  z-index: 3;
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  opacity: 0.5;
}
.csr-cate-card-wrap .csr-cate-card-wrap-inner {
  position: relative;
  z-index: 5;
  padding: 20px 20px 40px;
  top: 0;
  min-height: 150px;
}
.csr-cate-card-wrap .csr-cate-card-wrap-inner .date {
  color: #fff;
  margin-bottom: 6px;
}
.csr-cate-card-wrap .csr-cate-card-wrap-inner h6 {
  color: #fff;
  position: relative;
  font-weight: 700;
  font-size: 18px;
}
.csr-cate-card-wrap .csr-cate-card-wrap-inner h6::after {
  content: "";
  width: 65px;
  height: 0;
  border-top: 2px solid #ed3338;
  position: absolute;
  bottom: -14px;
  left: 0;
}
.promise-card {
  border: 2px solid #f16c51;
  border-radius: 15px;
  padding: 22px 14px 14px;
  text-align: center;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .promise-card {
    margin-bottom: 20px;
    height: calc(100% - 20px);
  }
}
.promise-card .num-span.h5 {
  text-align: center;
  color: #000;
  border-radius: 30px;
  width: 60px;
  height: 60px;
  display: block;
  padding-top: 15px;
  margin: 0 auto 17px;
}
.promise-card.promise-card-red {
  border: 2px solid #f16c51;
}
.promise-card.promise-card-red .num-span.h5 {
  background: #f16c51;
}
.promise-card.promise-card-yellow {
  border: 2px solid #df9926;
}
.promise-card.promise-card-yellow .num-span.h5 {
  background: #df9926;
}
.promise-card.promise-card-blue {
  border: 2px solid #a8d7cd;
}
.promise-card.promise-card-blue .num-span.h5 {
  background: #a8d7cd;
}
.interested-card {
  position: relative;
  margin-bottom: 37px;
}
@media screen and (max-width: 767px) {
  .interested-card {
    margin-top: 0;
  }
}
.interested-card .interested-card-overlay {
  height: 255px;
  background: rgb(255 255 255 / 0.4);
  width: 301px;
  padding: 30px 25px 25px;
  position: absolute;
  top: 60px;
  left: 35px;
  z-index: 3;
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .interested-card .interested-card-overlay {
    top: 40px;
  }
}
@media screen and (max-width: 767px) {
  .interested-card .interested-card-overlay {
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
  }
}
.interested-card .interested-card-overlay .latest {
  margin-bottom: 10px;
}
.interested-card .interested-card-overlay h5 {
  color: #000;
  margin-bottom: 15px;
}
.latest {
  text-transform: uppercase;
  color: #304087;
  background: #a8d7cd;
  border-radius: 2px;
  width: 58px;
  height: 23px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  text-align: center;
  padding-top: 4px;
}
.common-breadcrumb-section {
  background: #f3f4f8;
}
.common-breadcrumb-section .breadcrumb {
  padding: 0.5rem 1rem;
}
@media screen and (max-width: 767px) {
  .common-breadcrumb-section {
    margin-bottom: 0;
    display: none;
  }
}
.common-breadcrumb-section.sticky-top {
  background: #f3f4f8;
  top: 88px;
}
.common-breadcrumb-section.sticky-top .breadcrumb {
  padding: 0.5rem 1rem;
}
.common-breadcrumb-section.sticky-top .progress-w {
  height: 3px;
  background-color: #304087;
  transition: all linear 0.1s;
  min-width: 1%;
}
@media screen and (max-width: 767px) {
  .common-breadcrumb-section.sticky-top .progress-w {
    min-width: 4%;
  }
}
.common-breadcrumb-section .breadcrumb-item + .breadcrumb-item::before {
  display: inline-block;
  padding-right: 0.5rem;
  color: #ed3338;
  content: "";
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 16px;
  line-height: 27px;
}
.common-breadcrumb-section .breadcrumb-item + .breadcrumb-item {
  padding-left: 10px;
}
.common-breadcrumb-section .breadcrumb-item + .breadcrumb-item a {
  padding-left: 5px;
}
.common-breadcrumb-section li.breadcrumb-item.active a {
  color: #212121;
  font-weight: 400;
}
.common-breadcrumb-section li a {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #304087;
  font-weight: 500;
}
.common-breadcrumb-section .common-breadcrumb {
  background: #f3f4f8;
}
.common-breadcrumb-section .common-breadcrumb .breadcrumb {
  background: #f3f4f8;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}
.banner-section {
  background-repeat: no-repeat;
  background-position: 0 0;
  background-color: #f4f5fc;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .banner-section .container,
  .banner-section .container-sm {
    max-width: 100%;
  }
}
@media screen and (min-width: 1600px) {
  .banner-section {
    min-height: 550px;
  }
}
@media screen and (min-width: 768px) {
  .banner-section {
    padding: 30px 0;
    min-height: 400px;
  }
}
.banner-section.banner-para-right-section .banner-img.banner-img-wrap {
  float: right;
  position: absolute;
  top: 0;
  right: auto;
  left: 0;
  bottom: 0;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .banner-section.banner-para-right-section .banner-img.banner-img-wrap {
    right: 0;
    left: 0;
  }
}
.banner-section.banner-para-left-section .banner-img.banner-img-wrap {
  float: right;
  position: absolute;
  top: 0;
  right: 0;
  left: auto;
  bottom: 0;
  z-index: 1;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .banner-section.banner-para-left-section .banner-img.banner-img-wrap {
    right: 0;
    left: 0;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .banner-section.banner-para-left-section .banner-img.banner-img-wrap {
    right: 0;
    left: 0;
    width: 100%;
  }
}
@media screen and (min-width: 992px) {
  .banner-section {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    display: flex;
  }
}
@media screen and (max-width: 767px) {
  .banner-section {
    width: 100%;
    margin: -3px auto 0;
    padding-top: 35px;
    padding-bottom: 0;
  }
}
.banner-section .banner-info {
  padding: 20px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: start;
  align-content: stretch;
  min-height: 330px;
  background: #e9ecf7;
  border-radius: 8px;
  max-width: 750px;
  box-shadow: -2px 4px 4px rgb(0 0 0 / 0.15);
  position: relative;
  z-index: 5;
}
@media screen and (min-width: 1200px) {
  .banner-section .banner-info {
    width: 750px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .banner-section .banner-info {
    min-height: 230px;
  }
}
@media screen and (max-width: 767px) {
  .banner-section .banner-info {
    margin-top: 340px;
    border-radius: 0;
    box-shadow: none;
    width: auto;
    margin-left: 0;
  }
}
.banner-section .banner-info .banner-info-inner h1 {
  color: #304087;
  margin-bottom: 15px;
  line-height: 1.2em;
}
.banner-section .banner-info .banner-info-inner p {
  color: #373f41;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .banner-section .banner-info .banner-info-inner p {
    margin-bottom: 20px;
    color: #9d9d9d;
  }
}
.banner-section .banner-info .banner-info-inner .p20 {
  margin-bottom: 27px;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 150%;
  color: #303030;
}
@media screen and (max-width: 767px) {
  .banner-section .banner-info .banner-info-inner .p20 {
    font-size: 16px;
    margin-bottom: 20px;
  }
}
.banner-section .banner-info .banner-info-inner .btn {
  min-width: 146px;
  font-size: 18px;
  box-shadow: 0 4px 4px rgb(0 0 0 / 0.25);
}
@media screen and (min-width: 992px) {
  .banner-section .banner-info.right-wrap {
    float: right;
    padding: 20px 30px;
    margin-right: -25px;
  }
}
@media screen and (max-width: 767px) {
  .banner-section .banner-info.right-wrap {
    float: none;
  }
}
@media screen and (min-width: 992px) {
  .banner-section .banner-info.left-wrap {
    margin-left: -25px;
    padding: 20px 30px;
  }
}
@media screen and (max-width: 767px) {
  .banner-section .banner-info.left-wrap {
    float: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .banner-section .banner-info {
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .banner-section .banner-info {
    text-align: left;
    padding: 20px 15px 40px;
    min-height: 190px;
    float: left;
  }
}
.banner-section .banner-img-wrap {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 3;
  right: auto;
  width: 50%;
}
@media screen and (max-width: 767px) {
  .banner-section .banner-img-wrap {
    width: 100%;
    right: 0;
    height: calc(100vh - 280px);
  }
}
.banner-section .banner-img-wrap .banner-img-desktop {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top;
}
@media screen and (max-width: 767px) {
  .banner-section .banner-img-wrap .banner-img-desktop {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .banner-section .banner-img-wrap .banner-img-desktop {
    display: block;
    object-fit: cover;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .banner-section .banner-img-wrap .banner-img-desktop {
    width: 100vw;
    height: 370px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
  }
}
.banner-section .banner-img-wrap .banner-img-mobile {
  width: 100vw;
  height: 370px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: block;
}
@media screen and (max-width: 767px) {
  .banner-section .banner-img-wrap .banner-img-mobile {
    display: block;
  }
}
@media screen and (min-width: 768px) {
  .banner-section .banner-img-wrap .banner-img-mobile {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .banner-section .banner-img-wrap .banner-img-mobile {
    height: 218px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .banner-section .banner-img-wrap .banner-img-mobile {
    height: 218px;
  }
}
.banner-para {
  background: rgb(48 48 48 / 0.6);
  padding: 10px 15px;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  color: #fff;
  display: inline-block;
  margin-bottom: 30px;
}
.banner-para p {
  color: #fff;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .banner-para {
    margin-bottom: 20px;
    font-size: 16px;
    padding: 7px 12px;
  }
}
.common-modal .modal-header {
  justify-content: center;
  position: relative;
  padding: 10px;
}
.common-modal .modal-header .modal-title {
  text-align: center;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  color: #373f41;
  display: block;
}
.common-modal .modal-header .btn-close {
  position: absolute;
  top: 18px;
  right: 20px;
  font-size: 12px;
  z-index: 9;
  background-color: #f3f4f6;
  border-radius: 50%;
}
@media screen and (min-width: 1200px) {
  .common-modal .modal-dialog {
    max-width: 537px;
  }
}
.common-modal .modal-body {
  padding: 15px 25px;
}
.common-tab-wrap {
  background: #fff;
  border: 2px solid #dbdcde;
  box-shadow: 0 2px 4px rgb(0 0 0 / 0.15);
  border-radius: 10px;
  position: relative;
}
.common-tab-wrap section.quick-link-top-sect {
  padding: 0;
}
.common-tab-wrap .nav-tabs {
  border-bottom: 1px solid #fff0;
  overflow-y: hidden;
  padding: 13px 7px 13px;
  position: relative;
  flex-wrap: nowrap;
  overflow-x: auto;
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  .common-tab-wrap .nav-tabs::-webkit-scrollbar-track {
    background: #fff;
  }
  .common-tab-wrap .nav-tabs::-webkit-scrollbar-thumb {
    background: #fff;
  }
  .common-tab-wrap .nav-tabs::-webkit-scrollbar {
    width: 0;
    height: 0;
    background: #fff;
  }
  .common-tab-wrap .nav-tabs:hover::-webkit-scrollbar {
    width: 8px;
    height: 6px;
  }
  .common-tab-wrap .nav-tabs:hover::-webkit-scrollbar-thumb {
    background: #888;
  }
}
@media screen and (min-width: 768px) {
  .common-tab-wrap .nav-tabs {
    padding-right: 150px;
  }
}
.common-tab-wrap .nav-tabs .fixed-nav-btn-apply {
  opacity: 0;
  display: none;
}
@media screen and (min-width: 768px) {
  .common-tab-wrap .nav-tabs .nav-link {
    margin-right: 15px;
  }
}
@media screen and (min-width: 992px) {
  .common-tab-wrap .nav-tabs::after {
    content: "";
    height: 1px;
    z-index: 3;
    position: absolute;
    bottom: -10px;
    left: 15px;
    right: 25px;
    border-bottom: 1px solid #efefef;
  }
}
@media screen and (max-width: 767px) {
  .common-tab-wrap .nav-tabs {
    padding: 2px 0;
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
  }
}
.common-tab-wrap .nav-tabs .nav-link {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  color: #304087;
  position: relative;
  border-color: #fff0 !important;
  background: #fff0;
}
@media screen and (max-width: 767px) {
  .common-tab-wrap .nav-tabs .nav-link {
    font-size: 16px;
    padding: 0.5rem 15px;
  }
}
.common-tab-wrap .nav-tabs .nav-link:hover {
  border-color: #fff0 !important;
}
.common-tab-wrap .nav-tabs .nav-link:hover::after {
  opacity: 1;
}
.common-tab-wrap .nav-tabs .nav-link::after {
  content: "";
  position: absolute;
  bottom: -13px;
  left: 50%;
  transform: translateX(-50%);
  right: 0;
  width: calc(100% - 20px);
  min-width: 32px;
  height: 2px;
  background: #304087;
  z-index: 3;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  opacity: 0;
}
@media screen and (max-width: 767px) {
  .common-tab-wrap .nav-tabs .nav-link::after {
    bottom: -1px;
    width: 100%;
  }
}
.common-tab-wrap .nav-tabs .nav-link.active {
  color: #304087;
  font-weight: 700;
  border-color: #fff0;
}
.common-tab-wrap .nav-tabs .nav-link.active::after {
  opacity: 1;
}
.common-tab-wrap .tab-pane-inner {
  padding: 0;
}
.common-tab-wrap
  .tab-pane-inner
  .quick-link-slider
  span.prev-owl-btn.slick-arrow {
  position: absolute;
  top: -40px;
  transform: scale(0.8);
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  right: 46px;
}
.common-tab-wrap
  .tab-pane-inner
  .quick-link-slider
  span.next-owl-btn.slick-arrow {
  position: absolute;
  top: -40px;
  transform: scale(0.8);
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
}
.common-tab-wrap .tab-pane-inner section.quick-link-top-sect {
  padding: 0;
}
.common-tab-wrap .tab-pane-inner .right-border-h2 {
  margin-bottom: 30px;
}
.common-tab-wrap .tab-pane-inner .right-border-h2 ~ .right-border-h2 {
  margin-top: 50px;
}
.common-tab-wrap .tab-pane-inner .right-border-h2 b {
  font-weight: 700;
}
.common-tab-wrap .tab-pane-inner .ttl {
  margin-top: 20px;
  margin-bottom: 20px;
}
.common-tab-wrap .tab-pane-inner .ttl.text-black1 {
  color: #303030 !important;
}
.common-tab-wrap .tab-pane-inner h1.ttl,
.common-tab-wrap .tab-pane-inner .h1.ttl {
  margin-top: 0;
  margin-bottom: 15px;
}
.compare-btn-wrap {
  width: 120px;
  height: 32px;
  background: #ededef;
  border: 1px solid #ededef;
  border-radius: 4px;
  display: inline-block;
  padding: 3px 10px;
  text-align: center;
  overflow: hidden;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  color: #3f3d56;
  position: relative;
  margin-bottom: 8px;
}
.compare-btn-wrap:hover {
  box-shadow: -2px 4px 4px rgb(0 0 0 / 0.15);
}
.compare-btn-wrap span {
  margin-right: 30px;
}
.compare-btn-wrap.active {
  width: 32px;
}
.compare-btn-wrap.active span {
  display: none;
}
.compare-btn-wrap.active .btn-compare-plus {
  display: none;
}
.compare-btn-wrap.active em {
  background: #fcb110;
  color: #304087;
}
.compare-btn-wrap em {
  width: 32px;
  height: 32px;
  background: #fff;
  border: 1px solid #dbdcde;
  border-radius: 4px;
  display: inline-block;
  position: absolute;
  top: -1px;
  right: -1px;
  padding-top: 4px;
  font-size: 16px;
  z-index: 3;
  color: #909090;
}
.compare-btn-wrap .btn-compare-plus {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #3f3d56;
}
.compare-btn-wrap .btn-compare-minus {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  color: #3f3d56;
}
.modal.left .modal-dialog,
.modal.right .modal-dialog {
  position: fixed;
  margin: auto;
  width: 320px;
  height: 100%;
  -webkit-transform: translate3d(0%, 0, 0);
  -ms-transform: translate3d(0%, 0, 0);
  -o-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
}
@media screen and (max-width: 767px) {
  .modal.left .modal-dialog,
  .modal.right .modal-dialog {
    width: 100%;
  }
}
.modal.left .modal-content,
.modal.right .modal-content {
  height: 100%;
  overflow-y: auto;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}
.modal.left .modal-body,
.modal.right .modal-body {
  padding: 15px 15px 80px;
}
.modal.left.fade .modal-dialog {
  left: -320px;
  -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
  -o-transition: opacity 0.3s linear, left 0.3s ease-out;
  transition: opacity 0.3s linear, left 0.3s ease-out;
}
.modal.left.fade.show .modal-dialog {
  left: 0;
}
.menumodal.show span.mobile-overlay-modal {
  opacity: 1;
}
@media screen and (max-width: 767px) {
  .menumodal {
    height: calc(100% - 160px) !important;
    top: 80px;
  }
}
.modal.right.fade .modal-dialog {
  right: -320px;
  -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
  -o-transition: opacity 0.3s linear, right 0.3s ease-out;
  transition: opacity 0.3s linear, right 0.3s ease-out;
  -ms-transition: opacity 0.3s linear, right 0.3s ease-out;
}
@media screen and (max-width: 767px) {
  .modal.right.fade .modal-dialog {
    height: calc(100% - 145px) !important;
    top: 80px;
    width: calc(100% - 56px) !important;
  }
}
.modal.right.fade.show .modal-dialog {
  right: 0;
}
.modal-cookies-wrap .modal-dialog {
  position: fixed;
  bottom: 30px;
  right: 130px;
  z-index: 333;
  margin: 0;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .modal-cookies-wrap .modal-dialog {
    bottom: 90px;
  }
}
@media screen and (max-width: 767px) {
  .modal-cookies-wrap .modal-dialog {
    bottom: 130px;
    right: 15px;
    margin: 10px;
  }
}
.modal-cookies-wrap .cookies-modal-wrap {
  max-width: 360px;
  width: 100%;
  margin: auto;
  position: relative;
  border-radius: 10px;
  box-shadow: -2px 2px 4px rgb(0 0 0 / 0.15);
  overflow: hidden;
}
.modal-cookies-wrap .cookies-modal {
  position: static;
  bottom: 20px;
  height: auto;
  max-width: 360px;
  width: 100%;
  right: 20px;
  border-radius: 10px;
  background-color: #fff;
  padding: 15px;
  box-shadow: 0 12px 32px 0 rgb(34 27 81 / 0.5019607843);
  z-index: 20000;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  overflow: hidden;
}
.modal-cookies-wrap .cookies-modal img {
  position: absolute;
  top: 0;
  right: 0;
  border-top-right-radius: 10px;
}
.modal-cookies-wrap .cookies-modal .btn {
  margin-top: 15px;
}
.modal-cookies-wrap .cookies-modal .cookie-setting {
  font-weight: 800;
  font-size: 16px;
  color: #000;
  margin-bottom: 10px;
}
.modal-cookies-wrap .cookies-modal .cookie-p {
  font-weight: 400;
  font-size: 14px;
  color: #585858;
  margin-bottom: 15px;
}
.modal-cookies-wrap .cookies-modal .cookie-a {
  font-weight: 400;
  font-size: 14px;
  text-decoration-line: underline;
  color: #585858;
  flex: none;
  order: 0;
  flex-grow: 0;
  margin-right: 16px;
}
.modal-cookies-wrap .cookies-modal .cookie-a:hover,
.modal-cookies-wrap .cookies-modal .cookie-a:focus {
  color: #fea607;
}
.chat-wrap {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 999;
  background: url(../images/chat-icon-adj.svg) no-repeat right 4px;
  width: 78px;
  height: 78px;
  background-size: 237px 164px;
}
.chat-wrap:hover {
  cursor: pointer;
  background-position: right bottom;
  width: 237px;
}
.chat-wrap2 {
  animation: MoveUpDown 3s infinite alternate;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 999;
  min-width: 64px;
  min-height: 64px;
  display: block;
  text-align: center;
  padding: 2px;
  cursor: pointer;
}
.chat-wrap2 .chat-icon {
  position: relative;
  z-index: 3;
  width: 104px;
  height: 115px;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .chat-wrap2 {
    bottom: 100px;
  }
}
@media screen and (max-width: 767px) {
  .chat-wrap2 {
    bottom: 100px;
  }
}
.chat-wrap2 .chat-wrap2-inner {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  min-width: 62px;
  height: 67px;
  padding: 13px;
  position: relative;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  align-content: stretch;
}
.chat-wrap2 .chat-wrap2-inner span {
  font-size: 14px;
  font-weight: 600;
  margin-left: 5px;
  color: #304087;
  position: absolute;
  display: none;
  right: 10px;
}
@keyframes up_down {
  0% {
    top: 10px;
  }
  50% {
    top: 15px;
  }
  100% {
    top: 10px;
  }
}
@-webkit-keyframes up_down {
  0% {
    top: 10px;
  }
  50% {
    top: 15px;
  }
  100% {
    top: 10px;
  }
}
@-moz-keyframes up_down {
  0% {
    top: 10px;
  }
  50% {
    top: 15px;
  }
  100% {
    top: 10px;
  }
}
.go-to-top-wrap {
  position: fixed;
  bottom: 90px;
  right: 30px;
  z-index: 999;
  opacity: 0;
}
.go-to-top-wrap {
  background: #fff;
  box-shadow: 0 2px 8px rgb(0 0 0 / 0.12);
  width: 71px;
  height: 71px;
  text-align: center;
  border-radius: 50%;
  padding-top: 11px;
  display: inline-block;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.go-to-top-wrap p.p14 {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  text-align: center;
  color: #304087;
  margin-top: -4px;
}
.go-to-top-wrap img {
  animation: up_down 2s ease infinite;
  -webkit-animation: up_down 2s ease infinite;
  position: relative;
  margin-top: -30px;
}
.go-to-top-wrap:hover {
  background: #304087;
}
.go-to-top-wrap:hover p.p14 {
  color: #fff;
}
.go-to-top-wrap:hover img {
  filter: brightness(0) invert(1);
  -webkit-filter: brightness(0) invert(1);
}
.body-active-effect .common-header-wrap .rbl-nav-header-bg {
  box-shadow: 0 2px 4px rgb(0 0 0 / 0.15);
}
.body-active-effect .go-to-top-wrap {
  bottom: 110px;
  opacity: 1;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .body-active-effect .go-to-top-wrap {
    bottom: 80px;
    right: 35px;
  }
}
@media screen and (max-width: 767px) {
  .body-active-effect .go-to-top-wrap {
    bottom: 200px;
    right: 35px;
  }
}
.body-active-effect .go-to-top-wrap:hover {
  cursor: pointer;
  opacity: 0.8;
}
.custom-select-wrap,
.custom-select-wrap2 {
  padding: 0;
  position: relative;
  border: none;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}
.custom-select-wrap select,
.custom-select-wrap2 select {
  display: none;
}
.custom-select-wrap .select-selected,
.custom-select-wrap2 .select-selected {
  color: #171717;
  font-size: 14px;
  background: #ebefff;
}
.custom-select-wrap .select-selected:after,
.custom-select-wrap2 .select-selected:after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 35px;
  height: 35px;
  background: url(../images/down-icon.svg) no-repeat 0 0;
  background-size: cover;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
.custom-select-wrap .select-selected.select-arrow-active:after,
.custom-select-wrap2 .select-selected.select-arrow-active:after {
  transform: rotate(0);
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0);
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
}
.custom-select-wrap .select-items div,
.custom-select-wrap2 .select-items div {
  border-radius: 4px;
  height: 35px;
  color: #1c1c1c;
  padding: 6px 16px;
  cursor: pointer;
  user-select: none;
  font-size: 16px;
  font-weight: 400;
}
.custom-select-wrap .select-selected,
.custom-select-wrap2 .select-selected {
  border-radius: 4px;
  height: 35px;
  color: #1c1c1c;
  padding: 6px 16px;
  cursor: pointer;
  user-select: none;
  font-size: 16px;
  font-weight: 600;
}
.custom-select-wrap .select-items,
.custom-select-wrap2 .select-items {
  -webkit-box-shadow: rgb(99 99 99 / 0.2) 0 2px 8px 0;
  box-shadow: rgb(18 17 17 / 0.2) 0 2px 8px 0;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  position: absolute;
  background-color: #fff;
  top: 35px;
  bottom: auto;
  left: 0;
  right: 0;
  z-index: 99;
}
.custom-select-wrap .select-hide,
.custom-select-wrap2 .select-hide {
  display: none;
}
.custom-select-wrap .select-items div:hover,
.custom-select-wrap .same-as-selected,
.custom-select-wrap2 .select-items div:hover,
.custom-select-wrap2 .same-as-selected {
  font-weight: 600;
  color: #000;
  background-color: rgb(128 122 122 / 0.1);
}
.custom-select-wrap.selectdiv2 .select-selected,
.custom-select-wrap2.selectdiv2 .select-selected {
  background: #fff !important;
}
.custom-select-wrap.selectdiv2 .select-selected::after,
.custom-select-wrap2.selectdiv2 .select-selected::after {
  background-image: url(../images/selectdiv2.svg) !important;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
  transform: rotate(0);
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0);
}
.custom-select-wrap.selectdiv2 .select-selected.select-arrow-active:after,
.custom-select-wrap2.selectdiv2 .select-selected.select-arrow-active:after {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.ad-banner-outer {
  margin-bottom: 30px;
  overflow: hidden;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
@media screen and (max-width: 767px) {
  .ad-banner-outer {
    margin-bottom: 20px;
  }
}
label.date-time-lable {
  position: absolute;
  bottom: 3px;
  right: 10px;
  font-size: 16px;
  z-index: 3;
}
label.date-time-lable .fa {
  color: #000;
}
.focus-area-card.year-award-card.scale-img-wrap {
  min-height: inherit;
  padding-bottom: 0;
}
.focus-area-card.year-award-card.scale-img-wrap
  .focus-area-img.scale-img-wrap
  .focus-img {
  height: 260px;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .focus-area-card.year-award-card.scale-img-wrap
    .focus-area-img.scale-img-wrap
    .focus-img {
    height: 200px;
  }
}
@media screen and (max-width: 767px) {
  .focus-area-card.year-award-card.scale-img-wrap
    .focus-area-img.scale-img-wrap
    .focus-img {
    height: 170px;
  }
}
.year-award-col {
  margin-bottom: 30px;
}
.member-card-col {
  margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
  .member-card-col {
    height: calc(100% - 30px);
  }
}
@media screen and (max-width: 767px) {
  .member-card-col {
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 30px;
    height: calc(100% - 30px);
  }
}
.focus-area-card.member-card.scale-img-wrap {
  min-height: inherit;
  border: 0;
  background: #fbfbfb;
  border-radius: 10px;
}
@media screen and (max-width: 767px) {
  .focus-area-card.member-card.scale-img-wrap {
    padding-bottom: 30px;
  }
}
@media screen and (max-width: 767px) {
  .focus-area-card.member-card.scale-img-wrap .focus-area-para {
    padding: 10px;
  }
  .focus-area-card.member-card.scale-img-wrap .focus-area-para h6 {
    font-size: 13px;
    margin-bottom: 5px;
  }
  .focus-area-card.member-card.scale-img-wrap .focus-area-para p.p14 {
    font-size: 12px;
  }
  .focus-area-card.member-card.scale-img-wrap
    .focus-area-para
    a.bttn-link-arrow {
    left: 10px;
  }
}
.focus-area-card.member-card.scale-img-wrap
  .focus-area-img.scale-img-wrap
  .focus-img {
  height: 250px;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .focus-area-card.member-card.scale-img-wrap
    .focus-area-img.scale-img-wrap
    .focus-img {
    height: 200px;
  }
}
@media screen and (max-width: 767px) {
  .focus-area-card.member-card.scale-img-wrap
    .focus-area-img.scale-img-wrap
    .focus-img {
    height: 150px;
  }
}
.view-board-of-director a {
  text-decoration: none;
}
.focus-area-card.member-card .focus-area-para h6 {
  color: #304087;
  cursor: pointer;
}
.focus-area-card.member-card .focus-area-para h6 a {
  text-decoration: none;
}
.focus-area-card.member-card .focus-area-para h6:hover {
  text-decoration: underline;
}
.focus-area-card.member-card.scale-img-wrap {
  padding-bottom: 0;
}
.focus-area-card.member-card.scale-img-wrap
  .focus-area-img.scale-img-wrap
  .focus-img {
  height: 205px;
}
@media screen and (max-width: 767px) {
  .focus-area-card.member-card.scale-img-wrap
    .focus-area-img.scale-img-wrap
    .focus-img {
    height: 120px;
  }
}
.card-slider-wrap {
  margin: 0 0;
}
@media screen and (max-width: 767px) {
  .card-slider-wrap .view-empty.alert.alert-danger {
    margin-bottom: 30px !important;
  }
}
.card-slider-wrap .view-filters {
  margin-bottom: 0;
}
.card-slider-wrap .slider-carousel .form-radios.bef-nested {
  position: relative;
  padding-top: 15px;
}
.card-slider-wrap .slider-carousel .carousel-indicators {
  margin-left: 10%;
  margin-right: 10%;
  top: 0;
  height: 101px;
  padding: 0;
  margin: 0;
  overflow-y: hidden;
  padding-left: 50px;
  padding-right: 50px;
}
@media screen and (min-width: 768px) {
  .card-slider-wrap .slider-carousel .carousel-indicators .slick-track {
    display: flex;
  }
}
@media screen and (max-width: 767px) {
  .card-slider-wrap .slider-carousel .carousel-indicators {
    height: 70px;
  }
}
.card-slider-wrap .slider-carousel .carousel-indicators::before {
  position: absolute;
  content: "";
  display: block;
  height: 2px;
  width: calc(100% - 20px);
  left: 10px;
  background-color: #dbdcde;
  top: 17px;
  z-index: -1;
}
.card-slider-wrap .slider-carousel .carousel-indicators li {
  position: relative;
  height: auto;
  width: auto;
  background-color: #fff0;
  top: 10px;
  z-index: 1;
  opacity: 1;
  white-space: nowrap;
  min-width: 102px;
}
.card-slider-wrap .slider-carousel .carousel-indicators li:first-child {
  opacity: 0;
  z-index: -999;
  display: none !important;
}
@media screen and (max-width: 767px) {
  .card-slider-wrap .slider-carousel .carousel-indicators li {
    top: 11px;
    min-width: 80px;
  }
}
.card-slider-wrap .slider-carousel .carousel-indicators li .form-check {
  padding-left: 0;
  position: relative;
  text-align: center;
  cursor: pointer;
}
.card-slider-wrap
  .slider-carousel
  .carousel-indicators
  li
  .form-radio.form-check-input {
  float: none;
  margin: 0 !important;
  background: #304087;
  border-color: #304087;
  cursor: pointer;
}
.card-slider-wrap
  .slider-carousel
  .carousel-indicators
  li
  .form-radio.form-check-input:checked::after {
  content: "";
  border: 1px solid #304087;
  width: 26px;
  height: 26px;
  display: block;
  position: relative;
  top: -6px;
  left: -6px;
  border-radius: 50%;
}
.card-slider-wrap .slider-carousel .carousel-indicators li .form-check-label,
.card-slider-wrap .slider-carousel .carousel-indicators li span {
  position: relative;
  display: block;
  text-align: center;
  color: #707070;
  font-size: 18px;
  cursor: pointer;
  font-weight: 400;
  width: 72px;
  height: 35px;
  text-indent: 0;
  top: 0;
  z-index: 1;
  font-size: 16px;
  margin: auto;
}
@media screen and (max-width: 991px) {
  .card-slider-wrap .slider-carousel .carousel-indicators li .form-check-label,
  .card-slider-wrap .slider-carousel .carousel-indicators li span {
    font-size: 15px;
    width: 50px;
  }
}
.card-slider-wrap .slider-carousel .carousel-indicators li::before,
.card-slider-wrap .slider-carousel .carousel-indicators li::after {
  position: absolute;
  display: block;
  box-shadow: 2px 4px 8px rgb(0 0 0 / 0.12);
  height: 18px;
  width: 18px;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  border-radius: 50%;
  z-index: -1;
  opacity: 0;
}
@media screen and (max-width: 991px) {
  .card-slider-wrap .slider-carousel .carousel-indicators li::before,
  .card-slider-wrap .slider-carousel .carousel-indicators li::after {
    height: 12px;
    width: 12px;
  }
}
.card-slider-wrap .slider-carousel .carousel-indicators li::before {
  content: "";
  top: 3px;
  background-color: #304087;
}
.card-slider-wrap .slider-carousel .carousel-indicators li.active span {
  color: #304087;
  font-weight: 700;
}
.card-slider-wrap .slider-carousel .carousel-indicators li.active::after {
  content: "";
  height: 28px;
  width: 28px;
  top: -2px;
  background-color: #fff0;
  border: 2px solid #304087;
}
@media screen and (max-width: 991px) {
  .card-slider-wrap .slider-carousel .carousel-indicators li.active::after {
    height: 18px;
    width: 18px;
    border-width: 1px;
    top: 0;
  }
}
.card-slider-wrap .slider-carousel .carousel-control-prev,
.card-slider-wrap .slider-carousel .carousel-control-next {
  width: 40px;
  height: 40px;
  box-shadow: 0 4px 10px rgb(0 0 0 / 0.3);
  background-color: #fff;
  border-radius: 4px;
  opacity: 1;
  z-index: 21;
}
.card-slider-wrap .slider-carousel span.sr-only {
  display: none;
}
.card-slider-wrap .slider-carousel .carousel-control-next-icon,
.card-slider-wrap .slider-carousel .carousel-control-prev-icon {
  width: 10px;
  height: 14px;
}
.card-slider-wrap
  .slider-carousel
  .carousel-control-prev
  .carousel-control-prev-icon {
  right: 0;
  z-index: 999;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAOCAYAAAAWo42rAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACNSURBVHgBjZHBDUAwFIa1bwFHVxvUBtyM0RGMwCANV1Ngg47ABo6O/ichBG3/5Gvfa740eXki+onWOsbVElFljFmEQxqAAjPIpEfidMgqPFINqeFChEiX6JMOMUTivIb5C1lrN6VUj7oECcjRR3ifHiIfITKdhU+m+/cuOWSFK0g/p+aV4SrAKKXMud8B2wNP+OrrO8wAAAAASUVORK5CYII=);
}
.card-slider-wrap
  .slider-carousel
  .carousel-control-next
  .carousel-control-next-icon {
  position: relative;
  left: 0;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAOCAYAAAAWo42rAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACoSURBVHgBjZLBDQIhEEVnlgY8evToTUIFetOjHRAa0RK2BK524M1YgXRgC3v0BP4xaCRhd/nJZxjymMAAE+Sc28QYe0yP3vuBKmJr7QLxCUsM8K4Gd3mxz7mGb3lzISVDCOGutTC0hZfwHvkF668CbIHVf/kpmKkinPGEcP7ulwt21ChuqSad4RaoqDgF/cA56AMCWiE+aOYJFXo0GGOuKaU18sPYp3gDiQBaunXjUq4AAAAASUVORK5CYII=);
}
.carousel-item {
  transition: transform 0.8s ease-in-out;
}
.carousel-fade .active.carousel-item-left {
  transition: opacity 0.5s 0s;
}
.carousel-fade .active.carousel-item-right {
  transition: opacity 0.5s 0s;
}
.awards-card {
  border: 1px solid #dbdcde;
  border-radius: 8px;
  margin-bottom: 30px;
  padding-top: 15px;
  padding-bottom: 15px;
}
.awards-card .share-btn-a {
  position: absolute;
  bottom: 30px;
  right: 0;
  z-index: 3;
  height: inherit;
}
.awards-card .share-btn-a img.share-btn {
  width: 75px;
  height: 30px;
}
.awards-card img {
  height: 210px;
  width: auto;
  object-fit: cover;
}
@media screen and (max-width: 767px) {
  .awards-card img {
    height: 170px;
  }
}
.awards-card .card-body {
  padding: 15px 20px 10px;
}
.awards-card .card-body .card-body {
  padding: 0 !important;
}
.awards-card .card-body .ttl {
  font-weight: 700;
  margin: 0 0 10px;
  color: #303030;
}
.awards-card .card-body p {
  line-height: normal;
  text-align: center;
}
.awards-card .card-body p.ttl.p18 {
  line-height: normal;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .awards-card .card-body p.ttl.p18 {
    min-height: 40px;
  }
}
.awards-card .card-body p.ttl.p18 + p {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #909090;
  line-height: normal;
  text-align: center;
}
.awards-card .card-body p.p14 {
  color: #909090;
  line-height: normal;
  text-align: center;
}
.form-wrap-card-921 {
  max-width: 921px;
  margin: auto;
}
.fixed-deposite-info {
  margin-bottom: 40px;
}
.fixed-deposite-info .p18 {
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  color: #212121;
  margin-bottom: 10px;
}
.fixed-deposite-info p.p16 {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  color: #212121;
}
.calc-form-wrap.calc-form-wrap2 {
  padding: 16px 35px;
}
.calc-form-wrap.calc-form-wrap2 .slider.slider-horizontal {
  width: 100%;
  margin: 0 0 0;
}
.calc-form-wrap.calc-form-wrap2 .range-wrap-outer {
  margin-bottom: 6px;
}
.xs-flex-cols1 .type-form-group {
  width: 188px;
  margin-right: 30px;
}
@media screen and (max-width: 767px) {
  .xs-flex-cols1 .type-form-group {
    width: 100%;
    margin-right: 0;
  }
}
input.form-control-small.i-rate-form-group {
  background: #dcecfb;
  width: 105px;
}
@media screen and (max-width: 767px) {
  input.form-control-small.i-rate-form-group {
    width: 100%;
    margin-right: 0;
  }
}
.interest-rates-table-wrap {
  overflow-x: auto;
  width: 100%;
  margin-bottom: 30px;
  border-radius: 4px;
}
@media screen and (max-width: 767px) {
  .interest-rates-table-wrap {
    margin-bottom: 20px;
  }
}
.interest-rates-table-wrap table {
  background: #304087;
  width: 100%;
  border: 1px solid #304087;
}
.interest-rates-table-wrap table thead th {
  padding: 8px 25px;
  border: 1px solid #304087;
  background: #304087;
}
.interest-rates-table-wrap table thead th h6 {
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  color: #304087;
}
.interest-rates-table-wrap table tr td {
  padding: 8px 25px;
  border: 1px solid #304087;
  background: #fff;
}
@media screen and (max-width: 767px) {
  .interest-rates-table-wrap table tr td {
    padding: 3px 8px;
  }
}
.interest-rates-table-wrap table tr td .p14 {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  color: #212121;
}
@media screen and (max-width: 767px) {
  .interest-rates-table-wrap table tr td .p14 {
    font-size: 12px;
  }
}
.interest-rates-table-wrap table .tr-foot,
.interest-rates-table-wrap table .tr-head {
  background: #304087 !important;
}
.interest-rates-table-wrap table .tr-foot td,
.interest-rates-table-wrap table .tr-head td {
  background: #304087 !important;
}
.interest-rates-table-wrap table .tr-foot td p.p14,
.interest-rates-table-wrap table .tr-head td p.p14 {
  color: #fff !important;
}
.term-condition-list-wrap {
  background: #f0f3f9;
  border-radius: 4px;
  padding: 20px 30px;
}
@media screen and (max-width: 767px) {
  .term-condition-list-wrap {
    padding: 15px 20px;
  }
}
.term-condition-list-wrap h6 {
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  color: #212121;
  margin-bottom: 5px;
  margin-left: 15px;
}
.term-condition-list-wrap ol {
  list-style: decimal;
  margin-top: 15px;
  margin-left: 15px;
}
.term-condition-list-wrap ol li {
  list-style: decimal;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #303030;
  margin-bottom: 15px;
}
.term-condition-list-wrap3 {
  background: #f3f4f8;
  border-radius: 4px;
}
.range-wrap-head {
  padding-bottom: 15px;
  margin-bottom: 40px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .range-wrap-head {
    margin-bottom: 10px;
  }
}
.range-wrap-head::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: -35px;
  left: -35px;
  border-bottom: 0.5px solid #d6d6d6;
  z-index: 3;
}
@media screen and (max-width: 767px) {
  .range-wrap-head::after {
    right: -15px;
    left: -15px;
  }
}
.term-condition-list-wrap2 {
  background: #fff;
  border: 2px solid #dbdcde;
  box-shadow: 0 2px 4px rgb(0 0 0 / 0.15);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
.points-list-wrap .points-list-ul li {
  position: relative;
  margin-left: 15px;
  padding-left: 45px;
  margin-bottom: 24px;
}
@media screen and (max-width: 991px) {
  .points-list-wrap .points-list-ul li {
    padding-left: 36px;
  }
}
@media screen and (max-width: 767px) {
  .points-list-wrap .points-list-ul li {
    margin-bottom: 16px;
  }
}
.points-list-wrap .points-list-ul li::before {
  position: absolute;
  content: "";
  display: block;
  height: 26px;
  width: 26px;
  background: url(../images/icons/points_list_arrow.svg) #d9edff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 52%;
  left: 0;
  top: -2px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.points-list-img-wrap {
  position: relative;
  max-width: 300px;
  text-align: center;
  margin: auto;
}
.points-list-img-wrap img {
  object-fit: cover;
  height: auto;
  width: 100%;
}
.rewiew-cards-wrap .rewiew-card {
  display: block;
  background: #e9ecf7;
  box-shadow: -2px 4px 4px rgb(0 0 0 / 0.15);
  margin: 0;
  padding: 30px 25px;
}
.rewiew-cards-wrap .rewiew-card .ttl {
  font-size: 20px;
  font-weight: 700;
  color: #333;
  text-align: center;
  margin: 5px auto 20px;
}
.rewiew-cards-wrap .rewiew-card .p {
  font-size: 14px;
  color: #666;
  text-align: center;
  margin: 15px 0 15px;
}
.rewiew-cards-wrap .rewiew-card .rating-blk {
  display: flex;
  display: flexbox;
  flex-direction: row;
  -ms-flex-direction: row;
  justify-content: center;
}
.rewiew-cards-wrap .rewiew-card .rating-blk i {
  margin: 0 3px;
  color: #fea90a;
}
.rewiew-cards-wrap .rewiew-card .media {
  margin-top: 20px;
}
.rewiew-cards-wrap .rewiew-card .media .img-blk {
  position: relative;
  display: block;
  height: 33px;
  width: 33px;
  overflow: hidden;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  margin-right: 12px;
}
.rewiew-cards-wrap .rewiew-card .media .img-blk img {
  position: absolute;
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.rewiew-cards-wrap .rewiew-card .media .media-body .nm {
  font-size: 14px;
  font-weight: 700;
  color: #333;
  margin-bottom: 5px;
}
.rewiew-cards-wrap .rewiew-card .media .media-body .dsg {
  font-size: 13px;
  color: #666;
}
.owl-carousel.rewiew-cards-owl-carousel .owl-nav .owl-prev {
  position: absolute;
  top: -33px;
  left: auto;
  right: 56px;
}
.owl-carousel.rewiew-cards-owl-carousel .owl-nav .owl-next {
  position: absolute;
  top: -33px;
  left: auto;
  right: 0;
}
.owl-btn.btn-sq {
  background-color: #ecf2fe;
  color: #212121;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}
.owl-btn.btn-sq:hover,
.owl-btn.btn-sq:focus,
.owl-btn.btn-sq:active,
.owl-btn.btn-sq.active {
  background-color: #fda90a;
}
.card.awards-card.scale-img-wrap.h-100 img.card-img-top.scale-img {
  object-fit: contain;
}
.height-black3 {
  line-height: 35px !important;
}
.terms-conditions {
  border-radius: 2px;
  background-clip: padding-box;
  font-style: italic;
  padding: 30px;
  background-color: #f8faff;
  border: 1px solid #dbe0f2;
}
.fixed-tab {
  position: fixed !important;
  top: 94px;
  width: 100%;
  background: #fff;
  z-index: 999;
  padding-top: 0 !important;
}
@media screen and (max-width: 767px) {
  .fixed-tab {
    top: 87px;
  }
}
.fixed-tab .fixed-nav-btn-apply {
  opacity: 1 !important;
}
.our-product-overlay-wrap {
  width: 100%;
  height: 350px;
  border-radius: 4px;
  margin-bottom: 30px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-color: #fff;
  background-size: cover;
  position: relative;
}
.our-product-overlay-wrap:hover .our-product-overlay-wrap-bg {
  filter: blur(3px);
  -webkit-filter: blur(3px);
}
.our-product-overlay-wrap .banner-para.banner-para-sm.p16 {
  margin-bottom: 15px;
}
.our-product-overlay-wrap .our-product-overlay-wrap-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
  object-fit: cover;
  background-size: cover;
  background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
  .our-product-overlay-wrap {
    height: 300px;
  }
}
.our-product-overlay-wrap .our-product-overlay {
  position: relative;
  bottom: 10px;
}
.our-product-overlay-wrap:hover .our-product-overlay {
  opacity: 1;
  bottom: 25px;
}
.our-product-overlay-wrap:hover .our-product-overlay-inner {
  opacity: 0;
}
.our-product-overlay-wrap:hover::after {
  opacity: 0;
}
.our-product-overlay-wrap::after {
  content: "";
  background: linear-gradient(180deg, #000000 0%, #fff0 100%);
  border-radius: 4px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: rotate(-180deg);
  z-index: 3;
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  opacity: 0.5;
}
.our-product-overlay-wrap h5 {
  font-style: normal;
  font-weight: 700;
  font-size: 20.8043px;
  text-align: center;
  color: #fff;
  margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
  .our-product-overlay-wrap h5 {
    margin-bottom: 15px;
  }
}
.our-product-overlay-wrap .our-product-overlay-inner {
  position: absolute;
  bottom: 14px;
  left: 0;
  z-index: 5;
  right: 0;
  text-align: center;
}
.our-product-overlay-wrap .our-product-overlay {
  position: absolute;
  top: auto;
  left: 0;
  right: 0;
  bottom: 10px;
  width: 100%;
  height: 150px;
  z-index: 5;
  text-align: center;
  padding-top: 0;
  opacity: 0;
}
.rapid-card-wrap {
  width: 100%;
  height: 250px;
  border-radius: 4px;
  margin-bottom: 30px;
  overflow: hidden;
  position: relative;
  display: block;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: start;
  align-content: stretch;
  background-repeat: no-repeat;
  background-color: #000;
  background-size: 100%;
  text-align: center;
  background-position: center bottom;
  padding: 17px;
}
.rapid-card-wrap .rapid-card-wrap-hover {
  transition: 0.5s;
  opacity: 0;
  position: relative;
  z-index: 1;
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
  .rapid-card-wrap .rapid-card-wrap-hover {
    transform-origin: center 0 !important;
    transform: scale(0.7) !important;
    -webkit-transform: scale(0.7) !important;
    -moz-transform: scale(0.7) !important;
    -ms-transform: scale(0.7) !important;
    -o-transform: scale(0.7) !important;
    margin-top: 10px;
    margin-left: 0;
  }
}
.rapid-card-wrap .rapid-card-wrap-inner {
  margin-top: 10px;
}
.rapid-card-wrap:hover .rapid-card-wrap-inner {
  margin-top: 25px;
}
@media screen and (max-width: 767px) {
  .rapid-card-wrap:hover .rapid-card-wrap-inner {
    margin-top: 15px;
  }
}
.rapid-card-wrap:hover .rapid-card-wrap-hover {
  opacity: 1 !important;
  z-index: 9;
}
.rapid-card-wrap:hover .rapid-card-wrap-bg {
  filter: blur(3px);
  -webkit-filter: blur(3px);
}
.rapid-card-wrap:hover::after {
  opacity: 0.5;
}
.rapid-card-wrap::after {
  content: "";
  background: linear-gradient(
    90deg,
    rgb(24 0 0 / 0.2078431373) 0.72%,
    rgb(109 0 0 / 0.81) 99.99%
  );
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
}
.rapid-card-wrap .rapid-card-wrap-inner {
  position: relative;
  z-index: 3;
}
.rapid-card-wrap .rapid-card-wrap-inner h6 {
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 8px;
}
.rapid-card-wrap .rapid-card-wrap-inner p {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  text-align: center;
  color: #fff;
  opacity: 0.6;
}
.rapid-card-wrap .rapid-card-wrap-bg {
  background-image: url(../images/rapid-card1.png);
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  object-fit: cover;
  z-index: 1;
  background-repeat: no-repeat;
  background-size: cover;
}
.card-program {
  margin-bottom: 20px;
  overflow: hidden;
}
.card-program:hover {
  box-shadow: 0 2px 4px rgb(0 0 0 / 0.1490196078);
}
.card-program .program-img-wrap img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.card-program .program-info-blue {
  background: #304087;
  padding: 12px;
  min-height: 68px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: stretch;
}
@media screen and (max-width: 767px) {
  .card-program .program-info-blue {
    min-height: 50px;
  }
}
.card-program .program-info-blue h6 {
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  text-align: center;
  color: #fff;
}
.card-program .program-info-yellow .common-btn-gray {
  padding-top: 18px;
  font-size: 14px;
}
.card-program .program-info-yellow .common-btn-gray img.right-icon {
  opacity: 0.6;
  top: -2px;
  position: relative;
  width: 18px;
  left: 4px;
}
.card-program .program-info-yellow .common-btn-blue {
  width: 100%;
}
.compare-card {
  background: #fff;
  border: 1px solid #dbdcde;
  border-radius: 10px;
  margin-bottom: 30px;
  height: calc(100% - 30px);
}
.compare-card .compare-btn-wrap,
.compare-card .compare-btn-wrap2 {
  margin-top: 10px;
  margin-right: 10px;
}
.compare-card .program-img-wrap {
  margin: 0 10px 10px;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.compare-card .program-info-blue {
  padding: 10px;
  margin-top: -1px;
  min-height: inherit;
  position: relative;
  z-index: 1;
}
.compare-card .program-info-blue .program-info-blue {
  padding: 7px;
  min-height: 46px;
}
.compare-card .program-info-blue .program-info-blue h6 {
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
}
.compare-card .program-info-list {
  padding: 15px 15px 15px 0;
}
.compare-card .program-info-list .disk-ul-wrap {
  color: #fea607 !important;
  margin-left: 40px;
  min-height: 200px;
}
.compare-card .program-info-list .disk-ul-wrap li {
  color: #fea607 !important;
}
.compare-card .program-info-list .bttn-link-arrow {
  margin-left: 20px;
}
.compare-card .program-info-list .bttn-link-arrow .right-icon {
  opacity: 0.6;
}
.card-program.card-program-img-h180 .program-info-blue {
  min-height: 78px;
}
@media screen and (max-width: 767px) {
  .card-program.card-program-img-h180 .program-info-blue {
    min-height: inherit;
  }
}
.disk-ul-wrap3 {
  list-style: disc;
  margin-left: 15px;
}
.disk-ul-wrap3 li {
  list-style: disc;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  color: #000;
  margin-bottom: 10px;
}
.disk-ul-wrap3 li p {
  position: relative;
  top: -2px;
}
@media screen and (max-width: 767px) {
  .disk-ul-wrap3 li {
    margin-bottom: 5px;
  }
}
.disk-ul-wrap3 li p.p16 {
  color: #000;
}
.owl-more-rbl-card {
  text-align: center;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  padding: 17px;
  height: 100%;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .owl-more-rbl-card {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: stretch;
  }
}
.owl-more-rbl-card .facility-img {
  width: auto !important;
  margin: 10px auto 15px;
  max-width: 100%;
}
.owl-more-rbl-card .p18 {
  color: #304087;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .owl-more-rbl-card .p18 {
    font-size: 14px;
  }
}
.quick-link-card-outer {
  background: #faf2ff;
  border-radius: 16px;
  padding: 40px 0 30px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .quick-link-card-outer {
    padding: 20px;
  }
}
.quick-link-card-outer .quick-link-top .h4 {
  color: #333;
  margin-bottom: 20px;
  font-weight: 700;
}
.offer-table a,
.quick-link-slider a {
  text-decoration: none;
}
.quick-link-card {
  max-width: 160px;
  margin: 0 auto 10px;
  height: 170px;
  background: #fff;
  box-shadow: 1px 2px 4px rgb(0 0 0 / 0.15);
  border-radius: 4px;
  padding: 25px 5px;
  margin: 3px auto 10px;
  text-align: center;
  min-width: 155px;
}
@media screen and (max-width: 767px) {
  .quick-link-card {
    padding: 15px 5px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: stretch;
    margin: 0 auto 10px;
  }
}
.quick-link-card .field--type-image {
  float: none;
  margin: 0;
}
.quick-link-card .quick-link-img {
  width: auto !important;
  margin: 0 auto 10px !important;
  height: 48px;
}
@media screen and (max-width: 767px) {
  .quick-link-card .quick-link-img {
    margin: 0 10px 20px !important;
    margin: auto !important;
  }
}
.quick-link-card .quick-link-img img {
  margin: auto;
  width: 50px;
  height: auto;
}
.quick-link-card .p16 {
  font-style: normal;
  font-weight: 400;
  color: #304087;
  font-size: 14px;
  line-height: 19px;
  margin-top: 13px;
}
.quick-link-card-outer .owl-carousel .owl-nav .owl-next {
  right: 0;
}
.quick-link-card-outer .owl-carousel .owl-nav .owl-prev {
  left: 0;
}
.disk-ul-wrap {
  list-style: disc;
  margin-left: 26px;
}
.disk-ul-wrap li {
  list-style: disc;
  font-style: normal;
  font-weight: 400;
  font-size: 22px;
  color: #000;
  margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
  .disk-ul-wrap li {
    margin-bottom: 5px;
  }
}
.disk-ul-wrap li p {
  display: inline;
}
.disk-ul-wrap li p.p16 {
  color: #000;
}
.disk-ul-wrap2 {
  list-style: disc;
  margin-left: 26px;
}
.disk-ul-wrap2 li {
  list-style: disc;
  font-style: normal;
  font-weight: 400;
  font-size: 22px;
  color: #000;
  margin-bottom: 10px;
}
.disk-ul-wrap2 li ul {
  list-style: disc;
  margin-left: 26px;
  font-style: normal;
  font-size: 16px !important;
  color: #606060;
  margin-left: 33px;
}
.disk-ul-wrap2 li ul li::marker {
  color: #304087 !important;
}
.disk-ul-wrap2 li ul li p.p18 {
  font-style: normal;
  font-size: 16px !important;
  color: #606060;
}
.disk-ul-wrap2 li p {
  position: relative;
  top: 0;
  display: inline;
}
@media screen and (max-width: 767px) {
  .disk-ul-wrap2 li {
    margin-bottom: 5px;
  }
}
.disk-ul-wrap2 li p.p16 {
  color: #000;
}
.num-ol-wrap {
  list-style: decimal;
  margin-left: 15px;
}
.num-ol-wrap li {
  list-style: decimal;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #212121;
  margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
  .num-ol-wrap li {
    margin-bottom: 5px;
  }
}
.num-ol-18-wrap {
  list-style: decimal;
  margin-left: 15px;
}
.num-ol-18-wrap li {
  list-style: decimal;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  color: #606060;
  margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
  .num-ol-18-wrap li {
    margin-bottom: 5px;
  }
}
.rich-text-editor ol {
  list-style-type: decimal;
}
.rich-text-editor ol li {
  list-style-type: decimal;
}
.rich-text-editor ol li::marker {
  color: #304087;
}
.rich-text-editor ul {
  list-style-type: disc;
}
.rich-text-editor ul li {
  list-style-type: disc;
}
.rich-text-editor ul li::marker {
  color: #304087;
}
.rich-text-editor .restructure-alpha {
  list-style-type: lower-alpha;
}
.rich-text-editor .restructure-alpha li {
  list-style-type: lower-alpha;
}
.rich-text-editor .restructure {
  list-style-type: lower-roman;
}
.rich-text-editor .restructure li {
  list-style-type: lower-roman;
}
.owl-team-card {
  background: #fff url(../images/Meliuk-liuk.png) no-repeat right 0;
  box-shadow: 0 20px 50px rgb(18 17 39 / 0.08);
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  padding: 30px 15px 18px;
  min-height: 305px;
  margin-bottom: 15px;
}
.owl-team-card .double-quate-img2 {
  width: auto !important;
  display: inline !important;
  margin-top: -6px;
}
@media screen and (max-width: 767px) {
  .owl-team-card {
    padding: 30px 20px 20px;
    margin-bottom: 30px;
  }
}
.owl-team-card .testimonial-para-span {
  position: relative;
}
.owl-team-card .testimonial-para-span::before {
  content: "";
  background: url(../images/double-quate.svg) no-repeat 0 0;
  position: absolute;
  top: 0;
  left: -20px;
  z-index: 3;
  width: 15px;
  height: 10px;
}
.owl-team-card .avatar-img {
  float: left;
  margin-right: 20px;
}
.owl-team-card h6 {
  font-style: normal;
  font-weight: 600;
  color: #1a1a1a;
  margin-bottom: 7px;
}
@media screen and (max-width: 767px) {
  .owl-team-card h6 {
    font-size: 14px;
  }
}
.owl-team-card p.p16 {
  color: #464646;
}
.owl-team-card .avatar-img {
  width: 173px !important;
  height: 173px !important;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-top-left-radius: 0;
  display: block;
}
.owl-team-wrap-outer1 .owl-next {
  right: 20px !important;
}
@media screen and (max-width: 767px) {
  .owl-team-wrap-outer1 .owl-next {
    display: none !important;
  }
}
.owl-team-wrap-outer1 .owl-prev {
  left: 20px !important;
}
@media screen and (max-width: 767px) {
  .owl-team-wrap-outer1 .owl-prev {
    display: none !important;
  }
}
.owl-team-wrap-outer1 .owl-dots {
  top: -50px;
  z-index: 99;
  position: relative;
}
@media screen and (max-width: 767px) {
  .owl-team-wrap-outer1 .owl-dots {
    top: 0;
    margin-top: -50px;
  }
}
.owl-team-wrap-outer1 .owl-dots span {
  margin: 5px 3px !important;
}
.owl-team-wrap-outer1 .owl-dots .owl-dot.active span,
.owl-team-wrap-outer1 .owl-dots .owl-dot:hover span {
  background: #ed3338 !important;
}
.owl-team-wrap-outer .owl-nav [class*="owl-"] {
  background-color: #fff0 !important;
  color: #909090;
  font-size: 0;
}
@media screen and (min-width: 768px) {
  .owl-team-wrap-outer .owl-nav {
    display: block !important;
  }
}
.owl-team-wrap-outer .owl-nav .owl-prev {
  position: absolute;
  top: 50%;
  left: -20px;
  transform: translateY(-50%) rotate(180deg);
  margin-top: -20px;
  z-index: 99;
  -webkit-transform: translateY(-50%) rotate(180deg);
  -moz-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  -o-transform: translateY(-50%) rotate(180deg);
  background: url(../images/icon-owl-next.svg) no-repeat 0 0;
  width: 72px;
  height: 72px;
}
.owl-team-wrap-outer .owl-nav .owl-prev:hover {
  background: url(../images/icon-owl-next.svg) no-repeat 0 0;
}
.owl-team-wrap-outer .owl-nav .owl-next {
  position: absolute;
  top: 50%;
  right: -20px;
  transform: translateY(-50%);
  margin-top: -20px;
  z-index: 99;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  background: url(../images/icon-owl-next.svg) no-repeat 0 0;
  width: 72px;
  height: 72px;
}
.owl-team-wrap-outer .owl-nav .owl-next:hover {
  background: url(../images/icon-owl-next.svg) no-repeat 0 0;
}
@media screen and (min-width: 992px) {
  .testi-outer-wrap .owl-stage-outer {
    overflow: inherit;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .info-banner-section .right-wrap.text-right {
    text-align: center !important;
    margin-top: 50px;
  }
}
@media screen and (max-width: 767px) {
  .info-banner-section .life-rbl-banner {
    margin-top: 20px;
  }
}
.career-logo-wrap {
  text-align: right;
  margin-right: 70px;
}
@media screen and (max-width: 767px) {
  .career-logo-wrap {
    margin-right: 0;
    text-align: center;
    margin-top: 28px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .career-logo-wrap {
    margin-right: 0;
    text-align: center;
    margin-top: 28px;
  }
}
.search-keyword-wrap {
  background: #304087;
  padding: 24px;
  margin-top: 28px;
}
@media screen and (max-width: 767px) {
  .search-keyword-wrap {
    padding: 15px 21px 15px;
  }
}
.search-keyword-wrap .search-keyword-wrap-inner {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: stretch;
}
@media screen and (max-width: 767px) {
  .search-keyword-wrap .search-keyword-wrap-inner {
    padding-right: 60px;
    flex-wrap: wrap;
  }
}
.search-keyword-wrap .search-keyword-wrap-inner div {
  margin-right: 30px;
}
@media screen and (max-width: 767px) {
  .search-keyword-wrap .search-keyword-wrap-inner div {
    margin-right: 0;
  }
}
.search-keyword-wrap .search-keyword-wrap-inner .search-btn {
  margin-top: 15px;
}
@media screen and (max-width: 767px) {
  .search-keyword-wrap .search-keyword-wrap-inner .search-btn {
    position: absolute;
    bottom: 30px;
    right: 35px;
    z-index: 9;
  }
}
.filter-row {
  position: relative;
}
@media screen and (min-width: 992px) {
  .filter-row .filter-col-left {
    -ms-flex: 0 0 260px;
    flex: 0 0 260px;
    max-width: 260px;
    padding-right: 0;
  }
}
.filter-row .filter-col-left .filter-col-left-inner {
  background: #f3f4f8;
  border-radius: 10px;
  padding: 21px 18px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  margin-top: 15px;
}
.filter-row .filter-col-left .filter-col-left-inner h6 {
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  color: #000;
  margin-bottom: 13px;
}
@media screen and (min-width: 992px) {
  .filter-row .filter-col-right {
    -ms-flex: 0 0 calc(100% - 260px);
    flex: 0 0 calc(100% - 260px);
    max-width: calc(100% - 260px);
  }
}
.filter-row .filter-col-right-inner {
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 10px;
  margin-top: 15px;
}
@media screen and (max-width: 767px) {
  .filter-row .filter-col-right-inner {
    margin-bottom: 50px;
    margin-top: 20px;
  }
}
.filter-row .filter-col-right-inner .filter-col-right-inner1 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  align-content: stretch;
  padding: 16px 14px 6px;
  border-bottom: 1px solid #e0e0e0;
}
.filter-row .filter-col-right-inner .filter-col-right-inner1 .filter-list-ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
}
.filter-row
  .filter-col-right-inner
  .filter-col-right-inner1
  .filter-list-ul
  li {
  margin-right: 10px;
  margin-bottom: 10px;
}
.filter-row .filter-col-right-inner .filter-col-right-inner2 {
  padding: 4px 15px 16px;
  border-bottom: 1px solid #e0e0e0;
}
.filter-row .filter-col-right-inner .filter-col-right-inner3 {
  padding: 15px 15px 24px;
}
.filter-row
  .filter-col-right-inner
  .filter-col-right-inner3
  .filter-col-right-inner3-top {
  min-height: 400px;
  margin-bottom: 24px;
}
.filter-card {
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .filter-card:last-child {
    margin-bottom: 0;
  }
}
.filter-card .filter-card-a h6 i {
  float: right;
}
.card-panel {
  margin-bottom: 14px;
}
.card-panel .card-panel-top h6.p14 {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  color: #223f73;
  padding-top: 3px;
}
@media screen and (max-width: 767px) {
  .filter-media-btn-ul-wrap {
    width: 100%;
    text-align: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    align-content: stretch;
  }
}
.login-acc-panel {
  background: #fff;
  border: 2px solid #dbdcde;
  box-shadow: 0 2px 4px rgb(0 0 0 / 0.15);
  border-radius: 10px;
  max-width: 576px;
  margin: 0 auto 10px;
  padding: 28px 60px;
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .login-acc-panel {
    padding: 20px 16px;
  }
}
.login-acc-panel h4 {
  color: #000;
  margin-bottom: 9px;
  margin-top: 0;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .login-acc-panel h4 {
    font-size: 24px;
  }
}
.login-acc-panel p.p13 {
  color: #828282;
}
.login-acc-panel form {
  margin-top: 20px;
}
.login-acc-panel form .bttn-link {
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .login-acc-panel form {
    margin-top: 18px;
  }
}
.gmail-yahoo-wrap,
.remember-pass-wrap {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  align-content: stretch;
}
.remember-pass-wrap .bttn-link {
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .remember-pass-wrap .bttn-link {
    font-size: 15px;
  }
}
.gmail-yahoo-wrap {
  border-top: 1px solid #efefef;
  padding-top: 20px;
}
@media screen and (max-width: 767px) {
  .gmail-yahoo-wrap {
    flex-direction: column;
  }
  .gmail-yahoo-wrap a {
    width: 100%;
  }
  .gmail-yahoo-wrap .gmail-btn {
    margin-bottom: 18px;
  }
}
.gmail-yahoo-wrap img {
  width: 100%;
}
.gmail-yahoo-wrap a:first-child {
  margin-right: 10px;
}
@media screen and (max-width: 767px) {
  .gmail-yahoo-wrap a:first-child {
    margin-right: 0;
  }
}
.gmail-yahoo-wrap a:last-child {
  margin-left: 10px;
}
@media screen and (max-width: 767px) {
  .gmail-yahoo-wrap a:last-child {
    margin-left: 0;
  }
}
.img-office-wrap {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .img-office-wrap {
    margin-bottom: 15px;
  }
}
.img-office-wrap .img-office3 {
  height: 380px;
  object-fit: cover;
}
.img-office-wrap .img-office {
  width: 100%;
  object-fit: cover;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .img-office-wrap .img-office {
    height: 300px;
  }
}
@media screen and (max-width: 767px) {
  .img-office-wrap .img-office {
    height: 145px;
  }
}
.programs-card-wrap {
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 30px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
.programs-card-wrap .left-wrap {
  overflow: hidden;
}
.programs-card-wrap .left-wrap .scale-img {
  width: 100%;
}
.programs-card-wrap .right-wrap {
  margin: 38px 0;
  max-width: 460px;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .programs-card-wrap .right-wrap {
    margin: 38px;
  }
}
@media screen and (max-width: 767px) {
  .programs-card-wrap .right-wrap {
    margin: 15px;
  }
}
.programs-card-wrap .right-wrap h4 {
  color: #212121;
  margin-bottom: 16px;
}
@media screen and (max-width: 767px) {
  .programs-card-wrap .right-wrap h4 {
    margin-bottom: 10px;
  }
}
.programs-card-wrap .right-wrap .p18 {
  color: #303030;
  margin-bottom: 26px;
}
@media screen and (max-width: 767px) {
  .programs-card-wrap .right-wrap .p18 {
    font-size: 14px;
    margin-bottom: 10px;
  }
}
.programs-card-wrap .program-wrap-outer {
  max-width: 922px;
  margin: 44px auto;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .programs-card-wrap .program-wrap-outer {
    margin: 38px;
  }
}
@media screen and (max-width: 767px) {
  .programs-card-wrap .program-wrap-outer {
    margin: 18px;
  }
}
.programs-card-wrap .program-wrap-outer h6 {
  font-weight: 700;
  color: #304087;
  margin-bottom: 9px;
}
.testimonial-section {
  background: #fff url(../images/testi-bg.jpg) no-repeat 0 0;
  background-size: cover;
  padding: 0;
}
.testimonial-section .testimonialcontainer {
  padding-top: 72px;
  padding-bottom: 0;
}
@media screen and (max-width: 767px) {
  .testimonial-section .testimonialcontainer {
    padding-top: 47px;
    padding-bottom: 47px;
  }
}
@media screen and (min-width: 1200px) {
  .testimonial-section .carousel-indicators {
    margin-left: -800px;
    bottom: 20px;
  }
}
.testimonial-section .carousel-indicators li {
  width: 10px;
  height: 10px;
  background: #a8a8a8;
  padding: 0;
  margin: 0 7px;
  border: 0;
  border-radius: 50%;
}
.testimonial-section .carousel-indicators li.active {
  background: #304087;
}
.testimonial-section .testi-right {
  position: relative;
  bottom: 0;
}
@media screen and (max-width: 767px) {
  .testimonial-section .testi-right {
    bottom: -47px;
  }
}
.testimonial-section .testi-left h4 {
  position: relative;
  color: #304087;
  margin-bottom: 30px;
  font-weight: 700;
}
@media screen and (min-width: 1200px) {
  .testimonial-section .testi-left h4 {
    font-size: 24px;
    line-height: 45px;
  }
}
@media screen and (max-width: 767px) {
  .testimonial-section .testi-left h4 {
    font-size: 18px;
  }
}
.testimonial-section .testi-left h4::before {
  content: "";
  background: url(../images/double-quate1.svg) no-repeat 0 0;
  width: 48px;
  height: 48px;
  display: inline-block;
  position: absolute;
  left: -60px;
  top: -10px;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-section .testi-left h4::before {
    position: relative;
    left: 0;
    top: 10px;
    margin-right: 10px;
  }
}
@media screen and (max-width: 767px) {
  .testimonial-section .testi-left h4::before {
    position: relative;
    left: 0;
    top: 20px;
    margin-right: 10px;
  }
}
.testimonial-section .testi-left h4::after {
  content: "";
  background: url(../images/double-quate2.svg) no-repeat 0 0;
  width: 48px;
  height: 48px;
  display: inline-block;
  position: absolute;
  right: -40px;
  bottom: -10px;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-section .testi-left h4::after {
    position: absolute;
    right: 0;
    bottom: -10px;
  }
}
@media screen and (max-width: 767px) {
  .testimonial-section .testi-left h4::after {
    position: absolute;
    right: 0;
    bottom: -22px;
  }
}
.testimonial-section .testi-left h5 {
  color: #2b2b2b;
  position: relative;
  padding-top: 18px;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .testimonial-section .testi-left h5 {
    font-size: 24px;
  }
}
.testimonial-section .testi-left h5::before {
  content: "";
  position: absolute;
  width: 57.61px;
  height: 0;
  border-top: 1px solid #304087;
  top: -3px;
  left: 0;
}
.testimonial-section .testi-left .p18 {
  color: #909090;
}
.csr-approach-card {
  max-width: 444px;
}
@media screen and (max-width: 767px) {
  .csr-approach-card {
    margin-bottom: 35px;
  }
}
.csr-approach-card h4,
.csr-approach-card h3 {
  color: #212121;
  margin-bottom: 32px;
}
@media screen and (max-width: 767px) {
  .csr-approach-card h4,
  .csr-approach-card h3 {
    margin-bottom: 10px;
  }
}
.csr-approach-card .p18 {
  color: #606060;
  margin-bottom: 46px;
}
@media screen and (max-width: 767px) {
  .csr-approach-card .p18 {
    margin-bottom: 10px;
  }
}
.video-col-wrap {
  background: #fff;
  border: 1px solid #d3d3d3;
  box-shadow: 0 2px 10px rgb(0 0 0 / 0.15);
  border-radius: 10px;
  overflow: hidden;
}
.video-col-wrap .left-wrap {
  padding: 40px 34px;
}
@media screen and (max-width: 767px) {
  .video-col-wrap .left-wrap {
    padding: 28px 16px;
  }
}
.video-col-wrap .left-wrap h2 {
  color: #212121;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .video-col-wrap .left-wrap h2 {
    font-size: 32px;
    margin-bottom: 16px;
  }
}
.video-col-wrap .left-wrap .p16 {
  color: #909090;
}
.video-col-wrap .right-wrap {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: stretch;
  height: 100%;
  box-shadow: 0 2px 4px rgb(0 0 0 / 0.1490196078);
  background-color: #37394b;
}
.video-col-wrap .right-wrap video {
  width: 100%;
}
.report-card-col {
  padding: 20px !important;
  position: relative;
}
.report-card-col .report-card {
  height: 100%;
  position: relative;
}
.report-card-col .report-card .bttn-link-arrow {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 3;
}
.report-card-col p.p11 {
  color: #212121;
  font-weight: 400;
  margin-bottom: 12px;
  text-transform: uppercase;
}
.report-card-col .report-img {
  margin-bottom: 59px;
}
@media screen and (max-width: 767px) {
  .report-card-col .report-img {
    margin-bottom: 17px;
  }
}
.report-card-col .report-img .img-fluid {
  width: 100%;
}
.report-card-col h5 {
  font-weight: 400;
  font-size: 20px;
  color: #212121;
  margin-bottom: 45px;
}
.img-card-wrap {
  margin: 0 0 30px;
}
.img-card-wrap .img-card {
  position: relative;
  display: block;
  padding: 30px 40px;
  border-radius: 10px;
  overflow: hidden;
  z-index: 1;
}
@media screen and (max-width: 991px) {
  .img-card-wrap .img-card {
    padding: 25px 20px;
  }
}
@media screen and (max-width: 767px) {
  .img-card-wrap .img-card {
    padding: 15px 20px;
  }
}
.img-card-wrap .img-card.bg-1 {
  background-color: #ffe2be;
}
.img-card-wrap .img-card.bg-2 {
  background-color: #9ad2d2;
}
.img-card-wrap .img-card.bg-3 {
  background-color: #aeddef;
}
.img-card-wrap .img-card.bg-4 {
  background-color: #fce9e2;
}
.img-card-wrap .img-card.bg-5 {
  background-color: #d7e4ec;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .img-card-wrap .img-card.img-card-lg h3,
  .img-card-wrap .img-card.img-card-lg p {
    color: #fff !important;
  }
}
@media screen and (max-width: 767px) {
  .img-card-wrap .img-card.img-card-lg h3,
  .img-card-wrap .img-card.img-card-lg p {
    color: #fff !important;
  }
}
.img-card-wrap .img-card.img-card-lg p {
  max-width: 400px;
}
.img-card-wrap .img-card.img-card-lg .img-blk {
  height: 230px;
}
@media screen and (max-width: 767px) {
  .img-card-wrap .img-card.img-card-lg .img-blk {
    height: 100%;
    width: 100%;
    left: 0;
    right: 0;
  }
  .img-card-wrap .img-card.img-card-lg .img-blk img {
    height: 100%;
    width: 100%;
  }
  .img-card-wrap .img-card.img-card-lg .img-blk::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgb(0 0 0 / 0.55);
    z-index: 3;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .img-card-wrap .img-card.img-card-lg .img-blk {
    height: 100%;
    width: 100%;
    left: 0;
    right: 0;
  }
  .img-card-wrap .img-card.img-card-lg .img-blk img {
    height: 100%;
    width: 100%;
  }
  .img-card-wrap .img-card.img-card-lg .img-blk::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgb(0 0 0 / 0.55);
    z-index: 3;
  }
}
@media screen and (max-width: 575px) {
  .img-card-wrap .img-card.img-card-lg {
    min-height: 250px;
  }
}
.img-card-wrap .img-card.img-card-sm {
  min-height: 310px;
}
@media screen and (max-width: 575px) {
  .img-card-wrap .img-card.img-card-sm {
    min-height: 250px;
  }
}
.img-card-wrap .img-card .ttl {
  font-weight: 400;
}
.img-card-wrap .img-card p {
  margin: 15px 0 7px;
  max-width: 360px;
}
@media screen and (max-width: 767px) {
  .img-card-wrap .img-card p {
    max-width: 300px;
    font-size: 16px;
    margin-top: 0;
  }
}
.img-card-wrap .img-card .img-blk.img-blk-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  max-height: 100%;
  overflow: hidden;
  z-index: -1;
}
.img-card-wrap .img-card .img-blk.img-blk-bg img {
  height: 100%;
  width: 100%;
}
.img-card-wrap .img-card .img-blk {
  position: absolute;
  top: 0;
  left: auto;
  right: 0;
  bottom: 0;
  height: 56%;
  max-height: 100%;
  overflow: hidden;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .img-card-wrap .img-card .img-blk {
    height: 120px;
    width: auto;
  }
}
.img-card-wrap .img-card .img-blk img {
  object-fit: cover;
}
@media screen and (max-width: 767px) {
  .img-card-wrap .img-card .img-blk img {
    height: 100%;
    width: auto;
  }
}
.card-pick-offer {
  padding: 20px 30px;
  background: #f1f4fb;
  border-radius: 12px;
  position: relative;
  min-height: inherit;
  overflow: hidden;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  display: flex;
  -webkit-box-pack: justify !important;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}
@media screen and (max-width: 767px) {
  .card-pick-offer {
    min-height: 250px !important;
  }
}
.card-pick-offer .card-pick-offer-inner {
  min-width: 233px;
}
.card-pick-offer .card-pick-offer-inner h3 {
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .card-pick-offer .card-pick-offer-inner h3 {
    font-size: 24px;
  }
}
.card-pick-offer .younique-img {
  width: 235px;
  margin-left: 50px;
}
@media screen and (max-width: 767px) {
  .card-pick-offer .younique-img {
    margin-left: 80px;
  }
}
@media screen and (max-width: 767px) {
  .card-pick-offer {
    min-height: inherit;
    flex-direction: column;
  }
  .card-pick-offer .img-fluid {
    margin-top: 15px;
  }
  .card-pick-offer .card-pick-offer-inner {
    position: relative;
    z-index: 5;
  }
}
.card-pick-offer h2 {
  font-style: normal;
  font-weight: 700;
  color: #263238;
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .card-pick-offer h2 {
    margin-bottom: 20px;
    font-size: 30px;
  }
  .card-pick-offer h2 br {
    display: none;
  }
}
.card-pick-offer .c-card-img {
  position: absolute;
  bottom: -20px;
  right: 0;
  z-index: 3;
  max-width: 100%;
}
@media screen and (max-width: 767px) {
  .card-pick-offer .c-card-img {
    width: 250px;
    position: absolute;
    margin-top: 15px;
    bottom: 0;
  }
}
.daily-reward-card {
  background: #e4e9ff;
  padding: 30px;
  border-radius: 10px;
}
@media screen and (max-width: 767px) {
  .daily-reward-card {
    padding: 20px;
  }
}
.daily-reward-card .daily-reward-card-left {
  padding-top: 60px;
}
@media screen and (max-width: 767px) {
  .daily-reward-card .daily-reward-card-left {
    padding-top: 0;
  }
}
.daily-reward-card p.p16 {
  color: #304087;
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  .daily-reward-card p.p16 {
    margin-bottom: 10px;
  }
}
.daily-reward-card h3 {
  font-style: normal;
  font-weight: 900;
  font-size: 36px;
  color: #25243b;
}
@media screen and (max-width: 767px) {
  .daily-reward-card h3 {
    margin-bottom: 20px;
  }
}
.daily-reward-card .daily-reward-card-right {
  text-align: right;
}
.more-from-rbl-card .owl-more-rbl-card {
  text-align: center;
  min-height: 170px;
}
.more-from-rbl-card .h4 {
  font-weight: 700;
  text-align: center;
  color: #25243b;
}
.faq-rbl-inner .card {
  margin-bottom: 8px;
  border: 1px solid #dbdcde;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  overflow: hidden;
}
.faq-rbl-inner .card:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .faq-rbl-inner .card {
    margin-bottom: 20px;
  }
}
.faq-rbl-inner .card .card-header {
  border: 0 !important;
  padding: 20px 20px 20px 30px;
  background: #fff;
  position: relative;
}
.faq-rbl-inner .card .card-header .faq-rbl-link-faq {
  padding-right: 35px;
}
.faq-rbl-inner .card .card-header::before {
  content: "";
  background: #909090;
  height: 35.88px;
  width: 4.1px;
  z-index: 3;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .faq-rbl-inner .card .card-header {
    padding: 15px 30px 15px 15px;
  }
}
.faq-rbl-inner .card .card-header .faq-rbl-link-faq {
  width: 100%;
  text-align: left;
  border: 0;
  background: #fff0;
  position: relative;
}
.faq-rbl-inner
  .card
  .card-header
  .faq-rbl-link-faq[aria-expanded="false"]::after {
  content: "";
  background-image: url(../images/plus-acco.svg);
  background-repeat: no-repeat;
  top: -4px;
  right: 0;
  position: absolute;
  z-index: 3;
  width: 32px;
  height: 32px;
}
@media screen and (max-width: 767px) {
  .faq-rbl-inner
    .card
    .card-header
    .faq-rbl-link-faq[aria-expanded="false"]::after {
    top: 50%;
    right: -30px;
    margin-top: 7px;
    background-size: 22px !important;
    width: 32px;
    height: 32px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
  }
}
.faq-rbl-inner
  .card
  .card-header
  .faq-rbl-link-faq[aria-expanded="true"]:after {
  content: "";
  background-image: url(../images/minus-acco.svg) !important;
  background-repeat: no-repeat;
  top: -4px;
  right: 0;
  position: absolute;
  z-index: 3;
  width: 32px;
  height: 32px;
}
@media screen and (max-width: 767px) {
  .faq-rbl-inner
    .card
    .card-header
    .faq-rbl-link-faq[aria-expanded="true"]:after {
    top: 50%;
    right: -30px;
    margin-top: 7px;
    background-size: 22px !important;
    width: 32px;
    height: 32px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
  }
}
.faq-rbl-inner .card .card-header .faq-rbl-link-faq em {
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  color: #909090;
  margin-right: 15px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
}
.faq-rbl-inner .card .card-header .faq-rbl-link-faq span {
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  color: #304087;
  width: calc(100% - 20px);
  line-height: 148%;
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .faq-rbl-inner .card .card-header .faq-rbl-link-faq span {
    font-size: 18px;
  }
}
.faq-rbl-inner .card .card-body {
  padding: 0 30px 30px;
}
@media screen and (max-width: 767px) {
  .faq-rbl-inner .card .card-body {
    padding: 0 18px 15px;
  }
}
.faq-rbl-inner .card .card-body .disk-ul-wrap2 li {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  color: #303030;
}
.faq-rbl-inner .card .card-body p,
.faq-rbl-inner .card .card-body .p12,
.faq-rbl-inner .card .card-body .p14,
.faq-rbl-inner .card .card-body .p16,
.faq-rbl-inner .card .card-body .p18 {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  color: #303030;
  margin-bottom: 20px;
}
.faq-rbl-inner .card .card-body ul li p,
.faq-rbl-inner .card .card-body ul li .p12,
.faq-rbl-inner .card .card-body ul li .p14,
.faq-rbl-inner .card .card-body ul li .p16,
.faq-rbl-inner .card .card-body ul li .p18 {
  margin-bottom: 5px;
}
.faq-rbl-inner .card.active {
  background: #f9faff !important;
}
.faq-rbl-inner .card.active .card-header {
  background: #f9faff !important;
}
ul.faq-ul-list-adj {
  margin-top: 10px;
}
ul.faq-ul-list-adj li {
  margin-bottom: 15px;
  padding-left: 50px;
  position: relative;
}
ul.faq-ul-list-adj li::before {
  content: url(../images/faq-right-icon.svg);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
}
.faq-rbl-check-list .faq-rbl-check-list-inner {
  position: relative;
  padding-left: 0;
  margin-bottom: 10px;
}
.faq-rbl-check-list .faq-rbl-check-list-inner .disk-ul-common {
  font-size: 16px;
  font-weight: 400;
  color: #303030;
}
.faq-rbl-check-list .faq-rbl-check-list-inner .disk-ul-common li {
  margin-bottom: 7px;
}
.faq-rbl-check-list .faq-rbl-check-list-inner:last-child {
  margin-bottom: 0;
}
.faq-rbl-check-list .faq-rbl-check-list-inner .check-list-icon {
  position: absolute;
  top: 4px;
  left: 0;
  z-index: 3;
  color: #304087;
}
.faq-rbl-check-list .faq-rbl-check-list-inner .check-list-icon::before {
  content: url(../images/check-icon.svg);
}
.faq-rbl-check-list .faq-rbl-check-list-inner .p14 {
  margin-bottom: 0 !important;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  color: #303030;
}
.faq-rbl-check-list .faq-rbl-check-list-inner .p14 b {
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  color: #303030;
}
.faq-rbl-outer {
  background: #fff;
  border: 2px solid #dbdcde;
  box-shadow: 0 2px 4px rgb(0 0 0 / 0.15);
  border-radius: 10px;
  padding: 30px 50px;
}
.faq-rbl-outer .h4 {
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .faq-rbl-outer {
    padding: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .faq-rbl-outer {
    padding: 30px;
  }
}
.common-card-outer-box {
  background: #fff;
  border: 2px solid #dbdcde;
  box-shadow: 0 2px 4px rgb(0 0 0 / 0.15);
  border-radius: 10px;
  padding: 30px 30px 40px;
}
@media screen and (max-width: 767px) {
  .common-card-outer-box {
    padding: 20px;
  }
}
.common-card-outer-box h2 {
  color: #373f41;
  font-weight: 700;
}
.rbl-myapp-section {
  position: relative;
  overflow: hidden;
  padding: 0;
}
.rbl-myapp-section video.img-fluid.banner-img-desktop {
  height: 100%;
  width: 100%;
  transform: scale(1.01);
  -webkit-transform: scale(1.01);
  -moz-transform: scale(1.01);
  -ms-transform: scale(1.01);
  -o-transform: scale(1.01);
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbl-myapp-section video.img-fluid.banner-img-desktop {
    object-fit: cover;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .rbl-myapp-section video.img-fluid.banner-img-desktop {
    transform: scale(1.85);
    -webkit-transform: scale(1.85);
    -moz-transform: scale(1.85);
    -ms-transform: scale(1.85);
    -o-transform: scale(1.85);
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .rbl-myapp-section video.img-fluid.banner-img-desktop {
    transform: scale(1.4);
    -webkit-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -ms-transform: scale(1.4);
    -o-transform: scale(1.4);
  }
}
@media screen and (max-width: 767px) {
  .rbl-myapp-section {
    padding-bottom: 0;
    padding-top: 45px;
  }
}
@media screen and (min-width: 768px) {
  .rbl-myapp-section {
    height: 374px;
  }
}
.rbl-myapp-section .img-fluid.banner-img-mobile {
  display: none;
}
@media screen and (max-width: 767px) {
  .rbl-myapp-section .img-fluid.banner-img-mobile {
    display: block;
    max-width: 100%;
    margin: auto;
    left: 50%;
    position: relative;
    transform: translateX(-50%);
    z-index: 2;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    top: 0;
    margin-top: 20px;
  }
}
.rbl-myapp-section .img-fluid.banner-img-desktop {
  display: none;
}
@media screen and (min-width: 768px) {
  .rbl-myapp-section .img-fluid.banner-img-desktop {
    display: block;
    position: absolute;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
  }
}
.rbl-myapp-card {
  position: relative;
  z-index: 5;
  border-radius: 16px;
  padding: 30px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  -ms-border-radius: 16px;
  -o-border-radius: 16px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  align-content: stretch;
}
.rbl-myapp-card .rbl-myapp-left {
  width: 45%;
}
@media screen and (max-width: 767px) {
  .rbl-myapp-card .rbl-myapp-left {
    width: 100%;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  .rbl-myapp-card {
    padding: 0;
    flex-direction: column-reverse;
  }
}
.rbl-myapp-card .rbl-myapp-right {
  max-width: 445px;
  text-align: center;
  margin-right: 50px;
}
@media screen and (min-width: 992px) {
  .rbl-myapp-card .rbl-myapp-right {
    margin-right: 100px;
  }
}
@media screen and (min-width: 768px) {
  .rbl-myapp-card .rbl-myapp-right {
    margin-top: 50px;
  }
}
@media screen and (max-width: 767px) {
  .rbl-myapp-card .rbl-myapp-right {
    margin-right: 0;
  }
}
.rbl-myapp-card .rbl-myapp-right .banner-para {
  padding: 6px 15px;
  font-size: 18px;
  margin-bottom: 30px;
}
.rbl-myapp-card .rbl-myapp-right .banner-para p {
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .rbl-myapp-card .rbl-myapp-right .banner-para {
    margin-bottom: 15px;
    top: -54px;
    position: relative;
    z-index: 9;
  }
}
.rbl-myapp-card .rbl-myapp-right h2 {
  color: #303030;
  font-weight: 700;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .rbl-myapp-card .rbl-myapp-right h2 {
    font-size: 40px;
    margin-bottom: 65px;
  }
}
.rbl-myapp-card .apps-download {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-around;
  align-items: center;
  align-content: stretch;
}
@media screen and (max-width: 767px) {
  .rbl-myapp-card .apps-download {
    position: absolute;
    top: 95px;
    left: 0;
    right: 0;
    padding: 20px 30px;
    z-index: 3;
    justify-content: center;
  }
}
.rbl-myapp-card .apps-download a {
  display: block;
  margin: 0 10px;
}
@media screen and (max-width: 767px) {
  .rbl-myapp-card .apps-download a {
    padding: 10px 0;
    top: 7px;
    position: relative;
  }
}
.rbl-myapp-card .apps-download a img {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .rbl-myapp-card .apps-download a img {
    width: auto;
    height: 46px;
    max-width: inherit;
  }
}
.rbl-ivr-card h4 {
  text-align: center;
  font-weight: 700;
  font-size: 32px;
  color: #333;
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .rbl-ivr-card .ivr-media.media img.img-fluid {
    margin-right: 18px;
  }
}
@media screen and (max-width: 767px) {
  .rbl-ivr-card .ivr-media.media img.img-fluid {
    margin: auto;
  }
}
.ivr-media img.align-self-center {
  margin-right: 20px;
}
@media screen and (max-width: 767px) {
  .ivr-media img.align-self-center {
    margin-right: 0;
  }
}
@media screen and (max-width: 767px) {
  .ivr-media {
    flex-direction: column;
  }
}
.ivr-media .p17 {
  font-style: normal;
  font-weight: 600;
  font-size: 17px;
  color: #333;
}
.payment-card-para {
  padding-left: 125px;
}
@media screen and (max-width: 767px) {
  .payment-card-para {
    padding-left: 0;
  }
}
.payment-card-para h5 {
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}
.payment-card-para-inner .payment-card-para-list {
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .payment-card-para-inner .payment-card-para-list {
    margin-bottom: 20px;
  }
}
.payment-card-para-inner .payment-card-para-list .p16 b {
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  color: #303030;
  margin-bottom: 0;
}
.payment-card-para-inner .payment-card-para-list .p16 a {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  color: #304087;
}
.reward-media {
  background: #304087;
  border-radius: 10px;
  padding: 7px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
.reward-media img.align-self-center {
  margin-right: 20px;
}
@media screen and (max-width: 767px) {
  .reward-media img.align-self-center {
    margin-right: 0;
  }
}
@media screen and (max-width: 767px) {
  .reward-media .media-body {
    background: #304087;
    padding: 20px 15px;
    font-style: normal;
    font-weight: 300;
    font-size: 24px;
    color: #fff;
    text-align: center;
  }
  .reward-media .media-body br {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .reward-media {
    background: #fff;
    flex-direction: column;
  }
}
.reward-media a.h3 {
  font-style: normal;
  font-weight: 300;
  font-size: 36px;
  color: #fff;
  max-width: 510px;
  display: block;
  margin: auto;
}
.reward-media a.h3 b {
  font-weight: 700;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .reward-media a.h3 {
    font-size: 28px;
  }
}
@media screen and (min-width: 768px) {
  .common-tab-wrap-center .nav-tabs {
    justify-content: center !important;
    justify-content: space-evenly !important;
  }
}
.common-tab-wrap-center .pick-wrap-para.text-center {
  max-width: 664px;
  margin: 30px auto 0;
}
@media screen and (max-width: 767px) {
  .common-tab-wrap-center .pick-wrap-para.text-center h3 {
    font-size: 24px;
  }
}
.common-tab-wrap-center .pick-wrap-para.text-center .p18 {
  margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
  .common-tab-wrap-center .pick-wrap-para.text-center .p18 {
    font-size: 24px;
  }
}
.common-tab-wrap-center .pick-wrap-para.text-center .p16 {
  color: #212121;
}
.common-tab-wrap-center .pick-wrap-para.text-center .p18 {
  color: #212121;
}
@media screen and (max-width: 767px) {
  .common-tab-wrap-center .pick-wrap-para.text-center .p18 {
    font-size: 16px;
  }
}
.compare-card-outer h5 {
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  color: #303030;
  margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
  .compare-card-outer h5 {
    margin-bottom: 15px;
  }
}
.compare-card-outer .common-tab-wrap-icon {
  margin-top: 45px;
}
.compare-card-outer .common-tab-wrap-icon .nav-tabs {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between !important;
  align-items: center;
  align-content: stretch;
}
.common-tab-wrap-icon .nav-tabs .nav-link {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  align-content: stretch;
}
.common-tab-wrap-icon .nav-tabs .nav-link img {
  min-width: 77px;
}
.tag-list-wrap {
  margin-bottom: 20px;
  text-align: center;
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  .tag-list-wrap {
    white-space: nowrap;
    overflow: auto;
    margin-bottom: 20px;
  }
}
.tag-list-wrap .tag-list-btn {
  margin-right: 15px;
  margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
  .tag-list-wrap .tag-list-btn {
    margin-right: 6px;
    margin-bottom: 10px;
  }
}
.tag-list-btn {
  border: 1px solid #dbdcde;
  border-radius: 30px;
  height: 46px;
  padding: 5px 18px;
  display: inline-block;
  line-height: 35px;
}
@media screen and (max-width: 767px) {
  .tag-list-btn {
    height: 36px;
    padding: 0 15px;
    display: inline-block;
  }
}
.tag-list-btn:hover {
  border-color: #304087;
}
.tag-list-btn.active {
  background: #304087;
  border-color: #304087;
}
.tag-list-btn.active span {
  color: #fff;
}
.tag-list-btn.active img {
  filter: brightness(0) invert(1);
  -webkit-filter: brightness(0) invert(1);
  opacity: 1;
}
.tag-list-btn img {
  margin-right: 10px;
  opacity: 0.2;
}
.tag-list-btn span {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  text-align: center;
  color: #000;
}
@media screen and (max-width: 767px) {
  .tag-list-btn span {
    font-size: 14px;
  }
}
.back-btn-wrap {
  background: #f3f4f8;
  height: 40px;
  padding: 10px 30px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
@media screen and (max-width: 767px) {
  .back-btn-wrap {
    padding: 10px 20px;
  }
}
.value-calc-left-card .form-group > label {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .value-calc-left-card {
    margin-bottom: 20px;
    overflow: hidden;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
  }
}
@media screen and (max-width: 767px) {
  .value-calc-left-card {
    margin-bottom: 20px;
    overflow: hidden;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
  }
}
.value-calc-left-card .value-calc-left-head {
  background: #304087;
  padding: 15px 25px 15px;
}
@media screen and (max-width: 767px) {
  .value-calc-left-card .value-calc-left-head {
    padding: 15px;
  }
}
.value-calc-left-card .value-calc-left-head .value-calc-left-head-row {
  margin-bottom: 5px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-end;
  align-content: stretch;
}
.value-calc-left-card
  .value-calc-left-head3
  .sort-by-form-group
  input.form-control-sm.bg-white {
  padding-right: 0 !important;
}
.value-calc-left-card .value-calc-left-head3,
.value-calc-left-card .value-calc-left-head1 {
  width: 135px;
}
.value-calc-left-card .value-calc-left-head3 label.text-white.mb-1,
.value-calc-left-card .value-calc-left-head1 label.text-white.mb-1 {
  white-space: nowrap;
}
.sort-by-form-group label {
  margin-bottom: 10px;
  display: inline-block;
}
.sort-by-form-group .position-relative .down-input-icon {
  position: absolute;
  top: 0;
  right: -5px;
  z-index: 3;
  height: 30px;
}
.value-calc-left {
  width: 100%;
  border: 1px solid #dbe0f2;
  border-collapse: collapse;
}
@media screen and (max-width: 767px) {
  .value-calc-left {
    min-width: 930px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .value-calc-left {
    min-width: 930px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .value-calc-left {
    min-width: 930px;
  }
}
.value-calc-left tr td {
  padding: 15px 25px;
  background: #f5f6f7;
  border: 1px solid #dbe0f2;
}
.value-calc-left tr td input.form-control-sm.bg-white {
  padding-right: 5px !important;
}
@media screen and (max-width: 767px) {
  .value-calc-left tr td {
    padding: 15px;
  }
}
.value-calc-left tr td .p14 b {
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  color: #303030;
}
.value-calc-left tr td p.p13 {
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  color: #606060;
}
.price-tag {
  background: #fff0;
  border-radius: 0;
  padding: 0;
  text-align: center;
}
.price-tag .form-control-sm {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.2px;
  color: #304087;
  width: 103px;
  float: right;
}
.price-tag p.p14 {
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  white-space: nowrap;
  color: #304087;
}
.info-p12 {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  color: #909090;
}
.value-calc-right-card {
  height: 100%;
  background: #e4e9ff;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .value-calc-right-card {
    margin-bottom: 20px;
    overflow: hidden;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
  }
}
@media screen and (max-width: 767px) {
  .value-calc-right-card {
    margin-bottom: 20px;
    overflow: hidden;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
  }
}
.value-calc-right-card .value-calc-right-head {
  padding: 12px 25px 15px;
  border-bottom: 1px solid #cbcbcb;
  max-height: 131px;
}
@media screen and (max-width: 767px) {
  .value-calc-right-card .value-calc-right-head {
    padding: 15px;
  }
}
.value-calc-right-card .value-calc-right-head .value-calc-right-head-row {
  margin-bottom: 5px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-end;
  align-content: stretch;
}
@media screen and (max-width: 767px) {
  .value-calc-right-card .value-calc-right-head .value-calc-right-head-row {
    align-items: start;
  }
}
.value-calc-right-card
  .value-calc-right-head
  .value-calc-right-head-row
  .value-calc-right-head2 {
  max-width: 150px;
}
.value-calc-right-card .value-calc-right-head .value-calc-right-head-row h4 {
  font-style: normal;
  font-weight: 400;
  font-size: 32px;
  color: #303030;
  margin-top: 15px;
}
.value-calc-right-card .value-calc-right-head .value-calc-right-head-row .p14 {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #909090;
  margin-bottom: 5px;
}
@media screen and (max-width: 767px) {
  .value-calc-right-card
    .value-calc-right-head
    .value-calc-right-head-row
    .p14 {
    font-size: 12px;
  }
}
.val-calc-img {
  width: 82px;
  height: 53px;
}
.value-calc-right {
  width: 100%;
  border-collapse: collapse;
}
.value-calc-right tr:last-child td {
  border-bottom: 0;
}
.value-calc-right tr td {
  text-align: center;
  border-bottom: 1px dashed #cbcbcb;
  padding: 24px 15px;
  background: #e4e9ff;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .value-calc-right tr td:nth-child(odd) {
    text-align: left;
  }
  .value-calc-right tr td:nth-child(even) {
    text-align: right;
  }
}
@media screen and (max-width: 767px) {
  .value-calc-right tr td:nth-child(odd) {
    text-align: left;
  }
  .value-calc-right tr td:nth-child(even) {
    text-align: right;
  }
}
@media screen and (max-width: 767px) {
  .value-calc-right tr td {
    padding: 15px;
  }
}
.value-calc-right tr td .p14 {
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  color: #303030;
}
.value-calc-right tr td .p14 b {
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  color: #000;
}
.form-wrap-card-outer {
  background: #f5f6f7;
}
@media screen and (max-width: 767px) {
  .form-wrap-card-outer {
    background: #fff;
    padding: 0 !important;
  }
}
.app-credit-info-outer {
  text-align: center;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .app-credit-info-outer {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .app-credit-info-outer {
    display: none;
  }
}
.btn-inline {
  padding-top: 20px;
}
.form-wrap-card {
  background: #fff;
  border: 2px solid #dbdcde;
  box-shadow: 0 2px 4px rgb(0 0 0 / 0.15);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  padding: 30px;
}
.form-wrap-card .invalid-feedback {
  margin-top: 0;
  position: relative;
  top: -10px;
}
.form-wrap-card
  input.btn.common-btn-blue.button.js-form-submit.form-submit.form-control {
  display: block;
  width: auto;
  margin: auto;
}
.form-wrap-card .js-form-item {
  margin-bottom: 25px;
}
.form-wrap-card .js-form-item label {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #606060;
  text-transform: capitalize;
}
.form-wrap-card .get_otp {
  text-align: right;
  padding-top: 20px;
}
.form-wrap-card .get_otp .common-btn-blue {
  display: inline-block !important;
}
.form-wrap-card div#name-error {
  width: 100%;
  margin-top: 0;
  font-size: 0.875em;
  color: #dc3545;
}
@media screen and (max-width: 767px) {
  .form-wrap-card form {
    margin-bottom: 10px;
  }
}
.form-wrap-card .common-section-heading {
  margin-bottom: 20px;
  color: #373f41;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .form-wrap-card .common-section-heading {
    margin-bottom: 20px !important;
    font-size: 24px;
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .form-wrap-card {
    padding: 15px;
  }
}
.form-wrap-card h4 {
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  color: #212121;
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .form-wrap-card h4 {
    font-size: 24px;
    margin-bottom: 20px;
  }
}
.otp-form-group label {
  width: 100%;
}
.otp-form-group label small {
  margin-left: 15px;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  color: #9d9d9d;
}
@media screen and (max-width: 767px) {
  .otp-form-group label small {
    float: right;
  }
}
.otp-form-group label small a {
  color: #304087;
  font-weight: 600;
}
.otp-form-group .otp-input-wrap {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  background: #f3f4f8;
  border-radius: 4px;
  padding: 10px 15px;
  width: 100%;
  margin-right: 0;
}
@media screen and (max-width: 767px) {
  .otp-form-group .otp-input-wrap {
    margin-right: 0;
    margin-bottom: 20px;
    height: 50px;
  }
}
.otp-form-group .otp-input-wrap .form-control {
  color: #212121;
  background-color: #f3f4f8;
  border-color: #f3f4f8;
  height: 30px;
  padding-left: 0;
  padding-right: 0;
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  font-size: 16px;
  width: 24px;
  border-bottom: 1px solid #000;
  border-radius: 0;
  text-align: center;
  margin-right: 10px;
}
.otp-input-wrap-flex {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
}
@media screen and (max-width: 767px) {
  .otp-input-wrap-flex {
    flex-direction: column;
  }
}
.otp-input-wrap-flex .common-btn-yellow {
  width: 117px;
}
@media screen and (max-width: 767px) {
  .otp-input-wrap-flex .common-btn-yellow {
    width: 140px;
    margin: auto;
  }
}
.compare-prod-wrap-outer {
  background: #fff;
  border: 2px solid #dbdcde;
  box-shadow: 0 -4px 12px rgb(0 0 0 / 0.16);
  padding: 17px 0;
  position: sticky;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
  display: none;
}
.compare-prod-wrap-outer .compare-btn-toggle.btn.common-btn-blue i {
  transform: rotate(178deg);
  vertical-align: middle;
  -webkit-transform: rotate(178deg);
  -moz-transform: rotate(178deg);
  -ms-transform: rotate(178deg);
  -o-transform: rotate(178deg);
}
.compare-prod-wrap-outer.hide-compare {
  bottom: -166px;
}
.compare-prod-wrap-outer.hide-compare
  .compare-btn-toggle.btn.common-btn-blue
  i {
  transform: rotate(0);
  vertical-align: middle;
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0);
}
@media screen and (max-width: 767px) {
  .compare-prod-wrap-outer.hide-compare {
    bottom: -150px;
  }
}
.compare-prod-wrap-outer.hide-compare .compare-btn-toggle.btn.common-btn-blue {
  opacity: 1;
}
.compare-prod-wrap-outer .compare-btn-toggle.btn.common-btn-blue {
  min-width: 42px;
  height: 42px;
  font-size: 30px;
  position: absolute;
  top: -60px;
  right: 20px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border: 1px solid #fff;
  border-bottom: 0;
}
@media screen and (max-width: 767px) {
  .compare-prod-wrap-outer .compare-btn-toggle.btn.common-btn-blue {
    transform: scale(0.75);
    transform-origin: right bottom;
    -webkit-transform: scale(0.75);
    -moz-transform: scale(0.75);
    -ms-transform: scale(0.75);
    -o-transform: scale(0.75);
  }
}
@media screen and (max-width: 767px) {
  .compare-prod-wrap-outer {
    bottom: 60px;
  }
}
.compare-prod-wrap-outer .compare-prod-wrap {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  align-content: stretch;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .compare-prod-wrap-outer .compare-prod-wrap {
    flex-direction: column;
  }
}
@media screen and (max-width: 767px) {
  .compare-prod-wrap-outer .compare-prod-wrap {
    flex-direction: column;
  }
}
.compare-prod-wrap-outer .compare-prod-wrap .compare-prod-left .p16 {
  padding-bottom: 13px;
}
@media screen and (max-width: 767px) {
  .compare-prod-wrap-outer .compare-prod-wrap .compare-prod-left .p16 {
    text-align: center;
    padding-bottom: 10px;
  }
}
.compare-prod-wrap-outer
  .compare-prod-wrap
  .compare-prod-left
  .compare-prod-left-inner-overflow {
  overflow-x: auto;
}
@media screen and (max-width: 767px) {
  .compare-prod-wrap-outer
    .compare-prod-wrap
    .compare-prod-left
    .compare-prod-left-inner-overflow {
    padding-top: 10px;
  }
}
.compare-prod-wrap-outer
  .compare-prod-wrap
  .compare-prod-left
  .compare-prod-left-inner {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  padding-top: 17px;
}
@media screen and (max-width: 767px) {
  .compare-prod-wrap-outer
    .compare-prod-wrap
    .compare-prod-left
    .compare-prod-left-inner {
    padding-top: 15px;
    width: 350px;
    padding-bottom: 10px;
    padding-top: 10px;
  }
}
.compare-prod-wrap-outer .p16 {
  color: #212121;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  color: #212121;
}
@media screen and (max-width: 767px) {
  .compare-prod-wrap-outer .p16 {
    text-align: center;
  }
}
.compare-prod-wrap-outer .p16 b {
  font-weight: 700;
}
.compare-prod-wrap-outer .compare-prod-right {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  align-content: stretch;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .compare-prod-wrap-outer .compare-prod-right {
    margin-top: 15px;
    border-top: 1px solid #e1e1e1;
    padding-top: 15px;
    width: 100%;
    justify-content: space-between;
  }
}
@media screen and (max-width: 767px) {
  .compare-prod-wrap-outer .compare-prod-right {
    margin-top: 8px;
    border-top: 1px solid #e1e1e1;
    white-space: nowrap;
    padding-top: 8px;
    width: 100%;
    justify-content: space-between;
  }
}
.compare-prod-wrap-outer .compare-prod-right .common-btn-yellow {
  margin-left: 30px;
}
.compare-prod-card {
  position: relative;
  margin-right: 30px;
  width: 100%;
  text-align: center;
  width: 183.76px;
  min-height: 100px;
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .compare-prod-card {
    width: 150px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .compare-prod-card {
    width: 150px;
  }
}
@media screen and (max-width: 767px) {
  .compare-prod-card {
    width: 150px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .compare-prod-card {
    margin-right: 30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .compare-prod-card {
    margin-right: 30px;
  }
}
@media screen and (max-width: 767px) {
  .compare-prod-card {
    margin-right: 20px;
  }
}
.compare-prod-card .close-icon-a {
  position: absolute;
  top: -20px;
  right: -20px;
  z-index: 3;
}
.compare-prod-card .close-icon-a:hover {
  opacity: 0.9;
}
.compare-prod-card .p14 {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  text-align: center;
  color: #212121;
  margin-top: 12px;
}
@media screen and (max-width: 767px) {
  .compare-prod-card .p14 {
    font-size: 12px;
    white-space: nowrap;
  }
}
.compare-prod-card .card-img {
  width: 100%;
  max-height: 100px;
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .compare-prod-card .card-img {
    width: 150px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .compare-prod-card .card-img {
    width: 150px;
  }
}
@media screen and (max-width: 767px) {
  .compare-prod-card .card-img {
    width: 115px;
    max-height: 60px;
  }
}
.compare-prod-card-add {
  width: 183.76px;
  height: 100px;
  background: #fff;
  border: 2px solid #dbdcde;
  border-radius: 8px;
  text-align: center;
  padding: 30px 10px;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #304087;
}
.compare-prod-card-add:hover {
  border-color: #304087;
}
.compare-prod-card-add p {
  color: #304087 !important;
  font-weight: 500;
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .compare-prod-card-add {
    width: 150px;
    height: 100px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .compare-prod-card-add {
    width: 150px;
    height: 100px;
  }
}
@media screen and (max-width: 767px) {
  .compare-prod-card-add {
    width: 115px;
    height: 60px;
    padding: 3px;
  }
}
.compare-prod-card-add i {
  margin-bottom: 5px;
}
@media screen and (max-width: 767px) {
  .compare-prod-card-add i {
    margin-bottom: 0;
  }
}
.circle-count {
  background: #172047;
  display: inline-block;
  border-radius: 50px;
  padding: 0 10px;
  height: 30px;
  margin-left: 15px;
}
@media screen and (max-width: 767px) {
  .circle-count {
    margin-left: 5px;
  }
}
.circle-count span {
  position: relative;
  top: 1px;
}
span.price-icon-span {
  float: right;
}
.back-btn-wrap-flex {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
  align-content: stretch;
}
.credit-card-compare-tab h5 {
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  text-align: center;
  color: #303030;
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .credit-card-compare-tab h5 {
    font-size: 20px;
  }
}
.compare-table-wrap {
  border: 0;
  box-shadow: 0 2px 2px rgb(0 0 0 / 0.25);
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}
.compare-table-wrap .compare-table {
  border: 1px solid #e1e1e1;
  border-collapse: collapse;
  vertical-align: top;
}
.compare-table-wrap .compare-table tr:nth-child(odd) {
  background: #f5f5f5;
}
.compare-table-wrap .compare-table tr td {
  vertical-align: top;
  padding: 15px 20px;
  height: 40px;
  border: 1px solid #e1e1e1;
}
@media screen and (max-width: 767px) {
  .compare-table-wrap .compare-table tr td {
    padding: 10px;
  }
  .compare-table-wrap .compare-table tr td .common-btn-yellow {
    min-width: 117px !important;
  }
}
.compare-table-wrap .compare-table tr td .compare-prod-card-add {
  width: 183.76px !important;
  margin: auto !important;
  height: 110px;
}
@media screen and (max-width: 767px) {
  .compare-table-wrap .compare-table tr td .compare-prod-card-add {
    width: 115px !important;
    height: 60px;
    padding-top: 10px;
  }
}
.compare-table-wrap .compare-table tr td .compare-prod-card {
  margin-top: 7px !important;
  width: 230px;
}
@media screen and (max-width: 767px) {
  .compare-table-wrap .compare-table tr td .compare-prod-card {
    width: 115px;
    min-height: 60px;
  }
}
.compare-table-wrap .compare-table tr td .compare-prod-card .card-img {
  width: 230px;
  height: 126px;
}
@media screen and (max-width: 767px) {
  .compare-table-wrap .compare-table tr td .compare-prod-card .card-img {
    width: 115px;
    height: inherit;
    max-height: 60px;
  }
}
@media screen and (min-width: 1200px) {
  .compare-table-wrap .compare-table tr td .compare-prod-card .card-img {
    width: 230px;
    max-height: 126px;
  }
}
.compare-table-wrap .compare-table tr td .p16 {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  color: #000;
}
.compare-table-wrap .compare-table tr td .p16 b {
  font-weight: 400;
}
.compare-table-wrap .compare-table tr td .p16.show-mobile {
  margin-bottom: 7px;
}
.compare-table-wrap .compare-table tr td .p14 {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #212121;
}
.compare-table-wrap .compare-table tr .first-td {
  background: #f5f5f5;
  padding: 10px;
  white-space: nowrap;
}
.cookies-head-td {
  background: #e9ecf7;
  padding: 9px 25px !important;
  height: 47px !important;
  vertical-align: middle !important;
}
.cookies-head-td .p18 {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  text-align: center;
  color: #304087;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .cookies-head-td .p18 {
    font-size: 14px;
  }
}
.add-prod-compare-text {
  border-top-color: #fff0 !important;
  vertical-align: middle !important;
}
.add-prod-compare-text p {
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  color: #909090;
  text-align: center;
  white-space: nowrap;
}
.sort-by-form-group .selectdiv .nice-select {
  height: 30px;
  padding-left: 11px;
  padding-right: 27px;
  background: #f3f4f8;
  border: none;
}
.sort-by-form-group .calculator-text {
  color: #fff;
}
.sort-by-form-group .nice-select {
  height: 30px;
  padding-left: 11px;
  padding-right: 27px;
  background: #f3f4f8;
  border: none;
  color: #303030;
}
.sort-by-form-group .nice-select:before {
  background-color: #f5f6f7;
}
.sort-by-form-group .nice-select:after {
  border-color: #304087;
}
.credit-card4-banner-section {
  background: #ffd4b7 url(../images/credit-card4-banner-lg.jpg) no-repeat center
    center;
}
@media screen and (max-width: 767px) {
  .credit-card4-banner-section {
    background-image: none;
    padding-bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  .credit-card4-banner-section .banner-info {
    text-align: left !important;
  }
}
.credit-card4-banner-section .h2 {
  font-style: normal;
  font-weight: 600;
  font-size: 40px;
  color: #203152;
  margin-bottom: 1px;
}
@media screen and (max-width: 767px) {
  .credit-card4-banner-section .h2 {
    font-size: 35px;
  }
}
.credit-card4-banner-section p.p20 {
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  color: #203152;
}
@media screen and (max-width: 767px) {
  .credit-card4-banner-section p.p20 {
    font-size: 14px;
  }
}
.credit-card4-banner-section .common-btn-yellow {
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
  .credit-card4-banner-section .common-btn-yellow {
    margin: 30px auto 0;
    display: block;
  }
}
.credit-card4-banner-section ul {
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  .credit-card4-banner-section ul {
    margin-top: 20px;
  }
}
.credit-card4-banner-section ul li {
  position: relative;
  padding-left: 35px;
  margin-bottom: 20px;
}
.credit-card4-banner-section ul li .check_circle_outline {
  position: absolute;
  left: 0;
  top: 8px;
  z-index: 3;
}
.credit-card4-banner-section ul li p.p24 {
  font-style: normal;
  font-size: 24px;
  color: #203152;
}
.credit-card4-banner-section ul li p.p24 b {
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .credit-card4-banner-section ul li p.p24 {
    font-size: 16px;
  }
}
.tab-wrap-img {
  text-align: right;
}
@media screen and (max-width: 767px) {
  .tab-wrap-img {
    text-align: center;
    margin-top: 30px;
    padding: 0 30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .tab-wrap-img {
    text-align: center;
    margin-top: 30px;
  }
}
.tab-benefit-rbl-inner .card {
  margin-bottom: 3px;
  border: 0;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  background: #fff0;
}
.tab-benefit-rbl-inner .card:last-child {
  margin-bottom: 0;
}
.tab-benefit-rbl-inner .card .card-header {
  border: 0 !important;
  padding: 0 0 15px;
  background: #fff0;
}
@media screen and (max-width: 767px) {
  .tab-benefit-rbl-inner .card .card-header {
    padding: 0 0 15px;
  }
}
.tab-benefit-rbl-inner .card .card-header .faq-rbl-link-faq {
  width: 100%;
  text-align: left;
  border: 0;
  background: #fff0;
  position: relative;
}
@media screen and (min-width: 768px) {
  .tab-benefit-rbl-inner .card .card-header .faq-rbl-link-faq {
    margin-left: 16px;
  }
}
.tab-benefit-rbl-inner
  .card
  .card-header
  .faq-rbl-link-faq[aria-expanded="false"]::after {
  content: "";
  background-image: url(../images/add-circle-line.svg);
  background-repeat: no-repeat;
  top: 0;
  left: 0;
  position: absolute;
  z-index: 3;
  width: 32px;
  height: 32px;
}
@media screen and (max-width: 767px) {
  .tab-benefit-rbl-inner
    .card
    .card-header
    .faq-rbl-link-faq[aria-expanded="false"]::after {
    background-repeat: no-repeat;
    left: 0;
    position: absolute;
    z-index: 3;
    width: 32px;
    height: 32px;
    top: 3px;
    right: 0;
    background-size: 24px !important;
    width: 24px;
    height: 24px;
  }
}
.tab-benefit-rbl-inner
  .card
  .card-header
  .faq-rbl-link-faq[aria-expanded="true"]:after {
  content: "";
  background-image: url(../images/add-circle-line2.svg) !important;
  background-repeat: no-repeat;
  top: 0;
  left: 0;
  position: absolute;
  z-index: 3;
  width: 32px;
  height: 32px;
}
@media screen and (max-width: 767px) {
  .tab-benefit-rbl-inner
    .card
    .card-header
    .faq-rbl-link-faq[aria-expanded="true"]:after {
    top: 3px;
    right: 0;
    background-size: 24px !important;
    width: 24px;
    height: 24px;
  }
}
.tab-benefit-rbl-inner .card .card-header .faq-rbl-link-faq em {
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  color: #909090;
  margin-right: 15px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
}
.tab-benefit-rbl-inner .card .card-header .faq-rbl-link-faq span {
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  color: #373f41;
  width: calc(100% - 20px);
  display: inline-block;
  margin-left: 40px;
}
.tab-benefit-rbl-inner .card .card-header .faq-rbl-link-faq span b {
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .tab-benefit-rbl-inner .card .card-header .faq-rbl-link-faq span {
    margin-left: 30px;
  }
}
.tab-benefit-rbl-inner .card .card-body {
  padding: 10px 10px 0 57px;
  position: relative;
}
.tab-benefit-rbl-inner .card .card-body p:last-child {
  margin-bottom: 20px !important;
}
@media screen and (max-width: 767px) {
  .tab-benefit-rbl-inner .card .card-body {
    padding: 10px 15px 0 30px !important;
  }
}
.tab-benefit-rbl-inner .card .card-body::before {
  content: "";
  position: absolute;
  top: -6px;
  left: 57px;
  max-width: 403px;
  width: 100%;
  border-top: 1px solid #909090;
}
@media screen and (max-width: 767px) {
  .tab-benefit-rbl-inner .card .card-body::before {
    max-width: 80%;
    left: 33px;
  }
}
@media screen and (max-width: 767px) {
  .tab-benefit-rbl-inner .card .card-body {
    padding: 10px 15px 15px;
  }
}
.tab-benefit-rbl-inner .card .card-body .disk-ul-wrap li,
.tab-benefit-rbl-inner .card .card-body .p14 {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  color: #606060;
}
.best-things-wrap {
  background: #f3f4f8;
  border-radius: 10px;
  margin-top: 80px;
}
.best-things-wrap .row {
  height: 196px;
}
@media screen and (max-width: 767px) {
  .best-things-wrap .row {
    height: 100%;
    padding: 45px 15px;
    overflow: hidden;
  }
}
.best-things-wrap .row .info-img-wrap {
  margin-top: -90px;
}
@media screen and (max-width: 767px) {
  .best-things-wrap .row .info-img-wrap {
    margin-top: 0;
  }
  .best-things-wrap .row .info-img-wrap .info-img2 {
    position: relative;
    z-index: 5;
    margin: 0 auto 0;
    display: block;
    top: 50px;
  }
  .best-things-wrap .row .info-img-wrap::after {
    content: "";
    width: 100%;
    height: 389px;
    background: #f89b5b;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .best-things-wrap .row .info-img-wrap {
    margin-top: -47px;
  }
  .best-things-wrap .row .info-img-wrap img {
    width: 240px;
  }
}
@media screen and (max-width: 767px) {
  .best-things-wrap .row .info-img-wrap {
    margin-top: -47px;
  }
  .best-things-wrap .row .info-img-wrap img {
    width: 240px;
  }
}
.best-things-wrap p.p24 {
  font-style: normal;
  font-size: 24px;
  color: #212121;
}
@media screen and (max-width: 767px) {
  .best-things-wrap p.p24 {
    margin-bottom: 30px;
    font-size: 20px;
    text-align: center;
  }
}
.best-things-wrap p.p24 b {
  font-weight: 700;
  display: block;
}
.owl-interested-app-outer {
  background: #fff;
  box-shadow: 0 5px 20px rgb(0 0 0 / 0.1);
  border-radius: 10px;
  padding: 25px 20px;
}
@media screen and (max-width: 767px) {
  .owl-interested-app-outer {
    padding: 25px 15px;
  }
}
.owl-interested-app-outer h2 {
  font-style: normal;
  font-weight: 700;
  color: #212121;
}
.attractive-rate-wrap {
  background: #fff;
  border: 2px solid #dbdcde;
  box-shadow: 0 2px 4px rgb(0 0 0 / 0.15);
  border-radius: 10px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .attractive-rate-wrap {
    padding: 20px 10px;
  }
}
.attractive-rate-wrap .h4 {
  font-weight: 700;
  text-align: center;
  color: #303030;
}
.couter-wrap .p20 {
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  text-align: center;
  color: #262626;
  margin-bottom: 3px;
}
.couter-wrap h5 {
  font-style: normal;
  font-weight: 700;
  font-size: 36px;
  text-align: center;
  color: #304087;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .couter-wrap h5 small,
  .couter-wrap h5 sub {
    font-size: 26px;
  }
}
.couter-wrap:hover .p20,
.couter-wrap:hover h5 {
  color: #2872a8;
}
.amazing-offer-container {
  position: relative;
  z-index: 5;
}
.amazing-offer-container h2.text-white.common-section-heading {
  margin-bottom: 15px;
}
.amazing-offer-outer {
  background: #f3f4f6;
  position: relative;
  background-size: auto;
  background-size: cover;
  min-height: 400px;
}
@media screen and (min-width: 1600px) {
  .amazing-offer-outer {
    min-height: 530px;
  }
}
@media screen and (max-width: 767px) {
  .amazing-offer-outer {
    height: 578px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .amazing-offer-outer .amazing-offer {
    text-align: center;
    margin-top: 0;
    margin-right: auto;
    float: none;
  }
  .amazing-offer-outer .banner-img-wrap .banner-img-desktop {
    background-position-x: right;
  }
}
.amazing-offer {
  text-align: center;
  margin-top: 0;
  margin-right: 100px;
  float: right;
}
@media screen and (max-width: 767px) {
  .amazing-offer {
    float: none;
    margin: 0;
  }
  .amazing-offer .common-section-heading {
    color: #303030;
  }
  .amazing-offer .banner-para-sm {
    font-size: 14px !important;
  }
}
.amazing-offer .h4 {
  font-weight: 700;
}
.form-check-input[type="checkbox"] {
  border-radius: 0;
  border: 2px solid #909090;
}
.form-check-input:checked {
  background-color: #304087;
  border-color: #304087;
}
.form-check-input:focus {
  border-color: #304087;
  outline: 0;
  box-shadow: none;
}
@media screen and (max-width: 767px) {
  .or-text {
    margin: 0 7px;
  }
}
#ex1Slider .slider-selection {
  background: #bababa;
}
.datepicker {
  font-size: 0.875em;
}
.datepicker thead > tr {
  border-bottom: 1px solid #ccc;
}
.datepicker td,
.datepicker th {
  color: #000;
  font-weight: 400;
  width: 30px;
  height: 30px;
  font-size: 12px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background: #fff;
}
.datepicker table tr td.day:hover {
  background-color: #304087;
  color: #fff;
  border-radius: 50%;
}
.datepicker .prev {
  color: #304087;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  background: url(../images/prev-calendar.svg) no-repeat 7px 7px;
  text-indent: -99px;
  overflow: hidden;
  width: 30px;
  height: 30px;
}
.datepicker .next {
  color: #304087;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  background: url(../images/next-calendar.svg) no-repeat 7px 7px;
  text-indent: -99px;
  overflow: hidden;
  width: 30px;
  height: 30px;
}
.datepicker .next:hover {
  background: url(../images/next-calendar.svg) no-repeat 7px 7px !important;
}
.datepicker .prev:hover {
  background: url(../images/prev-calendar.svg) no-repeat 7px 7px !important;
}
.datepicker .datepicker-switch:hover,
.datepicker .datepicker .next:hover,
.datepicker .datepicker .prev:hover,
.datepicker .datepicker tfoot tr th:hover {
  background-color: #304087 !important;
  color: #fff;
}
.datepicker .datepicker-switch {
  color: #304087;
  font-weight: 700;
}
.datepicker table tr td.highlighted {
  background: #fff0;
  border-radius: 0;
}
.datepicker table tr td.active:hover {
  background-color: #304087;
}
.datepicker th.dow:nth-child(6) {
  color: #ed3338;
}
.datepicker th.dow:nth-child(7) {
  color: #ed3338;
}
.datepicker td.today.active.day {
  background-color: #304087;
}
.datepicker th.dow {
  color: #212121;
}
.calc-form-table {
  background: #e4e9ff;
  border-radius: 4px;
  text-align: center;
  width: 100%;
  border-style: none;
  margin-bottom: 20px;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .calc-form-table {
    margin-bottom: 20px;
  }
}
.calc-form-table table tr:first-child th {
  border-top: 0;
}
.calc-form-table table tr:last-child td {
  border-bottom: 0;
}
.calc-form-table table tr td:first-child,
.calc-form-table table tr th:first-child {
  border-left: 0;
}
.calc-form-table table tr td:last-child,
.calc-form-table table tr th:last-child {
  border-right: 0;
}
.calc-form-table table {
  width: 100%;
  table-layout: fixed;
  border: none;
  border-collapse: collapse;
}
.calc-form-table table tr:first-child td {
  border-top: none;
}
.calc-form-table table tr:last-child td {
  border-bottom: none;
}
.calc-form-table table tr td:first-child {
  border-left: none;
}
.calc-form-table table tr td:last-child {
  border-right: none;
}
.calc-form-table table tr td {
  width: 50%;
  padding: 15.5px 10px;
  border: 1px dashed #c2c4c7;
}
@media screen and (max-width: 767px) {
  .calc-form-table table tr td {
    padding: 15px;
  }
}
.calc-form-table table tr td .p14 {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  text-align: center;
  color: #303030;
}
.calc-form-table table tr td p.p20 {
  text-align: center;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  white-space: nowrap;
  color: #262626;
  min-height: 33px;
}
.light-form-control {
  position: relative;
}
.light-form-control label.label-icon {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 3;
  cursor: pointer;
}
.light-form-control label.label-icon img {
  height: 35px;
}
.light-form-control .form-control-small {
  background: #f3f4f6;
  border-radius: 4px;
  border: 0;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  color: #303030;
  padding: 6px 20px 6px 10px;
  width: 100%;
  height: 35px;
}
.calc-form-wrap {
  background: #f3f4f6;
  border-radius: 4px;
  padding: 20px 35px 18px;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .calc-form-wrap {
    padding: 15px;
  }
}
.range-wrap-outer {
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .range-wrap-outer {
    margin-bottom: 20px;
  }
}
.range-wrap-outer:last-child {
  margin-bottom: 0;
}
.range-wrap-outer .range-wrap-left {
  text-align: left;
}
.range-wrap-outer .range-wrap-right {
  text-align: right;
}
.range-wrap-outer .range-wrap-3 {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  align-content: stretch;
}
.range-wrap-outer .range-wrap-3 p.p12 {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  color: #909090;
  margin-top: 3px;
}
.range-wrap-outer .range-wrap-1 {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  align-content: stretch;
}
.range-wrap-outer .range-wrap-1 .range-wrap-left .p16 b {
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  color: #303030;
}
.range-wrap-outer .range-wrap-1 .range-wrap-left .p16 small {
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  color: #303030;
}
.range-wrap-outer .range-wrap-1 .range-wrap-right {
  max-width: 120px;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="number"] {
  -moz-appearance: textfield;
}
.input-group-wrap {
  position: relative;
}
.input-group-wrap span.input-text {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  color: #909090;
  position: absolute;
  top: 2px;
  left: 10px;
  border-right: 0.5px solid #dbdcde;
  padding-right: 6px;
}
.input-group-wrap input.form-control-small-white {
  background: #fff;
  border: 0.5px solid #dbdcde;
  border-radius: 4px;
  height: 24px;
  width: 100%;
  padding: 5px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  text-align: right;
  color: #304087;
}
@supports (-webkit-touch-callout: none) {
  .input-group-wrap input.form-control-small-white {
    line-height: 14px;
  }
}
.input-group-wrap input.form-control-small-white::-webkit-inner-spin-button,
.input-group-wrap
  input.form-control-small-whiteinput[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}
.slider .tooltip.bs-tooltip-top {
  width: auto;
  max-width: 110px;
  margin: -44px auto 0;
  margin: -44px 0 0 -6px !important;
  position: absolute;
  z-index: 1070;
  display: block;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
}
.slider.slider-horizontal {
  width: 100%;
  margin: 8px 0 0;
}
@media screen and (max-width: 767px) {
  .slider.slider-horizontal {
    margin-bottom: 0;
  }
}
.slider.slider-horizontal .slider-handle.min-slider-handle.round {
  background: #ed3338;
  box-shadow: 0 2px 2px rgb(0 0 0 / 0.25);
  margin-top: -3px;
  margin-left: -3px;
}
.slider.slider-horizontal .slider-track {
  background: #eaecf3;
  border-radius: 71.5px;
  height: 6px !important;
  box-shadow: none !important;
}
.slider.slider-horizontal .slider-selection {
  background: #304087 !important;
}
.p14-adj {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #262626;
}
.p14-adj a {
  color: #304087;
}
.p14-adj a.common-btn-blue {
  color: #fff;
}
.overlay-owl-card .owl-stage-outer::after {
  content: "";
}
.overlay-owl-card .owl-stage-outer::before {
  content: "";
}
.thanks-wrap .graphic-img {
  margin-bottom: 45px;
}
.thanks-wrap p.p18 {
  color: #333;
}
.modal-sm-635 {
  max-width: 635px;
}
.schedule-call-wrap {
  padding: 30px 0 20px;
  max-width: 505px;
  margin: auto;
}
@media screen and (max-width: 767px) {
  .schedule-call-wrap {
    padding: 10px 0 10px;
    max-width: 100%;
    margin: auto;
  }
}
.schedule-call-wrap h4 {
  margin-bottom: 20px;
  color: #212121;
}
.schedule-call-wrap .btn-wrap .btn {
  min-width: 170px;
  margin-left: 30px;
}
@media screen and (max-width: 767px) {
  .schedule-call-wrap .btn-wrap .btn {
    min-width: 130px;
    margin-left: 15px;
  }
}
.saving-acc-sec1 {
  margin: 0 auto 30px;
}
.saving-acc-sec1 h4 {
  color: #303030;
  margin-bottom: 15px;
}
.saving-acc-sec1 p {
  color: #212121;
}
.saving-acc-sec2 {
  margin: 0 auto 30px;
}
.saving-acc-sec2 h2 {
  margin-bottom: 20px;
}
.saving-acc-sec3 {
  margin: 0 auto 30px;
}
.open-acc-wrap {
  background: #f3f4f8;
  padding: 15px 22px;
  position: relative;
  border-bottom-right-radius: 150px;
  border-top-right-radius: 150px;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .open-acc-wrap {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    padding-top: 0;
    margin-top: 70px;
  }
}
@media screen and (max-width: 767px) {
  .open-acc-wrap {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    padding-top: 0;
    margin-top: 70px;
  }
}
.open-acc-wrap .open-acc-left .p14 {
  color: #909090;
}
.open-acc-wrap .open-acc-left .p14 b {
  color: #303030;
}
.open-acc-wrap .open-acc-left .get-started-wrap {
  margin: 23px 0;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .open-acc-wrap .open-acc-left .get-started-wrap {
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .open-acc-wrap .open-acc-left .get-started-wrap {
    text-align: center;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    align-content: stretch;
  }
}
.open-acc-wrap .open-acc-left .get-started-wrap span.or-text {
  margin: 0 15px;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #909090;
}
@media screen and (max-width: 767px) {
  .open-acc-wrap .open-acc-left .get-started-wrap span.or-text {
    margin: 15px 0;
  }
}
.open-acc-wrap .open-acc-left .get-started-wrap .call-text {
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  color: #909090;
}
.open-acc-wrap .open-acc-left .get-started-wrap .call-text a {
  color: #304087;
}
.open-acc-wrap .open-acc-left .p12 i {
  color: #909090;
}
.open-acc-wrap .open-acc-right {
  position: absolute;
  bottom: -50px;
  right: -10px;
  z-index: 3;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .open-acc-wrap .open-acc-right {
    bottom: 0;
    position: static;
    text-align: center;
    margin-top: -40px;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 767px) {
  .open-acc-wrap .open-acc-right {
    bottom: 0;
    position: static;
    text-align: center;
    margin-top: -40px;
    margin-bottom: 30px;
  }
}
.saving-acc-sec-row {
  margin: 100px 0 0;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .saving-acc-sec-row {
    margin-top: 60px;
  }
}
@media screen and (max-width: 767px) {
  .saving-acc-sec-row {
    margin: 30px -15px 0;
  }
}
.compare-card.compare-card-img-cover .compare-btn-wrap {
  margin-top: 0;
  margin-right: 0;
  position: absolute;
  top: 10px;
  right: 26px;
  z-index: 9;
}
.compare-card.compare-card-img-cover .program-img-wrap {
  margin: 0;
  position: relative;
}
.compare-card.compare-card-img-cover .program-img-wrap::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 80px;
  background: linear-gradient(180deg, rgb(0 0 0 / 0.74) 0%, #fff0 100%);
  border-radius: 9px 9px 0 0;
  z-index: 3;
  left: 0;
  top: 0;
  right: 0;
}
.feature-sec1 {
  max-width: inherit;
}
.feature-sec1 .p16 {
  font-size: 18px;
}
.feature-sec2 {
  margin-bottom: 40px;
}
.feature-sec3 {
  margin-bottom: 40px;
  margin-top: 45px;
}
@media screen and (max-width: 767px) {
  .feature-sec4 {
    margin-left: -5px;
    margin-right: -5px;
  }
  .feature-sec4 .common-tab-wrap-gray {
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important;
  }
}
.feature-card2 {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  background: #f3f4f8;
  border-radius: 10px;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .feature-card2 {
    flex-direction: column;
  }
}
@media screen and (max-width: 767px) {
  .feature-card2 {
    flex-direction: column;
  }
}
.feature-card2 .feature-card2-right-outer {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: center;
  align-content: center;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .feature-card2 .feature-card2-right-outer {
    padding-top: 50px;
  }
}
@media screen and (max-width: 767px) {
  .feature-card2 .feature-card2-right-outer {
    flex-direction: column;
    overflow: hidden;
  }
}
.feature-card2 .carousel-indicators {
  bottom: -10px;
  left: 30px;
  margin: 0 !important;
}
@media screen and (min-width: 992px) {
  .feature-card2 .carousel-indicators {
    justify-content: left;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .feature-card2 .carousel-indicators {
    left: -50px !important;
  }
}
@media screen and (max-width: 767px) {
  .feature-card2 .carousel-indicators {
    left: 0 !important;
  }
}
.feature-card2 .carousel-indicators li {
  width: 8px;
  height: 8px;
  background: #fff;
  opacity: 0.5;
  border-radius: 8px;
  border: 0 !important;
}
.feature-card2 .carousel-indicators li.active {
  width: 16px;
  background: #fff;
  opacity: 1;
}
.feature-card2 .caro-slider-inner {
  padding: 20px 30px;
}
@media screen and (max-width: 767px) {
  .feature-card2 .caro-slider-inner {
    padding: 10px;
    text-align: center;
  }
}
.feature-card2 .caro-slider-inner .h1 {
  font-weight: 700;
  line-height: normal;
}
.feature-card2 .caro-slider-inner .h1 span.p18.text-white {
  font-weight: 400;
}
.feature-card2 .feature-card2-left {
  position: relative;
  width: 250px;
  height: 200px;
  padding-top: 20px;
  overflow: hidden;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .feature-card2 .feature-card2-left {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .feature-card2 .feature-card2-left {
    width: 100%;
    height: 140px;
    padding-top: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 0;
    border-top-right-radius: 10px;
  }
}
.feature-card2 .feature-card2-left .carousel-inner {
  position: relative;
  z-index: 5;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .feature-card2 .feature-card2-left .carousel-inner {
    width: 230px;
    margin: auto;
  }
}
@media screen and (max-width: 767px) {
  .feature-card2 .feature-card2-left .carousel-inner {
    width: 230px;
    margin: auto;
  }
}
.feature-card2 .feature-card2-left.active::after {
  background: #000c43;
}
.feature-card2 .feature-card2-left::after {
  width: 300px;
  height: 300px;
  content: "";
  position: absolute;
  background: #304087;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  top: -50px;
  right: 0;
  z-index: 3;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .feature-card2 .feature-card2-left::after {
    width: 100%;
    height: 100%;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    top: 0;
  }
}
@media screen and (max-width: 767px) {
  .feature-card2 .feature-card2-left::after {
    width: 100%;
    height: 100%;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    top: 0;
  }
}
.feature-card2 .feature-card2-center {
  position: relative;
  text-align: right;
  padding-right: 40px;
}
.feature-card2 .feature-card2-center .feature-card2-center-inner {
  max-width: 351px;
  float: right;
}
.feature-card2 .feature-card2-center-inner {
  text-align: right;
  width: 350px;
  margin-right: 40px;
}
@media screen and (max-width: 767px) {
  .feature-card2 .feature-card2-center-inner {
    text-align: center;
    width: 100%;
    margin-right: 0;
    padding: 20px 10px;
  }
}
.feature-card2 .feature-card2-center-inner .p24 {
  color: #212121;
  font-size: 24px;
  margin-bottom: 12px;
}
.feature-card2 .feature-card2-center-inner .common-btn-outline {
  margin-bottom: 12px;
}
.feature-card2 .feature-card2-center-inner .bttn-link {
  font-size: 12px;
  text-decoration: none;
  font-weight: 500;
}
.feature-card2 .feature-card2-center-inner .bttn-link:hover {
  text-decoration: underline !important;
}
.feature-card2 .feature-card2-right {
  position: relative;
  width: 224px;
  height: 196px;
  display: block;
}
@media screen and (max-width: 767px) {
  .feature-card2 .feature-card2-right {
    margin-top: 70px;
  }
}
.feature-card2 .feature-card2-right::after {
  width: 224px;
  height: 196px;
  content: "";
  position: absolute;
  background: #f89b5b;
  top: 0;
  right: 0;
  z-index: 2;
  border-radius: 100px 10px 10px 100px;
}
@media screen and (max-width: 767px) {
  .feature-card2 .feature-card2-right::after {
    width: 300px;
    height: 300px;
    content: "";
    position: absolute;
    background: #f89b5b;
    top: 0;
    left: 50%;
    border-radius: 50%;
    transform: translateX(-50%);
    z-index: 1;
  }
}
.feature-card2 .feature-card2-right img.feature-card2-img.img-fluid {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 3;
}
.common-tab-wrap.common-tab-wrap-gray {
  background: linear-gradient(
    90deg,
    #f3f4f6 1.2%,
    rgb(243 244 246 / 0.84) 1.21%,
    #fff0 100%
  );
  border-radius: 10px;
  box-shadow: none;
  border: 0;
}
.common-tab-wrap.common-tab-wrap-gray .nav-tabs .nav-link {
  background: #fff0 !important;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 14px;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .credit-card-crest-wrap {
    text-align: center;
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  .credit-card-crest-wrap {
    text-align: center;
    margin-top: 30px;
  }
}
.member-modal-row .member-modal-left .h4 {
  margin-bottom: 20px;
}
.member-modal-row .member-modal-left h6 {
  color: #303030;
  margin-bottom: 40px;
}
@media screen and (max-width: 575px) {
  .member-modal-row .member-modal-left h6 {
    margin-bottom: 22px;
  }
}
.member-modal-row .member-modal-left .para-info .p13 {
  color: #212121;
  margin-bottom: 25px;
}
@media screen and (max-width: 575px) {
  .member-modal-row .member-modal-left .para-info .p13 {
    margin-bottom: 12px;
  }
}
.member-modal-row .member-modal-right {
  display: block;
  background-color: #e9ecf4;
  padding: 30px 50px;
}
@media screen and (max-width: 991px) {
  .member-modal-row .member-modal-right {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 575px) {
  .member-modal-row .member-modal-right {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.member-modal-row .member-modal-right .member-modal-img {
  height: 385px;
  width: 385px;
  background-color: #d1daf1;
  text-align: center;
  margin: auto;
  margin-bottom: 60px;
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .member-modal-row .member-modal-right .member-modal-img {
    height: 240px;
    width: 240px;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 575px) {
  .member-modal-row .member-modal-right .member-modal-img {
    height: calc(100% - 20px);
    width: calc(100% - 20px);
    margin-bottom: 20px;
  }
}
.member-modal-row .member-modal-right .member-modal-img .member-img {
  width: 100%;
}
.member-modal-row .member-modal-right .member-modal-quote {
  position: relative;
  text-align: center;
}
.member-modal-row .member-modal-right .member-modal-quote::after {
  position: absolute;
  content: "";
  display: block;
  width: 50px;
  height: 1px;
  background-color: #304087;
  top: auto;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  z-index: 1;
}
@media screen and (max-width: 575px) {
  .member-modal-row .member-modal-right .member-modal-quote::after {
    bottom: -12px;
  }
}
.member-modal-row .member-modal-right .member-modal-quote p {
  position: relative;
  font-weight: 700;
  color: #304087;
  max-width: 350px;
  padding: 0 25px;
  margin: 0 auto 20px;
}
@media screen and (max-width: 575px) {
  .member-modal-row .member-modal-right .member-modal-quote p {
    font-size: 24px;
    padding: 0 30px;
  }
}
.member-modal-row .member-modal-right .member-modal-quote p::before {
  position: absolute;
  content: "";
  display: block;
  height: 22px;
  width: 28px;
  background: url(../images/quote-start.png) no-repeat center;
  top: 5px;
  left: -10px;
  z-index: 1;
}
@media screen and (max-width: 575px) {
  .member-modal-row .member-modal-right .member-modal-quote p::before {
    background-size: 80%;
    left: 0;
    top: 0;
  }
}
.member-modal-row .member-modal-right .member-modal-quote p::after {
  position: absolute;
  content: "";
  display: block;
  height: 22px;
  width: 28px;
  background: url(../images/quote-end.png) no-repeat center;
  top: auto;
  left: auto;
  right: 0;
  bottom: 5px;
  z-index: 1;
}
@media screen and (max-width: 575px) {
  .member-modal-row .member-modal-right .member-modal-quote p::after {
    background-size: 80%;
    right: 0;
    bottom: 0;
  }
}
.member-modal-row .member-modal-right .member-modal-name {
  text-align: center;
  font-size: 24px;
  font-weight: 700;
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .member-modal-row .member-modal-right .member-modal-name {
    font-size: 20px;
  }
}
.member-modal-row .member-modal-right .member-modal-desig {
  text-align: center;
  font-size: 18px;
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .member-modal-row .member-modal-right .member-modal-desig {
    font-size: 16px;
  }
}
.common-section.bg-blue-right {
  background: #fff;
  background: -moz-linear-gradient(left, #ffffff 70%, #eff7ff 30%);
  background: -webkit-linear-gradient(left, #ffffff 70%, #eff7ff 30%);
  background: linear-gradient(to right, #ffffff 70%, #eff7ff 30%);
}
@media screen and (max-width: 991px) {
  .common-section.bg-blue-right {
    background: linear-gradient(to bottom, #ffffff 50%, #eff7ff 60%);
  }
}
.awards-section h3 {
  margin: 18px 0;
}
@media screen and (max-width: 767px) {
  .awards-section h3 {
    margin: 18px 0;
  }
}
.two-col-card-wrap {
  margin: 30px 0;
}
@media screen and (max-width: 991px) {
  .two-col-card-wrap {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 991px) {
  .two-col-card-wrap .two-col-card {
    margin-bottom: 20px;
  }
  .two-col-card-wrap .two-col-card h4 {
    font-size: 28px;
  }
}
.two-col-card-wrap .two-col-card .two-col-card-img {
  position: relative;
  margin: 0;
  padding: 20px;
  height: 355px;
  max-width: 440px;
  overflow: hidden;
  border-radius: 10px;
  z-index: 1;
}
@media screen and (max-width: 575px) {
  .two-col-card-wrap .two-col-card .two-col-card-img {
    height: auto;
    max-width: 100%;
  }
}
.two-col-card-wrap .two-col-card .two-col-card-img img {
  width: 100%;
  height: auto;
  border-radius: 10px;
  object-fit: cover;
  overflow: hidden;
}
.two-col-card-wrap .two-col-card p {
  margin-top: 10px;
  margin-bottom: 20px;
}
.calc-form-table.calc-form-table1 {
  padding: 17px 30px;
  min-height: 82px;
}
@media screen and (max-width: 767px) {
  .calc-form-table.calc-form-table1 {
    padding: 15px 12px;
  }
}
.calc-form-table.calc-form-table2 {
  padding: 17px 30px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  align-content: stretch;
  min-height: 82px;
}
@media screen and (max-width: 767px) {
  .calc-form-table.calc-form-table2 {
    padding: 15px 12px;
    flex-direction: column;
    text-align: left;
    justify-content: start !important;
    align-items: flex-start !important;
  }
  .calc-form-table.calc-form-table2 .xs-p16 {
    font-size: 16px;
  }
  .calc-form-table.calc-form-table2 .xs-p24 {
    font-size: 24px;
    margin-top: 5px;
  }
  .calc-form-table.calc-form-table2 button.btn-tooltip img {
    width: 18px;
    margin-left: 5px;
  }
}
.calc-form-table.calc-form-table2 h5 {
  color: #212121;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .calc-form-table.calc-form-table3 table tbody {
    display: block;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .calc-form-table.calc-form-table3 table {
    display: block;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .calc-form-table.calc-form-table3 table tr {
    display: block;
    width: 100%;
  }
}
.calc-form-table.calc-form-table3 table tr td {
  padding: 16px 30px;
}
@media screen and (max-width: 767px) {
  .calc-form-table.calc-form-table3 table tr td {
    padding: 12px 15px;
    display: block;
    width: 100%;
  }
  .calc-form-table.calc-form-table3 table tr td button.btn.common-btn-yellow {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 767px) {
  .calc-form-table.calc-form-table3 table tr td .p20.xs-p18 {
    font-size: 18px !important;
  }
}
.calc-form-table.calc-form-table3 table tr td .p20 {
  font-size: 20px;
  color: #303030;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .calc-form-table.calc-form-table3 table tr td .p20 {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .calc-form-table.calc-form-table3 table tr td .p20 {
    font-size: 14px;
  }
  .calc-form-table.calc-form-table3 table tr td .p20 button.btn-tooltip img {
    width: 18px;
    margin-left: 5px;
  }
}
@media screen and (max-width: 767px) {
  .calc-form-table.calc-form-table3 table tr td:nth-child(odd) {
    border-bottom: 0 !important;
    padding-bottom: 0;
  }
}
.calc-form-table.calc-form-table3 table tr td:nth-child(odd) p {
  text-align: left !important;
}
@media screen and (max-width: 767px) {
  .calc-form-table.calc-form-table3 table tr td:nth-child(even) {
    padding-top: 0;
    border-top: 0 !important;
  }
}
.calc-form-table.calc-form-table3 table tr td:nth-child(even) p {
  text-align: right !important;
}
@media screen and (max-width: 767px) {
  .calc-form-table.calc-form-table3 table tr td:nth-child(even) p {
    text-align: left !important;
  }
}
.forex-service-card .para-wrap {
  margin-bottom: 25px;
}
.forex-service-card .card-program .program-info-blue {
  min-height: 46px;
}
.track-step-wrap-outer {
  position: relative;
}
.track-step-wrap-outer h4 {
  margin-right: 30px;
}
.track-step-wrap-outer .close-icon {
  position: absolute;
  top: 15px;
  right: 10px;
  z-index: 3;
}
@media screen and (max-width: 767px) {
  .track-step-wrap-outer .close-icon {
    top: 6px;
  }
}
.track-step-wrap-outer .track-step-wrap {
  position: relative;
}
@media screen and (max-width: 767px) {
  .track-step-wrap-outer .track-step-wrap {
    padding-top: 30px;
  }
}
.track-step-wrap-outer .track-step-wrap .track-step-card {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  margin-bottom: 30px;
  position: relative;
}
.track-step-wrap-outer .track-step-wrap .track-step-card .p13 {
  color: #909090;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
}
.track-step-wrap-outer
  .track-step-wrap
  .track-step-card.completed
  .track-step-circle {
  background: #219653;
}
.track-step-wrap-outer .track-step-wrap .track-step-card:last-child::after {
  display: none;
}
.track-step-wrap-outer .track-step-wrap .track-step-card::after {
  content: "";
  background: url(../images/arrow-track.svg) no-repeat 0 0;
  height: 14px;
  width: 4px;
  position: absolute;
  bottom: -20px;
  left: 18px;
  z-index: 3;
}
.track-step-wrap-outer .track-step-wrap .track-step-card .track-step-circle {
  width: 40px;
  height: 40px;
  background: #304087;
  box-shadow: 0 4px 4px rgb(0 0 0 / 0.25);
  text-align: center;
  border-radius: 50%;
  padding-top: 5px;
}
.track-step-wrap-outer .track-step-wrap .track-step-card .track-step-text {
  margin-left: 15px;
}
.track-step-wrap-outer
  .track-step-wrap
  .track-step-card
  .track-step-text
  p.p12 {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  color: #223f73;
}
.tab-applynow-btn {
  opacity: 0;
  float: right;
  position: absolute;
  top: 14px;
  right: 0;
  z-index: 3;
}
@media screen and (max-width: 767px) {
  .tab-applynow-btn {
    float: none;
    position: fixed;
    right: 0;
    bottom: 66px;
    left: 0;
    border-radius: 0;
    width: calc(100% + 30px);
    margin-left: -15px;
    z-index: 99;
    top: auto !important;
    opacity: 0;
  }
}
@media screen and (min-width: 768px) {
  .tab-applynow-btn {
    z-index: -1;
  }
}
body.fixed-tab-body .tab-applynow-btn {
  opacity: 1 !important;
  display: block !important;
}
@media screen and (min-width: 768px) {
  body.fixed-tab-body .tab-applynow-btn {
    z-index: 99;
  }
}
.abt-impact-section .br-xs {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  overflow: hidden;
  box-shadow: 2px 4px 11px rgb(0 0 0 / 0.15);
}
.abt-impact-section .br-xs-1 {
  border-right: 1px dashed #cacaca;
}
.abt-impact-section .bt-xs-1 {
  border-top: 1px dashed #cacaca;
}
.csr-cate-tab-section .points-list-wrap {
  padding-right: 40px;
}
.compare-card-flex-col2 {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
  align-content: stretch;
}
.read-more-link-adj-flex {
  padding: 15px 18px;
  display: inline-block;
}
.compare-btn-toggle.btn.common-btn-blue {
  min-width: 42px;
  height: 42px;
  font-size: 30px;
}
.compare-btn-toggle.btn.common-btn-blue i.fa.fa-angle-up {
  position: relative;
  top: -10px;
}
.interested-img-wrap .interested-img {
  min-height: 370px;
  object-fit: cover;
}
.csr-capitals-impacted-section h2 {
  color: #000;
}
.card-impact-outer-overflow {
  overflow-x: auto;
}
.card-impact-outer {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
@media screen and (min-width: 1200px) {
  .card-impact-outer {
    justify-content: flex-end;
  }
}
.card-impact-outer .card-impact2 {
  width: 160px;
  min-width: 160px;
  min-height: 227px;
  background: #fff;
  border-radius: 10px;
  padding: 47px 20px;
  text-align: center;
  margin-left: 30px;
}
@media screen and (max-width: 767px) {
  .card-impact-outer .card-impact2 {
    padding: 27px 20px;
  }
}
.card-impact-outer .card-impact2:first-child {
  margin-left: 0;
}
.card-impact-outer .card-impact2 .card-impacted-img {
  margin-bottom: 20px;
}
.card-impact-outer .card-impact2 .p16 {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  text-align: center;
  color: #000;
}
.csr-risk-wrap {
  height: calc(100% - 60px);
}
.csr-risk-wrap h4 {
  color: #000;
}
.csr-risk-wrap .csr-risk-wrap-inner {
  padding: 31px 13px;
  background: #f0f3ff;
  border-radius: 10px;
  height: 100%;
}
.csr-risk-section .row1 {
  margin-bottom: 40px;
}
.csr-risk-section .row2 {
  margin-bottom: 57px;
}
@media screen and (max-width: 767px) {
  .csr-risk-section .row2 {
    margin-bottom: 37px;
  }
}
.csr-risk-section .row2 h6.p20 {
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  color: #212121;
}
.card-environment {
  margin-bottom: 30px;
}
.card-environment h6.p20 {
  font-style: normal;
  font-weight: 500;
  color: #000;
  margin-bottom: 30px;
}
.card-environment p.p16 {
  color: #212121;
}
.trust-info2 p.p16 {
  color: #000;
  font-weight: 400;
}
.csr-gold-green-section {
  background: #f3f4f8;
}
.csr-gold-green-section h4 {
  color: #000;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .csr-gold-green-section h4 {
    text-align: left;
  }
}
.gold-green-img-wrap {
  margin-bottom: 20px;
  overflow: hidden;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
.gold-green-para .p16 {
  color: #212121;
  margin-bottom: 20px;
}
.csr-covid-strip {
  max-width: 727px;
  margin: 0 auto 46px;
}
@media screen and (max-width: 767px) {
  .csr-covid-strip .relief-img {
    width: 77px;
  }
}
@media screen and (max-width: 767px) {
  .csr-covid-strip {
    margin-bottom: 25px;
  }
  .csr-covid-strip .align-self-center {
    -ms-flex-item-align: start !important;
    align-self: start !important;
  }
}
.csr-covid-strip .csr-covid-img {
  margin-right: 68px;
}
@media screen and (max-width: 767px) {
  .csr-covid-strip .csr-covid-img {
    margin-right: 25px;
  }
}
.csr-covid-strip .p20 {
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  color: #212121;
  margin-bottom: 20px;
}
.csr-covid-section h2 {
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  .csr-covid-section h2 {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 767px) {
  .csr-covid-section .blog-slider-img {
    height: 250px;
    object-fit: cover;
  }
}
.csr-covid-section .row2 h6.p20 {
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 20px;
  color: #212121;
}
.csr-covid-section .row2 .p16 {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  color: #212121;
}
.csr-covid-section .row2 {
  margin-bottom: 40px;
}
.csr-covid-section .row2 .video-wrap {
  position: relative;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  height: calc(100% - 30px);
  background: rgb(0 0 0 / 0.67);
  overflow: hidden;
}
.csr-covid-section .row2 .video-wrap video {
  width: 100%;
  height: 100%;
}
.csr-covid-section .row3 {
  margin-bottom: 48px;
}
@media screen and (max-width: 767px) {
  .csr-covid-section .row3 {
    margin-bottom: 0;
  }
}
.gallary-img-wrap {
  margin-bottom: 30px;
  max-height: 190px;
}
@media screen and (max-width: 767px) {
  .gallary-img-wrap {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 767px) {
  .pivot-img-wrap {
    margin-bottom: 20px;
  }
}
.pivot-img-wrap,
.gallary-img-wrap,
.video-wrap,
.blog-slider-img {
  position: relative;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  height: 100%;
}
.pivot-img-wrap .scale-img,
.gallary-img-wrap .scale-img,
.video-wrap .scale-img,
.blog-slider-img .scale-img {
  width: 100%;
}
.csr-interested-section3 {
  background: #f3f4f8;
}
.csr-interested-section3 h2 {
  margin-bottom: 40px;
  color: #000;
}
@media screen and (max-width: 767px) {
  .csr-interested-section3 h2 {
    margin-bottom: 20px;
    color: #212121;
    font-size: 32px;
  }
}
.focus-area-card {
  background: #fff;
  border: 1px solid #dbdcde;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  min-height: 380px;
  height: 100%;
}
.focus-area-card .focus-area-date {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  align-content: stretch;
  background: #f3f4f8;
  padding: 3px 15px;
}
.focus-area-card .focus-area-date .focus-bank,
.focus-area-card .focus-area-date .focus-date {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  align-content: stretch;
}
.focus-area-card .focus-area-date .focus-bank .p14,
.focus-area-card .focus-area-date .focus-date .p14 {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #909090;
  white-space: nowrap;
  margin-left: 4px;
}
.focus-area-card .focus-area-para {
  padding: 25px 15px 30px;
}
.focus-area-card .focus-area-para h6 a {
  color: #304087;
  text-decoration: none;
}
.focus-area-card .focus-area-para .bttn-link-arrow {
  position: absolute;
  bottom: 15px;
  left: 15px;
  z-index: 3;
  color: #909090;
}
.focus-area-card .focus-area-para h6 {
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  color: #212121;
  margin-bottom: 10px;
}
.focus-area-card .focus-area-para .p14 {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #828282;
}
.focus-area-card .focus-area-img .focus-img {
  height: 150px;
  object-fit: cover;
  width: 100%;
}
.owl-btn {
  width: 30px;
  height: 30px;
  background-color: #304087;
  border-radius: 20px;
  display: block;
  font-size: 20px;
  padding-top: 3px;
  color: #fff;
}
@media screen and (min-width: 992px) {
  .owl-btn {
    margin-top: 30px;
  }
}
.owl-btn:hover {
  background: #dadeec;
  color: #304087;
}
.owl-btn-squre {
  width: 40px;
  height: 40px;
  background-color: rgb(255 255 255 / 0.8);
  border-radius: 4px;
  display: block;
  font-size: 22px;
  padding-top: 6px;
  color: #909090;
  margin-top: 30px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  margin-top: 0;
  border-radius: 50%;
  color: #304087;
  background: #e8e8ec;
  padding-top: 8px;
  text-align: center;
  cursor: pointer;
}
.owl-btn-squre:hover {
  background: #304087;
  color: #fff;
}
.owl-carousel .owl-nav .disabled {
  opacity: 1;
}
.owl-carousel .owl-nav .disabled .owl-btn {
  background: #dadeec;
  opacity: 1;
}
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next {
  background: #fff0 !important;
}
.owl-carousel .owl-nav .owl-prev .prev-owl-btn,
.owl-carousel .owl-nav .owl-prev .next-owl-btn,
.owl-carousel .owl-nav .owl-next .prev-owl-btn,
.owl-carousel .owl-nav .owl-next .next-owl-btn {
  background: #fff0 !important;
}
@media screen and (max-width: 767px) {
  .owl-carousel .owl-nav .owl-prev .prev-owl-btn,
  .owl-carousel .owl-nav .owl-prev .next-owl-btn,
  .owl-carousel .owl-nav .owl-next .prev-owl-btn,
  .owl-carousel .owl-nav .owl-next .next-owl-btn {
    width: 30px;
    height: 30px;
    padding-top: 3px;
  }
}
.owl-carousel .owl-nav .owl-btn-squre {
  margin-top: 0;
  border-radius: 50%;
  color: #304087;
  background: #e8e8ec;
  padding-top: 8px;
}
.owl-carousel .owl-nav .owl-btn-squre:hover {
  background: #304087;
  color: #fff;
}
.owl-carousel .owl-nav .owl-prev {
  position: absolute;
  right: 56px;
  top: -72px;
}
.owl-carousel .owl-nav .owl-next {
  position: absolute;
  right: 0;
  top: -72px;
}
.impact-section {
  background: #fdefef;
  background: -moz-linear-gradient(left, #fdefef 0%, #e5e7ef 50%);
  background: -webkit-linear-gradient(left, #fdefef 0%, #e5e7ef 50%);
  background: linear-gradient(to right, #fdefef 0%, #e5e7ef 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fdefef",endColorstr="#e5e7ef",GradientType=1);
}
.c-card1-banner-section {
  background: #304087;
}
.c-card1-banner-section .banner-info.mw-475 {
  margin-left: auto;
  margin-right: 0;
  text-align: center;
}
.c-card1-banner-section .banner-info.mw-475 h1 {
  font-style: normal;
  font-weight: 900;
  font-size: 48px;
  text-align: center;
  color: #fff;
}
.c-card1-banner-section .banner-info.mw-475 .banner-para {
  font-style: normal;
  align-items: center;
  padding: 5px 15px;
  color: #fff;
}
.c-card1-banner-section .banner-info.mw-475 .banner-para p {
  font-weight: 700;
  font-size: 20px;
}
.banner-para-sm {
  padding: 6px 10px;
  font-size: 14px;
}
.banner-para-sm .mr10.ml10 {
  margin-right: 5px;
  margin-left: 5px;
}
.pick-offer-outer {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .pick-offer-outer {
    flex-direction: column;
  }
}
@media screen and (max-width: 767px) {
  .pick-offer-outer {
    flex-direction: column;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .pick-offer-outer .pick-offer-left {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    align-content: stretch;
    overflow-x: auto;
    overflow-y: hidden;
  }
}
@media screen and (max-width: 767px) {
  .pick-offer-outer .pick-offer-left {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: start;
    align-content: stretch;
    overflow-x: auto;
    overflow-y: hidden;
  }
}
.pick-offer-outer .pick-offer-left .cc-card-indi {
  width: 190px;
  height: 174px;
  border: 1px solid #bdbdbd;
  border-radius: 5px;
  padding: 8px 15px 15px;
  margin-bottom: 20px;
  position: relative;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: stretch;
  align-content: stretch;
}
.pick-offer-outer .pick-offer-left .cc-card-indi:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .pick-offer-outer .pick-offer-left .cc-card-indi {
    margin-right: 15px;
  }
}
@media screen and (max-width: 767px) {
  .pick-offer-outer .pick-offer-left .cc-card-indi {
    margin-right: 10px;
    width: 100%;
    height: 100%;
    min-width: 177px;
    height: 132px;
  }
}
.pick-offer-outer .pick-offer-left .cc-card-indi:after {
  left: 100%;
  top: 50%;
  border: solid #fff0;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: #fff0;
  border-left-color: #304087;
  border-width: 12px;
  margin-top: -12px;
  opacity: 0;
  z-index: 15;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .pick-offer-outer .pick-offer-left .cc-card-indi:after {
    position: absolute;
    bottom: -36px;
    left: 50%;
    top: auto;
    transform: rotate(90deg) translateX(-50%);
    margin-left: -10px;
    -webkit-transform: rotate(90deg) translateX(-50%);
    -moz-transform: rotate(90deg) translateX(-50%);
    -ms-transform: rotate(90deg) translateX(-50%);
    -o-transform: rotate(90deg) translateX(-50%);
  }
}
@media screen and (max-width: 767px) {
  .pick-offer-outer .pick-offer-left .cc-card-indi:after {
    position: absolute;
    bottom: -36px;
    left: 50%;
    top: auto;
    transform: rotate(90deg) translateX(-50%);
    margin-left: -10px;
    -webkit-transform: rotate(90deg) translateX(-50%);
    -moz-transform: rotate(90deg) translateX(-50%);
    -ms-transform: rotate(90deg) translateX(-50%);
    -o-transform: rotate(90deg) translateX(-50%);
  }
}
.pick-offer-outer .pick-offer-left .cc-card-indi.active {
  border: 1px solid #bdbdbd;
  background: #304087;
  position: relative;
  box-shadow: 0 4px 4px rgb(0 0 0 / 0.25);
}
.pick-offer-outer .pick-offer-left .cc-card-indi.active::after {
  opacity: 1;
}
.pick-offer-outer .pick-offer-left .cc-card-indi.active h5 {
  color: #fff;
  opacity: 1;
}
@media screen and (min-width: 768px) {
  .pick-offer-outer .pick-offer-left .cc-card-indi.active h5 {
    height: 0;
    opacity: 0;
  }
}
@media screen and (max-width: 767px) {
  .pick-offer-outer .pick-offer-left .cc-card-indi.active h5 {
    display: block !important;
  }
}
.pick-offer-outer .pick-offer-left .cc-card-indi.active .cc-card-indi-img {
  opacity: 1;
}
.pick-offer-outer .pick-offer-left .cc-card-indi .cc-card-indi-img {
  max-width: 100%;
  opacity: 0.5;
  max-height: inherit;
}
.pick-offer-outer .pick-offer-left .cc-card-indi h5 {
  margin-bottom: 5px;
  opacity: 0.5;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  color: #203152;
}
@media screen and (max-width: 767px) {
  .pick-offer-outer .pick-offer-left .cc-card-indi h5 {
    font-size: 13px;
    margin-bottom: 7px;
    white-space: nowrap;
  }
  .pick-offer-outer .pick-offer-left .cc-card-indi h5 div {
    line-height: normal;
  }
}
.pick-offer-outer .pick-offer-right {
  width: 100%;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .pick-offer-outer .pick-offer-right {
    margin-bottom: 10px;
  }
}
.pick-offer-outer .pick-offer-right .carousel-control-next,
.pick-offer-outer .pick-offer-right .carousel-control-prev {
  opacity: 1;
  height: 40px;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 40px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.pick-offer-outer .pick-offer-right .carousel-control-next .owl-btn,
.pick-offer-outer .pick-offer-right .carousel-control-prev .owl-btn {
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  .pick-offer-outer .pick-offer-right {
    margin-top: -20px;
    margin-bottom: 0;
  }
}
.pick-offer-outer .pick-offer-right .carousel-control-next img {
  margin-top: 110px;
  margin-right: -50px;
}
.pick-offer-outer .pick-offer-right .carousel-control-prev img {
  margin-top: 110px;
  margin-left: -50px;
}
.pick-offer-outer .pick-offer-right .carousel-indicators li {
  width: 10px;
  height: 10px;
  background: #a8a8a8;
  padding: 0;
  margin: 0 5px;
  border: 0;
  border-radius: 50%;
}
.pick-offer-outer .pick-offer-right .carousel-indicators li.active {
  background: #304087;
}
.cc-card-indi-item .cc-card-indi-item-head {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  align-content: stretch;
  background: #e9f5ff;
  border-radius: 5px 5px 0 0;
  padding: 30px 30px 23px 48px;
}
.cc-card-indi-item .cc-card-indi-item-head a.bttn-link-black {
  margin-right: 20px;
  color: #304087;
  text-decoration: none;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .cc-card-indi-item .cc-card-indi-item-head a.bttn-link-black {
    margin-right: 37px;
  }
}
.cc-card-indi-item .cc-card-indi-item-head button.btn-tooltip {
  display: none;
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .cc-card-indi-item .cc-card-indi-item-head {
    flex-direction: column;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .cc-card-indi-item .cc-card-indi-item-head {
    flex-direction: column;
  }
}
@media screen and (max-width: 767px) {
  .cc-card-indi-item .cc-card-indi-item-head {
    flex-direction: column;
    padding: 20px;
    align-items: flex-start;
  }
  .cc-card-indi-item .cc-card-indi-item-head button.btn-tooltip {
    margin-left: 10px;
  }
}
.cc-card-indi-item .cc-card-indi-item-head .common-btn-yellow {
  min-width: 137px;
  margin-right: 13px;
  margin-left: 43px;
}
@media screen and (max-width: 767px) {
  .cc-card-indi-item .cc-card-indi-item-head .common-btn-yellow {
    margin-left: 10px;
    align-items: flex-start;
  }
}
.cc-card-indi-item .cc-card-indi-item-head h4 {
  font-style: normal;
  font-size: 24px;
  color: #203152;
}
.cc-card-indi-item .cc-card-indi-item-head h4 a.bttn-link-black {
  color: #304087;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .cc-card-indi-item .cc-card-indi-item-head h4 a.bttn-link-black {
    margin-right: 37px;
    font-weight: 400;
    text-decoration: none;
  }
}
.cc-card-indi-item .cc-card-indi-item-head h4 button.btn-tooltip {
  margin-left: 10px;
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .cc-card-indi-item .cc-card-indi-item-head h4 {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .cc-card-indi-item .cc-card-indi-item-head h4 {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 767px) {
  .cc-card-indi-item .cc-card-indi-item-head h4 {
    margin-bottom: 15px;
    font-size: 28px;
  }
}
.cc-card-indi-item-body {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: stretch;
  background-color: #e6f3e7;
  min-height: 460px;
}
.cc-card-indi-item-body video.img-fluid {
  width: 100%;
  transform: scale(1.01);
  -webkit-transform: scale(1.01);
  -moz-transform: scale(1.01);
  -ms-transform: scale(1.01);
  -o-transform: scale(1.01);
}
.cc-card-indi-item-body .cc-card-indi-img {
  max-width: 100%;
}
@media screen and (max-width: 767px) {
  .cc-card-indi-item-body .cc-card-indi-img {
    max-width: 180px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .cc-card-indi-item-body {
    min-height: 418px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .cc-card-indi-item-body {
    min-height: inherit;
  }
}
@media screen and (max-width: 767px) {
  .cc-card-indi-item-body {
    min-height: inherit;
    padding: 0;
    flex-direction: column;
  }
}
.cc-card-indi-item-body .first-col {
  padding-right: 30px;
}
@media screen and (max-width: 767px) {
  .cc-card-indi-item-body .first-col {
    padding-right: 0;
  }
}
.cc-card-indi-item-body .second-col {
  max-width: 380px;
  margin-right: 30px;
}
@media screen and (max-width: 767px) {
  .cc-card-indi-item-body .second-col {
    margin-right: 0;
  }
}
.cc-card-indi-item-body .second-col h2 {
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  color: #203152;
}
@media screen and (max-width: 767px) {
  .cc-card-indi-item-body .second-col h2 {
    font-size: 40px;
    color: #203152;
    margin-top: 20px;
  }
}
.bg-gray {
  background: #fcfef9 !important;
}
.bg-gray2 {
  background: #e9ecf7 !important;
}
.row-section-mb30 {
  margin-bottom: 30px !important;
}
.btn-close:focus {
  outline: 0;
  box-shadow: none !important;
  opacity: 1;
}
.avatar-profile {
  background: #e9ecf4;
  border-radius: 10px;
  padding: 35px 20px 20px;
  min-height: 460px;
}
@media screen and (max-width: 767px) {
  .avatar-profile {
    min-height: inherit;
    margin-bottom: 30px;
    padding: 20px;
  }
}
.avatar-profile .avatar-profile-img {
  text-align: center;
  position: relative;
}
.avatar-profile .avatar-profile-img img {
  width: 260px;
  height: 260px;
  border-radius: 50%;
  object-fit: cover;
  margin: auto;
  background: #d1daf1;
}
@media screen and (max-width: 767px) {
  .avatar-profile .avatar-profile-img img {
    width: 200px;
    height: 200px;
  }
}
.avatar-profile .avatar-profile-info {
  text-align: center;
  margin-top: 42px;
}
@media screen and (max-width: 767px) {
  .avatar-profile .avatar-profile-info {
    margin-top: 30px;
    display: none;
  }
}
.avatar-profile .avatar-profile-info .border-line {
  width: 57.45px;
  height: 1px;
  border: 1px solid #304087;
  display: block;
  margin: 0 auto 15px;
}
.avatar-profile .avatar-profile-info h3 {
  color: #303030;
  margin-bottom: 6px;
}
.avatar-profile .avatar-profile-info h3 div {
  color: #303030;
  margin-bottom: 6px;
}
.avatar-profile .avatar-profile-info .p18 {
  color: #909090;
}
.cnt-card {
  display: block;
  border: 1px solid #e8e9ea;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  overflow: hidden;
  margin-bottom: 30px;
  max-width: 302px;
}
@media screen and (max-width: 767px) {
  .cnt-card {
    max-width: 100%;
  }
}
.cnt-card .cnt-card-head {
  background-color: #304087;
  padding: 15px 0;
  margin: 0;
}
.cnt-card .cnt-card-head .m-ttl {
  text-align: center;
  font-size: 24px;
  font-weight: 700;
  line-height: normal;
  color: #fff;
  margin: 0 15px;
}
.cnt-card .cnt-card-body .cnt-card-body-wrap {
  padding: 15px 20px 7px;
  background: #fff;
}
.cnt-card .cnt-card-body .cnt-card-body-wrap .m-ttl {
  font-size: 18px;
  font-weight: 700;
  color: #303030;
  margin-bottom: 10px;
}
.cnt-card .cnt-card-body .cnt-card-body-wrap .sb-ttl {
  font-size: 16px;
  font-weight: 400;
  color: #303030;
  margin-bottom: 10px;
}
.cnt-card .cnt-card-body .cnt-card-body-wrap ul {
  margin: 0;
}
.cnt-card .cnt-card-body .cnt-card-body-wrap ul .media {
  margin-bottom: 7px !important;
}
.cnt-card .cnt-card-body .cnt-card-body-wrap ul .media .img-blk {
  margin-right: 12px;
  max-width: 20px;
  margin-bottom: 0;
}
.cnt-card .cnt-card-body .cnt-card-body-wrap ul .media .img-blk img {
  object-fit: cover;
  position: relative;
  top: -5px;
}
.cnt-card .cnt-card-body .cnt-card-body-wrap ul .media .media-body {
  margin-bottom: 0;
  line-height: normal;
  font-size: 14px;
  line-height: 16px;
}
.cnt-card .cnt-card-body .cnt-card-body-wrap ul .media .media-body span {
  color: #303030;
  font-size: 14px;
  line-height: 16px;
}
.cnt-card .cnt-card-body .cnt-card-body-wrap ul .media .media-body a {
  font-weight: 700;
  color: #303030;
  text-decoration: none;
}
.cnt-card hr.hr {
  margin: 0;
  text-shadow: none;
  border-top: 1px solid #e8e9ea;
  opacity: 1;
  height: 1px;
}
.cnt-card .fw-400 {
  font-weight: 400 !important;
}
.card-deck-tab {
  padding: 40px 0;
}
@media screen and (max-width: 767px) {
  .card-deck-tab {
    padding: 20px 0;
  }
}
.media {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
}
.media .media-body {
  -ms-flex: 1;
  flex: 1;
}
.section_dn {
  padding: 20px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  border-radius: 10px;
  background-color: #ecdbdd !important;
}
@media (max-width: 991.98px) {
  .section_dn {
    width: auto;
  }
}
.c3-flex {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 768px) {
  .c3-flex {
    flex-direction: column-reverse;
    justify-content: space-between;
  }
}
.c3-content-button {
  display: flex;
  justify-content: center;
  align-items: center;
}
.c3-content-image {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 45%;
}
@media (max-width: 768px) {
  .c3-content-image {
    height: 330px;
    width: auto;
  }
}
.c3-content-block {
  min-height: 375px;
  width: 55%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media (max-width: 768px) {
  .c3-content-block {
    padding-right: 0;
    height: auto;
    width: auto;
    margin: auto;
    min-height: auto;
    height: auto !important;
  }
}
.c3-block-head {
  font-size: 32px;
  line-height: 40px;
  line-height: auto;
  color: #303030;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
  letter-spacing: 1.2px;
}
@media (max-width: 768px) {
  .c3-block-head {
    font-size: 32px;
    line-height: 24px;
    margin-bottom: 20px;
  }
  @supports (-moz-appearance: none) {
    .c3-block-head {
      font-size: 29px;
    }
  }
}
.c3-highlight {
  background-color: #7d7776;
  min-height: 41px;
  width: auto;
  padding: 10px 20px;
  color: #fff;
  font-weight: 500;
  line-height: auto;
  font-size: 18px;
  border-radius: 4px;
  margin-bottom: 20px;
}
@media (max-width: 576px) {
  .c3-highlight {
    margin-bottom: 10px;
  }
}
.bg-gray-c,
.contact-tab-section {
  background: #f4f5fc;
}
.card-download {
  width: 100%;
  height: 255px;
  background: #fff;
  border: 2px solid #dbdcde;
  box-shadow: 0 2px 2px rgb(0 0 0 / 0.25);
  border-radius: 10px;
  padding: 20px;
  text-align: center;
  margin-bottom: 30px;
  cursor: pointer;
}
.card-download:hover {
  box-shadow: 0 2px 4px rgb(0 0 0 / 0.15);
}
@media screen and (max-width: 767px) {
  .card-download {
    height: 202px;
    margin-bottom: 20px;
  }
}
.card-download .card-download-icon-wrap {
  min-height: 170px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: stretch;
}
@media screen and (max-width: 767px) {
  .card-download .card-download-icon-wrap {
    min-height: 140px;
  }
}
.card-download h5 {
  font-style: normal;
  font-weight: 700;
  text-transform: uppercase;
  color: #1b3281;
}
.card-box-download {
  padding: 34px 24px 24px;
  background: #f3f4f6;
  box-shadow: 0 2px 4px rgb(0 0 0 / 0.15);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
.card-box-download .card-body .field--name-field-download-forms-url {
  border-top: 1px solid rgb(144 144 144 / 0.5);
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  align-content: stretch;
  padding-top: 20px;
}
.card-box-download
  .card-body
  .field--name-field-download-forms-url
  .field__item {
  width: calc(50% - 10px);
}
@media screen and (max-width: 767px) {
  .card-box-download
    .card-body
    .field--name-field-download-forms-url
    .field__item {
    width: 100%;
  }
}
.card-box-download
  .card-body
  .field--name-field-download-forms-url
  .field__item:nth-last-child(2)
  p
  a {
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .card-box-download
    .card-body
    .field--name-field-download-forms-url
    .field__item:nth-last-child(2)
    p
    a {
    margin-bottom: 8px;
  }
}
.card-box-download
  .card-body
  .field--name-field-download-forms-url
  .field__item:last-child
  p
  a {
  margin-bottom: 0;
}
.card-box-download
  .card-body
  .field--name-field-download-forms-url
  .field__item:nth-child(even) {
  margin-left: 20px;
}
@media screen and (max-width: 767px) {
  .card-box-download
    .card-body
    .field--name-field-download-forms-url
    .field__item:nth-child(even) {
    margin-left: 0;
  }
}
.card-box-download
  .card-body
  .field--name-field-download-forms-url
  .field__item
  p {
  margin-bottom: 0 !important;
}
.card-box-download
  .card-body
  .field--name-field-download-forms-url
  .field__item
  p
  a {
  background: #fff;
  border: 1px solid #eaebee;
  border-radius: 4px;
  display: block;
  padding: 30px 30px 30px 60px !important;
  width: 100%;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  color: #303030;
  margin-bottom: 8px;
}
@media screen and (max-width: 767px) {
  .card-box-download
    .card-body
    .field--name-field-download-forms-url
    .field__item
    p
    a {
    padding: 15px 15px 15px 60px !important;
  }
}
.card-box-download
  .card-body
  .field--name-field-download-forms-url
  .field__item
  p
  a::after {
  top: 50% !important;
  margin-left: 20px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.card-box-download a {
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .card-box-download {
    border: 2px solid #dbdcde;
    padding: 23px 20px 20px;
  }
}
.card-box-item {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  align-content: stretch;
  background: #fff;
  border: 1px solid #eaebee;
  border-radius: 4px;
  display: block;
  padding: 30px 30px 30px 30px !important;
  width: 100%;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  color: #303030;
  margin-bottom: 8px;
}
.card-box-item .card-img-item.text-right {
  width: 30px;
}
@media screen and (max-width: 767px) {
  .card-box-item {
    padding: 15px 15px 15px 20px !important;
  }
  .card-box-item img.download-img.mr15 {
    width: 18px;
  }
}
.card-box-item:hover {
  box-shadow: 0 2px 4px rgb(0 0 0 / 0.15);
}
.card-box-item .card-text-item h5 {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  color: #303030;
}
.accordion.card-accordion .accordion-body-card {
  padding: 10px;
  background: #f3f4f6;
}
.accordion.card-accordion .accordion-item {
  margin-bottom: 10px;
  border: 0;
  background: #fff0;
  border-radius: 5px;
}
.accordion.card-accordion button.accordion-button {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  align-content: stretch;
  width: 100%;
  background: #fff;
  border-radius: 5px;
  padding: 15px 25px;
  margin-bottom: 10px;
  cursor: pointer;
  color: #003079;
  font-style: normal;
  font-size: 18px;
  font-weight: 500;
  margin: 0;
  box-shadow: none;
}
.accordion.card-accordion .card-box-item .card-text-item h5 {
  font-weight: 400;
  color: #303030;
}
.accordion.card-accordion .card-box-item img.download-img {
  margin-right: 20px;
}
.accordion-button:focus {
  z-index: 3;
  border-color: #fff0;
  outline: 0;
  box-shadow: none;
}
.saving-acc-section .common-section-heading {
  color: #304087;
  font-weight: 400;
  margin-bottom: 40px;
}
.schedule-call-row {
  max-width: 505px;
  margin: 20px auto;
}
@media screen and (max-width: 767px) {
  .schedule-call-row {
    margin: 0 auto;
  }
}
ol.breadcrumb {
  max-width: 1115px;
  margin: 0 auto;
  padding: 7px;
}
@media screen and (max-width: 767px) {
  ol.breadcrumb {
    padding: 5px 12px;
    display: none;
  }
}
ol.breadcrumb .breadcrumb-item {
  font-size: 14px;
  text-decoration: none;
}
ol.breadcrumb .breadcrumb-item a {
  text-decoration: none;
}
ol.breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  display: inline-block;
  padding-right: 0.5rem;
  color: #ed3338;
  content: "";
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 16px;
  line-height: 27px;
}
ol.breadcrumb .breadcrumb-item + .breadcrumb-item {
  padding-left: 10px;
  text-transform: capitalize;
  color: #303030;
}
ol.breadcrumb .breadcrumb-item + .breadcrumb-item a {
  padding-left: 5px;
}
ol.breadcrumb li.breadcrumb-item.active a {
  color: #212121;
  font-weight: 500;
}
ol.breadcrumb li a {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #304087;
  font-weight: 500;
}
#block-rbl-bank-content form#user-login-form {
  max-width: 400px;
  margin: auto;
  padding: 15px;
}
.login-btn-adj {
  box-shadow: 0 4px 4px rgb(0 0 0 / 0.25);
  min-width: inherit;
  color: #304087;
  font-weight: 700;
  text-transform: uppercase;
  height: 42px;
  width: 114px;
}
.login-btn-adj:hover {
  background: linear-gradient(0deg, #fed525, #fed525), #00a972;
  box-shadow: 0 4px 8px rgb(0 0 0 / 0.16);
  color: #304087;
}
.login-btn-adj:focus {
  color: #304087;
  background: linear-gradient(0deg, #fed525, #fed525), #00a972;
  box-shadow: inset 0 4px 8px rgb(0 0 0 / 0.16);
  opacity: 0.8;
}
.login-btn-adj::after {
  margin-left: 6px !important;
  top: 2px !important;
}
.home-section2 {
  background: linear-gradient(270deg, #e5e7ef 16.04%, #fdefef 74.96%);
}
.range-wrap-outer .slider.slider-horizontal {
  width: 100%;
  height: 20px;
}
.rbl-myapp-section {
  background: #ecdbdd;
}
@media screen and (min-width: 992px) {
  .rbl-myapp-section {
    background: #c1bcde;
    background: -moz-linear-gradient(
      top,
      #c1bcde 0%,
      #fad4c3 99%,
      #fad4c3 99%,
      #fad4c3 100%
    );
    background: -webkit-linear-gradient(
      top,
      #c1bcde 0%,
      #fad4c3 99%,
      #fad4c3 99%,
      #fad4c3 100%
    );
    background: linear-gradient(
      to bottom,
      #c1bcde 0%,
      #fad4c3 99%,
      #fad4c3 99%,
      #fad4c3 100%
    );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c1bcde",endColorstr="#fad4c3",GradientType=0);
  }
}
.offer-card-wrap {
  height: 350px;
  width: 100%;
  border-radius: 4px;
  margin-bottom: 30px;
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-end;
  align-content: stretch;
  background-repeat: no-repeat;
  background-color: #fff0;
  background-size: cover;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .offer-card-wrap {
    height: 295px;
  }
}
.offer-card-wrap:hover .offer-overlay-flex .next-arrow-btn {
  left: 10px;
}
.offer-card-wrap:hover::after {
  opacity: 0.3;
}
.offer-card-wrap::after {
  content: "";
  background: linear-gradient(180deg, #000000 0%, #fff0 100%);
  border-radius: 4px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: rotate(-180deg);
  z-index: 3;
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  opacity: 0;
}
.offer-card-wrap .offer-card-wrap-inner {
  position: relative;
  z-index: 5;
  padding: 20px;
  width: 100%;
  top: -6px;
}
@media screen and (min-width: 768px) {
  .offer-card-wrap .offer-card-wrap-inner {
    min-height: 130px;
  }
}
.offer-card-wrap .offer-card-wrap-inner .offer-overlay-left {
  max-width: 250px;
}
.offer-card-wrap
  .offer-card-wrap-inner
  .offer-overlay-left
  .p24.text-white.fw-700 {
  text-transform: uppercase;
  font-size: 20px;
  max-height: 66px;
  overflow: hidden;
}
.offer-card-wrap
  .offer-card-wrap-inner
  .offer-overlay-right
  .bttn-link-arrow
  img {
  width: 60px;
  max-width: inherit;
}
@media screen and (max-width: 767px) {
  .offer-card-wrap
    .offer-card-wrap-inner
    .offer-overlay-right
    .bttn-link-arrow
    img {
    width: 50px;
  }
}
.offer-card-wrap .offer-card-wrap-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
  object-fit: cover;
  background-size: cover;
  background-repeat: no-repeat;
}
.offer-card-wrap .offer-overlay-flex {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-end;
  align-content: stretch;
}
.offer-card-wrap .offer-overlay-flex .next-arrow-btn {
  position: relative;
  left: 0;
}
.offer-card-wrap .offer-overlay-flex .next-arrow-btn img {
  width: 60px;
  min-width: 60px;
}
.offer-card-wrap .offer-title {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  background: #fff;
  border-radius: 16px;
  color: #263238;
  display: inline-block;
  padding: 7px 10px;
  margin-bottom: 6px;
  white-space: nowrap;
  margin-right: 8px;
}
.offer-card-wrap .offer-title-w ul {
  display: block;
}
.offer-card-wrap .offer-title-w .list-group-item {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  background: #fff;
  border-radius: 16px;
  color: #263238;
  display: inline-block;
  padding: 7px 10px;
  margin-bottom: 6px;
  white-space: nowrap;
  margin-right: 8px;
}
.card.product-card {
  border: 0 !important;
  margin-bottom: 30px;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: -2px 2px 4px rgb(0 0 0 / 0.15);
}
.card.product-card.c-d-card .scale-img-wrap {
  padding: 15px 15px 0;
  background: #e9ecf7;
  overflow: initial;
}
.card.product-card .scale-img-wrap img {
  width: 100%;
  height: 200px;
  object-fit: cover;
}
.card.product-card .card-body {
  padding: 23px 30px 30px;
  background: #e9ecf7;
}
.card.product-card .card-body ul.disk-ul-wrap.mb30 li {
  color: #304087;
}
.card.product-card .card-body .field--name-field-category-description p {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  color: #303030;
}
.card.product-card .card-body .d-flex a[href^="#"] {
  display: none !important;
}
.card.product-card .card-body .d-flex .btn {
  min-width: 119px;
  padding: 10px;
  white-space: nowrap;
}
.card.product-card .card-body .d-flex .btn.mr15 {
  margin-right: 30px !important;
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .card.product-card .card-body .d-flex .btn.mr15 {
    margin-right: 10px !important;
  }
}
.card.product-card .card-body h3 {
  color: #304087;
  margin-bottom: 7px;
}
.card.product-card .card-body h3 a {
  text-decoration: none;
}
@media screen and (min-width: 768px) {
  .card.product-card .card-body h3 {
    min-height: auto;
  }
}
.card.product-card .card-body .p18 {
  margin-bottom: 25px;
  color: #303030;
  min-height: 80px;
  font-size: 16px;
}
@media screen and (max-width: 767px) {
  .card.product-card .card-body .p18 {
    min-height: 80px;
  }
}
.home-page-banner {
  height: 400px;
  background: #fff0;
  border-top: 1px solid #fff;
}
@media screen and (min-width: 1600px) {
  .home-page-banner {
    height: 550px;
  }
}
@media screen and (max-width: 767px) {
  .home-page-banner {
    height: 450px;
    min-height: inherit;
  }
}
@media screen and (max-width: 767px) {
  .home-page-banner .banner-img-wrap .banner-img-mobile {
    height: 450px;
    background-position: bottom center;
  }
}
.home-page-banner .banner-info.left-wrap {
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  align-content: stretch;
  background: #fff0;
}
@media screen and (min-width: 768px) {
  .home-page-banner .banner-info.left-wrap {
    margin-left: 1px;
  }
}
@media screen and (max-width: 767px) {
  .home-page-banner .banner-info.left-wrap {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: center;
    align-content: stretch;
    margin-top: 0;
    text-align: center;
  }
}
.home-page-banner .banner-info.left-wrap h1 {
  margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
  .home-page-banner .banner-info.left-wrap h1 {
    margin-bottom: 10px;
    padding: 0 5px;
  }
}
.home-page-banner .banner-info.left-wrap .banner-para {
  margin-bottom: 30px;
  font-weight: 400;
  font-size: 16px;
  min-height: 42px;
}
@media screen and (max-width: 767px) {
  .home-page-banner .banner-info.left-wrap .banner-para {
    font-size: 14px;
    min-height: 18px;
    max-width: 90%;
  }
}
.home-page-banner .banner-info.left-wrap .banner-para ul {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  align-content: stretch;
}
.home-page-banner .banner-info.left-wrap .banner-para ul li {
  min-width: 123px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .home-page-banner .banner-info.left-wrap .banner-para ul li {
    font-size: 14px;
    min-height: 18px;
    min-width: inherit;
  }
}
.home-page-banner .banner-info.left-wrap .banner-para ul li:not(:last-child) {
  border-right: 1px solid #fff;
  margin-right: 10px;
  padding-right: 10px;
}
@media screen and (max-width: 767px) {
  .node--type-saving-acc-adv
    #data-section6.related-blog-section
    h2.common-section-heading {
    width: calc(100% - 50px);
  }
  .node--type-saving-acc-adv
    #data-section6.related-blog-section
    .owl-carousel
    .owl-nav
    .owl-prev,
  .node--type-saving-acc-adv #data-section6.related-blog-section .owl-next {
    position: absolute;
    top: -92px;
  }
}
.node--type-saving-acc-adv
  #data-section6.related-blog-section
  .card.product-card
  .scale-img-wrap
  img.card-img-top.scale-img {
  height: 264px;
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .node--type-saving-acc-adv
    #data-section6.related-blog-section
    .card.product-card
    .card-body
    .d-flex {
    transform: scale(0.85);
    transform-origin: 0 bottom;
    -webkit-transform: scale(0.85);
    -moz-transform: scale(0.85);
    -ms-transform: scale(0.85);
    -o-transform: scale(0.85);
  }
}
.csr-approach-section {
  background: #f8f8f8;
}
.csr-details-section1 .csr-details-para {
  margin-bottom: 36px;
}
@media screen and (max-width: 767px) {
  .csr-details-section1 .csr-details-para {
    margin-bottom: 30px;
  }
}
.csr-details-section1 .csr-details-para:last-child {
  margin-bottom: 0;
}
.csr-details-section1 .csr-details-para h4 {
  color: #303030;
}
.csr-details-section1 .csr-details-para h6 {
  font-weight: 700;
}
.csr-details-section1 .csr-details-para .p16 {
  color: #373f41;
  margin-bottom: 35px;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .csr-details-section1 .csr-details-para .p16 {
    margin-bottom: 20px;
  }
}
.csr-details-section1 .csr-details-para .p16:last-child {
  margin-bottom: 0;
}
.csr-details-section2 .csr-details-container2 {
  background: #304087;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  padding: 37px 28px;
}
@media screen and (max-width: 767px) {
  .csr-details-section2 .csr-details-container2 {
    padding: 30px 15px;
  }
}
.csr-details-section2 .csr-details-container2 h2 {
  max-width: 858px;
  margin: 0 auto;
  text-align: center;
  font-weight: 400;
}
.csr-details-section2 .csr-details-container2 .row1 {
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  .csr-details-section2 .csr-details-container2 .row1 {
    margin-bottom: 20px;
  }
}
.csr-details-section2 .csr-details-container2 .row2 {
  margin-bottom: 43px;
}
@media screen and (max-width: 767px) {
  .csr-details-section2 .csr-details-container2 .row2 {
    margin-bottom: 20px;
  }
}
.csr-details-section2 .csr-details-container2 .row3 {
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .csr-details-section2 .csr-details-container2 .row3 {
    margin-bottom: 20px;
  }
}
.csr-details-section2 .csr-details-container2 .row4 {
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .csr-details-section2 .csr-details-container2 .row4 {
    margin-bottom: 20px;
  }
}
.csr-details-section2 .csr-details-container2 .row5 {
  margin-bottom: 20px;
}
.csr-details-section3 .partners-logo-img.img-fluid {
  width: auto !important;
  margin: auto;
}
.csr-details-section3 h6 {
  font-style: normal;
  font-weight: 700;
  color: #000;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: #304087;
}
.csr-details-section4 h2 {
  color: #000;
}
@media screen and (max-width: 767px) {
  .csr-details-section4 h2 {
    font-size: 32px;
  }
}
.report-card-col {
  padding: 20px !important;
  position: relative;
}
.report-card-col .report-card {
  height: 100%;
  position: relative;
}
.report-card-col .report-card .bttn-link-arrow {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 3;
}
.report-card-col p.p11 {
  color: #7e7e7e;
  font-weight: 400;
  margin-bottom: 12px;
  text-transform: uppercase;
}
.report-card-col .report-img {
  margin-bottom: 59px;
}
@media screen and (max-width: 767px) {
  .report-card-col .report-img {
    margin-bottom: 17px;
  }
}
.report-card-col .report-img .img-fluid {
  width: 100%;
}
.report-card-col h5 {
  font-weight: 400;
  font-size: 20px;
  color: #303030;
  margin-bottom: 45px;
}
.p18-heading {
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  color: #000;
  margin-bottom: 20px;
}
.btn-wrap-flex {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  align-content: stretch;
}
@media screen and (max-width: 767px) {
  .btn-wrap-flex {
    flex-direction: column;
    text-align: center;
  }
  .btn-wrap-flex .d-flex {
    margin-top: 10px;
    margin-bottom: 20px;
  }
}
.calc-credit-card-value-section .common-tab-wrap {
  border: 0;
  box-shadow: none;
}
.calc-credit-card-value-section .common-tab-wrap .tab-pane-inner {
  padding: 0;
}
.right-border-h2 {
  position: relative;
  font-weight: 700;
  padding-left: 23px;
}
.right-border-h2 > div {
  margin-left: 0;
}
.right-border-h2::before {
  content: "";
  height: 100%;
  width: 5px;
  margin-right: 15px;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
  background: #304087;
}
.value-calc-right-card {
  height: 100%;
  background: #e4e9ff;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .value-calc-right-card {
    margin-bottom: 20px;
    overflow: hidden;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
  }
}
@media screen and (max-width: 767px) {
  .value-calc-right-card {
    margin-bottom: 20px;
    overflow: hidden;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
  }
}
.value-calc-right-card .value-calc-right-head {
  padding: 12px 25px 15px;
  border-bottom: 0;
  max-height: 131px;
}
@media screen and (max-width: 767px) {
  .value-calc-right-card .value-calc-right-head {
    padding: 15px;
  }
}
.value-calc-right-card .value-calc-right-head .value-calc-right-head-row {
  margin-bottom: 5px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: start;
  align-content: stretch;
}
@media screen and (max-width: 767px) {
  .value-calc-right-card .value-calc-right-head .value-calc-right-head-row {
    align-items: start;
  }
}
.value-calc-right-card
  .value-calc-right-head
  .value-calc-right-head-row
  .value-calc-right-head2 {
  max-width: 170px;
  text-align: right !important;
}
.value-calc-right-card
  .value-calc-right-head
  .value-calc-right-head-row
  .value-calc-right-head2
  img {
  max-height: 60px;
  max-width: inherit;
  width: auto;
  display: inline-block;
}
.value-calc-right-card
  .value-calc-right-head
  .value-calc-right-head-row
  .value-calc-right-head2
  .p14 {
  min-height: 40px;
  text-transform: uppercase !important;
}
.value-calc-right-card .value-calc-right-head .value-calc-right-head-row h4 {
  font-style: normal;
  font-weight: 400;
  font-size: 32px;
  color: #303030;
  margin-top: 15px;
}
.value-calc-right-card .value-calc-right-head .value-calc-right-head-row .p14 {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #606060;
  margin-bottom: 5px;
}
@media screen and (max-width: 767px) {
  .value-calc-right-card
    .value-calc-right-head
    .value-calc-right-head-row
    .p14 {
    font-size: 12px;
  }
}
.val-calc-img {
  width: 82px;
  height: 53px;
}
.value-calc-right {
  width: 100%;
  border-collapse: collapse;
}
.value-calc-right tr:last-child td {
  border-bottom: 0;
}
.value-calc-right tr td {
  text-align: center;
  border: 0;
  border-bottom: 1px dashed #cbcbcb;
  padding: 24px 15px;
  background: #e4e9ff;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .value-calc-right tr td:nth-child(odd) {
    text-align: left;
  }
  .value-calc-right tr td:nth-child(even) {
    text-align: right;
  }
}
@media screen and (max-width: 767px) {
  .value-calc-right tr td:nth-child(odd) {
    text-align: left;
  }
  .value-calc-right tr td:nth-child(even) {
    text-align: right;
  }
}
@media screen and (max-width: 767px) {
  .value-calc-right tr td {
    padding: 15px;
  }
}
.value-calc-right tr td .p14 {
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  color: #303030;
}
.value-calc-right tr td .p14 b {
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  color: #000;
}
.calc-val-wrap.calc-val-wrap-desktop {
  display: block;
}
@media screen and (max-width: 767px) {
  .calc-val-wrap.calc-val-wrap-desktop {
    display: none;
  }
}
.calc-val-wrap.calc-val-wrap-mobile {
  display: none;
}
@media screen and (max-width: 767px) {
  .calc-val-wrap.calc-val-wrap-mobile {
    display: block;
  }
  .calc-val-wrap.calc-val-wrap-mobile .value-calc-left {
    min-width: 100%;
  }
  .calc-val-wrap.calc-val-wrap-mobile .value-calc-right tr td .p14 {
    color: #304087;
  }
}
.form-wrap-card-outer {
  background: #f5f6f7;
}
@media screen and (max-width: 767px) {
  .form-wrap-card-outer {
    background: #fff;
    padding: 0 !important;
  }
}
.app-credit-info-outer {
  text-align: center;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .app-credit-info-outer {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .app-credit-info-outer {
    display: none;
  }
}
.video-card.scale-img-wrap {
  position: relative;
  margin-bottom: 20px;
}
.video-card.scale-img-wrap .video-img-card {
  position: relative;
  overflow: hidden;
}
.video-card.scale-img-wrap .video-img-card img.video-card-img.scale-img {
  width: 100%;
}
.video-card.scale-img-wrap .video-img-card::after {
  content: "";
  background: linear-gradient(180deg, #000000 0%, #fff0 100%);
  border-radius: 4px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: rotate(-180deg);
  z-index: 3;
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  opacity: 0.4;
}
.video-card.scale-img-wrap img.video-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%);
  z-index: 9;
  -webkit-transform: translate(-50%);
  -moz-transform: translate(-50%);
  -ms-transform: translate(-50%);
  -o-transform: translate(-50%);
  margin-top: -20px;
}
.video-card.scale-img-wrap h5 {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  letter-spacing: 0.2px;
  color: #304087;
  margin: 13px 0;
}
.quick-link-rbl-section {
  background: #f4f5fc;
}
@media screen and (min-width: 768px) {
  .credit-card-nth-level-banner .icon-strip-wrap .mr20 {
    min-width: 30%;
  }
}
.icon-strip-wrap {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  margin-top: 20px;
  margin-bottom: 33px !important;
}
@media screen and (max-width: 767px) {
  .icon-strip-wrap {
    margin-top: 15px;
    margin-bottom: 20px !important;
  }
}
.icon-strip-wrap .mr20 {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  color: #304087;
  font-style: normal;
  font-size: 16px;
}
@media screen and (min-width: 768px) {
  .icon-strip-wrap .mr20 {
    margin-right: 15px !important;
    min-width: 190px;
  }
}
.icon-strip-wrap .mr20 .img-wrap-icon {
  margin-right: 10px;
  width: inherit;
}
.icon-strip-wrap .mr20 .img-wrap-icon img {
  width: 32px;
  max-width: inherit;
  display: block;
}
@media screen and (max-width: 767px) {
  .icon-strip-wrap {
    flex-direction: column;
  }
  .icon-strip-wrap .mr20 {
    margin-bottom: 15px;
  }
  .icon-strip-wrap .mr20:last-child {
    margin-bottom: 0;
  }
}
.icon-strip-wrap span.p16 {
  color: #304087;
}
.saving-acc-cate-section2 .view-content.row .col-md-6.col-lg-4.col-12div {
  height: 100%;
}
.saving-acc-cate-section2 .card.product-card {
  margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
  .saving-acc-cate-section2 .card.product-card {
    margin-bottom: 40px;
    height: calc(100% - 30px);
  }
  .saving-acc-cate-section2 .card.product-card .card-body {
    padding-bottom: 80px;
  }
  .saving-acc-cate-section2 .card.product-card .card-body .d-flex {
    position: absolute;
    bottom: 30px;
    left: 30px;
    z-index: 3;
  }
}
@media screen and (max-width: 767px) {
  .saving-acc-cate-section2 .card.product-card {
    margin-bottom: 40px;
  }
}
.term-text {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  letter-spacing: 0.2px;
  color: #bdbdbd;
  position: absolute;
  bottom: 20px;
  right: 40px;
  display: inline-block;
  width: auto;
}
@media screen and (max-width: 767px) {
  .term-text {
    bottom: 10px;
    right: 20px;
  }
}
.tab-wrap {
  background: #fff;
  box-shadow: -2px 4px 4px rgb(0 0 0 / 0.15);
  padding: 5px 0 0;
  margin-bottom: 45px;
}
@media screen and (max-width: 767px) {
  .tab-wrap {
    margin-bottom: 0;
  }
  .tab-wrap > .container {
    padding-right: 0;
    padding-left: 0;
  }
}
.saving-acc-adv-section {
  background: #f4f5fc;
}
.saving-acc-adv-section .common-tab-wrap.common-tab-wrap-blue {
  background: #e4e9ff;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
.saving-acc-adv-section .common-tab-wrap.common-tab-wrap-blue .tab-pane-inner {
  margin-top: 0 !important;
}
.saving-acc-adv-section
  .common-tab-wrap.common-tab-wrap-blue
  .tab-pane-inner
  .col-lg-7
  ul.disk-ul-wrap2 {
  margin-left: 35px !important;
}
.saving-acc-adv-section
  .common-tab-wrap.common-tab-wrap-blue
  .nav-tabs
  .nav-link {
  font-size: 20px;
}
@media screen and (max-width: 767px) {
  .saving-acc-adv-section
    .common-tab-wrap.common-tab-wrap-blue
    .nav-tabs
    .nav-link {
    padding: 20px 25px;
  }
}
.saving-acc-adv-section .common-tab-wrap {
  background: #fff0;
  border: 0;
  box-shadow: none;
  border-radius: 0;
  position: relative;
}
.saving-acc-adv-section .common-tab-wrap div#nav-Calculator {
  padding-bottom: 60px;
}
.saving-acc-adv-section h2.right-border-h2 {
  color: #304087;
  font-weight: 400;
}
.saving-acc-adv-section .common-tab-wrap-blue.common-tab-wrap::after {
  border-bottom: 1px solid #dbdcde;
}
.saving-acc-adv-section .common-tab-wrap-blue.common-tab-wrap .tab-pane-inner {
  padding: 20px 25px;
}
.saving-acc-adv-section .common-tab-wrap-blue.common-tab-wrap .back-btn {
  text-decoration: underline;
}
.saving-acc-adv-section .common-tab-wrap-blue.common-tab-wrap ul {
  list-style: disc;
  margin-left: 20px;
}
.saving-acc-adv-section .common-tab-wrap-blue.common-tab-wrap ul li {
  list-style: disc;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 150%;
  color: #304087;
  margin-bottom: 15px;
}
.saving-acc-adv-section .common-tab-wrap-blue.common-tab-wrap ul li p {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 150%;
  color: #606060;
}
.saving-acc-adv-section .common-tab-wrap-blue.common-tab-wrap .nav-tabs::after {
  content: "";
  height: 2px;
  z-index: 3;
  position: absolute;
  bottom: 2px;
  left: 15px;
  right: 25px;
  max-width: 527.89px;
  border-bottom: 1px solid #dbdcde;
}
@media screen and (max-width: 767px) {
  .saving-acc-adv-section
    .common-tab-wrap-blue.common-tab-wrap
    .nav-tabs::after {
    bottom: 0;
  }
}
.offer-table {
  background-color: #fff;
  border: 0;
  text-align: center;
  border-collapse: collapse;
  border-style: hidden;
}
.offer-table td {
  background-color: #fff;
  border: #e7e7e7 1px solid;
  width: 50%;
  height: 175px;
}
.offer-table .offer-icon-wrap {
  text-align: center;
}
.offer-table .offer-icon-wrap a {
  display: block;
}
.offer-table .offer-icon-wrap:hover p {
  color: #304087;
  font-weight: 700;
}
.offer-table img.offer-icon-img {
  margin: 15px 0;
  width: 40px;
}
.offer-table .p18 {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  color: #4f4f4f;
}
.offer-table-section section.common-section {
  padding-bottom: 0;
}
@media screen and (max-width: 767px) {
  .offer-table-section section.common-section {
    padding-top: 30px;
  }
}
.offer-table-section .container .container {
  padding: 0;
}
.feature-card2-upd {
  background: #e9ecf7;
  box-shadow: -2px 2px 4px rgb(0 0 0 / 0.15);
}
.feature-card2-upd .earn-up-wrap {
  padding: 20px 0 20px 30px;
}
@media screen and (max-width: 767px) {
  .feature-card2-upd .earn-up-wrap {
    padding: 15px 25px;
  }
}
.feature-card2-upd .earn-up-wrap .br1 {
  border-right: 0;
}
.feature-card2-upd .earn-up-wrap > .p18 {
  color: #000;
}
.feature-card2-upd .earn-up-wrap .p18 {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  color: #333;
}
.feature-card2-upd .earn-up-card {
  white-space: nowrap;
  margin-top: 24px;
}
@media screen and (max-width: 767px) {
  .feature-card2-upd .earn-up-card {
    margin-top: 30px;
  }
  .feature-card2-upd .earn-up-card .row {
    margin-top: 5px;
  }
}
.feature-card2-upd .earn-up-card.l-15 {
  position: relative;
  left: 15px;
}
.feature-card2-upd .earn-up-card .earn-per {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 90px;
  color: #303030;
  line-height: normal;
  position: relative;
  margin-bottom: -15px;
}
@media screen and (max-width: 767px) {
  .feature-card2-upd .earn-up-card .earn-per {
    font-size: 45px;
    margin-bottom: 15px;
  }
}
.feature-card2-upd .earn-up-card .earn-per small {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 700;
  width: 28px;
  font-size: 16px;
  color: #303030;
  margin-left: 10px;
  white-space: normal;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .feature-card2-upd .earn-up-card .earn-per small {
    margin-left: 18px;
  }
}
.feature-card2-upd .earn-up-card .earn-per small .per-star {
  position: absolute;
  top: -13px;
  left: -8px;
  z-index: 3;
  font-size: 20px;
}
@media screen and (max-width: 767px) {
  .feature-card2-upd .earn-up-card .earn-per small .per-star {
    top: 1px;
    left: -11px;
  }
}
.feature-card2-upd .earn-up-card .earn-per small .per {
  font-size: 30px;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .feature-card2-upd .earn-up-card .earn-per small .per {
    font-size: 24px;
  }
}
.feature-card2-upd .earn-up-card.l-15 {
  position: relative;
}
.feature-card2-upd .earn-up-card.l-15::before {
  content: "";
  position: absolute;
  top: 3px;
  left: -53px;
  bottom: 0;
  background: #304087;
  width: 1px;
  height: 100%;
  z-index: 3;
}
@media screen and (max-width: 767px) {
  .feature-card2-upd .earn-up-card.l-15::before {
    left: -30px;
  }
}
.feature-card2-upd a.bttn-link-arrow.text-rbl-blue2 {
  margin-top: 20px;
  color: #304087 !important;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .offer-table-wrapper {
    float: none;
    width: 100%;
    margin-top: 40px;
  }
}
a.bttn-link-arrow.text-rbl-blue2 {
  font-size: 18px;
  display: inline-block;
}
@media screen and (max-width: 767px) {
  a.bttn-link-arrow.text-rbl-blue2 {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .offer-landing-section {
    padding-bottom: 0 !important;
  }
}
.offer-landing-section .common-tab-wrap .nav-tabs {
  border-bottom: 0;
  justify-content: space-between;
}
.offer-landing-section .common-tab-wrap .nav-tabs .nav-item.active span {
  font-size: 14px;
  font-weight: 400;
  color: #304087;
}
.offer-landing-section .common-tab-wrap .nav-tabs .nav-item span {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  text-align: center;
  color: #606060;
  margin-top: 10px;
  display: block;
}
.offer-landing-section .common-tab-wrap .tab-pane-inner h2 {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 400;
  color: #000;
  margin-bottom: 24px;
}
.offer-landing-section .common-tab-wrap .tab-pane-inner .p18 {
  color: #676767;
  margin-bottom: 26px;
}
.offer-prom-card-wrap {
  width: 100%;
  height: 152px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: stretch;
  text-align: center;
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  text-align: center;
  margin-bottom: 25px;
  margin-bottom: 20px;
}
.offer-prom-card-wrap .offer-prom-card-wrap-inner {
  position: relative;
  z-index: 5;
}
.offer-prom-card-wrap:hover::after {
  opacity: 0.5;
}
.offer-prom-card-wrap::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: rotate(-180deg);
  z-index: 3;
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  background: rgb(0 0 0 / 0.35);
}
.offer-prom-card-wrap .offer-prom-card-wrap-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
  object-fit: cover;
  background-size: cover;
  background-repeat: no-repeat;
}
.trending-offers-section .scale-img-wrap {
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 30px;
}
.mw-580 {
  max-width: 580px;
  margin: auto;
  text-align: center;
}
.filter-left-col {
  width: 280px;
}
@media screen and (max-width: 767px) {
  .filter-left-col {
    width: 100%;
    display: none !important;
  }
}
.filter-right-col {
  width: calc(100% - 280px);
}
@media screen and (max-width: 767px) {
  .filter-right-col {
    width: 100%;
  }
}
.filter-left-wrap {
  background: #ebedff;
  border-radius: 8px;
  padding: 16px 18px;
}
.filter-left-wrap .filter-left-head-flex {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  align-content: stretch;
}
.offer-title-a {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  color: #263238;
  height: 20px;
  background: #baeab9;
  border-radius: 16px;
  line-height: 20px;
  display: inline-block;
  padding: 0 12px;
}
.awards-card-wrap.promp-card {
  position: relative;
}
.awards-card-wrap.promp-card p.p32.w-700 {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  color: #0b0a0a;
}
.awards-card-wrap.promp-card p.p32.w-700 small {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 17px;
  color: #0b0a0a;
}
.awards-card-wrap.promp-card p.p12 {
  color: #0b0a0a;
  margin-bottom: 12px;
}
.awards-card-wrap.promp-card p.p14 {
  margin-bottom: 12px;
}
.awards-card-wrap.promp-card img.card-img-top.scale-img {
  object-fit: cover !important;
  height: 157px;
}
.awards-card-wrap.promp-card a.end-soon-a {
  position: absolute;
  top: -5px;
  right: 10px;
  z-index: 9;
}
.awards-card-wrap.promp-card .card-body {
  padding: 7px 16px 10px;
}
.search-box-outer {
  position: relative;
  margin-top: 2px;
}
.search-box-outer .form-control-search {
  background: #d9edff;
  border: 1px solid #c4c4c4;
  border-radius: 4px;
  height: 35px;
  margin-bottom: 30px;
  width: 100%;
  padding: 10px 30px 10px 10px;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #606060;
}
.search-box-outer .seach-btn {
  position: absolute;
  top: 4px;
  right: 10px;
  z-index: 3;
  color: #304087;
}
.filter-left-body.overflow-y-auto {
  max-height: 550px;
  overflow: auto;
}
.filter-left-body.overflow-y-auto .form-group.checkbox-form-group {
  margin: 0 12px 24px;
}
.filter-right-head-flex {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  align-content: stretch;
}
.filter-right-head-flex a.back-btn {
  font-size: 14px;
}
.filter-right-head {
  padding-bottom: 15px;
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: 26px;
}
.sort-by-select {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  align-content: stretch;
}
.sort-by-select .p12 {
  font-style: normal;
  font-weight: 500;
  color: #2c3131;
}
.sort-by-select select.form-control {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0.2px;
  color: #303030;
  background: #fff url(../images/dropdown-icon.svg) no-repeat right center;
  height: 35px;
  border: 1px solid #304087;
  border-radius: 4px;
  width: 195px;
}
.footer-fixed-filter {
  height: 65px;
  background: #f3f4f6;
  box-shadow: 2px 0 4px rgb(0 0 0 / 0.2);
  width: 100%;
  padding: 20px;
  text-align: center;
  display: flex;
  position: fixed;
  bottom: 63px;
  right: 0;
  left: 0;
  z-index: 999;
}
@media screen and (min-width: 768px) {
  .footer-fixed-filter {
    display: none !important;
  }
}
.footer-fixed-filter a {
  width: 50%;
  display: inline-block;
  position: relative;
}
.footer-fixed-filter a span {
  margin-left: 10px;
}
.footer-fixed-filter a:first-child::after {
  content: "";
  width: 1px;
  height: 34px;
  border-left: 1px solid #c4c4c4;
  right: 0;
  top: 0;
  position: absolute;
  z-index: 3;
}
.filters-modal .modal-content {
  border: 0;
}
.filters-modal .modal-header {
  background: #304087;
  border-radius: 0;
  border: 0;
}
.filters-modal .modal-header .btn-close-modal {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 0.3px;
  color: #fff;
  background: #fff0;
  border: 0;
}
.filters-modal .modal-body {
  background: #f3f4f8;
}
.filters-modal .modal-body h4 {
  margin: 10px 10px 30px;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  color: #304087;
}
.filters-modal .modal-footer {
  height: 70px;
  background: #fff;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
}
.filters-modal .modal-footer button {
  margin: 0;
  font-weight: 400;
  font-size: 18px;
  text-decoration: none;
}
.rbl-ivr-section {
  background: #e9ecf7;
}
@media screen and (max-width: 767px) {
  .rbl-ivr-section {
    background: #e9f5ff;
  }
}
.more-from-rbl-section {
  background: #e9f5ff;
}
.rewiew-cards-owl-wrap .rewiew-cards-owl-carousel .owl-stage-outer {
  padding: 10px;
}
.video-iframe video {
  width: 100%;
  height: 320px;
}
.reward-program .reward-program-top {
  height: 190px;
  background: #f8efef;
  border-radius: 10px;
}
.reward-program .reward-program-top img {
  width: 100%;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .reward-program .reward-program-top {
    padding-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  .reward-program .reward-program-top {
    height: 160px;
    margin-top: 30px;
  }
}
.reward-program .reward-program-bottom {
  background: #304087;
  border-radius: 10px;
  padding: 40px 15px;
  text-align: center;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.reward-program h2 {
  color: #fff;
  max-width: 317px;
  margin: auto;
  font-size: 30px;
  font-weight: 300;
}
.reward-program h2 b {
  font-weight: 700;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .ivr-media.media img.img-fluid {
    margin: auto;
  }
  .ivr-media.media .media-body .p18 {
    margin-bottom: 65px;
  }
}
.credit-card-product-section {
  background: #fff;
}
.credit-card-product-section .common-tab-wrap {
  background: #fff0;
  border: 0;
  box-shadow: none;
  border-radius: 0;
}
.credit-card-product-section .common-tab-wrap .card.product-card {
  margin-bottom: 30px;
}
.credit-card-product-section .common-tab-wrap .tab-pane-inner {
  padding: 0;
}
@media screen and (max-width: 767px) {
  .credit-card-product-section .common-tab-wrap .tab-pane-inner {
    padding: 0 10px;
  }
}
.tab-section-fixed {
  padding: 0;
  background: #fff;
}
.tab-section-fixed .common-tab-wrap .nav-tabs::after {
  display: none !important;
}
.node__content {
  margin-top: 0;
}
.focus-area-img.scale-img-wrap img {
  height: auto;
}
.form-control-dropdown-wrap {
  position: relative;
}
.form-control-dropdown-wrap i.ph-caret-down {
  position: absolute;
  top: 10px;
  right: 0;
  font-size: 24px;
  color: #304087;
  z-index: 9;
  pointer-events: none;
}
select.form-control-dropdown {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 34px;
  line-height: 40px;
  color: #304087;
  border: 0;
  border-bottom: 2px solid #304087;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-right: 30px;
  padding-left: 10px;
  background: #fff0 url(../images/down-icon-select.svg) no-repeat right center;
}
select.form-control-dropdown * {
  background: #ebefff;
  border-radius: 4px;
  border: 0;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  color: #303030;
  padding: 0 10px;
  font-family: "Roboto", sans-serif !important;
}
@media screen and (max-width: 767px) {
  select.form-control-dropdown {
    font-size: 28px;
  }
}
@media screen and (max-width: 767px) {
  .home-section4 .p14-adj {
    font-size: 13px;
  }
}
.tab-content.nowrap-text-label-xs.min-h85 {
  margin-bottom: 0;
}
.tab-content.nowrap-text-label-xs.min-h85 .xs-flex-cols {
  position: relative;
}
@media screen and (max-width: 767px) {
  .tab-content.nowrap-text-label-xs.min-h85
    .xs-flex-cols
    .form-group.type-form-group.lg-mb0 {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 9;
  }
}
.input-group-wrap input.form-control-small-white {
  color: #304087 !important;
}
.input-group-wrap span.input-text {
  line-height: 23px;
  top: 3px;
}
@media screen and (min-width: 768px) {
  .slick-slider .slick-track {
    margin-left: 5px;
  }
}
.slick-slider span.next-owl-btn.slick-arrow {
  position: absolute;
  top: -72px;
  right: 0;
  z-index: 3;
}
.slick-slider span.prev-owl-btn.slick-arrow {
  position: absolute;
  top: -72px;
  right: 56px;
  z-index: 3;
}
.home-banner-wrapper .slick-disabled {
  cursor: not-allowed !important;
  opacity: 0.4;
}
.home-banner-wrapper span.prev-owl-btn-home.slick-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 99;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  left: 15px;
  cursor: pointer;
}
@media screen and (min-width: 1200px) {
  .home-banner-wrapper span.prev-owl-btn-home.slick-arrow {
    left: 35px;
  }
}
.home-banner-wrapper span.next-owl-btn-home.slick-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 99;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  right: 15px;
  cursor: pointer;
}
@media screen and (min-width: 1200px) {
  .home-banner-wrapper span.next-owl-btn-home.slick-arrow {
    right: 35px;
  }
}
.home-banner-wrapper .slick-dots {
  bottom: 45px;
  text-align: center;
  margin-top: -32px;
  position: relative;
}
.home-banner-wrapper .owl-btn-squre-home {
  font-size: 56px;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .home-banner-wrapper .owl-btn-squre-home {
    display: none !important;
  }
}
.home-banner-wrapper .slick-track {
  margin-left: 0;
}
@-webkit-keyframes aniWidth {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@keyframes aniWidth {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
.home-banner-wrapper .slick-dots {
  bottom: 25px;
  display: none;
}
.home-banner-wrapper .slick-dots li {
  position: relative;
  display: inline-block;
  width: 57px;
  height: auto;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.home-banner-wrapper .slick-dots li::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 0;
  background: #ec0a0a !important;
  z-index: 5;
  opacity: 0;
}
.home-banner-wrapper .slick-dots li.slick-active::after {
  -webkit-animation: aniWidth 6s linear 0s forwards;
  animation: aniWidth 6s linear 0s forwards;
  opacity: 1;
}
.home-banner-wrapper .slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 100%;
  height: 4px;
  padding: 0;
  cursor: pointer;
  color: #fff0;
  border: 0;
  outline: none;
  background: #fff;
}
.home-banner-wrapper .slick-next {
  right: 30px;
  z-index: 9;
  margin-top: -10px;
}
@media screen and (max-width: 767px) {
  .home-banner-wrapper .slick-next {
    display: none !important;
  }
}
.home-banner-wrapper .slick-prev {
  left: 30px;
  z-index: 9;
  margin-top: -10px;
}
@media screen and (max-width: 767px) {
  .home-banner-wrapper .slick-prev {
    display: none !important;
  }
}
.home-banner-wrapper .slick-dotted.slick-slider {
  margin-bottom: 0;
}
.home-banner-wrapper .slick-next:before {
  content: url(/themes/custom/rbl_bank/images/right-arrow-slick.svg);
}
.home-banner-wrapper .slick-prev:before {
  content: url(/themes/custom/rbl_bank/images/left-arrow-slick.svg);
}
.home-banner-wrapper .slick-dots li {
  margin: 0 8px;
}
@media screen and (max-width: 767px) {
  .home-banner-wrapper .banner-info-inner {
    position: relative;
    text-align: center;
    max-width: 100%;
  }
}
.slick-dotted.slick-slider {
  margin-bottom: 0;
}
.common-section.bg-gray-c.saving-acc-adv-section {
  padding-top: 0;
}
@media screen and (min-width: 768px) {
  .common-section.bg-gray-c.saving-acc-adv-section
    .nav.nav-tabs.hide-after.text-center.fixed-nav-adj
    .nav-link::after {
    bottom: -13px;
  }
}
@media screen and (max-width: 767px) {
  .common-section.bg-gray-c.saving-acc-adv-section {
    overflow-x: hidden;
  }
  .common-section.bg-gray-c.saving-acc-adv-section .tab-pane-inner {
    margin-top: 30px;
  }
  .common-section.bg-gray-c.saving-acc-adv-section
    .tab-pane-inner
    .tab-pane-inner {
    margin-top: 0;
  }
}
section.common-section.related-blog-section .card.product-card .card-body h3 {
  min-height: 65px;
}
section.common-section.related-blog-section .card.product-card .card-body .p18 {
  min-height: 60px;
  color: #303030;
}
section.common-section.related-blog-section
  .card.product-card
  .card-body
  .p18
  p {
  font-size: 16px;
  color: #303030;
}
.term-text-lg {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0.2px;
  color: #909090;
  position: absolute;
  bottom: 20px;
  left: 40px;
  z-index: 3;
}
@media screen and (max-width: 767px) {
  .term-text-lg {
    position: static;
    margin-left: 20px;
    margin-bottom: 15px;
    margin-top: 10px;
  }
}
.row.earn-up-wrap-row .earn-up-wrap-left {
  position: relative;
}
@media screen and (min-width: 992px) {
  .row.earn-up-wrap-row .earn-up-wrap-left {
    width: 630px;
  }
}
@media screen and (min-width: 992px) {
  .row.earn-up-wrap-row .earn-up-wrap-right {
    width: calc(100% - 630px);
  }
  .row.earn-up-wrap-row .earn-up-wrap-right .card-img-offer {
    height: 340px;
    object-fit: cover;
  }
}
.extra-info-section {
  padding-top: 0;
  border-bottom: 1px solid #f4f5fc;
}
.extra-info-section .extra-info-wrap .p16 b {
  font-weight: 700;
  color: #606060;
}
.price-tbl-wrap table {
  margin-top: 0;
  border-collapse: collapse;
}
.price-tbl-wrap table th {
  font-size: 16px;
  background: #fff0;
  font-weight: 700;
  border: 1px solid rgb(144 144 144 / 0.2);
  color: #606060;
  background: #f2f2f2;
  vertical-align: middle;
}
.price-tbl-wrap table td {
  font-size: 16px;
  background: #fff0;
  color: #606060;
  border: 1px solid rgb(144 144 144 / 0.2);
  vertical-align: middle;
}
.price-tbl-wrap table tr:nth-child(odd) {
  background-color: #fff;
}
.price-tbl-wrap table tr:nth-child(even) {
  background-color: #f2f2f2;
}
img.card-img-offer.img-fluid {
  width: 100%;
  height: auto;
}
.range-wrap-outer input[type="number"]::-webkit-inner-spin-button,
.range-wrap-outer input[type="number"]::-webkit-outer-spin-button {
  opacity: 0 !important;
}
.feature-sec4 .tab-wrap-img1,
.feature-sec3 .tab-wrap-img1 {
  text-align: center;
}
.feature-sec4 .tab-wrap-img1 img,
.feature-sec3 .tab-wrap-img1 img {
  height: inherit;
}
.node--type-about-us .common-tab-wrap .nav-tabs {
  margin-bottom: 30px;
  border-bottom: 1px solid #dbdcde !important;
}
.node--type-about-us .common-tab-wrap .nav-tabs::after {
  bottom: 2px;
}
@media screen and (min-width: 768px) {
  .node--type-about-us .common-tab-wrap .nav-tabs::after {
    display: none !important;
  }
}
.member-card-col .focus-area-img.scale-img-wrap {
  text-align: center;
  padding-top: 0;
}
.node--type-management-team .common-tab-wrap .nav-tabs,
.node--type-board-of-director .common-tab-wrap .nav-tabs {
  border-bottom: 1px solid #efefef;
}
@media screen and (min-width: 768px) {
  .field--name-field-board-of-director-descript {
    padding-right: 15px;
  }
}
.field--name-field-board-of-director-descript
  h1.ttl.text-black1
  + p.p16.text-level1.mb30 {
  color: #303030 !important;
  font-weight: 700;
  font-size: 18px;
}
.field--name-field-board-of-director-descript p,
.field--name-field-board-of-director-descript .p16 {
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  color: #303030 !important;
}
.node--type-board-of-directors-details .common-tab-wrap .nav-tabs {
  margin-bottom: 30px;
  border-bottom: 1px solid #dee2e6;
}
.paragraph--type--business-banking-category {
  height: calc(100% - 30px);
}
.paragraph--type--business-banking-category .card-body-col-flex {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
  align-content: stretch;
  height: 100%;
}
.paragraph--type--business-banking-category
  .card-body-col-flex
  .card-body-col-flex-bottom
  button.btn.common-btn-outline {
  background: #f3f4f6;
}
.owl-theme .owl-nav span.owl-btn-squre {
  background: #304087;
  color: #fff;
}
.owl-theme .owl-nav .disabled {
  cursor: not-allowed;
}
.owl-theme .owl-nav .disabled span.owl-btn-squre {
  cursor: not-allowed;
  color: #304087;
  background: #e8e8ec;
  opacity: 0.4;
}
.owl-theme .owl-nav.disabled {
  cursor: not-allowed;
}
.owl-theme .owl-nav.disabled span.owl-btn-squre {
  cursor: not-allowed;
  color: #304087;
  background: #e8e8ec;
  opacity: 0.4;
}
@media screen and (min-width: 992px) {
  .attractive-rates-row .col-md-3 {
    flex: 0 0 auto;
    width: 20%;
  }
}
.faq-rbl-inner .card-header {
  position: relative;
}
.faq-rbl-inner .card-header .faq-rbl-link-faq span,
.faq-rbl-inner .card-header .faq-rbl-link-faq em {
  position: relative;
  z-index: 5;
}
.faq-rbl-inner .faq-rbl-link-faq[aria-expanded="true"]:before {
  background: #f9faff;
  content: "";
  position: absolute;
  top: -30px;
  right: -30px;
  bottom: -25px;
  left: -30px;
  z-index: 3;
}
@media screen and (max-width: 767px) {
  .faq-rbl-inner .faq-rbl-link-faq[aria-expanded="true"]:before {
    bottom: -17px;
  }
}
.faq-rbl-inner .faq-rbl-link-faq[aria-expanded="true"] .card-header::before {
  opacity: 0;
}
.faq-rbl-inner .faq-rbl-link-faq[aria-expanded="true"] span {
  font-weight: 400 !important;
}
.faq-rbl-inner .card {
  background: #f9faff;
}
.faq-rbl-inner .card .collapse {
  background: #f9faff;
  position: relative;
  z-index: 9;
}
.nav-AboutUs-tab {
  position: relative;
}
.nav-AboutUs-tab .scale-img-wrap.scale-img-width {
  max-width: 480px;
  position: relative;
  z-index: 5;
}
@media screen and (min-width: 768px) {
  .nav-AboutUs-tab::after {
    content: "";
    width: 80%;
    height: 721px;
    left: 50%;
    top: -106px;
    background: #eff7ff;
    display: block;
    position: absolute;
    z-index: 3;
    transform: translateX(-50%);
    margin-left: 760px;
  }
}
.about-us-tab-section {
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .about-us-tab-section .nav.nav-tabs.text-center.px-0 {
    margin-left: -10px;
  }
}
.about-us-tab-section .common-tab-wrap > nav {
  position: relative;
  z-index: 9;
}
.about-us-tab-section .common-tab-wrap .nav-tabs::after {
  z-index: 9;
}
section.common-section.credit-card-product-section .nav.nav-tabs.fixed-nav-adj {
  border-bottom: 1px solid #dbdcde;
}
section.common-section.credit-card-product-section
  .nav.nav-tabs.fixed-nav-adj
  .nav-link {
  color: #606060;
  font-weight: 400;
  font-size: 24px;
}
section.common-section.credit-card-product-section
  .nav.nav-tabs.fixed-nav-adj
  .nav-link.active {
  color: #304087;
  font-weight: 400;
}
section.common-section.credit-card-product-section
  .pick-wrap-para.text-center
  p.p16 {
  color: #606060;
}
section.common-section.credit-card-product-section
  .common-tab-wrap.common-tab-wrap-icon.no-box-shadow.no-border
  .nav.nav-tabs {
  border-bottom: 1px solid #dbdcde;
}
section.common-section.credit-card-product-section
  .common-tab-wrap.common-tab-wrap-icon.no-box-shadow.no-border
  .nav.nav-tabs
  .nav-link
  span {
  color: #000;
  font-size: 16px;
}
section.common-section.credit-card-product-section
  .common-tab-wrap.common-tab-wrap-icon.no-box-shadow.no-border
  .nav.nav-tabs
  .nav-link
  img {
  width: 65px;
  min-width: inherit;
}
@media screen and (min-width: 768px) {
  section.common-section.credit-card-product-section
    .common-tab-wrap.common-tab-wrap-icon.no-box-shadow.no-border
    .nav.nav-tabs
    .nav-link
    img {
    margin-bottom: 20px;
  }
}
section.common-section.credit-card-product-section
  .common-tab-wrap.common-tab-wrap-icon.no-box-shadow.no-border
  .nav.nav-tabs
  .nav-link.active
  span {
  color: #304087;
  font-weight: 400;
}
#CookiesCreditCard .cc-card-indi-item .cc-card-indi-item-head {
  background: #e6f3e7;
}
#ShopriteCreditCard .cc-card-indi-item .cc-card-indi-item-head {
  background: #fffbc3;
}
#PlatinumMaximaCard .cc-card-indi-item .cc-card-indi-item-head {
  background: #fddad1;
}
.slick-arrow.slick-disabled .owl-btn-squre {
  cursor: not-allowed;
  color: #304087;
  background: #e8e8ec;
  opacity: 0.4;
}
.slick-arrow .owl-btn-squre {
  background: #304087;
  color: #fff;
  cursor: pointer;
}
section.common-section.more-from-rbl-section {
  display: none;
}
section.common-section.offer-tab-home-section .common-tab-wrap .nav-tabs,
section.common-section.demo-video-tab-section .common-tab-wrap .nav-tabs,
section.common-section.csr-cate-tab-section .common-tab-wrap .nav-tabs {
  border-bottom: 1px solid #e9ecf7;
  margin-bottom: 30px;
}
.demo-video-tab-section section.common-section.saving-acc-cate-section2 {
  padding-top: 15px;
}
.demo-video-tab-section
  .common-tab-wrap
  .tab-pane-inner
  .views-element-container
  .col-md-6.col-lg-4.col-12
  .video-card.scale-img-wrap
  .video-img-card
  .video-card-img.scale-img
  img {
  height: 210px;
}
.credit-card-filter-menu .bef-links-use-ajax.form-select.bef-links {
  margin: 0;
  border: 0;
  padding: 0;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  text-transform: capitalize;
}
.credit-card-filter-menu:nth-child(1)
  .bef-links-use-ajax.form-select.bef-links {
  background-image: none !important;
  border-bottom: 1px solid #dbdcde;
}
.credit-card-filter-menu:nth-child(1)
  .bef-links-use-ajax.form-select.bef-links
  ul {
  justify-content: space-evenly;
  overflow-y: hidden;
  padding: 13px 7px 13px;
  position: relative;
  flex-wrap: nowrap;
  overflow-x: auto;
  display: flex;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .credit-card-filter-menu:nth-child(1)
    .bef-links-use-ajax.form-select.bef-links
    ul {
    overflow-x: auto;
    justify-content: flex-start;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .credit-card-filter-menu:nth-child(1)
    .bef-links-use-ajax.form-select.bef-links
    ul {
    overflow-x: auto;
    justify-content: flex-start;
  }
}
.credit-card-filter-menu:nth-child(1)
  .bef-links-use-ajax.form-select.bef-links
  ul
  li {
  margin-right: 15px;
}
.credit-card-filter-menu:nth-child(1)
  .bef-links-use-ajax.form-select.bef-links
  ul
  li:first-child {
  display: none !important;
}
@media screen and (max-width: 767px) {
  .credit-card-filter-menu:nth-child(1)
    .bef-links-use-ajax.form-select.bef-links
    ul
    li {
    margin-right: 35px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .credit-card-filter-menu:nth-child(1)
    .bef-links-use-ajax.form-select.bef-links
    ul
    li {
    margin-right: 35px;
  }
}
.credit-card-filter-menu:nth-child(1)
  .bef-links-use-ajax.form-select.bef-links
  ul
  li
  a {
  position: relative;
  color: #606060;
  font-weight: 400;
  font-size: 24px;
  font-style: normal;
}
.credit-card-filter-menu:nth-child(1)
  .bef-links-use-ajax.form-select.bef-links
  ul
  li
  a::after {
  content: "";
  position: absolute;
  bottom: -17px;
  left: 50%;
  transform: translateX(-50%);
  right: 0;
  width: 100%;
  min-width: 32px;
  height: 2px;
  background: #304087;
  z-index: 3;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  opacity: 0;
}
.credit-card-filter-menu:nth-child(1)
  .bef-links-use-ajax.form-select.bef-links
  ul
  li
  a.bef-link--selected {
  color: #304087 !important;
}
.credit-card-filter-menu:nth-child(1)
  .bef-links-use-ajax.form-select.bef-links
  ul
  li
  a.bef-link--selected::after {
  opacity: 1;
}
.credit-card-filter-menu:nth-child(1) + .form-wrapper .fieldset-wrapper {
  position: relative;
}
.credit-card-filter-menu:nth-child(1)
  + .form-wrapper
  .fieldset-wrapper
  a.bef-toggle {
  visibility: hidden;
  opacity: 0;
}
.credit-card-filter-menu:nth-child(1) + .form-wrapper .form-checkboxes {
  border-bottom: 1px solid #dbdcde;
  padding-bottom: 0;
}
.credit-card-filter-menu:nth-child(1) + .form-wrapper .form-checkboxes ul {
  justify-content: center;
  overflow-y: hidden;
  padding: 13px 0 0;
  position: relative;
  flex-wrap: nowrap;
  overflow-x: auto;
  display: flex;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .credit-card-filter-menu:nth-child(1) + .form-wrapper .form-checkboxes ul {
    overflow-x: auto;
    justify-content: flex-start;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .credit-card-filter-menu:nth-child(1) + .form-wrapper .form-checkboxes ul {
    overflow-x: auto;
    justify-content: flex-start;
  }
}
.credit-card-filter-menu:nth-child(1) + .form-wrapper .form-checkboxes ul li {
  position: relative;
  width: 184px;
  height: 120px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .credit-card-filter-menu:nth-child(1) + .form-wrapper .form-checkboxes ul li {
    min-width: 150px;
  }
}
.credit-card-filter-menu:nth-child(1)
  + .form-wrapper
  .form-checkboxes
  ul
  li
  label.form-check-label {
  margin-top: 10px;
}
.credit-card-filter-menu:nth-child(1)
  + .form-wrapper
  .form-checkboxes
  ul
  li
  .form-check-label::before {
  margin: auto;
  width: 62px;
  display: block;
  height: 70px;
}
.credit-card-filter-menu:nth-child(1)
  + .form-wrapper
  .form-checkboxes
  ul
  li
  .select-all-filter-checkbox.checkbox.form-check
  .form-check-label::before {
  content: url(../images/nav-tab1.svg);
}
.credit-card-filter-menu:nth-child(1)
  + .form-wrapper
  .form-checkboxes
  ul
  li
  .js-form-item.js-form-type-checkbox.checkbox.form-check.mb-3.js-form-item-field-credit-card-category-target-id-22.form-item-field-credit-card-category-target-id-22
  .form-check-label::before {
  content: url(../images/nav-tab5.svg);
}
.credit-card-filter-menu:nth-child(1)
  + .form-wrapper
  .form-checkboxes
  ul
  li
  .js-form-item.js-form-type-checkbox.checkbox.form-check.mb-3.js-form-item-field-credit-card-category-target-id-31.form-item-field-credit-card-category-target-id-31
  .form-check-label::before {
  content: url(../images/nav-tab4.svg);
}
.credit-card-filter-menu:nth-child(1)
  + .form-wrapper
  .form-checkboxes
  ul
  li
  .js-form-item.js-form-type-checkbox.checkbox.form-check.mb-3.js-form-item-field-credit-card-category-target-id-20.form-item-field-credit-card-category-target-id-20
  .form-check-label::before {
  content: url(../images/nav-tab2.svg);
}
.credit-card-filter-menu:nth-child(1)
  + .form-wrapper
  .form-checkboxes
  ul
  li
  .js-form-item.js-form-type-checkbox.checkbox.form-check.mb-3.js-form-item-field-credit-card-category-target-id-23.form-item-field-credit-card-category-target-id-23
  .form-check-label::before {
  content: url(../images/nav-tab3.svg);
}
.credit-card-filter-menu:nth-child(1)
  + .form-wrapper
  .form-checkboxes
  ul
  li
  .js-form-item.js-form-type-checkbox.checkbox.form-check.mb-3.js-form-item-field-credit-card-category-target-id-21.form-item-field-credit-card-category-target-id-21
  .form-check-label::before {
  content: url(../images/nav-tab6.svg);
}
.credit-card-filter-menu:nth-child(1)
  + .form-wrapper
  .form-checkboxes
  ul
  li
  .form-check {
  position: relative;
  color: #000;
  font-size: 16px;
  font-style: normal;
  margin-bottom: 0 !important;
  text-transform: capitalize;
  padding: 0;
}
.credit-card-filter-menu:nth-child(1)
  + .form-wrapper
  .form-checkboxes
  ul
  li
  .form-check
  input.form-checkbox.form-check-input:checked
  ~ .form-check-label::after {
  opacity: 1;
}
.credit-card-filter-menu:nth-child(1)
  + .form-wrapper
  .form-checkboxes
  ul
  li
  .form-check
  .form-check-input[type="checkbox"] {
  border-radius: 0.25em;
  opacity: 0;
}
.credit-card-filter-menu:nth-child(1)
  + .form-wrapper
  .form-checkboxes
  ul
  li
  .form-check
  .form-check-input[type="checkbox"]:checked
  + .form-check-label {
  color: #304087 !important;
}
.credit-card-filter-menu:nth-child(1)
  + .form-wrapper
  .form-checkboxes
  ul
  li
  .form-check
  .form-check-label::after {
  content: "";
  position: absolute;
  bottom: -13px;
  left: 50%;
  transform: translateX(-50%);
  right: 0;
  width: 100%;
  min-width: 32px;
  height: 2px;
  background: #304087;
  z-index: 3;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  opacity: 0;
}
.credit-card-filter-menu:nth-child(1)
  + .form-wrapper
  .form-checkboxes
  ul
  li
  .form-check.bef-link--selected {
  color: #304087 !important;
}
.credit-card-filter-menu:nth-child(1)
  + .form-wrapper
  .form-checkboxes
  ul
  li
  .form-check.bef-link--selected
  .form-check-label::after {
  opacity: 1;
}
.credit-card-filter-menu:nth-child(2)
  .bef-links-use-ajax.form-select.bef-links {
  border-bottom: 1px solid #dbdcde;
}
.credit-card-filter-menu:nth-child(2)
  .bef-links-use-ajax.form-select.bef-links
  ul {
  justify-content: space-evenly;
  overflow-y: hidden;
  padding: 13px 7px 13px;
  position: relative;
  flex-wrap: nowrap;
  overflow-x: auto;
  display: flex;
  white-space: nowrap;
}
.credit-card-filter-menu:nth-child(2)
  .bef-links-use-ajax.form-select.bef-links
  ul
  li {
  margin-right: 15px;
}
.credit-card-filter-menu:nth-child(2)
  .bef-links-use-ajax.form-select.bef-links
  ul
  li
  a {
  position: relative;
  color: #000;
  font-size: 16px;
  font-style: normal;
}
.credit-card-filter-menu:nth-child(2)
  .bef-links-use-ajax.form-select.bef-links
  ul
  li
  a::after {
  content: "";
  position: absolute;
  bottom: -16px;
  left: 50%;
  transform: translateX(-50%);
  right: 0;
  width: 100%;
  min-width: 32px;
  height: 2px;
  background: #304087;
  z-index: 3;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  opacity: 0;
}
.credit-card-filter-menu:nth-child(2)
  .bef-links-use-ajax.form-select.bef-links
  ul
  li
  a.bef-link--selected {
  color: #304087 !important;
}
.credit-card-filter-menu:nth-child(2)
  .bef-links-use-ajax.form-select.bef-links
  ul
  li
  a.bef-link--selected::after {
  opacity: 1;
}
.credit-card-filter-menu:nth-child(3)
  .bef-links-use-ajax.form-select.bef-links
  ul {
  justify-content: center;
  overflow-y: hidden;
  padding: 13px 7px 13px;
  position: relative;
  flex-wrap: wrap;
  overflow-x: auto;
  display: flex;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .credit-card-filter-menu:nth-child(3)
    .bef-links-use-ajax.form-select.bef-links
    ul {
    overflow-x: auto;
    justify-content: flex-start;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .credit-card-filter-menu:nth-child(3)
    .bef-links-use-ajax.form-select.bef-links
    ul {
    overflow-x: auto;
    justify-content: flex-start;
  }
}
.credit-card-filter-menu:nth-child(3)
  .bef-links-use-ajax.form-select.bef-links
  ul
  li {
  margin-right: 15px;
  margin-bottom: 15px;
}
.credit-card-filter-menu:nth-child(3)
  .bef-links-use-ajax.form-select.bef-links
  ul
  li
  a {
  border: 1px solid #dbdcde;
  border-radius: 30px;
  height: 46px;
  padding: 5px 18px;
  display: inline-block;
  line-height: 35px;
  color: #000;
  font-size: 16px;
}
.credit-card-filter-menu:nth-child(3)
  .bef-links-use-ajax.form-select.bef-links
  ul
  li
  a::before {
  content: url(../images/check-tag.svg);
  margin-right: 10px;
  opacity: 0.2;
  vertical-align: -5px;
}
.credit-card-filter-menu:nth-child(3)
  .bef-links-use-ajax.form-select.bef-links
  ul
  li
  a.bef-link--selected {
  color: #fff;
  background: #304087;
  border-color: #304087;
}
.credit-card-filter-menu:nth-child(3)
  .bef-links-use-ajax.form-select.bef-links
  ul
  li
  a.bef-link--selected::before {
  filter: brightness(0) invert(1);
  -webkit-filter: brightness(0) invert(1);
  opacity: 1;
}
.saving-acc-adv-section .common-tab-wrap ul.disk-ul-wrap2 li,
.credit-card-nth-level-banner li {
  color: #606060 !important;
}
.saving-acc-adv-section .common-tab-wrap ul.disk-ul-wrap2 li::marker,
.credit-card-nth-level-banner li::marker {
  color: #304087 !important;
}
.related-blog-section
  .card.product-card
  .card-body
  .d-flex
  .btn.common-btn-outline,
.related-blog-section
  .card.product-card
  .card-body
  .d-flex
  .btn.common-btn-gray,
.saving-acc-cate-section2
  .card.product-card
  .card-body
  .d-flex
  .btn.common-btn-outline,
.saving-acc-cate-section2
  .card.product-card
  .card-body
  .d-flex
  .btn.common-btn-gray,
.credit-card-product-section
  .card.product-card
  .card-body
  .d-flex
  .btn.common-btn-outline,
.credit-card-product-section
  .card.product-card
  .card-body
  .d-flex
  .btn.common-btn-gray {
  background: #f3f4f6;
}
@media screen and (min-width: 768px) {
  .card.product-card.c-d-card .card-body {
    padding: 23px 30px 70px 30px;
  }
}
@media screen and (min-width: 768px) {
  .card.product-card.c-d-card {
    position: relative;
  }
  .card.product-card.c-d-card .c-d-card-flex-bottom {
    position: absolute;
    bottom: 30px;
    left: 30px;
    z-index: 9;
  }
}
.card.product-card.c-d-card .card-body h3 {
  min-height: 60px;
}
.card.product-card.c-d-card .disk-ul-wrap {
  min-height: 193px;
}
.card.product-card.c-d-card .scale-img-wrap img {
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
}
.card.product-card.c-d-card .c-d-card-flex {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  height: 100%;
}
@media screen and (min-width: 768px) {
  .card.product-card.c-d-card {
    height: calc(100% - 30px);
  }
}
p.saving-acc-para {
  font-size: 18px;
  line-height: 26px;
  color: #606060;
  max-width: 1014px;
  margin: -10px auto 10px;
  text-align: center;
}
.faq-rbl-section .disk-ul-wrap2 li,
.related-blog-section .disk-ul-wrap2 li {
  color: #606060 !important;
}
.faq-rbl-section .disk-ul-wrap2 li::marker,
.related-blog-section .disk-ul-wrap2 li::marker {
  color: #304087 !important;
}
.card.product-card .card-body .card-flex-wrap-col {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
  align-content: stretch;
  min-height: 205px;
}
@media screen and (max-width: 767px) {
  .card.product-card .card-body .card-flex-wrap-col {
    min-height: inherit;
  }
}
.card.product-card .card-body .card-flex-wrap-col .card-flex-wrap-col-top {
  min-height: 205px;
}
@media screen and (max-width: 767px) {
  .card.product-card .card-body .card-flex-wrap-col .card-flex-wrap-col-top {
    min-height: 235px;
  }
}
.card.product-card .card-body .card-flex-wrap-col .card-flex-wrap-col-top h3 {
  min-height: auto !important;
}
#nav-AboutUs .feature-sec1 {
  max-width: inherit;
  max-height: 460px;
  overflow: auto;
}
@media screen and (max-width: 767px) {
  #nav-AboutUs .feature-sec1 {
    max-height: inherit;
  }
}
.tab-wrap-outer-height {
  min-height: 70px;
}
@media screen and (max-width: 767px) {
  .tab-wrap-outer-height {
    min-height: 40px;
  }
}
a.download-pdf-icon-a img {
  width: 16px;
  margin-left: 5px;
}
.disk-ul-common {
  list-style: disc;
  margin-left: 26px;
  font-style: normal;
  font-size: 18px;
  color: #606060;
}
.disk-ul-common li {
  list-style: disc;
  margin-bottom: 10px;
}
.disk-ul-common li p {
  font-size: 18px;
}
.disk-ul-common li::marker {
  color: #304087;
}
.disk-ul-common + .p-18 {
  font-size: 18px;
  color: #606060;
  padding-top: 10px;
}
.disk-ul-common-sub {
  list-style: circle;
  margin-left: 26px;
  font-style: normal;
  font-size: 16px !important;
  color: #606060;
  margin-left: 33px;
}
.disk-ul-common-sub .p18,
.disk-ul-common-sub li {
  list-style: circle;
  margin-bottom: 5px;
  font-size: 16px !important;
  color: #606060;
}
.disk-ul-common-sub .p18 p,
.disk-ul-common-sub li p {
  font-size: 16px !important;
}
.disk-ul-common-sub .p18::marker,
.disk-ul-common-sub li::marker {
  color: #304087 !important;
}
.slick-slider span.prev-owl-btn.slick-arrow:first-child,
.slick-slider span.next-owl-btn.slick-arrow:last-child {
  display: block !important;
}
.related-blog-section .slick-slider .slick-slide,
.quick-link-outer .slick-slider .slick-slide {
  margin-right: 27px;
}
.related-blog-section .slick-slider .slick-slide a,
.quick-link-outer .slick-slider .slick-slide a {
  text-decoration: none;
}
.tab-section .card.product-card {
  height: 100%;
}
section.common-section.tab-section.about-us-tab-section {
  padding-top: 5px;
}
.flex-app-wrap {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: start;
  align-items: start;
  align-content: stretch;
}
.flex-app-wrap a {
  margin: 0 3px;
}
.qr-code-block {
  background: #f4f5fc;
  padding: 15px;
  text-align: center;
  border-radius: 5px;
  max-width: 260px;
  margin-top: 10px;
  margin-bottom: 60px;
  margin-left: 15px;
}
.qr-code-block p {
  margin-top: 10px;
  line-height: normal;
  font-size: 16px;
}
.step-block {
  display: flex;
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .step-block {
    flex-direction: column;
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .step-block span.title {
    display: block;
    margin-top: 10px;
  }
}
.step-block .icon-holder {
  margin-right: 20px;
}
.award-adv-col .views-field.views-field-field-awards-images {
  height: calc(100% - 30px);
}
.award-adv-col .views-field.views-field-field-awards-images .field-content,
.award-adv-col
  .views-field.views-field-field-awards-images
  .paragraph--type--awards-and-advertisements,
.award-adv-col .views-field.views-field-field-awards-images .awards-card-wrap,
.award-adv-col .views-field.views-field-field-awards-images .awards-card {
  height: 100%;
}
.row.earn-up-wrap-row-gradient {
  margin: 0;
  background: linear-gradient(270deg, #e5e7ef 16.04%, #fdefef 74.96%);
  padding: 65px;
}
@media screen and (max-width: 767px) {
  .row.earn-up-wrap-row-gradient {
    padding: 55px 15px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .row.earn-up-wrap-row-gradient {
    padding: 55px 15px;
  }
}
.row.earn-up-wrap-row-gradient p.p18.earn-up-text {
  color: #333;
  top: -37px;
  position: absolute;
  left: 0;
  z-index: 3;
}
.row.earn-up-wrap-row-gradient .earn-up-wrap-left {
  position: relative;
}
.row.earn-up-wrap-row-gradient .earn-up-wrap-left::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  z-index: 3;
  border-right: 1px solid #304087;
  height: 100%;
}
.row.earn-up-wrap-row-gradient .term-text-adj {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #909090;
  bottom: -45px;
  position: absolute;
  right: 0;
  z-index: 3;
}
.row.earn-up-wrap-row-gradient .earn-up-wrap-inner {
  max-width: 347px;
  width: 100%;
  height: 205px;
  background: #fef5f5;
  position: relative;
  padding-left: 60px;
  padding-top: 30px;
  margin: auto;
  padding-top: 1px;
}
@media screen and (max-width: 767px) {
  .row.earn-up-wrap-row-gradient .earn-up-wrap-inner {
    padding-left: 0;
    background: #fff0;
    height: inherit;
  }
}
.row.earn-up-wrap-row-gradient
  .earn-up-wrap-inner
  a.bttn-link-arrow.text-rbl-blue2 {
  margin-top: 20px;
  color: #304087 !important;
  font-weight: 400;
}
.row.earn-up-wrap-row-gradient .earn-up-wrap-inner .earn-up-card {
  white-space: nowrap;
  margin-top: 10px;
}
.row.earn-up-wrap-row-gradient .earn-up-wrap-inner .earn-up-card.l-15 {
  position: relative;
  left: 15px;
}
.row.earn-up-wrap-row-gradient .earn-up-wrap-inner .earn-up-card .earn-per {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 90px;
  color: #303030;
  line-height: normal;
  position: relative;
  margin-bottom: -15px;
}
@media screen and (max-width: 767px) {
  .row.earn-up-wrap-row-gradient .earn-up-wrap-inner .earn-up-card .earn-per {
    font-size: 45px;
    margin-bottom: 15px;
  }
}
.row.earn-up-wrap-row-gradient
  .earn-up-wrap-inner
  .earn-up-card
  .earn-per
  small {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 700;
  width: 28px;
  font-size: 16px;
  color: #303030;
  margin-left: 10px;
  white-space: normal;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .row.earn-up-wrap-row-gradient
    .earn-up-wrap-inner
    .earn-up-card
    .earn-per
    small {
    margin-left: 18px;
  }
}
.row.earn-up-wrap-row-gradient
  .earn-up-wrap-inner
  .earn-up-card
  .earn-per
  small
  .per-star {
  position: absolute;
  top: -13px;
  left: -8px;
  z-index: 3;
  font-size: 20px;
}
@media screen and (max-width: 767px) {
  .row.earn-up-wrap-row-gradient
    .earn-up-wrap-inner
    .earn-up-card
    .earn-per
    small
    .per-star {
    top: 1px;
    left: -11px;
  }
}
.row.earn-up-wrap-row-gradient
  .earn-up-wrap-inner
  .earn-up-card
  .earn-per
  small
  .per {
  font-size: 30px;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .row.earn-up-wrap-row-gradient
    .earn-up-wrap-inner
    .earn-up-card
    .earn-per
    small
    .per {
    font-size: 24px;
  }
}
.interest-rate-page-wrap .feature-sec1 .right-border-h2 {
  position: relative;
  padding-left: 23px;
  color: #304087;
  font-weight: 400;
}
.interest-rate-page-wrap .i-rate-outer-card-top-foot {
  margin-top: 52px;
}
@media screen and (max-width: 767px) {
  .interest-rate-page-wrap .i-rate-outer-card-top-foot {
    margin-top: 30px;
  }
}
.interest-rate-page-wrap .table-responsive.i-rate-outer-card-top-table table {
  border: 1px solid #304087;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
@media screen and (max-width: 767px) {
  .interest-rate-page-wrap .table-responsive.i-rate-outer-card-top-table table {
    min-width: 450px;
  }
}
.interest-rate-page-wrap
  .table-responsive.i-rate-outer-card-top-table
  table
  tr:hover
  td {
  background: #eaecf3;
}
.interest-rate-page-wrap
  .table-responsive.i-rate-outer-card-top-table
  table
  th {
  background: #304087;
  font-style: normal;
  font-size: 16px;
  color: #fff;
  font-weight: 600;
  padding-left: 30px;
  border: 1px solid #dbdcde;
}
.interest-rate-page-wrap
  .table-responsive.i-rate-outer-card-top-table
  table
  td {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  color: #303030;
  background: #fff;
  padding-left: 30px;
  border: 1px solid #dbdcde;
}
section.quick-link-top-sect {
  background: #f4f5fc;
  padding: 45px 0;
}
.showing-card-filter-text {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  margin-bottom: 20px;
  color: #303030;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  align-content: stretch;
}
@media screen and (max-width: 767px) {
  .showing-card-filter-text {
    margin-top: 40px;
  }
}
.showing-card-filter-text p.filters {
  text-align: right;
  display: none;
  position: relative;
  padding-right: 12px;
}
.showing-card-filter-text p.filters::before {
  content: "";
  background: url(../images/range-icon.svg) no-repeat 0 0;
  width: 15px;
  height: 15px;
  display: block;
  position: absolute;
  right: 60px;
  top: 8px;
  z-index: 3;
}
.showing-card-filter-text p.filters::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  z-index: 3;
  width: 14px;
  height: 14px;
  z-index: 3;
  background: #304087;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
@media screen and (max-width: 767px) {
  .showing-card-filter-text p.filters {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .showing-card-filter-text {
    font-size: 18px;
  }
}
#offers-list .offers-cards ul.pagination.js-pager__items {
  justify-content: center;
  margin-top: 20px;
}
.card-slider-wrap.card-slider-wrap-adj .row.slider.slider-nav {
  display: block;
}
.carousel-btn {
  background: #fff;
  border-radius: 4px;
  width: 40px;
  color: #606060;
  height: 40px;
  box-shadow: 2px 4px 8px rgb(0 0 0 / 0.12);
  font-size: 20px;
  text-align: center;
  display: block;
  padding-top: 10px;
  z-index: 99;
  position: absolute;
  cursor: pointer;
}
.carousel-btn.slick-disabled {
  cursor: not-allowed !important;
}
.left-btn-carousel.carousel-btn {
  position: absolute;
  top: 0;
  left: 5px;
}
.right-btn-carousel.carousel-btn {
  position: absolute;
  top: 0;
  right: 5px;
}
.csr-approach-card-img {
  max-width: 450px;
}
.compliance-card-wrap {
  margin-bottom: 50px;
  padding: 35px 40px;
  position: relative;
  min-height: 358px;
}
@media screen and (max-width: 767px) {
  .compliance-card-wrap {
    margin-bottom: 30px;
    padding: 20px 30px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
  }
}
.compliance-card-wrap h2 {
  margin-bottom: 10px;
}
.compliance-card-wrap p.p18 {
  color: #606060;
  margin-bottom: 48px;
}
.compliance-card-wrap img.img-fluid.compliance-banner {
  position: absolute;
  bottom: 40px;
  right: 50px;
  z-index: 3;
}
@media screen and (max-width: 767px) {
  .compliance-card-wrap img.img-fluid.compliance-banner {
    position: absolute;
    bottom: 30px;
    right: 20px;
    z-index: 3;
    width: 70px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .compliance-card-wrap img.img-fluid.compliance-banner {
    position: absolute;
    bottom: 30px;
    right: 20px;
    z-index: 3;
    width: 100px;
  }
}
.award-adv-col a,
.video-common-tab-wrap a,
.csr-cate-tab-section a {
  text-decoration: none;
}
.offer-tab-content .offer-tab-content-row a {
  text-decoration: none;
}
body.fixed-tab-body
  .common-section
  .tab-wrap-outer-height
  .common-tab-wrap
  .tab-applynow-btn[href^="#"],
.common-section
  .tab-wrap-outer-height
  .common-tab-wrap
  .tab-applynow-btn[href^="#"] {
  display: none !important;
}
.cc-card-indi-item .cc-card-indi-item-head .second-col {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: center;
  align-content: stretch;
}
.cc-card-indi-item .cc-card-indi-item-head .second-col a.btn.common-btn-blue {
  margin-left: 20px;
}
td.MNC-WB {
  vertical-align: top !important;
}
.credit-cards-type .ajax-progress {
  display: none !important;
}
.credit-cards-type legend {
  display: none;
}
.credit-cards-type legend .fieldset-legend {
  display: none;
}
.credit-cards-type .fieldset-wrapper > .radio {
  justify-content: space-evenly;
  overflow-y: hidden;
  padding: 13px 7px 13px;
  position: relative;
  flex-wrap: nowrap;
  overflow-x: auto;
  display: flex;
  white-space: nowrap;
  border-bottom: 1px solid #dbdcde;
}
@media screen and (max-width: 767px) {
  .credit-cards-type .fieldset-wrapper > .radio {
    overflow-x: auto;
    justify-content: flex-start;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .credit-cards-type .fieldset-wrapper > .radio {
    overflow-x: auto;
    justify-content: flex-start;
  }
}
.credit-cards-type .fieldset-wrapper > .radio .form-check {
  position: relative;
  margin-right: 15px;
}
@media screen and (max-width: 767px) {
  .credit-cards-type .fieldset-wrapper > .radio .form-check {
    padding-left: 0;
    margin-right: 35px;
  }
}
.credit-cards-type .fieldset-wrapper > .radio .form-check .form-check-input {
  position: absolute;
  opacity: 0;
}
.credit-cards-type .fieldset-wrapper > .radio .form-check .form-check-label {
  position: relative;
  color: #606060 !important;
  font-weight: 400;
  font-size: 24px;
  font-style: normal;
  opacity: 1 !important;
  cursor: pointer;
}
.credit-cards-type
  .fieldset-wrapper
  > .radio
  .form-check
  .form-check-label::after {
  content: "";
  position: absolute;
  bottom: -18px;
  left: 50%;
  transform: translateX(-50%);
  right: 0;
  width: 100%;
  min-width: 32px;
  height: 2px;
  background: #304087;
  z-index: 3;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  opacity: 0;
}
.credit-cards-type
  .fieldset-wrapper
  > .radio
  .form-check
  .form-check-input:checked
  + .form-check-label {
  color: #304087 !important;
}
.credit-cards-type
  .fieldset-wrapper
  > .radio
  .form-check
  .form-check-input:checked
  + .form-check-label::after {
  opacity: 1;
}
.credit-cards-category {
  position: relative;
}
@media screen and (max-width: 767px) {
  .credit-cards-category {
    display: none !important;
  }
}
.credit-cards-category .form-item-card-category-all {
  width: 160px;
  margin: 0;
  padding: 0;
  text-align: center;
  position: absolute;
  top: 8px;
  z-index: 3;
}
.credit-cards-category .form-item-card-category-all .form-check-input {
  opacity: 0;
}
.credit-cards-category
  .form-item-card-category-all
  .form-check-input:checked
  ~ .form-check-label::after {
  opacity: 1 !important;
}
.credit-cards-category .form-item-card-category-all .form-check-label::after {
  content: "";
  position: absolute;
  bottom: -15px;
  left: 50%;
  transform: translateX(-50%);
  right: 0;
  width: 100%;
  min-width: 32px;
  height: 2px;
  background: #304087;
  z-index: 3;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  opacity: 0;
}
@media screen and (max-width: 767px) {
  .credit-cards-category .form-item-card-category-all .form-check-label::after {
    min-width: 100px;
    width: 100px;
  }
}
.credit-cards-category .form-item-card-category-all .form-check-label::before {
  background-image: url(../images/nav-tab1.svg) !important;
  margin: auto;
  width: 62px;
  display: block;
  height: 70px;
  content: "";
  background-repeat: no-repeat;
  background-position: center;
  background-size: 35px;
}
.credit-cards-category .ajax-progress {
  display: none !important;
}
.credit-cards-category legend {
  display: none;
}
.credit-cards-category legend .fieldset-legend {
  display: none;
}
.credit-cards-category .fieldset-wrapper > .checkbox {
  justify-content: center;
  overflow-y: hidden;
  padding: 0;
  position: relative;
  flex-wrap: nowrap;
  overflow-x: auto;
  display: flex;
  white-space: nowrap;
  border-bottom: 1px solid #dbdcde;
}
.credit-cards-category .fieldset-wrapper > .checkbox .form-check:first-child {
  margin-left: 125px !important;
}
@media screen and (max-width: 767px) {
  .credit-cards-category .fieldset-wrapper > .checkbox {
    flex-wrap: wrap;
    border-bottom: 0 !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .credit-cards-category .fieldset-wrapper > .checkbox {
    overflow-x: auto;
    justify-content: flex-start;
  }
}
.credit-cards-category .fieldset-wrapper .form-check {
  position: relative;
  width: 184px;
  height: 120px;
  text-align: center;
  position: relative;
  color: #000;
  font-size: 16px;
  font-style: normal;
  margin-bottom: 0 !important;
  text-transform: capitalize;
  padding: 0;
  opacity: 1 !important;
}
@media screen and (max-width: 767px) {
  .credit-cards-category .fieldset-wrapper .form-check {
    width: 100px;
  }
}
.credit-cards-category .fieldset-wrapper label.form-check-label {
  margin-top: 10px;
  cursor: pointer;
  opacity: 1 !important;
}
.credit-cards-category .fieldset-wrapper .form-check-label::before {
  margin: auto;
  width: 62px;
  display: block;
  height: 70px;
  content: "";
  content: "";
  background-repeat: no-repeat;
  background-position: center;
  background-size: 35px;
}
.credit-cards-category
  .fieldset-wrapper
  .js-form-type-checkbox:nth-child(1)
  .form-check-label::before {
  background-image: url(../images/nav-tab5.svg) !important;
}
.credit-cards-category
  .fieldset-wrapper
  .js-form-type-checkbox:nth-child(2)
  .form-check-label::before {
  background-image: url(../images/nav-tab4.svg) !important;
}
.credit-cards-category
  .fieldset-wrapper
  .js-form-type-checkbox:nth-child(3)
  .form-check-label::before {
  background-image: url(../images/nav-tab2.svg) !important;
}
.page-node-116
  .credit-cards-category
  .fieldset-wrapper
  .js-form-type-checkbox:nth-child(4)
  .form-check-label::before {
  background-image: url(../images/nav-tab4.svg) !important;
}
.page-node-116
  .credit-cards-category
  .fieldset-wrapper
  .js-form-type-checkbox:nth-child(5)
  .form-check-label::before {
  background-image: url(../images/nav-tab61.svg) !important;
}
.page-node-116
  section
  .credit-cards-category
  .fieldset-wrapper
  .js-form-type-checkbox:nth-child(6)
  .form-check-label::before {
  background-image: url(../images/card-network.svg) !important;
}
.page-node-535
  .credit-cards-category
  .fieldset-wrapper
  .js-form-type-checkbox:nth-child(4)
  .form-check-label::before {
  background-image: url(../images/nav-tab4.svg) !important;
}
.page-node-535
  .credit-cards-category
  .fieldset-wrapper
  .js-form-type-checkbox:nth-child(5)
  .form-check-label::before {
  background-image: url(../images/card-network.svg) !important;
}
.credit-cards-category
  .fieldset-wrapper
  .js-form-type-checkbox:nth-child(4)
  .form-check-label::before {
  background-image: url(../images/nav-tab3.svg) !important;
}
.credit-cards-category
  .fieldset-wrapper
  .js-form-type-checkbox:nth-child(5)
  .form-check-label::before {
  background-image: url(../images/nav-tab6.svg) !important;
}
.credit-cards-category
  .fieldset-wrapper
  .js-form-type-checkbox:nth-child(6)
  .form-check-label::before {
  background-image: url(../images/nav-tab2.svg) !important;
}
.credit-cards-category
  .fieldset-wrapper
  .js-form-type-checkbox:nth-child(7)
  .form-check-label::before {
  background-image: url(../images/nav-tab5.svg) !important;
}
.credit-cards-category .fieldset-wrapper .form-check {
  position: relative;
  color: #000;
  font-size: 16px;
  font-style: normal;
  margin-bottom: 0 !important;
  text-transform: capitalize;
  padding: 0;
}
@media screen and (max-width: 767px) {
  .credit-cards-category .fieldset-wrapper .form-check {
    font-size: 14px;
  }
}
.credit-cards-category
  .fieldset-wrapper
  .form-check
  input.form-checkbox.form-check-input:checked
  ~ .form-check-label::after {
  opacity: 1;
}
.credit-cards-category
  .fieldset-wrapper
  .form-check
  .form-check-input[type="checkbox"] {
  border-radius: 0.25em;
  opacity: 0;
  position: absolute;
}
.credit-cards-category
  .fieldset-wrapper
  .form-check
  .form-check-input[type="checkbox"]
  ~ .form-check-label {
  background: url(../images/uncheckbox-icon.svg) no-repeat 0 93%;
  border: 0;
  padding-left: 28px;
}
.credit-cards-category
  .fieldset-wrapper
  .form-check
  .form-check-input[type="checkbox"]:checked
  ~ .form-check-label {
  color: #304087 !important;
  background: url(../images/checkbox-icon.svg) no-repeat 0 93%;
  border: 0;
  padding-left: 28px;
}
.credit-cards-category .fieldset-wrapper .form-check .form-check-label::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  right: 0;
  width: calc(100% - 40px);
  min-width: 32px;
  height: 2px;
  background: #304087;
  z-index: 3;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  opacity: 0;
}
@media screen and (max-width: 767px) {
  .credit-cards-category
    .fieldset-wrapper
    .form-check
    .form-check-label::after {
    width: 80px;
    min-width: 80px;
  }
}
.credit-cards-category .fieldset-wrapper .form-check.bef-link--selected {
  color: #304087 !important;
}
.credit-cards-category
  .fieldset-wrapper
  .form-check.bef-link--selected
  .form-check-label::after {
  opacity: 1;
}
@media screen and (max-width: 767px) {
  .credit-cards-offers {
    display: none !important;
  }
}
.credit-cards-offers .js-form-item-offers-all.form-item-offers-all {
  display: none;
}
.credit-cards-offers .ajax-progress {
  display: none !important;
}
.credit-cards-offers legend {
  display: none;
}
.credit-cards-offers legend .fieldset-legend {
  display: none;
}
.credit-cards-offers .fieldset-wrapper > .checkbox {
  justify-content: center;
  overflow-y: hidden;
  padding: 13px 7px 13px;
  position: relative;
  flex-wrap: wrap;
  overflow-x: auto;
  display: flex;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .credit-cards-offers .fieldset-wrapper > .checkbox {
    padding: 0;
    overflow-x: auto;
    justify-content: flex-start;
    flex-wrap: nowrap;
  }
  .credit-cards-offers .fieldset-wrapper > .checkbox::after {
    content: "";
    position: absolute;
    width: 80px;
    height: 54px;
    top: -5px;
    right: -1px;
    background: -moz-linear-gradient(left, #fff0 0%, #ffffff 61%, #ffffff 100%);
    background: -webkit-linear-gradient(
      left,
      #fff0 0%,
      #ffffff 61%,
      #ffffff 100%
    );
    background: linear-gradient(to right, #fff0 0%, #ffffff 61%, #ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff",endColorstr="#ffffff",GradientType=1);
    pointer-events: none;
    z-index: 0;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .credit-cards-offers .fieldset-wrapper > .checkbox::after {
    display: none !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .credit-cards-offers .fieldset-wrapper > .checkbox {
    overflow-x: auto;
    justify-content: flex-start;
  }
}
.credit-cards-offers .fieldset-wrapper > .checkbox .form-check {
  margin-right: 0;
  margin-bottom: 15px;
  padding-left: 15px;
  position: relative;
}
.credit-cards-offers
  .fieldset-wrapper
  > .checkbox
  .form-check
  .form-check-input {
  position: absolute;
  opacity: 0;
}
.credit-cards-offers
  .fieldset-wrapper
  > .checkbox
  .form-check
  .form-check-input:checked
  + .form-check-label {
  color: #fff;
  background: #304087;
  border-color: #304087;
}
.credit-cards-offers
  .fieldset-wrapper
  > .checkbox
  .form-check
  .form-check-input:checked
  + .form-check-label::before {
  filter: brightness(0) invert(1);
  -webkit-filter: brightness(0) invert(1);
  opacity: 1;
}
.credit-cards-offers
  .fieldset-wrapper
  > .checkbox
  .form-check
  .form-check-label {
  border: 1px solid #dbdcde;
  border-radius: 30px;
  height: 46px;
  padding: 5px 18px;
  display: inline-block;
  line-height: 35px;
  color: #000;
  font-size: 16px;
  opacity: 1 !important;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .credit-cards-offers
    .fieldset-wrapper
    > .checkbox
    .form-check
    .form-check-label {
    height: 40px;
    padding: 2px 18px;
    font-size: 14px;
  }
}
.credit-cards-offers
  .fieldset-wrapper
  > .checkbox
  .form-check
  .form-check-label::before {
  content: url(../images/check-tag.svg);
  margin-right: 10px;
  opacity: 0.2;
  vertical-align: -5px;
}
.marquee-tab-wrap {
  background-color: #f5f8fa;
  padding: 10px 0;
  height: 48px;
}
.marquee-tab-wrap .marquee-title-para {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  align-content: stretch;
}
.marquee-tab-wrap .marquee-title {
  font-size: 20px;
  color: #e31e24;
  float: left;
  border-right: 1px solid #dcdfe1;
  padding-right: 20px;
  margin-right: 20px;
  white-space: nowrap;
  font-weight: 600;
}
.marquee-tab-wrap
  .marquee-title
  + .marquee-title.hidden-sm.hidden-md.hidden-lg {
  display: none;
}
.marquee-tab-wrap .marquee-content {
  overflow: hidden;
}
.marquee-tab-wrap .marquee-content a,
.marquee-tab-wrap .marquee-content span {
  display: inline-block;
  color: #2e367a;
  text-decoration: none;
  margin-right: 7px;
}
.marquee-tab-wrap .marquee-content a:before,
.marquee-tab-wrap .marquee-content span:before {
  border-radius: 50%;
  background-clip: padding-box;
  background-color: #e31e24;
  content: " ";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-right: 10px;
  top: -2px;
  position: relative;
}
.stand-alone-header {
  padding: 0 0 30px;
}
.stand-alone-header h1 {
  color: #304087;
  line-height: 1.2em;
}
.stand-alone-section1 p {
  font-style: normal;
  font-size: 18px;
  color: #606060;
}
.card-box-download.bg-gray-c.tab-pane-inner.faq-rbl-inner {
  margin-bottom: 30px;
}
.card-box-download.bg-gray-c.tab-pane-inner.faq-rbl-inner
  .field.field--name-field-form-download-section.field--type-entity-reference-revisions.field--label-hidden.field__items {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  align-content: stretch;
}
@media screen and (max-width: 767px) {
  .card-box-download.bg-gray-c.tab-pane-inner.faq-rbl-inner
    .field.field--name-field-form-download-section.field--type-entity-reference-revisions.field--label-hidden.field__items {
    display: block;
  }
}
.card-box-download.bg-gray-c.tab-pane-inner.faq-rbl-inner
  .field.field--name-field-form-download-section.field--type-entity-reference-revisions.field--label-hidden.field__items
  > .field__item {
  width: calc(50% - 10px);
}
@media screen and (max-width: 767px) {
  .card-box-download.bg-gray-c.tab-pane-inner.faq-rbl-inner
    .field.field--name-field-form-download-section.field--type-entity-reference-revisions.field--label-hidden.field__items
    > .field__item {
    display: block;
    width: 100%;
    position: relative;
    margin-bottom: 0;
  }
}
.card-box-download.bg-gray-c.tab-pane-inner.faq-rbl-inner
  .card
  .card-header::before {
  opacity: 0;
}
.card-box-download.bg-gray-c.tab-pane-inner.faq-rbl-inner .card .card-body p {
  margin-bottom: 8px;
}
.card-box-download.bg-gray-c.tab-pane-inner.faq-rbl-inner .card .card-body p a {
  display: block;
  width: 100%;
  position: relative;
  padding-left: 35px;
}
.card-box-download.bg-gray-c.tab-pane-inner.faq-rbl-inner
  .card
  .card-body
  p
  a::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 0;
  z-index: 3;
  background: url(/themes/custom/rbl_bank/images/pdfDownloadIcon.svg) no-repeat
    0 0;
  z-index: 3;
  width: 24px;
  height: 22px;
  background-size: 18px;
}
@media screen and (max-width: 767px) {
  .card-box-download.bg-gray-c.tab-pane-inner.faq-rbl-inner
    .card
    .card-body
    p
    a::after {
    width: 22px;
  }
}
.product-wrapper {
  border: 1px solid #dbe0f2;
  padding: 10px;
  margin-bottom: 30px;
  height: 100%;
  text-align: center;
  font-weight: 600;
}
.parentbrandlogopage {
  width: 100%;
  float: left;
}
.brandlogopage {
  width: 100%;
  float: left;
}
.brandlogopage .mainlogowrap {
  width: 100%;
  float: left;
}
.brandlogopage .mainlogowrap .logowrap {
  width: 100%;
  float: left;
  margin: 5px 0;
}
@media screen and (max-width: 767px) {
  .brandlogopage .mainlogowrap .logowrap {
    margin: 0;
  }
}
.brandlogopage .mainlogowrap .logowrap .logowrapcont {
  width: 24%;
  float: left;
  margin: 0 1% 0 0;
  border: 1px solid;
  padding: 5px 15px;
  position: relative;
  text-align: center;
  height: auto;
}
@media screen and (max-width: 767px) {
  .brandlogopage .mainlogowrap .logowrap .logowrapcont {
    width: 47%;
    float: left;
    margin: 0 3% 3% 0;
  }
}
.brandlogopage .mainlogowrap .discl {
  width: 100%;
  float: left;
  margin: 10px 0;
}
.brandlogopage .mainlogowrap .discl p {
  font-size: 12px;
  font-style: italic;
}
.parentbrandlogopage .terms-conditions {
  width: 100%;
  float: left;
}
.formspage {
  width: 100%;
  float: left;
}
.formspage .mainwrap {
  width: 100%;
  float: left;
}
.formspage .mainwrap h1 {
  text-align: center;
  margin: 10px 0;
  font-size: 22px;
}
.formspage .mainwrap .wrap {
  width: 100%;
  float: left;
  margin: 20px 0;
}
@media screen and (max-width: 767px) {
  .formspage .mainwrap .wrap {
    margin: 0;
  }
}
.formspage .mainwrap .wrap .wrapcont {
  width: 24%;
  float: left;
  margin: 0 1% 0 0;
  border: 1px solid;
  padding: 15px;
  height: 200px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .formspage .mainwrap .wrap .wrapcont {
    width: 100%;
    float: left;
    margin: 0 0 3% 0;
  }
}
.formspage .mainwrap .wrap .wrapcont h3 {
  font-weight: 400;
  color: #2a3277;
  font-size: 18px;
}
.formspage .mainwrap .wrap .wrapcont p {
  font-size: 14px;
  line-height: 20px;
  margin: 10px 0;
}
.formspage .mainwrap .wrap .wrapcont h4 {
  font-size: 14px;
  position: absolute;
  right: 10px;
  bottom: 10px;
}
.formspage .mainwrap .wrap .wrapcont a {
  background-color: #f2717d;
  color: #fff;
  display: inline;
  padding: 6px 15px;
  text-decoration: none;
}
.formspage .mainwrap .discl {
  width: 100%;
  float: left;
  margin: 10px 0;
}
.formspage .mainwrap .discl p {
  font-size: 12px;
  font-style: italic;
}
.contactless-bank .SectionHead h3 {
  text-align: center;
  font-size: 22px;
  border: 1px solid #dbe0f2;
  padding: 15px 0;
  color: #182f83;
  background-color: #f8faff;
  margin: 20px 0 0 0;
}
.dpl .SectionHead h3 {
  margin: 40px 0;
}
.rich-text-editor h1 {
  font-size: 22px;
  font-weight: 400;
  color: #2a3277;
}
.rich-text-editor h2 {
  font-size: 20px;
  font-weight: 600;
  color: #2a3277;
  margin-bottom: 6px;
}
ul.tcslist {
  margin-left: 39px;
}
.contactless-bank .rates {
  padding: 20px 0 40px 0;
  margin: 20px 0 40px 0;
  border: 1px solid #dbe0f2;
  background: #fef5f5;
  position: relative;
}
.rates .sub-title {
  font-size: 16px;
  color: #737690;
  text-align: center;
  margin-top: 20px;
  font-weight: 600;
}
.SectionHead h3 {
  margin-bottom: 20px;
  font-weight: 500;
}
.highlights .highlights-block {
  padding: 30px 0;
  border-bottom: 1px solid #dbe0f2;
}
.general-text .rich-text-editor ul {
  padding-left: 10px;
}
.general-text .rich-text-editor {
  margin-bottom: 10px;
}
.general-text .rich-text-editor b {
  font-weight: 400;
  color: #2a3277;
  font-size: 20px;
  margin-bottom: 15px;
  display: block;
}
.highlights .title-holder {
  font-size: 18px;
  color: #2a3277;
  margin-top: 10px;
}
.tile-icons .tile-icons-block {
  text-align: center;
  border: 1px solid #dbe0f2;
  margin-bottom: 30px;
  padding: 50px 10px;
}
.fixed-height-cb-rb-2 {
  min-height: 350px;
}
.tile-icons .tile-icons-block .image-holder {
  height: 86px;
}
.tile-icons .tile-icons-block .image-holder img {
  max-height: 100%;
}
.tile-icons .tile-icons-block .text-holder {
  color: #2a3277;
  height: 50px;
  font-size: 20px;
  margin-top: 30px;
  font-weight: 600;
}
nav.block.block-menu.navigation.menu-- {
  border-bottom: 1px solid rgb(204 204 204 / 0.8);
}
.fd-comm-containers {
  border: 1px solid #dbe0f2;
  display: block;
  width: 100%;
  float: left;
}
.fd-comm-containers .fdbutton {
  margin-bottom: 30px;
}
.fd-comm-containers .fd-comm-top {
  min-height: 130px;
  margin-bottom: 20px;
}
.fd-comm-containers h4 {
  margin-bottom: 10px;
}
.fd-comm-containers .fd-comm {
  padding: 22px 25px;
  float: left;
  box-sizing: border-box;
  width: 50%;
}
@media screen and (max-width: 767px) {
  .fd-comm-containers .fd-comm {
    width: 100%;
  }
}
.fd-comm-containers .fd-comm.lborder {
  border-right: 1px solid #dbe0f2;
}
@media screen and (max-width: 767px) {
  .fd-comm-containers .fd-comm.lborder {
    border-right: none;
    border-bottom: 1px solid #dbe0f2;
  }
}
.fd-comm-containers .top-block {
  width: 100%;
  display: block;
  float: left;
  margin-bottom: 20px;
  min-height: 120px;
}
@media screen and (max-width: 767px) {
  .fd-comm-containers .top-block {
    width: 100%;
    display: block;
    float: left;
    margin-bottom: 20px;
    min-height: auto;
  }
}
.home-calc-wrap-section {
  position: relative;
}
.home-calc-wrap-section .calc-form-table {
  height: calc(100% - 20px);
}
.home-calc-wrap-section .calc-form-table td {
  background: #e4e9ff;
}
.home-calc-wrap-section .calc-form-table table {
  height: 100%;
}
.home-calc-wrap-section .term-condition-list-wrap h6 {
  margin-left: 0;
}
.home-calc-wrap-section .term-condition-list-wrap ol {
  list-style: decimal;
  margin-top: 15px;
  margin-left: 15px;
  padding: 0;
}
.home-calc-wrap-section .interest-rates-table-wrap {
  max-height: 522px;
  overflow-y: auto;
  border-top: 1px solid #304087;
}
.home-calc-wrap-section .interest-rates-table-wrap .calc-rates-table {
  margin-top: -1px;
}
.home-calc-wrap-section
  .interest-rates-table-wrap
  .calc-rates-table
  thead:nth-child(1) {
  position: -webkit-sticky;
  position: sticky;
  top: -1px;
}
.home-calc-wrap-section
  .interest-rates-table-wrap
  .calc-rates-table
  thead:nth-child(2) {
  position: -webkit-sticky;
  position: sticky;
  top: 36px;
}
.home-calc-wrap-section
  .interest-rates-table-wrap
  .calc-rates-table
  thead:nth-child(2)
  th {
  white-space: nowrap;
  text-align: center;
}
.home-calc-wrap-section .interest-rates-table-wrap .calc-rates-table tbody td {
  white-space: nowrap;
  text-align: center;
}
section.common-section.common-section-first-pt30.bg-gray.saving-acc-section
  .row.schedule-call-row
  .form-item-name
  .invalid-feedback.d-block {
  margin-top: -7px;
  margin-bottom: 10px;
}
.download-form-section {
  background: #f3f4f6;
}
@media screen and (max-width: 767px) {
  .download-form-section {
    background: #fff;
  }
}
.download-form-section
  .download-form-row-adj
  .field--name-field-download-form-category {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: baseline;
  align-content: stretch;
}
.download-form-section
  .download-form-row-adj
  .field--name-field-download-form-category
  > .field__item {
  width: 22%;
  margin: 0 15px;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .download-form-section
    .download-form-row-adj
    .field--name-field-download-form-category
    > .field__item {
    width: 40%;
  }
}
.download-form-section
  .download-form-row-adj
  .field--name-field-download-form-category
  > .field__item
  a {
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .download-form-section
    .download-form-row-adj
    .field--name-field-download-form-category
    > .field__item {
    width: 90%;
  }
}
.download-form-section
  .download-form-row-adj
  .field--name-field-download-form-category
  > .field__item
  .quick-link-card {
  max-width: 100%;
  margin: 0 auto 30px;
  height: 255px !important;
  background: #fff;
  box-shadow: 1px 2px 4px rgb(0 0 0 / 0.15);
  border-radius: 10px;
  padding: 30px 5px;
  text-align: center;
  min-width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
  align-content: stretch;
}
@media screen and (max-width: 767px) {
  .download-form-section
    .download-form-row-adj
    .field--name-field-download-form-category
    > .field__item
    .quick-link-card {
    height: 202px !important;
  }
}
.download-form-section
  .download-form-row-adj
  .field--name-field-download-form-category
  > .field__item
  .quick-link-card
  img.quick-link-img.scale-img {
  height: 100px;
  margin-top: 30px !important;
}
@media screen and (max-width: 767px) {
  .download-form-section
    .download-form-row-adj
    .field--name-field-download-form-category
    > .field__item
    .quick-link-card
    img.quick-link-img.scale-img {
    margin-top: 0 !important;
    height: 80px;
  }
}
@media screen and (max-width: 767px) {
  .download-form-section
    .download-form-row-adj
    .field--name-field-download-form-category
    > .field__item
    .quick-link-card {
    min-width: 100%;
    max-width: 100%;
  }
}
.download-form-section
  .download-form-row-adj
  .field--name-field-download-form-category
  > .field__item
  .quick-link-card
  .p16 {
  margin-top: 5px;
  font-weight: 600;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 16px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
.mobile-filter-wrapper {
  height: calc(100% - 154px) !important;
  top: 87px;
  border-bottom: 1px solid rgb(0 0 0 / 0.3);
  overflow: hidden;
}
.mobile-filter-wrapper .form-check-input:focus {
  border-color: #fff0;
  outline: 0;
  box-shadow: none !important;
}
.mobile-filter-wrapper .middle-row::after {
  display: block;
  clear: both;
  content: "";
}
.mobile-filter-wrapper .js-form-type-checkbox {
  padding: 15px 0 15px 38px;
  border: 0;
  border-bottom: 1px solid rgb(0 0 0 / 0.3);
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .mobile-filter-wrapper .js-form-type-checkbox {
    padding: 10px 0 10px 20px;
    border: 0;
    border-bottom: 0;
  }
}
.mobile-filter-wrapper .js-form-type-checkbox.show-arrow {
  position: relative;
}
.mobile-filter-wrapper .js-form-type-checkbox.show-arrow::before {
  position: absolute;
  content: "";
  display: block;
  height: 15px;
  width: 23px;
  background: url(../images/right-arrow-f.svg) no-repeat 0 0 #fff;
  top: 50%;
  transform: translateY(-50%);
  right: 4px;
  z-index: 3;
  background-size: 18px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  background-size: 12px;
}
.mobile-filter-wrapper .js-form-type-checkbox label {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  color: rgb(48 48 48 / 0.5);
}
.mobile-filter-wrapper .js-form-type-checkbox .form-check-input {
  background: url(../images/uncheckbox-icon.svg) no-repeat 0 0;
  border: 0;
  height: 20px;
  width: 20px;
  margin-right: 5px;
}
.mobile-filter-wrapper
  .js-form-type-checkbox
  .form-check-input:checked[type="checkbox"] {
  background: url(../images/checkbox-icon.svg) no-repeat 0 0;
}
.mobile-filter-wrapper
  .js-form-type-checkbox
  .form-check-input:checked[type="checkbox"]
  + .form-check-label {
  color: #304087;
}
.mobile-filter-wrapper .mobile-offers {
  float: left;
  border: 0;
  width: calc(100% - 180px);
}
.mobile-filter-wrapper .mobile-offers .js-form-type-checkbox {
  border: 0;
  padding: 10px 0 10px 38px;
}
.mobile-filter-wrapper .mobile-offers .js-form-type-checkbox label {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  color: #303030;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 90%;
  text-align: left;
}
.mobile-filter-wrapper .mobile-filter-bottom-row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  align-content: stretch;
  padding: 10px 20px 35px;
  width: 100vw;
  background: #fff;
  z-index: 3;
  position: relative;
  bottom: 15px;
}
.mobile-filter-wrapper
  .mobile-filter-bottom-row
  button.button.js-form-submit.form-submit.btn.btn-primary {
  background: #304087;
  color: #fff;
  background: #304087;
  color: #fff;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  margin-left: 90px;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.mobile-filter-wrapper
  .mobile-filter-bottom-row
  button.button.js-form-submit.form-submit.btn.btn-primary
  + .ajax-progress {
  display: none !important;
}
.mobile-filter-wrapper .mobile-filter-bottom-row p.mobile-filter-clear-all {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  text-align: center;
  letter-spacing: 0.1px;
  color: #303030;
  width: 160px;
}
.mobile-filter-wrapper .middle-row {
  height: calc(100% - 116px);
  overflow: auto;
}
.mobile-filter-wrapper .mobile-filter-inner {
  height: 100%;
}
.mobile-filter-wrapper .mobile-filter-inner .filter-top-row {
  position: relative;
  padding-left: 53px;
  font-size: 20px;
}
.mobile-filter-wrapper .mobile-filter-inner .filter-top-row::before {
  position: absolute;
  content: "";
  display: block;
  height: 26px;
  width: 26px;
  background: url(../images/cancel-icon.svg) no-repeat 0 0;
  top: 23px;
  left: 15px;
  z-index: 3;
  background-size: 18px;
}
.mobile-filter-wrapper .mobile-filter-inner .middle-row {
  border-bottom: 0;
}
.mobile-filter-wrapper .mobile-filter-inner .middle-row .mobile-category {
  float: left;
  border: 0;
  width: 180px;
  height: 100%;
  position: relative;
}
.mobile-filter-wrapper
  .mobile-filter-inner
  .middle-row
  .mobile-category::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: auto;
  border-right: 1px solid rgb(0 0 0 / 0.3);
  width: 1px;
  height: calc(100% + 66px);
  z-index: 9;
}
.credit-cards-type {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
  align-content: stretch;
  border-bottom: 1px solid #dbdcde;
  margin-bottom: 30px;
  overflow: auto;
}
.credit-cards-type a {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 28px;
  text-align: center;
  color: #606060;
  border-bottom: 1px solid #fff0;
  padding-bottom: 20px;
  display: inline-block;
  text-decoration: none;
  white-space: nowrap;
  margin: 0 20px;
}
@media screen and (max-width: 767px) {
  .credit-cards-type a {
    font-size: 24px;
    margin: 0 10px;
    padding-bottom: 10px;
  }
}
.credit-cards-type .current_page a {
  color: #304087;
  border-bottom: 1px solid #304087;
}
.gallery .thumb-img {
  width: calc(25% - 10px);
  display: block;
  float: left;
  margin: 5px;
}
@media screen and (max-width: 767px) {
  .gallery .thumb-img {
    width: calc(48% - 10px);
    display: block;
    float: left;
    margin: 5px;
  }
}
.rich-text-editor ul {
  list-style-type: disc;
  margin-left: 30px;
  margin-top: 10px;
}
.video-h-flex-outer {
  max-height: 446px;
  overflow: auto;
}
.video-h-flex-outer section.common-section.saving-acc-cate-section2 {
  padding-bottom: 0;
  padding-top: 0;
}
.video-h-flex-outer
  section.common-section.saving-acc-cate-section2
  .container
  .col-md-12 {
  padding: 0;
}
@media screen and (max-width: 767px) {
  .video-h-flex-outer {
    margin-top: 40px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: baseline;
    align-content: stretch;
  }
  .video-h-flex-outer a {
    display: inline-block;
  }
}
.video-v-flex-wrap .video-v-flex {
  position: relative;
}
.video-v-flex-wrap .video-v-flex iframe {
  border: 0;
  width: 100%;
  height: 346px;
}
@media screen and (max-width: 767px) {
  .video-v-flex-wrap .video-v-flex iframe {
    height: 200px;
  }
}
.video-v-flex-wrap .video-v-flex h3 {
  color: #304087;
  margin-top: 10px;
}
.video-v-flex-wrap .video-h-flex {
  display: flex;
  margin-bottom: 18px;
}
.video-v-flex-wrap .video-h-flex a {
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .video-v-flex-wrap .video-h-flex {
    flex-direction: column;
    max-width: 183px;
    margin-right: 20px;
  }
}
.video-v-flex-wrap .video-h-flex .video-img-card {
  width: 170px;
  height: auto;
}
.video-v-flex-wrap .video-h-flex .video-card-img img {
  height: 100px;
  min-width: 150px;
}
@media screen and (max-width: 767px) {
  .video-v-flex-wrap .video-h-flex .video-card-img img {
    height: 100px;
    min-width: 150px;
  }
}
.video-v-flex-wrap .video-h-flex h6 {
  color: #304087;
  padding: 0 8px;
}
@media screen and (max-width: 767px) {
  .video-v-flex-wrap .video-h-flex h6 {
    padding: 8px 0;
  }
}
.media-card-outer {
  background: #f3f4f6;
  box-shadow: 0 2px 4px rgb(0 0 0 / 0.15);
  border-radius: 10px;
  padding: 44px 24px 24px;
}
@media screen and (max-width: 767px) {
  .media-card-outer {
    padding: 15px;
  }
}
.media-card-flex {
  min-height: 154px;
  background: #fff;
  border-radius: 5px;
  margin-bottom: 8px;
  padding: 27px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  width: 100%;
  position: relative;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .media-card-flex {
    flex-direction: column;
    padding: 20px;
  }
}
@media screen and (max-width: 767px) {
  .media-card-flex .media-card-1 {
    margin-bottom: 20px;
  }
}
.media-card-flex .media-card-1,
.media-card-flex .media-card-2 {
  margin-right: 50px;
}
@media screen and (max-width: 767px) {
  .media-card-flex .media-card-1,
  .media-card-flex .media-card-2 {
    margin-right: 0;
  }
}
.media-card-flex .media-card-3 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 30px;
  z-index: 3;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .media-card-flex .media-card-3 {
    position: absolute;
    top: 30px;
    transform: translateY(0%);
    right: 30px;
    z-index: 3;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
  }
}
.media-card-flex p.p18 {
  color: #909090;
  margin-bottom: 12px;
}
@media screen and (max-width: 767px) {
  .media-card-flex p.p18 {
    margin-bottom: 5px;
  }
}
.media-card-flex p.p16 {
  color: #303030;
  max-width: 445px;
  font-weight: 500;
}
.tab-pane-inner.media-tab-pane-inner .d-flex.xs-flex-cols {
  margin-bottom: 40px;
  flex-direction: row !important;
}
@media screen and (max-width: 767px) {
  .tab-pane-inner.media-tab-pane-inner .d-flex.xs-flex-cols .type-form-group {
    margin-right: 15px;
  }
}
.tab-pane-inner.media-tab-pane-inner
  .d-flex.xs-flex-cols
  .light-form-control
  .form-control-small {
  background: #fff;
  border: 1px solid #304087;
  border-radius: 4px;
}
ul.pagination.common-pagination2 {
  justify-content: center;
  margin-top: 40px;
}
ul.pagination.common-pagination2 .page-item a.page-link {
  background: #fff;
  border: 1px solid #dfe3e8;
  border-radius: 4px;
  margin: 0 8px;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  color: #212b36;
  display: block;
  width: 32px;
  height: 32px;
  line-height: 20px;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}
ul.pagination.common-pagination2 .page-item a.page-link:hover {
  border: 1px solid #304087;
}
.remittance-saving-calc ul.disk-ul-common {
  margin-top: 15px;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.1px;
  color: #303030;
}
.remittance-saving-calc h2.common-section-heading.mb5.h4 {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 40px;
  letter-spacing: 0.1px;
  color: #373f41;
}
@media screen and (max-width: 767px) {
  .remittance-saving-calc .mb30.xs-mb20 {
    margin-top: 40px;
  }
}
@media screen and (max-width: 767px) {
  .remittance-saving-calc .d-flex-head {
    margin-bottom: 70px;
  }
}
@media screen and (min-width: 768px) {
  .remittance-saving-calc .d-flex-head {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    align-content: stretch;
  }
}
.remittance-saving-calc .d-flex-head p.p18 {
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  letter-spacing: 0.1px;
  color: #303030;
}
.remittance-saving-calc .d-flex-head .type-form-group {
  width: 188px;
  margin-right: 0;
}
.remittance-saving-calc .d-flex-head .type-form-group .form-group > label {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0.2px;
  color: #606060;
}
.remittance-saving-calc .calc-form-wrap {
  padding: 30px;
  margin-bottom: 20px;
  background: #f3f4f6;
  border-radius: 4px;
}
@media screen and (max-width: 767px) {
  .remittance-saving-calc .calc-form-wrap {
    padding: 20px;
  }
}
.remittance-saving-calc .calc-form-wrap .range-wrap-head {
  margin-bottom: 0;
}
.remittance-saving-calc .calc-form-wrap .range-wrap-head::after {
  display: none;
}
.remittance-saving-calc
  .calc-form-wrap
  .range-wrap-outer
  .slider.slider-horizontal {
  width: 100%;
  margin: 3px 0 0;
}
.remittance-saving-calc
  .calc-form-wrap
  .range-wrap-outer
  .range-wrap-1
  .range-wrap-left
  .p16
  small {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  color: #303030;
}
@media screen and (max-width: 767px) {
  .remittance-saving-calc
    .calc-form-wrap
    .range-wrap-outer
    .range-wrap-1
    .range-wrap-left
    .p16
    small {
    font-size: 12px;
  }
}
.remittance-saving-calc .calc-form-wrap .range-wrap-outer .range-wrap-left {
  text-align: left;
}
.remittance-saving-calc
  .calc-form-wrap
  .range-wrap-outer
  .range-wrap-left
  p.p18 {
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 40px;
  letter-spacing: 0.1px;
  color: #303030;
}
.remittance-saving-calc
  .calc-form-wrap
  .range-wrap-outer
  .range-wrap-left
  p.p18
  span {
  font-weight: 400 !important;
  margin-left: 10px;
}
.remittance-saving-calc .term-condition-list-wrap ol li {
  margin-bottom: 10px;
}
.coupon-code-flex {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  align-content: stretch;
}
.coupon-code-flex .coupon-code-text {
  font-style: normal;
  font-weight: 700;
  font-size: 22px;
  padding: 10px;
  text-align: center;
  color: #ed3338;
  min-width: 240px;
  height: 44px;
  background: #fff;
  border: 1px dashed #707070;
  border-radius: 6px;
  margin-right: 15px;
}
@media screen and (max-width: 767px) {
  .coupon-code-flex .coupon-code-text {
    min-width: inherit;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.coupon-code-flex a.btn.btn-sm.common-btn-blue {
  display: inline-block !important;
  margin: 0 !important;
}
@media screen and (max-width: 767px) {
  .coupon-code-flex a.btn.btn-sm.common-btn-blue {
    min-width: inherit;
  }
}
.offer-details-main-section > .container {
  border-bottom: 1px solid #e3e3e3;
  padding-bottom: 50px;
}
.offer-details-main-section .field__item:not(:last-child) {
  margin-bottom: 40px;
}
.offer-details-main-section .field__item .right-border-h2 {
  font-weight: 400;
  color: #304087;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  section.common-section.banner-section.banner-para-left-section.inner-page-banner-section-xs.offer-banner-main-section
    .banner-info.left-wrap {
    margin-top: 165px;
    border-top-left-radius: 20px !important;
    border-top-right-radius: 20px !important;
    justify-content: center;
  }
}
.member-card-col.offer-card-adj {
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
}
.member-card-col.offer-card-adj .focus-area-para.offer-card-text {
  padding: 15px 15px 60px !important;
}
.member-card-col.offer-card-adj .focus-area-card.offer-card-inner {
  position: relative;
  min-height: 360px;
}
.member-card-col.offer-card-adj
  .focus-area-card.offer-card-inner
  .bttn-link-arrow {
  position: absolute;
  bottom: 15px;
  left: 15px;
  z-index: 3;
  color: #606060;
}
.member-card-col.offer-card-adj
  .focus-area-card.offer-card-inner
  .focus-area-img.scale-img-wrap
  img {
  width: 100%;
  height: 165px;
}
@media screen and (max-width: 767px) {
  .member-card-col.offer-card-adj
    .focus-area-card.offer-card-inner
    .focus-area-img.scale-img-wrap
    img {
    height: 220px;
  }
}
.member-card-col.offer-card-adj
  .focus-area-card.offer-card-inner
  p.p32.field_title {
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  color: #0b0a0a;
  margin-bottom: 5px;
}
.member-card-col.offer-card-adj .focus-area-card.offer-card-inner .tag-txt {
  background: #e1b9ea;
  border-radius: 16px;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  color: #263238;
  display: inline-block;
  text-align: center;
  width: auto;
  padding: 4px 16px;
  line-height: normal;
  margin-bottom: 16px;
}
.member-card-col.offer-card-adj
  .focus-area-card.offer-card-inner
  p.p12.field_title {
  font-size: 17px !important;
}
.member-card-col.offer-card-adj .focus-area-card.offer-card-inner p.p12 {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  color: #0b0a0a;
  text-decoration: none;
  margin-bottom: 12px;
}
.merchant-emi-row .image-holder {
  border: 1px solid #dbdcde;
  border-radius: 8px;
  padding: 20px;
}
.merchant-emi-row .title-holder a {
  text-align: center;
  font-size: 18px;
  color: #304087;
  text-decoration: none;
  padding-top: 10px;
  margin-bottom: 30px;
  display: block;
}
.offer-tag {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #263238;
  min-width: 92.4px;
  height: 24px;
  background: #fff;
  border-radius: 16px;
  text-align: center;
  display: inline-block;
  padding: 2px 10px;
  line-height: 20px;
}
.banner-info.left-wrap.ammm.offer-promotion-banner h1.banner-title {
  font-size: 28px;
  margin-bottom: 5px;
}
.banner-info.left-wrap.ammm.offer-promotion-banner .sub-title {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  color: #303030;
  margin-bottom: 5px;
}
.banner-info.left-wrap.ammm.offer-promotion-banner .offer-date {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  color: #000;
  margin-bottom: 10px;
  display: flex;
}
.banner-info.left-wrap.ammm.offer-promotion-banner .offer-date div {
  margin-left: 10px;
}
.category-header-text h2 {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 32px;
  color: #000;
  margin-bottom: 10px;
  margin-top: 40px;
}
.category-header-text p {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  color: #676767;
}
.filter-row-card section.common-section.saving-acc-cate-section2 {
  padding-bottom: 0;
  padding-top: 40px;
}
.filter-row-card section.common-section.saving-acc-cate-section2 .container {
  padding: 0;
}
.filter-row-card
  section.common-section.saving-acc-cate-section2
  .container
  .view-content.row {
  padding: 0;
}
.filter-row-card .view-filters form {
  display: none;
}
.filter-row-card
  section.common-section.saving-acc-cate-section2
  .views-field.views-field-name
  .field-content {
  position: relative;
}
.filter-row-card
  section.common-section.saving-acc-cate-section2
  .views-field.views-field-name
  .field-content
  .term-wrapper {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  min-height: 125px;
  background: rgb(0 0 0 / 0.35);
  margin-bottom: 20px;
}
.filter-row-card
  section.common-section.saving-acc-cate-section2
  .views-field.views-field-name
  .field-content
  .term-wrapper::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgb(0 0 0 / 0.35);
  z-index: 20;
}
.filter-row-card
  section.common-section.saving-acc-cate-section2
  .views-field.views-field-name
  .field-content
  .term-wrapper
  a {
  display: block;
  display: block;
  position: relative;
  z-index: 34;
}
.filter-row-card
  section.common-section.saving-acc-cate-section2
  .views-field.views-field-name
  .field-content
  .term-wrapper
  a
  div {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 28px;
  text-align: center;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  white-space: nowrap;
  width: 100%;
  transform: translateX(-50%);
  z-index: 99;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  margin-top: -10px;
}
.filter-row-card
  section.common-section.saving-acc-cate-section2
  .views-field.views-field-name
  .field-content
  .term-wrapper
  img {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  object-fit: cover;
  position: relative;
}
@media screen and (max-width: 767px) {
  .filter-row-card section.common-section.saving-acc-cate-section2 .item-list {
    padding: 0;
  }
}
.filter-row-card section.common-section.saving-acc-cate-section2 .item-list ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
}
.filter-row-card
  section.common-section.saving-acc-cate-section2
  .item-list
  ul
  li {
  width: 33%;
  padding: 0;
  margin-bottom: 30px;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .filter-row-card
    section.common-section.saving-acc-cate-section2
    .item-list
    ul
    li {
    width: 50%;
  }
}
@media screen and (max-width: 767px) {
  .filter-row-card
    section.common-section.saving-acc-cate-section2
    .item-list
    ul
    li {
    width: 100%;
    margin-bottom: 20px;
  }
}
.filter-row-card
  section.common-section.saving-acc-cate-section2
  .item-list
  ul
  li
  .term-wrapper {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  height: 150px;
  background: rgb(0 0 0 / 0.35);
  margin-right: 15px;
  margin-left: 15px;
}
@media screen and (max-width: 767px) {
  .filter-row-card
    section.common-section.saving-acc-cate-section2
    .item-list
    ul
    li
    .term-wrapper {
    margin-left: 0;
    margin-right: 0;
  }
}
.filter-row-card
  section.common-section.saving-acc-cate-section2
  .item-list
  ul
  li
  .term-wrapper::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgb(0 0 0 / 0.35);
  z-index: 9;
}
.filter-row-card
  section.common-section.saving-acc-cate-section2
  .item-list
  ul
  li
  .term-wrapper
  div {
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 28px;
  text-align: center;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 15;
  white-space: nowrap;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  margin-top: -10px;
}
.filter-row-card
  section.common-section.saving-acc-cate-section2
  .item-list
  ul
  li
  .term-wrapper
  img {
  width: 100%;
  height: 150px;
  border-radius: 8px;
}
@media screen and (max-width: 767px) {
  .common-section.trending-offers-w .row .col-md-6:first-child {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 767px) {
  section.common-section.top-coupons-offers-w
    section.common-section.saving-acc-cate-section2
    .container {
    padding: 0;
  }
}
section.common-section.saving-acc-cate-section2 {
  padding-bottom: 0;
}
.offers-promotions-slick.slick-slider .slick-slide {
  margin-right: 27px;
}
.offer-promo-filter-wrap {
  border-bottom: 1px solid #d7d7d7;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: stretch;
  align-content: stretch;
  justify-content: space-between;
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: 0;
}
.offer-promo-filter-wrap > div {
  min-width: 100px;
  margin: auto;
  text-align: center;
}
.offer-promo-filter-wrap > div:first-child a::before {
  content: "";
  position: relative;
  top: -3px;
  background: url(/themes/custom/rbl_bank/images/btn-view-all.png) no-repeat
    center 0;
  width: 65px;
  height: 65px;
  background-size: 65px 65px;
  display: block;
  margin: -5px auto 5px;
}
@media screen and (max-width: 767px) {
  .offer-promo-filter-wrap > div:first-child a::before {
    width: 65px;
    height: 65px;
    background-size: 65px 65px;
  }
}
.offer-promo-filter-wrap > div:first-child a::after {
  margin-left: -10px;
  bottom: -15px;
}
.offer-promo-filter-wrap a {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  text-decoration: none;
  text-align: center;
  color: #000;
  white-space: nowrap;
  position: relative;
  min-width: 100px;
}
.offer-promo-filter-wrap a img {
  margin: 0 auto 10px;
  width: 65px;
  height: 65px;
}
.offer-promo-filter-wrap a span {
  margin: 0 auto 10px;
}
.offer-promo-filter-wrap a span,
.offer-promo-filter-wrap a img {
  display: block;
}
.offer-promo-filter-wrap a.active {
  position: relative;
}
.offer-promo-filter-wrap a.active::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50%;
  right: 0;
  width: 90px;
  height: 2px;
  background: #304087;
  transform: translateX(-50%);
  margin-left: -25px;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.view-offer-search.view-id-offer_search .view-filters form.views-exposed-form {
  display: none !important;
}
.offers-sidebar .bottom {
  display: none;
}
@media screen and (max-width: 767px) {
  .offers-sidebar {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .offers-sidebar {
    width: 255px;
  }
}
.offers-sidebar
  fieldset.fieldgroup.form-composite.js-form-item.form-item.js-form-wrapper.form-wrapper.mb-3 {
  margin-bottom: 0 !important;
}
.offers-sidebar .filters-block-containt.js-form-wrapper.form-wrapper.mb-3 {
  margin-bottom: 0 !important;
}
.offers-sidebar
  .js-form-item.js-form-type-checkbox.checkbox.form-check.mb-3:last-child {
  margin-bottom: 0 !important;
}
.offers-sidebar .filters-block {
  background: #ebedff;
  border-radius: 8px;
  padding: 16px;
}
.offers-sidebar
  .filters-block
  .filters-block-containt
  .fieldgroup
  .fieldset-legend {
  display: none;
}
.offers-sidebar .filters-block .header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
}
.offers-sidebar .filters-block .header .filters-block-title {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-size: 15px;
  color: #2c3131;
}
.offers-sidebar .filters-block .header .filters-block-clear a {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  text-align: right;
  color: #304087;
  text-decoration: none;
  text-transform: capitalize;
}
.offers-sidebar .facets-widget-checkbox .facet-item {
  position: relative;
}
.offers-sidebar .facets-widget-checkbox .facet-item:not(:last-child) {
  margin-bottom: 18px;
}
.offers-sidebar .facets-widget-checkbox .facet-item input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}
.offers-sidebar
  .facets-widget-checkbox
  .facet-item
  input:checked
  + label::before {
  border-color: #304087;
}
.offers-sidebar
  .facets-widget-checkbox
  .facet-item
  input:checked
  + label:after {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  left: 7px;
  width: 5px;
  height: 10px;
  border: solid #304087;
  border-top-width: medium;
  border-right-width: medium;
  border-bottom-width: medium;
  border-left-width: medium;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.offers-sidebar .facets-widget-checkbox .facet-item label {
  position: relative;
  padding-top: 3px;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #606060;
  line-height: normal;
  padding-left: 30px;
  cursor: pointer;
}
.offers-sidebar .facets-widget-checkbox .facet-item label:before {
  content: "";
  -webkit-appearance: none;
  background-color: #fff0;
  border: 2px solid #909090;
  padding: 7px;
  display: inline-block;
  position: absolute;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 10px;
  left: 0;
  top: 2px;
  z-index: 3;
}
.offers-cards .light-form-control .form-control-small {
  background: #fff;
  border: 1px solid #304087;
}
@media screen and (min-width: 768px) {
  .offers-cards {
    width: calc(100% - 260px);
    padding-left: 15px;
  }
}
.offers-cards-top {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
  align-content: stretch;
}
@media screen and (max-width: 767px) {
  .offers-cards-top {
    flex-direction: column-reverse;
  }
}
.offers-cards-top .offer-header-left .view-header {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  color: #030306;
}
@media screen and (max-width: 767px) {
  .offers-cards-top .offer-header-left .view-header {
    margin-top: 25px;
  }
}
.offers-cards-top .offer-header-right .form-group.type-form-group.lg-mb0 {
  display: none;
}
@media screen and (min-width: 768px) {
  .offers-cards-top
    .offer-header-right
    .form-group.type-form-group.lg-mb0
    > label {
    margin-bottom: 0;
    margin-top: 5px;
  }
}
@media screen and (max-width: 767px) {
  .offers-cards-top .offer-header-right .form-group.type-form-group.lg-mb0 {
    position: absolute;
    top: -244px;
    right: 15px;
    z-index: 3;
  }
}
.offers-cards-top .type-form-group {
  width: 248px;
  margin-right: 0;
  display: flex;
  justify-content: space-between;
  align-content: center;
}
@media screen and (max-width: 767px) {
  .offers-cards-top .type-form-group {
    width: 220px;
    margin-right: 0;
    display: flex;
    justify-content: space-between;
    align-content: center;
    float: right;
  }
  .offers-cards-top .type-form-group > label {
    font-weight: 600;
    font-size: 12px;
    margin-top: 4px;
  }
}
.offers-cards-list .view-empty {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 26px;
  color: #304087;
  text-align: center;
  margin: 50px 0;
}
.offers-cards-list
  .member-card-col.offer-card-adj
  .focus-area-card.offer-card-inner
  .tag-txt {
  background: #fff0;
  border-radius: 0;
  margin-bottom: 0;
  border: 0 !important;
  padding: 0;
}
.offers-cards-list
  .member-card-col.offer-card-adj
  .focus-area-card.offer-card-inner
  .tag-txt
  .list-group {
  display: block;
  text-align: left;
}
.offers-cards-list
  .member-card-col.offer-card-adj
  .focus-area-card.offer-card-inner
  .tag-txt
  .list-group
  .list-group-item {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  color: #263238;
  background: #baeab9;
  border-radius: 16px;
  padding: 4px 10px;
  border: 0;
  margin-right: 8px;
  margin-bottom: 8px;
  display: inline-block;
}
.video-v-flex video {
  max-height: 444px;
}
@media screen and (min-width: 768px) {
  .view-offer-search .mobile-filter-link {
    display: none;
  }
}
.mobile-filter-link .modal-open-link {
  margin-top: 30px;
  margin-left: 15px;
}
.mobile-filter-link .modal-open-link a {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  color: #303030;
  text-decoration: none;
  position: relative;
  background: url(/themes/custom/rbl_bank/images/cate-icon.svg) no-repeat 0
    center;
  padding-left: 20px;
}
.mobile-filter-link .modal-open-link a::after {
  content: "";
  width: 14px;
  height: 14px;
  background: #304087;
  position: absolute;
  top: -5px;
  right: -13px;
  z-index: 3;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.press-releases-year-filter {
  padding: 60px 0;
}
.press-releases-year-filter label {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  color: #9d9d9d;
}
.press-releases-year-filter
  .view-filters
  button.button.js-form-submit.form-submit.btn.btn-primary {
  background: #304087;
  border-radius: 4px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.3px;
  color: #fff;
  height: 40px;
  position: relative;
  top: 26px;
}
.press-releases-year-filter .view-filters .row {
  display: flex;
  flex-direction: row;
  align-content: flex-end;
}
@media screen and (max-width: 767px) {
  .press-releases-year-filter .view-filters .row {
    justify-content: center;
  }
}
.press-releases-year-filter .view-filters .row .credit-card-filter-menu {
  width: 188px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .press-releases-year-filter .view-filters .row .credit-card-filter-menu {
    width: 150px;
  }
}
.press-releases-year-filter .view-filters .row .credit-card-filter-menu::after {
  content: "";
  background: url(/themes/custom/rbl_bank/images/down-icon1.svg) no-repeat right
    center;
  padding-right: 30px;
  width: 38px;
  height: 38px;
  display: block;
  position: absolute;
  bottom: 0;
  right: 10px;
  background-size: contain;
  pointer-events: none;
}
.press-releases-year-filter
  .view-filters
  .row
  .credit-card-filter-menu
  .form-select {
  background: #fff;
  border: 1px solid #304087;
  border-radius: 4px;
  height: 38px;
}
.press-releases-year-filter .view-filters .row .js-form-wrapper {
  width: 188px;
}
@media screen and (max-width: 767px) {
  .press-releases-year-filter .view-filters .row .js-form-wrapper {
    width: 150px;
  }
}
section.common-section.press-releases-section {
  padding-top: 0;
}
.search-filter-page {
  padding: 60px 0;
}
.search-filter-page .view-content .col-lg-4 {
  flex: 0 0 auto;
  width: 100%;
  margin-bottom: 15px;
  padding: 0;
}
@media screen and (max-width: 767px) {
  .search-filter-page {
    padding: 40px 15px;
  }
}
.search-filter-page ul.js-pager__items.pagination {
  margin-top: 15px;
  justify-content: flex-end;
}
.search-filter-page .active .page-link {
  color: #fff !important;
  background: #1718a4 !important;
  border-color: #1718a4 !important;
}
.search-filter-page .page-link {
  color: #1718a4;
  font-size: 16px;
}
.search-filter-page .view-header {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  color: #8e8e8e;
  margin-bottom: 20px;
  margin-left: 10px;
}
@media screen and (max-width: 767px) {
  .search-filter-page .view-header {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0;
    text-align: left;
  }
}
.search-filter-page .item-list li {
  border-bottom: 1px solid #d7d7d7;
  margin-bottom: 25px;
  padding-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .search-filter-page .item-list li {
    margin-bottom: 7px;
    padding-bottom: 12px;
  }
}
.search-filter-page .item-list p.p18.text-level2,
.search-filter-page .item-list span.field-content {
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: #333;
  margin-top: 10px;
  display: block;
}
.search-filter-page .item-list p.p18.text-level2 + .p18,
.search-filter-page .item-list span.field-content + .p18 {
  display: none !important;
}
.search-filter-page .item-list .field-content a {
  font-size: 22px;
  font-weight: 400;
  text-align: left;
  text-decoration: none;
  color: #1718a4;
}
@media screen and (max-width: 767px) {
  .search-filter-page .item-list .field-content a {
    font-size: 18px;
  }
}
.search-filter-page .item-list .field-content a {
  font-size: 22px;
  font-weight: 400;
  text-align: left;
  text-decoration: none;
  color: #1718a4;
}
@media screen and (max-width: 767px) {
  .search-filter-page .item-list .field-content a {
    font-size: 18px;
  }
}
.search-filter-page .view-filters .views-exposed-form .row {
  display: flex;
  flex-direction: row;
}
.search-filter-page
  .view-filters
  .views-exposed-form
  .row
  .js-form-item.js-form-type-textfield.form-type-textfield.js-form-item-keys.form-item-keys {
  width: calc(100% - 150px);
}
.search-filter-page
  .view-filters
  .views-exposed-form
  .row
  .form-actions.js-form-wrapper.form-wrapper {
  width: 150px;
  padding-top: 27px;
}
.search-filter-page button.button.js-form-submit.form-submit.btn.btn-primary {
  background: #304087;
  border-radius: 4px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.3px;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .search-filter-page button.button.js-form-submit.form-submit.btn.btn-primary {
    min-width: 100px;
    width: auto;
  }
}
.search-filter-page section.common-section.saving-acc-cate-section2 {
  padding-top: 30px;
}
.search-filter-page section.common-section.saving-acc-cate-section2 .col-lg-4 {
  flex: 0 0 auto;
  width: 100%;
  margin-bottom: 15px;
  padding: 0;
  border-bottom: 1px solid #d7d7d7;
}
.search-filter-page
  section.common-section.saving-acc-cate-section2
  .col-lg-4
  h2 {
  font-style: normal;
  font-weight: 400;
  font-size: 22px;
  color: #1718a4;
  margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
  .search-filter-page
    section.common-section.saving-acc-cate-section2
    .col-lg-4
    h2 {
    font-size: 20px;
    color: #1718a4;
    margin-bottom: 8px;
  }
}
.search-filter-page
  section.common-section.saving-acc-cate-section2
  .col-lg-4
  h2
  a {
  color: #1718a4;
  text-decoration: none;
}
.form-select:focus {
  outline: 0;
  box-shadow: none;
}
.offers-sidebar .form-check {
  display: block;
  min-height: 1.5rem;
  padding-left: 0;
  margin-bottom: 0.125rem;
}
.offers-sidebar .form-check input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}
.offers-sidebar .form-check input:checked + label::before {
  border-color: #304087;
}
.offers-sidebar .form-check input:checked + label:after {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  left: 7px;
  width: 5px;
  height: 10px;
  border: solid #304087;
  border-top-width: medium;
  border-right-width: medium;
  border-bottom-width: medium;
  border-left-width: medium;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.offers-sidebar .form-check label {
  position: relative;
  padding-top: 3px;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #606060;
  line-height: normal;
  padding-left: 30px;
  cursor: pointer;
}
.offers-sidebar .form-check label:before {
  content: "";
  -webkit-appearance: none;
  background-color: #fff0;
  border: 2px solid #909090;
  padding: 7px;
  display: inline-block;
  position: absolute;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 10px;
  left: 0;
  top: 2px;
  z-index: 3;
}
section.common-section.top-coupons-offers-w.pb-0
  .common-section.saving-acc-cate-section2 {
  padding-bottom: 0;
}
section.common-section.credit-card-section1.pb-0
  section.common-section.saving-acc-cate-section2 {
  padding-top: 0;
}
section.common-section.credit-card-section1.pb-0
  section.common-section.saving-acc-cate-section2
  .category-header-text {
  margin-bottom: 30px;
}
body[class*="path-apply"] h1.title {
  display: none;
}
.g-search-modal .modal-dialog.modal-fullscreen {
  height: 183px;
  margin-top: 100px;
}
.g-search-modal .modal-dialog.modal-fullscreen .container {
  position: relative;
}
@media screen and (max-width: 767px) {
  .g-search-modal .modal-dialog.modal-fullscreen .container {
    margin-top: -10px;
  }
}
@media screen and (max-width: 767px) {
  .g-search-modal .modal-dialog.modal-fullscreen {
    margin-top: 88px;
    height: 150px;
  }
}
.g-search-modal .modal-dialog.modal-fullscreen a.search-close-a {
  position: absolute;
  top: 10px;
  right: 24px;
  z-index: 99;
}
@media screen and (max-width: 767px) {
  .g-search-modal
    .modal-dialog.modal-fullscreen
    a.search-close-a
    img.close-black.st,
  .g-search-modal
    .modal-dialog.modal-fullscreen
    .common-header-wrap
    .log-dd
    .dropdown-item
    a.search-close-a
    img.close-black.fa.fa-angle-down,
  .common-header-wrap
    .log-dd
    .dropdown-item
    .g-search-modal
    .modal-dialog.modal-fullscreen
    a.search-close-a
    img.close-black.fa.fa-angle-down,
  .g-search-modal
    .modal-dialog.modal-fullscreen
    a.search-close-a
    .other-dropdown
    img.close-black.btn-other,
  .other-dropdown
    .g-search-modal
    .modal-dialog.modal-fullscreen
    a.search-close-a
    img.close-black.btn-other,
  .g-search-modal
    .modal-dialog.modal-fullscreen
    a.search-close-a
    img.close-black.btn,
  .g-search-modal
    .modal-dialog.modal-fullscreen
    a.search-close-a
    .back-btn
    img.close-black,
  .back-btn
    .g-search-modal
    .modal-dialog.modal-fullscreen
    a.search-close-a
    img.close-black,
  .g-search-modal
    .modal-dialog.modal-fullscreen
    a.search-close-a
    .filter-a-wrap
    img.close-black.tag-a:hover,
  .filter-a-wrap
    .g-search-modal
    .modal-dialog.modal-fullscreen
    a.search-close-a
    img.close-black.tag-a:hover,
  .g-search-modal
    .modal-dialog.modal-fullscreen
    a.search-close-a
    .bttn-link-arrow
    img.close-black.right-icon,
  .bttn-link-arrow
    .g-search-modal
    .modal-dialog.modal-fullscreen
    a.search-close-a
    img.close-black.right-icon,
  .g-search-modal
    .modal-dialog.modal-fullscreen
    a.search-close-a
    .pagination.common-pagination
    img.close-black.page-link,
  .pagination.common-pagination
    .g-search-modal
    .modal-dialog.modal-fullscreen
    a.search-close-a
    img.close-black.page-link,
  .g-search-modal
    .modal-dialog.modal-fullscreen
    a.search-close-a
    .scale-img-wrap
    img.close-black.scale-img,
  .scale-img-wrap
    .g-search-modal
    .modal-dialog.modal-fullscreen
    a.search-close-a
    img.close-black.scale-img,
  .g-search-modal
    .modal-dialog.modal-fullscreen
    a.search-close-a
    .csr-cate-card-wrap
    img.close-black.csr-cate-card-wrap-bg,
  .csr-cate-card-wrap
    .g-search-modal
    .modal-dialog.modal-fullscreen
    a.search-close-a
    img.close-black.csr-cate-card-wrap-bg,
  .g-search-modal
    .modal-dialog.modal-fullscreen
    a.search-close-a
    img.close-black.csr-cate-card-wrap::after,
  .g-search-modal
    .modal-dialog.modal-fullscreen
    a.search-close-a
    .csr-cate-card-wrap
    img.close-black.csr-cate-card-wrap-inner,
  .csr-cate-card-wrap
    .g-search-modal
    .modal-dialog.modal-fullscreen
    a.search-close-a
    img.close-black.csr-cate-card-wrap-inner,
  .g-search-modal
    .modal-dialog.modal-fullscreen
    a.search-close-a
    .common-tab-wrap
    .nav-tabs
    img.close-black.nav-link::after,
  .common-tab-wrap
    .nav-tabs
    .g-search-modal
    .modal-dialog.modal-fullscreen
    a.search-close-a
    img.close-black.nav-link::after,
  .g-search-modal
    .modal-dialog.modal-fullscreen
    a.search-close-a
    img.close-black.compare-btn-wrap,
  .g-search-modal
    .modal-dialog.modal-fullscreen
    a.search-close-a
    img.close-black.chat-wrap2,
  .g-search-modal
    .modal-dialog.modal-fullscreen
    a.search-close-a
    .chat-wrap2
    img.close-black.chat-wrap2-inner,
  .chat-wrap2
    .g-search-modal
    .modal-dialog.modal-fullscreen
    a.search-close-a
    img.close-black.chat-wrap2-inner,
  .g-search-modal
    .modal-dialog.modal-fullscreen
    a.search-close-a
    img.close-black.go-to-top-wrap,
  .g-search-modal
    .modal-dialog.modal-fullscreen
    a.search-close-a
    .our-product-overlay-wrap
    img.close-black.our-product-overlay,
  .our-product-overlay-wrap
    .g-search-modal
    .modal-dialog.modal-fullscreen
    a.search-close-a
    img.close-black.our-product-overlay,
  .g-search-modal
    .modal-dialog.modal-fullscreen
    a.search-close-a
    img.close-black.our-product-overlay-wrap::after,
  .g-search-modal
    .modal-dialog.modal-fullscreen
    a.search-close-a
    .our-product-overlay-wrap
    img.close-black.our-product-overlay-inner,
  .our-product-overlay-wrap
    .g-search-modal
    .modal-dialog.modal-fullscreen
    a.search-close-a
    img.close-black.our-product-overlay-inner,
  .g-search-modal
    .modal-dialog.modal-fullscreen
    a.search-close-a
    img.close-black.rapid-card-wrap::after,
  .g-search-modal
    .modal-dialog.modal-fullscreen
    a.search-close-a
    .rapid-card-wrap
    img.close-black.rapid-card-wrap-inner,
  .rapid-card-wrap
    .g-search-modal
    .modal-dialog.modal-fullscreen
    a.search-close-a
    img.close-black.rapid-card-wrap-inner,
  .g-search-modal
    .modal-dialog.modal-fullscreen
    a.search-close-a
    .rapid-card-wrap
    img.close-black.rapid-card-wrap-bg,
  .rapid-card-wrap
    .g-search-modal
    .modal-dialog.modal-fullscreen
    a.search-close-a
    img.close-black.rapid-card-wrap-bg,
  .g-search-modal
    .modal-dialog.modal-fullscreen
    a.search-close-a
    img.close-black.card-program,
  .g-search-modal
    .modal-dialog.modal-fullscreen
    a.search-close-a
    img.close-black.compare-prod-wrap-outer,
  .g-search-modal
    .modal-dialog.modal-fullscreen
    a.search-close-a
    img.close-black.compare-prod-card-add,
  .g-search-modal
    .modal-dialog.modal-fullscreen
    a.search-close-a
    .two-col-card-wrap
    .two-col-card
    .two-col-card-img
    img.close-black,
  .two-col-card-wrap
    .two-col-card
    .two-col-card-img
    .g-search-modal
    .modal-dialog.modal-fullscreen
    a.search-close-a
    img.close-black,
  .g-search-modal
    .modal-dialog.modal-fullscreen
    a.search-close-a
    img.close-black.owl-btn,
  .g-search-modal
    .modal-dialog.modal-fullscreen
    a.search-close-a
    img.close-black.owl-btn-squre,
  .g-search-modal
    .modal-dialog.modal-fullscreen
    a.search-close-a
    img.close-black.card-download,
  .g-search-modal
    .modal-dialog.modal-fullscreen
    a.search-close-a
    img.close-black.offer-card-wrap::after,
  .g-search-modal
    .modal-dialog.modal-fullscreen
    a.search-close-a
    .offer-card-wrap
    img.close-black.offer-card-wrap-inner,
  .offer-card-wrap
    .g-search-modal
    .modal-dialog.modal-fullscreen
    a.search-close-a
    img.close-black.offer-card-wrap-inner,
  .g-search-modal
    .modal-dialog.modal-fullscreen
    a.search-close-a
    .offer-card-wrap
    .offer-overlay-flex
    img.close-black.next-arrow-btn,
  .offer-card-wrap
    .offer-overlay-flex
    .g-search-modal
    .modal-dialog.modal-fullscreen
    a.search-close-a
    img.close-black.next-arrow-btn,
  .g-search-modal
    .modal-dialog.modal-fullscreen
    a.search-close-a
    img.close-black.offer-prom-card-wrap::after {
    width: 15px;
  }
}
.g-search-modal .modal-dialog.modal-fullscreen .search_section .row {
  margin-top: 40px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .g-search-modal .modal-dialog.modal-fullscreen .search_section .row {
    margin-top: 50px;
  }
}
.g-search-modal
  .modal-dialog.modal-fullscreen
  .search_section
  .row
  .js-form-item.js-form-type-search-api-autocomplete.form-type-search-api-autocomplete.js-form-item-keys.form-item-keys.mb-3 {
  width: calc(100% - 170px);
}
@media screen and (max-width: 767px) {
  .g-search-modal
    .modal-dialog.modal-fullscreen
    .search_section
    .row
    .js-form-item.js-form-type-search-api-autocomplete.form-type-search-api-autocomplete.js-form-item-keys.form-item-keys.mb-3 {
    width: calc(100% - 73px);
  }
}
.g-search-modal
  .modal-dialog.modal-fullscreen
  .search_section
  .row
  button.button.js-form-submit.form-submit.btn.btn-primary {
  background: #304087;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .g-search-modal
    .modal-dialog.modal-fullscreen
    .search_section
    .row
    button.button.js-form-submit.form-submit.btn.btn-primary {
    background: #304087 url(/themes/custom/rbl_bank/images/search-w.svg)
      no-repeat center center;
    color: #fff;
    min-width: 48px;
    text-indent: -999px;
    padding: 0;
    text-align: center;
  }
}
.g-search-modal
  .modal-dialog.modal-fullscreen
  .search_section
  .row
  input.form-control {
  background: #fff0;
  border: 0;
  border-bottom: 1px solid #263238;
  border-radius: 0;
  font-size: 32px;
  color: #263238;
  padding: 10px 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}
.g-search-modal
  .modal-dialog.modal-fullscreen
  .search_section
  .row
  input.form-control::-webkit-input-placeholder {
  color: #d2d3e2;
  font-weight: 400;
}
.g-search-modal
  .modal-dialog.modal-fullscreen
  .search_section
  .row
  input.form-control:-ms-input-placeholder {
  color: #d2d3e2;
  font-weight: 400;
}
.g-search-modal
  .modal-dialog.modal-fullscreen
  .search_section
  .row
  input.form-control::placeholder {
  color: #d2d3e2;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .g-search-modal
    .modal-dialog.modal-fullscreen
    .search_section
    .row
    input.form-control {
    font-size: 32px;
    font-weight: 400;
  }
}
.g-search-modal
  .modal-dialog.modal-fullscreen
  .search_section
  .row
  .form-actions.js-form-wrapper.form-wrapper.mb-3 {
  width: 170px;
}
@media screen and (max-width: 767px) {
  .g-search-modal
    .modal-dialog.modal-fullscreen
    .search_section
    .row
    .form-actions.js-form-wrapper.form-wrapper.mb-3 {
    width: 48px;
  }
}
.g-search-modal
  .modal-dialog.modal-fullscreen
  .search_section
  .row
  .js-form-item
  > label {
  display: none;
}
.abs-para {
  position: absolute;
  top: 57%;
  left: -46px;
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  color: #606060;
}
@media screen and (min-width: 768px) {
  .abs-para {
    left: -60px;
  }
}
.b-seperator {
  border-bottom: 2px solid rgb(242 113 125 / 0.5) !important;
}
.fs15-m {
  font-size: 15px !important;
}
.fs15-m > a {
  font-size: 15px !important;
}
img[src*="https://www.facebook.com/tr?id=835958713188608&ev=PageView&noscript=1"]
{
  display: none;
}
#block-homepagecalculator .light-form-control .form-control-small {
  cursor: pointer !important;
}
.node--type-inerestrates-pages .interest-rate-page-wrap {
  padding-top: 60px;
}
.search-filter-page ul.js-pager__items.pagination {
  margin-top: 15px;
  justify-content: center;
}
.active > .page-link,
.page-link.active {
  background-color: #304087;
  border-color: #304087;
}
.page-link {
  color: #304087;
}
.radio-btn-customer span.fieldset-legend {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #606060;
  text-transform: capitalize;
}
.radio-btn-customer .fieldset-wrapper .radio {
  display: flex;
}
.radio-btn-customer .fieldset-wrapper .radio .js-form-item {
  margin-right: 15px;
  margin-bottom: 0;
}
.radio-btn-customer
  .fieldset-wrapper
  .radio
  .js-form-item
  label.form-check-label {
  margin-left: 8px;
}
.compare-btn-wrap {
  display: none;
}
.page-view-press-releases
  .view.view-press-releases.view-id-press_releases
  ul.js-pager__items.pagination {
  justify-content: center;
  margin-bottom: 60px;
}
.footer-common-wrap {
  background: #222;
  padding: 45px 0;
}
.footer-common-wrap .follow-us-ul {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: stretch;
  align-content: stretch;
}
@media screen and (max-width: 767px) {
  .footer-common-wrap .follow-us-ul {
    justify-content: center;
    margin-bottom: 30px;
  }
  .footer-common-wrap
    .follow-us-ul
    + p.p14.hide-desktop.show-mobile.mt15.text-white.text-center {
    opacity: 0.4;
  }
}
.footer-common-wrap .follow-us-ul li {
  margin: 0 3px;
}
.footer-common-wrap .follow-us-ul li .p16 {
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  color: #606060;
  margin-right: 22px;
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-common-wrap .follow-us-ul li .p16 {
    margin-right: 5px;
    font-size: 14px;
    margin-left: 15px;
  }
}
.footer-common-wrap .follow-us-ul li a {
  width: 27px;
  height: 27px;
  background: rgb(255 255 255 / 0.04);
  border: 1px solid #606060;
  display: block;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  text-align: center;
  color: #fff;
  font-size: 12px;
  line-height: 26px;
}
@media screen and (max-width: 767px) {
  .footer-common-wrap .follow-us-ul li a {
    width: 32px;
    height: 32px;
    font-size: 16px;
    line-height: 30px;
  }
}
@media screen and (max-width: 767px) {
  .footer-common-wrap .follow-us-ul li a.a-fb {
    background: #1877f2;
  }
}
.footer-common-wrap .follow-us-ul li a.a-fb:hover {
  background: #1877f2;
}
@media screen and (max-width: 767px) {
  .footer-common-wrap .follow-us-ul li a.a-linkedin {
    background: #0762cb;
  }
}
.footer-common-wrap .follow-us-ul li a.a-linkedin:hover {
  background: #0762cb;
}
@media screen and (max-width: 767px) {
  .footer-common-wrap .follow-us-ul li a.a-twitter {
    background: #5da9dd;
  }
}
.footer-common-wrap .follow-us-ul li a.a-twitter:hover {
  background: #5da9dd;
}
@media screen and (max-width: 767px) {
  .footer-common-wrap .follow-us-ul li a.a-insta {
    background: #f09433;
    background: -moz-linear-gradient(
      45deg,
      #f09433 0%,
      #e6683c 25%,
      #dc2743 50%,
      #cc2366 75%,
      #bc1888 100%
    );
    background: -webkit-linear-gradient(
      45deg,
      #f09433 0%,
      #e6683c 25%,
      #dc2743 50%,
      #cc2366 75%,
      #bc1888 100%
    );
    background: linear-gradient(
      45deg,
      #f09433 0%,
      #e6683c 25%,
      #dc2743 50%,
      #cc2366 75%,
      #bc1888 100%
    );
  }
}
.footer-common-wrap .follow-us-ul li a.a-insta:hover {
  background: #f09433;
  background: -moz-linear-gradient(
    45deg,
    #f09433 0%,
    #e6683c 25%,
    #dc2743 50%,
    #cc2366 75%,
    #bc1888 100%
  );
  background: -webkit-linear-gradient(
    45deg,
    #f09433 0%,
    #e6683c 25%,
    #dc2743 50%,
    #cc2366 75%,
    #bc1888 100%
  );
  background: linear-gradient(
    45deg,
    #f09433 0%,
    #e6683c 25%,
    #dc2743 50%,
    #cc2366 75%,
    #bc1888 100%
  );
}
@media screen and (max-width: 767px) {
  .footer-common-wrap .follow-us-ul li a.a-yt {
    background: #fe0000;
  }
}
.footer-common-wrap .follow-us-ul li a.a-yt:hover {
  background: #fe0000;
}
.footer-common-wrap .footer-head {
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  color: #909090;
  position: relative;
}
.footer-common-wrap .footer-head.active-t .underline {
  opacity: 1;
}
.footer-common-wrap .footer-head .footerIcons {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 3;
  opacity: 0;
}
@media screen and (max-width: 767px) {
  .footer-common-wrap .footer-head .footerIcons {
    width: 25px;
    height: 25px;
    border: 1px solid #909090;
    border-radius: 4px;
    font-size: 14px;
    display: block;
    text-align: center;
    padding-top: 5px;
    color: #909090;
    opacity: 1;
    margin-top: -3px;
  }
}
.footer-common-wrap .footer-head .underline {
  width: 20px;
  height: 2px;
  background: #606060;
  margin: 4px 0 10px;
  display: block;
}
@media screen and (max-width: 767px) {
  .footer-common-wrap .footer-head .underline {
    opacity: 0;
    margin: 4px 0 10px;
  }
}
.footer-common-wrap .other-list-wrap,
.footer-common-wrap .list-unstyled {
  position: relative;
}
@media screen and (max-width: 767px) {
  .footer-common-wrap .other-list-wrap,
  .footer-common-wrap .list-unstyled {
    padding-left: 15px;
    margin-bottom: 30px;
  }
}
.footer-common-wrap .other-list-wrap li,
.footer-common-wrap .list-unstyled li {
  margin-bottom: 10px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .footer-common-wrap .other-list-wrap li,
  .footer-common-wrap .list-unstyled li {
    margin-bottom: 10px;
  }
}
.footer-common-wrap .other-list-wrap li span,
.footer-common-wrap .other-list-wrap li a,
.footer-common-wrap .list-unstyled li span,
.footer-common-wrap .list-unstyled li a {
  padding: 0;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #f3f4f6;
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
}
.footer-common-wrap .other-list-wrap li span:hover,
.footer-common-wrap .other-list-wrap li a:hover,
.footer-common-wrap .list-unstyled li span:hover,
.footer-common-wrap .list-unstyled li a:hover {
  color: #fff;
}
@media screen and (min-width: 768px) {
  .footer-common-wrap .footerStyle .site-footer__bottom {
    letter-spacing: 0.2px;
    margin-top: 0;
    border-top: 1px solid #303030;
    border-color: rgb(255 255 255 / 0.15);
    padding-top: 16px;
  }
}
.footer-common-wrap .footerStyle .row1 .footer-col {
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .footer-common-wrap .footerStyle .row1 .footer-col {
    -ms-flex: 0 0 33%;
    flex: 0 0 33%;
    max-width: 33%;
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  .footer-common-wrap .footerStyle .row1 .footer-col {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-top: 0;
  }
}
.footer-common-wrap .footerStyle .row2 {
  margin-top: 0;
  padding-top: 10px;
}
@media screen and (max-width: 767px) {
  .footer-common-wrap .footerStyle .row2 {
    border-top: 0;
    margin-top: 0;
    padding-top: 0;
  }
}
.footer-common-wrap .footerStyle .row2 .other-list-wrap .list-unstyled {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
}
.footer-common-wrap .footerStyle .row2 .other-list-wrap .list-unstyled li {
  padding-right: 8px;
  margin-right: 8px;
}
@media screen and (max-width: 767px) {
  .footer-common-wrap .footerStyle .row2 .other-list-wrap .list-unstyled li {
    padding-right: 0;
    margin-right: 0;
    width: 100%;
  }
}
.footer-common-wrap
  .footerStyle
  .row2
  .other-list-wrap
  .list-unstyled
  li:last-child
  a::after {
  display: none;
}
.footer-common-wrap .footerStyle .row2 .other-list-wrap .list-unstyled li a {
  position: relative;
}
.footer-common-wrap
  .footerStyle
  .row2
  .other-list-wrap
  .list-unstyled
  li
  a::after {
  content: "";
  position: absolute;
  top: 0;
  right: -9px;
  height: 15px;
  width: 1px;
  background: #606060;
}
@media screen and (max-width: 767px) {
  .footer-common-wrap
    .footerStyle
    .row2
    .other-list-wrap
    .list-unstyled
    li
    a::after {
    display: none;
  }
}
.footer-common-wrap .footerStyle .row2 .other-list-wrap .footerIcons-other {
  width: 25px;
  height: 25px;
  border: 1px solid #909090;
  border-radius: 4px;
  font-size: 14px;
  display: block;
  text-align: center;
  padding-top: 2px;
  color: #909090;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 3;
  line-height: 1.5;
}
.footer-common-wrap
  .footerStyle
  .row2
  .other-list-wrap
  .footerIcons-other:hover {
  border: 1px solid #909090;
  color: #909090;
}
.footer-common-wrap .footerStyle .row3 {
  border-top: 1px solid #303030;
  margin-top: 13px;
  padding-top: 16px;
  padding-bottom: 30px;
}
.footer-common-wrap .footerStyle p.pbottom {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #dbdcde;
}
@media screen and (min-width: 768px) {
  .other-dropdown {
    margin-left: -32px;
  }
}
.other-dropdown.show .arwupdown {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
@media screen and (max-width: 767px) {
  .other-dropdown {
    text-align: center;
    margin-bottom: 20px;
    margin-top: 5px;
  }
}
.other-dropdown .dropdown-menu {
  width: 230px;
  margin-bottom: 0;
  z-index: 9;
}
@media screen and (max-width: 767px) {
  .other-dropdown .dropdown-menu {
    margin: auto;
    left: 50%;
    right: auto;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
  }
}
.other-dropdown .btn-other {
  background: #3d3d3d;
  border-radius: 10px;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  color: #dbdcde;
  height: 50px;
  width: 230px;
  text-align: left;
  border-radius: 10px;
  padding: 5px 20px;
  border: 0;
  position: relative;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
.other-dropdown .btn-other .arwupdown {
  float: right;
  top: 3px;
  position: relative;
}
.other-dropdown .btn-other img.down-arrow-other.st,
.other-dropdown
  .btn-other
  .common-header-wrap
  .log-dd
  .dropdown-item
  a
  img.down-arrow-other.fa.fa-angle-down,
.common-header-wrap
  .log-dd
  .dropdown-item
  a
  .other-dropdown
  .btn-other
  img.down-arrow-other.fa.fa-angle-down,
.other-dropdown .btn-other img.down-arrow-other.btn,
.other-dropdown .btn-other .back-btn img.down-arrow-other,
.back-btn .other-dropdown .btn-other img.down-arrow-other,
.other-dropdown .btn-other .filter-a-wrap img.down-arrow-other.tag-a:hover,
.filter-a-wrap .other-dropdown .btn-other img.down-arrow-other.tag-a:hover,
.other-dropdown .btn-other .bttn-link-arrow img.down-arrow-other.right-icon,
.bttn-link-arrow .other-dropdown .btn-other img.down-arrow-other.right-icon,
.other-dropdown
  .btn-other
  .pagination.common-pagination
  img.down-arrow-other.page-link,
.pagination.common-pagination
  .other-dropdown
  .btn-other
  img.down-arrow-other.page-link,
.other-dropdown .btn-other .scale-img-wrap img.down-arrow-other.scale-img,
.scale-img-wrap .other-dropdown .btn-other img.down-arrow-other.scale-img,
.other-dropdown
  .btn-other
  .csr-cate-card-wrap
  img.down-arrow-other.csr-cate-card-wrap-bg,
.csr-cate-card-wrap
  .other-dropdown
  .btn-other
  img.down-arrow-other.csr-cate-card-wrap-bg,
.other-dropdown .btn-other img.down-arrow-other.csr-cate-card-wrap::after,
.other-dropdown
  .btn-other
  .csr-cate-card-wrap
  img.down-arrow-other.csr-cate-card-wrap-inner,
.csr-cate-card-wrap
  .other-dropdown
  .btn-other
  img.down-arrow-other.csr-cate-card-wrap-inner,
.other-dropdown
  .btn-other
  .common-tab-wrap
  .nav-tabs
  img.down-arrow-other.nav-link::after,
.common-tab-wrap
  .nav-tabs
  .other-dropdown
  .btn-other
  img.down-arrow-other.nav-link::after,
.other-dropdown .btn-other img.down-arrow-other.compare-btn-wrap,
.other-dropdown .btn-other img.down-arrow-other.chat-wrap2,
.other-dropdown .btn-other .chat-wrap2 img.down-arrow-other.chat-wrap2-inner,
.chat-wrap2 .other-dropdown .btn-other img.down-arrow-other.chat-wrap2-inner,
.other-dropdown .btn-other img.down-arrow-other.go-to-top-wrap,
.other-dropdown
  .btn-other
  .our-product-overlay-wrap
  img.down-arrow-other.our-product-overlay,
.our-product-overlay-wrap
  .other-dropdown
  .btn-other
  img.down-arrow-other.our-product-overlay,
.other-dropdown .btn-other img.down-arrow-other.our-product-overlay-wrap::after,
.other-dropdown
  .btn-other
  .our-product-overlay-wrap
  img.down-arrow-other.our-product-overlay-inner,
.our-product-overlay-wrap
  .other-dropdown
  .btn-other
  img.down-arrow-other.our-product-overlay-inner,
.other-dropdown .btn-other img.down-arrow-other.rapid-card-wrap::after,
.other-dropdown
  .btn-other
  .rapid-card-wrap
  img.down-arrow-other.rapid-card-wrap-inner,
.rapid-card-wrap
  .other-dropdown
  .btn-other
  img.down-arrow-other.rapid-card-wrap-inner,
.other-dropdown
  .btn-other
  .rapid-card-wrap
  img.down-arrow-other.rapid-card-wrap-bg,
.rapid-card-wrap
  .other-dropdown
  .btn-other
  img.down-arrow-other.rapid-card-wrap-bg,
.other-dropdown .btn-other img.down-arrow-other.card-program,
.other-dropdown .btn-other img.down-arrow-other.compare-prod-wrap-outer,
.other-dropdown .btn-other img.down-arrow-other.compare-prod-card-add,
.other-dropdown
  .btn-other
  .two-col-card-wrap
  .two-col-card
  .two-col-card-img
  img.down-arrow-other,
.two-col-card-wrap
  .two-col-card
  .two-col-card-img
  .other-dropdown
  .btn-other
  img.down-arrow-other,
.other-dropdown .btn-other img.down-arrow-other.owl-btn,
.other-dropdown .btn-other img.down-arrow-other.owl-btn-squre,
.other-dropdown .btn-other img.down-arrow-other.card-download,
.other-dropdown .btn-other img.down-arrow-other.offer-card-wrap::after,
.other-dropdown
  .btn-other
  .offer-card-wrap
  img.down-arrow-other.offer-card-wrap-inner,
.offer-card-wrap
  .other-dropdown
  .btn-other
  img.down-arrow-other.offer-card-wrap-inner,
.other-dropdown
  .btn-other
  .offer-card-wrap
  .offer-overlay-flex
  img.down-arrow-other.next-arrow-btn,
.offer-card-wrap
  .offer-overlay-flex
  .other-dropdown
  .btn-other
  img.down-arrow-other.next-arrow-btn,
.other-dropdown .btn-other img.down-arrow-other.offer-prom-card-wrap::after,
.other-dropdown .btn-other img.down-arrow-other.btn-other {
  top: 20px;
  position: absolute;
  right: 15px;
}
.other-dropdown .btn-other::after {
  border-color: #fff0 !important;
  background: #fff0;
  opacity: 0;
}
.other-dropdown .btn-other:hover {
  background-color: #909090;
  color: #fff;
}
.other-dropdown button.dropdown-item {
  color: #000;
  padding: 8px 16px;
  text-decoration: none;
  font-size: 14px;
}
.other-dropdown button.dropdown-item:hover {
  background-color: #ccc;
}
.menumodal .modal-dialog {
  height: 100vh !important;
  overflow-y: auto;
  top: 0;
}
.menumodal .modal-dialog .modal-content {
  border: 0 !important;
}
.menumodal .modal-header {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  display: flex;
  align-items: center;
  color: #666;
}
.menumodal .modal-header .modal-title {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  display: flex;
  color: #666;
  justify-content: center;
  width: 100%;
  margin-right: -20px;
}
.menumodal .modal-body {
  padding: 0 !important;
}
.acnav {
  width: 100%;
}
.acnav__list {
  padding: 0;
  margin: 0;
  list-style: none;
}
.acnav__list--level1 {
  border: 1px solid #fff0;
}
.acnav__list--level1 > li {
  border-bottom: 1px solid #f7f7f7;
}
.has-children > .acnav__label::after {
  content: "";
  display: block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-transition: transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  position: absolute;
  top: 20px;
  right: 15px;
  z-index: 3;
  -moz-transition: transform 0.3s;
  -ms-transition: transform 0.3s;
  -o-transition: transform 0.3s;
}
.has-children.is-open > .acnav__label {
  background: #eaecf3;
}
.has-children.is-open > .acnav__label::after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  content: "";
  color: #ed3338;
}
.has-children1 > .acnav__label::after {
  content: "";
  display: block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 24px;
  color: #666;
  text-rendering: auto;
  margin-right: 0.6em;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  position: absolute;
  top: 15px;
  right: 0;
  z-index: 3;
}
.has-children1.is-open > .acnav__label::after {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
  content: "";
  color: #666;
  position: absolute;
  top: 15px;
  right: 0;
  z-index: 3;
}
.acnav__link,
.acnav__label {
  display: block;
  font-size: 16px;
  padding: 0.5em;
  margin: 0;
  cursor: pointer;
  font-style: normal;
  font-weight: 500;
  color: #304087;
  position: relative;
  min-height: 60px;
  line-height: 40px;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-decoration: none;
  overflow: hidden;
  -webkit-transition: color 0.25s ease-in, background-color 0.25s ease-in;
  transition: color 0.25s ease-in, background-color 0.25s ease-in;
}
.acnav__link a,
.acnav__label a {
  text-decoration: none;
}
.acnav__link:focus,
.acnav__link:hover,
.acnav__label:focus,
.acnav__label:hover {
  color: #232e61;
}
.acnav__link--level2,
.acnav__label--level2 {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  color: #304087;
  background: #fff;
}
.acnav__link--level2:focus,
.acnav__link--level2:hover,
.acnav__label--level2:focus,
.acnav__label--level2:hover {
  background: #f3f3f7;
}
.acnav__link--level3,
.acnav__label--level3 {
  padding-left: 1.5em;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  color: #304087;
  background: #fff;
}
.acnav__link--level3:focus,
.acnav__link--level3:hover,
.acnav__label--level3:focus,
.acnav__label--level3:hover {
  background: #f3f3f7;
}
.acnav__link--level4,
.acnav__label--level4 {
  padding-left: 2.5em;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  color: #304087;
  background: #fff;
}
.acnav__link--level4:focus,
.acnav__link--level4:hover,
.acnav__label--level4:focus,
.acnav__label--level4:hover {
  background: #f3f3f7;
}
.acnav__link--level5,
.acnav__label--level5 {
  padding-left: 3.5em;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  color: #304087;
  color: #304087;
  background: #fff;
}
.acnav__link--level5:focus,
.acnav__link--level5:hover,
.acnav__label--level5:focus,
.acnav__label--level5:hover {
  background: #e7e8ff;
}
.acnav__link--level6,
.acnav__label--level6 {
  padding-left: 4.5em;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  color: #304087;
  background: #fff;
}
.acnav__link--level6:focus,
.acnav__link--level6:hover,
.acnav__label--level6:focus,
.acnav__label--level6:hover {
  background: #e7e8ff;
}
.acnav__list--level2,
.acnav__list--level3,
.acnav__list--level4,
.acnav__list--level5,
.acnav__list--level6 {
  display: none;
}
.acnav__list--level2 a,
.acnav__list--level3 a,
.acnav__list--level4 a,
.acnav__list--level5 a,
.acnav__list--level6 a {
  color: #304087;
}
.is-open > .acnav__list--level2,
.is-open > .acnav__list--level3,
.is-open > .acnav__list--level4,
.is-open > .acnav__list--level5,
.is-open > .acnav__list--level6 {
  display: block;
}
.acnav__list--level2 a.acnav__link--level2 {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  color: #304087;
}
.acnavMakePayment li > .acnav__label,
.acnavMakePayment li > a {
  padding-left: 20px !important;
}
.acnavMakePayment li > ul li a {
  padding-left: 30px !important;
}
.acnav__list--level5,
.acnav__label--level5 {
  padding-left: 50px;
}
.acnav__list--level6,
.acnav__label--level6 {
  padding-left: 60px;
}
.menu-pro-title {
  color: #303030;
  font-size: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 10px;
  line-height: normal;
  margin-top: 20px;
}
.menu-pro-card-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0;
}
.menu-pro-card {
  background-color: #fff;
  padding: 10px;
  width: 32%;
  height: auto;
  border-radius: 5px;
  padding: 0;
}
.pro-title {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 10px;
  color: #303030;
  text-align: center;
  width: 100%;
  height: 45px;
  text-decoration: none;
}
.p1-bg {
  background-color: #f8f8ff;
  border: 1px solid #e7e8ff;
}
.pro-title {
  font-size: 10px;
  font-weight: 500;
  line-height: normal;
  margin-top: 10px;
  margin-bottom: 0;
}
.acnavOurProd-xs .pro-image {
  width: 60px;
  height: auto;
}
.pro-bg-content {
  background-color: #def2ee;
  border-radius: 5px;
  padding: 5px;
  color: #009434;
  font-weight: 700;
  font-size: 18px;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.p1-bg {
  background-color: #f8f8ff;
  border: 1px solid #e7e8ff;
}
.p2-bg {
  background-color: #eefcfa;
  border: 1px solid #c3f3eb;
}
.p3-bg {
  background-color: #fff2f3;
  border: 1px solid #ffe5e6;
}
.acnavLogin .acnav__list--level2 div,
.acnavLogin .acnav__list--level2 a {
  padding-left: 70px;
}
.acnavLogin .acnav__list--level2 div + ul li a,
.acnavLogin .acnav__list--level2 a + ul li a {
  padding-left: 40px;
  color: #304087;
}
.acnavOurProd .acnav__list--level2 > li > div,
.acnavOurProd .acnav__list--level2 > li > a {
  padding-left: 30px;
}
.acnavOurProd .acnav__list--level2 > li > div + ul li a,
.acnavOurProd .acnav__list--level2 > li > a + ul li a {
  padding-left: 15px;
  color: #304087;
}
.acnavOurProd > ul > li > .acnav__label {
  padding-left: 15px !important;
}
@media (max-width: 991px) {
  .footer-sticky {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #fff;
    color: #fff;
    text-align: center;
    z-index: 999;
  }
  .footer-sticky .footer-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .footer-sticky .footer-mobile .tab-bar-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 20%;
  }
  .footer-sticky .footer-mobile .tab-bar-icon a {
    border-top: 4px solid #fff0;
    width: calc(100% - 10px);
    padding-top: 6px;
    padding-bottom: 6px;
    text-decoration: none;
  }
  .footer-sticky .footer-mobile .tab-bar-icon a:hover {
    border-top: 4px solid #304087;
  }
  .footer-sticky .footer-mobile .tab-bar-icon .text-block {
    position: relative;
    color: #606060;
  }
  .footer-sticky .footer-mobile .tab-bar-icon .text-block .txtfnt {
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
  }
}
section.row.col-md-3.footer-col {
  padding: 0;
}
section.row.col-md-3.footer-col .list-unstyled {
  width: 100%;
  flex-direction: column;
}
@media screen and (max-width: 767px) {
  section.row.col-md-3.footer-col .list-unstyled {
    display: none;
  }
}
.footer-common-wrap .footerStyle .row1 .footer-col {
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  width: 20%;
  margin: 0;
  display: block;
}
@media screen and (max-width: 767px) {
  .footer-common-wrap .footerStyle .row1 .footer-col {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-top: 0;
    width: 100%;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .footer-common-wrap .footerStyle .row1 .footer-col {
    -ms-flex: 0 0 33%;
    flex: 0 0 33%;
    max-width: 33%;
    margin-top: 0;
    width: 33%;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-common-wrap .footerStyle .row1 .footer-col {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
    margin-top: 0;
    width: 20%;
  }
}
.site-footer .content ol:not(.menu),
.site-footer .content ul:not(.menu) {
  padding-left: 0;
}
.footerStyle .site-footer__bottom {
  margin-top: 0;
  border-top: 0;
}
.footerStyle .site-footer__bottom .block {
  margin: 0;
}
.footer-common-wrap .footerStyle .row.row2.other-list-row {
  margin-top: -10px;
}
.footer-common-wrap .footerStyle .row.row2.other-list-row .footer-head {
  margin-bottom: 13px;
  position: relative;
}
.footer-common-wrap .footerStyle .row.row2.other-list-row .footer-head::after {
  opacity: 0;
  content: "";
  width: 20px;
  height: 2px;
  background: #606060;
  margin: 4px 0 10px;
  display: block;
  position: relative;
}
@media screen and (min-width: 768px) {
  .footer-common-wrap
    .footerStyle
    .row.row2.other-list-row
    .footer-head::after {
    opacity: 1 !important;
  }
}
@media screen and (max-width: 767px) {
  .footer-common-wrap
    .footerStyle
    .row.row2.other-list-row
    .footer-head.active-t::after {
    opacity: 1;
  }
}
ul.acnav__list.acnav__list--level2 .col-md-12.menu-pro-title {
  display: none;
}
.common-header-wrapper {
  overflow: hidden;
}
.common-header-wrap .text-bold {
  font-weight: 400;
}
.common-header-wrap .pd30 {
  padding: 30px;
}
.common-header-wrap .text-regular {
  font-size: 14px;
  color: #606060;
  color: #606060;
}
.common-header-wrap .w100 {
  font-weight: 100;
}
.common-header-wrap .w200 {
  font-weight: 200;
}
.common-header-wrap .w300 {
  font-weight: 300;
}
.common-header-wrap .w400 {
  font-weight: 400;
}
.common-header-wrap .w600 {
  font-weight: 400;
}
.common-header-wrap .w700 {
  font-weight: 400;
}
.common-header-wrap .title {
  font-size: 22px;
}
.common-header-wrap .subitem {
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  -o-border-radius: 0 !important;
}
.common-header-wrap .help-page-icon {
  font-size: 50px;
  line-height: 40px;
}
.common-header-wrap body,
.common-header-wrap html {
  width: 100%;
  height: 100%;
}
.common-header-wrap .d-f-c {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.common-header-wrap .d-f-b {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.common-header-wrap .d-f-a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.common-header-wrap .d-f-s {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.common-header-wrap body {
  background-color: #f3f4f6;
}
.common-header-wrap .custom-card {
  border-radius: 10px;
  background-color: #fff;
  padding: 0;
  margin: 0 auto;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.common-header-wrap .custom-card-title {
  padding: 20px;
  font-size: 32px;
}
@media (max-width: 767px) {
  .common-header-wrap .common-header-wrap .note-media {
    padding: 20px 15px;
  }
}
@media (max-width: 768px) {
  .common-header-wrap .custom-card-title {
    font-size: 24px;
    margin-top: 9px;
  }
  .common-header-wrap .hide-xs {
    display: none;
  }
}
.common-header-wrap .card-shadow {
  -webkit-box-shadow: rgb(99 99 99 / 0.2) 0 2px 8px 0;
  box-shadow: rgb(99 99 99 / 0.2) 0 2px 8px 0;
  border-radius: 10px;
}
.common-header-wrap .width-5 {
  width: 5% !important;
}
.common-header-wrap .width-10 {
  width: 10% !important;
}
.common-header-wrap .width-12 {
  width: 12% !important;
}
.common-header-wrap .width-13 {
  width: 13% !important;
}
.common-header-wrap .width-15 {
  width: 15% !important;
}
.common-header-wrap .width-20 {
  width: 20% !important;
}
.common-header-wrap .width-23 {
  width: 23% !important;
}
.common-header-wrap .width-25 {
  width: 25% !important;
}
.common-header-wrap .width-26 {
  width: 26% !important;
}
.common-header-wrap .width-33 {
  width: 33%;
}
.common-header-wrap .width-30 {
  width: 30% !important;
}
.common-header-wrap .width-40 {
  width: 40% !important;
}
.common-header-wrap .width-45 {
  width: 45% !important;
}
.common-header-wrap .width-47 {
  width: 47% !important;
}
.common-header-wrap .width-50 {
  width: 50% !important;
}
.common-header-wrap .width-52 {
  width: 52% !important;
}
.common-header-wrap .width-60 {
  width: 60% !important;
}
.common-header-wrap .width-70 {
  width: 70% !important;
}
.common-header-wrap .width-75 {
  width: 75% !important;
}
.common-header-wrap .width-80 {
  width: 80% !important;
}
.common-header-wrap .width-85 {
  width: 85% !important;
}
.common-header-wrap .width-90 {
  width: 90% !important;
}
.common-header-wrap .width-100 {
  width: 100% !important;
}
.common-header-wrap .width-auto {
  width: auto !important;
}
.common-header-wrap .acc-head-title {
  font-size: 18px;
  text-transform: uppercase;
  color: #223f73;
  background-color: #f5f5f5;
  text-align: center;
  padding: 5px 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.common-header-wrap .acc-head-title-2 {
  font-size: 18px;
  line-height: 20px;
  text-transform: capitalize;
  color: #fff;
  background-color: #304087;
  text-align: center;
  padding: 5px 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 60px;
}
.common-header-wrap .nav-pills .nav-link.active,
.common-header-wrap .nav-pills .show > .nav-link {
  color: #304087;
  background-color: #fff0;
  border-bottom: 3px solid #304087;
  border-radius: 0px !important;
}
.common-header-wrap .nav-tabs .nav-item.show .nav-link,
.common-header-wrap .nav-tabs .nav-link.active {
  text-align: center;
}
.common-header-wrap .tab-title-big {
  font-style: normal;
  font-weight: 400;
  font-size: 32px;
  line-height: 40px;
  color: #373f41;
  padding-left: 15px;
  border-left: 5px solid #304087;
}
.common-header-wrap .bg-shadow {
  background: -webkit-gradient(
    linear,
    right top,
    left top,
    color-stop(1.2%, #f3f4f6),
    color-stop(1.21%, rgb(243 244 246 / 0.84)),
    to(#fff0)
  );
  background: linear-gradient(
    270deg,
    #f3f4f6 1.2%,
    rgb(243 244 246 / 0.84) 1.21%,
    #fff0 100%
  );
  border-radius: 10px;
}
.common-header-wrap .tab-title-text {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #606060;
}
.common-header-wrap .tab-title-accord-txt {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #373f41;
}
.common-header-wrap .t_first {
  height: 54px;
  font-size: 16px;
  line-height: 18px;
  border-radius: 10px 0 0 0px !important;
  text-align: center;
  color: #304087;
  background-color: #fff;
  border-right: 0.5px solid #ccc !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.common-header-wrap .t_middle {
  height: 54px;
  font-size: 16px;
  line-height: 18px;
  border-radius: 0px !important;
  text-align: center;
  color: #304087;
  background-color: #fff;
  border: none;
  border-right: 0.5px solid #ccc !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.common-header-wrap .t_last {
  height: 54px;
  font-size: 16px;
  border-radius: 0 10px 0 0px !important;
  text-align: center;
  color: #304087;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.common-header-wrap .t_single {
  height: 54px;
  font-size: 16px;
  border-radius: 10px 10px 0 0px !important;
  color: #304087;
  background-color: #fff;
  border-right: 0.5px solid #ccc !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.common-header-wrap .cus-tab-scroll {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  overflow-x: auto;
  border-bottom: 0.5px solid #ccc !important;
}
.common-header-wrap .ul-scroll {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
  width: 100%;
}
.common-header-wrap .tabtextdata {
  font-size: 16px;
  color: #373f41;
}
.common-header-wrap .custom-tab-size {
  min-width: 200px;
  height: 70px;
}
.common-header-wrap .nav-link {
  color: #606060;
}
.common-header-wrap .nav-tabs .nav-item.show .nav-link,
.common-header-wrap .nav-tabs .nav-link.active {
  color: #fff;
  border-color: #1b3280;
}
.common-header-wrap .border-radius {
  border-radius: 10px;
}
.common-header-wrap .border-none {
  border: none;
}
.common-header-wrap .savingicon {
  width: 100px;
  height: auto;
}
.common-header-wrap .card-small-icon {
  width: 100px;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.common-header-wrap .saving-card-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.common-header-wrap .updated-title {
  font-size: 16px;
  padding: 20px 0;
  text-align: center;
}
.common-header-wrap .updated-icon {
  width: 100px;
  height: auto;
}
.common-header-wrap .feature-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  .common-header-wrap .feature-card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.common-header-wrap .feature-card-item {
  border-radius: 5px;
  margin-bottom: 10px;
  overflow: hidden;
  background-color: #f3f4f6;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: 10px;
}
.common-header-wrap .tab-cover {
  padding: 0 30px;
}
.common-header-wrap .tab-cover p {
  margin-top: 5px;
}
@media (max-width: 768px) {
  .common-header-wrap .tab-cover {
    padding: 0 15px;
  }
}
.common-header-wrap .tab-content-title {
  font-size: 16px;
  color: #373f41;
}
.common-header-wrap .tab-content-text {
  font-size: 16px;
  color: #373f41;
}
.common-header-wrap .text-reg-grey {
  color: #909090;
  font-size: 16px;
}
.common-header-wrap .img-rounded {
  border-radius: 10px;
}
.common-header-wrap .tab-link {
  font-size: 16px;
  line-height: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
  width: 100px;
}
.common-header-wrap .tab-link:hover {
  text-decoration: none;
}
.common-header-wrap .tab-link:active {
  text-decoration: none;
}
.common-header-wrap .tab-link:visited {
  text-decoration: none;
}
.common-header-wrap .card-deck-tab {
  padding: 15px 30px;
}
@media (max-width: 768px) {
  .common-header-wrap .card-deck-tab {
    padding: 5px;
  }
}
.common-header-wrap .bottom-icons-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 768px) {
  .common-header-wrap .bottom-icons-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.common-header-wrap .full-img {
  width: 100% !important;
}
.common-header-wrap .content-card-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  .common-header-wrap .content-card-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
.common-header-wrap .content-card {
  margin: 15px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 30%;
  max-width: 30%;
  border-radius: 10px;
  margin-bottom: 10px;
  overflow: hidden;
  padding: 0;
  border: 1px solid #e1e1e1;
  -webkit-box-shadow: rgb(0 0 0 / 0.1) 0 1px 4px;
  box-shadow: rgb(0 0 0 / 0.1) 0 1px 4px;
}
@media (max-width: 768px) {
  .common-header-wrap .content-card {
    min-width: 100%;
  }
}
.common-header-wrap .content-card:hover {
  -webkit-box-shadow: 0 0 11px rgb(33 33 33 / 0.2) !important;
  box-shadow: 0 0 11px rgb(33 33 33 / 0.2) !important;
  border-radius: 10px;
  -webkit-transition-duration: 0s !important;
  transition-duration: 0s !important;
}
.common-header-wrap .content-card:hover .btnreadmore {
  color: #061785;
  padding-left: 7px;
  -webkit-transition: padding 1s linear;
  transition: padding 1s linear;
}
.common-header-wrap .content-card:hover .btnreadmore svg path {
  fill: #061785;
}
.common-header-wrap .content-card-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 5px 15px;
}
.common-header-wrap .add-wrapper {
  display: block;
  position: relative;
}
.common-header-wrap .ribbon {
  position: absolute;
  right: -20px;
  top: -20px;
  z-index: 1;
  overflow: hidden;
  width: 100px;
  height: 100px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.common-header-wrap .ribbon span {
  font-size: 20px;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  font-weight: 700;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 122px;
  display: block;
  background: #2b2b2b;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#2c2c2c),
    color-stop(70%, #000000)
  );
  background: linear-gradient(#2c2c2c 0%, #000000 70%);
  -webkit-box-shadow: 0 3px 10px -5px #000;
  box-shadow: 0 3px 10px -5px #000;
  position: absolute;
}
.common-header-wrap .overflow {
  overflow: hidden;
}
.common-header-wrap .corner:before {
  right: 100%;
}
.common-header-wrap .corner:after {
  left: 100%;
}
.common-header-wrap .corner-red {
  height: 23px;
  margin: 5px;
  padding: 0;
  font-size: 18px;
  color: #fff;
  padding: 0em;
  position: absolute;
  top: -3px;
  right: -5px;
  -webkit-transform: translateX(30%) translateY(0%) rotate(45deg);
  transform: translateX(30%) translateY(0%) rotate(45deg);
  -webkit-transform-origin: top left;
  transform-origin: top left;
  background: #ed3338;
}
.common-header-wrap .corner-red:before,
.common-header-wrap .corner-red:after {
  content: "";
  position: absolute;
  top: 0;
  margin: 0 -1px;
  width: 200%;
  height: 100%;
  background: #ed3338;
}
.common-header-wrap .content-card-content ul {
  list-style-type: none;
}
.common-header-wrap .content-card-content ul li::before {
  content: "•";
  color: #fda808;
  font-weight: 700;
  font-size: 24px;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}
.common-header-wrap .content-card-content ul li {
  font-size: 14px;
  line-height: 20px;
  margin: 10px 0;
  font-weight: 400;
}
.common-header-wrap .content-card-content ul div p {
  margin-bottom: 30px;
}
.common-header-wrap .card-deck-tab ul {
  list-style-type: none;
  margin-bottom: 20px;
  padding-left: 0px !important;
}
.common-header-wrap .card-deck-tab ul li::before {
  content: "•";
  color: #5a5f61;
  font-weight: 700;
  font-size: 20px;
  display: inline-block;
  width: 15px;
  height: 100%;
  margin-left: -1.5em;
  margin-right: 0.5em;
  text-align: right;
  direction: rtl;
}
.common-header-wrap .card-deck-tab ul div {
  font-size: 18px;
}
.common-header-wrap .card-deck-tab ul li {
  color: #5a5f61;
  font-size: 16px;
  line-height: 24px;
  margin: 5px auto 5px 30px;
  text-align: justify;
  text-align-last: left;
}
@media (max-width: 768px) {
  .common-header-wrap .card-deck-tab ul li {
    text-align: justify;
    text-align-last: left;
  }
}
@media (max-width: 768px) {
  .common-header-wrap .card-deck-tab ul p {
    text-align: justify;
    text-align-last: left;
  }
}
.common-header-wrap .b-bottom-none {
  border-bottom: none !important;
}
.common-header-wrap .table-bordered {
  border: 1px solid #dee2e6 !important;
}
.common-header-wrap .b-f-s {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: center;
  justify-content: start;
  -webkit-box-align: start;
  -ms-flex-align: center;
  align-items: start;
}
.common-header-wrap .notification_dropdown {
  display: none;
}
.common-header-wrap .top {
  border-top-left-radius: 90px;
  border-top-right-radius: 90px;
}
.common-header-wrap .right {
  border-bottom-right-radius: 90px;
  border-top-right-radius: 90px;
}
.common-header-wrap .left {
  border-bottom-left-radius: 90px;
  border-top-left-radius: 90px;
}
.common-header-wrap .blue-carou-text {
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 23px;
  color: #e8e8e8;
}
@media (max-width: 576px) {
  .common-header-wrap .blue-carou-text {
    font-size: 16px;
    line-height: 24px;
  }
}
.common-header-wrap .blue-carou-no {
  font-style: normal;
  font-weight: 400;
  font-size: 32px;
  line-height: 23px;
  color: #e8e8e8;
}
.common-header-wrap .carousel-indicators {
  position: absolute;
  right: 70px !important;
  bottom: -40px !important;
  left: 0;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0;
  margin-right: 15%;
  margin-bottom: 1rem;
  margin-left: 15%;
  list-style: none;
}
.common-header-wrap button:focus {
  outline: none;
  outline: 0 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  outline: 0 auto -webkit-focus-ring-color !important;
}
.common-header-wrap .login-btn {
  height: 33px;
  min-width: 90px;
  font-size: 18px;
  line-height: 28px;
  border-radius: 4px;
  text-transform: uppercase;
  color: #fff;
  background-color: #304087;
  border: none;
}
.common-header-wrap .login-btn:hover {
  border: none;
  outline: none !important;
  background-color: #122256;
  color: #fff !important;
}
.common-header-wrap .login-btn:focus {
  border: none;
  outline: 0 auto -webkit-focus-ring-color !important;
  color: #fff !important;
}
.common-header-wrap .login-btn:active {
  border: none;
  outline: none !important;
  background-color: #122256;
  color: #fff !important;
}
.common-header-wrap .circle-btn {
  height: 42px;
  width: 42px;
  min-width: 40px;
  padding: 10px;
  font-size: 14px;
  line-height: 28px;
  border-radius: 50px;
  position: relative;
  text-transform: uppercase;
  color: #fff;
  background-color: #fff;
  border: none;
  background: #fff;
  box-shadow: 0 2px 4px rgb(0 0 0 / 0.15);
}
@media screen and (max-width: 767px) {
  .common-header-wrap .circle-btn {
    margin-top: 20px;
    margin-right: 10px;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .common-header-wrap .circle-btn {
    margin-right: 30px;
  }
}
.common-header-wrap .circle-btn:hover .img-fluid.img-blue {
  filter: brightness(0) invert(1);
  -webkit-filter: brightness(0) invert(1);
}
.common-header-wrap .circle-btn .img-blue {
  display: block;
}
.common-header-wrap .circle-btn .img-white {
  display: none;
}
.common-header-wrap .circle-btn:hover {
  border: none;
  outline: none !important;
  background-color: #1a307c;
  color: #fff !important;
}
.common-header-wrap .circle-btn:hover .notification_dropdown {
  display: block !important;
}
.common-header-wrap .circle-btn:hover .dropdown-menu-note {
  display: block !important;
}
.common-header-wrap .circle-btn:hover .dropdown-menu {
  display: block !important;
}
.common-header-wrap .circle-btn:focus .img-white {
  display: block;
  padding-left: 6px;
}
.common-header-wrap .circle-btn:focus .notification_dropdown {
  display: block !important;
}
.common-header-wrap .circle-btn:focus .dropdown-menu-note {
  display: block !important;
}
.common-header-wrap .circle-btn:focus .dropdown-menu {
  display: block !important;
}
.common-header-wrap .circle-btn:active {
  border: none;
  outline: none !important;
  background-color: #1a307c;
  color: #fff !important;
}
.common-header-wrap .circle-btn:active .img-white {
  display: block;
  padding-left: 6px;
}
.common-header-wrap .circle-btn:active .notification_dropdown {
  display: block !important;
}
.common-header-wrap .circle-btn:active .dropdown-menu-note {
  display: block !important;
}
.common-header-wrap .circle-btn:active .dropdown-menu {
  display: block !important;
}
.common-header-wrap .bannerButton {
  height: 48px;
  width: auto;
  margin-top: 0;
  font-weight: 400;
  font-size: 18px;
  color: #303030;
  border: 0;
  border-color: #f5e835;
  background-color: #fea90a;
  padding: 5px 20px;
  border-radius: 4px;
}
.common-header-wrap .bannerButton:hover {
  border: none;
  outline: none !important;
  background-color: #fec353;
  color: #303030;
}
.common-header-wrap .bannerButton:focus {
  border: none;
  outline: 0 auto -webkit-focus-ring-color !important;
  background-color: #e59708;
  color: #303030;
}
.common-header-wrap .bannerButton:active {
  border: none;
  outline: none !important;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#fbb716),
    to(#fda606)
  );
  background: linear-gradient(90deg, #fbb716 0%, #fda606 100%);
  color: #303030;
}
.common-header-wrap .savetab-Button {
  min-height: 48px;
  min-width: 139px;
  margin: 15px auto;
  font-weight: 400;
  font-size: 18px;
  color: #303030;
  border: 0;
  border-color: #f5e835;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#fda606),
    to(#fbb716)
  );
  background: linear-gradient(90deg, #fda606 0%, #fbb716 100%);
  padding: 5px 20px;
  border-radius: 4px;
}
.common-header-wrap .savetab-Button:hover {
  border: none;
  outline: none !important;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#fbb716),
    to(#fda606)
  );
  background: linear-gradient(90deg, #fbb716 0%, #fda606 100%);
  color: #303030;
}
.common-header-wrap .savetab-Button:focus {
  border: none;
  outline: 0 auto -webkit-focus-ring-color !important;
  color: #303030;
}
.common-header-wrap .savetab-Button:active {
  border: none;
  outline: none !important;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#fbb716),
    to(#fda606)
  );
  background: linear-gradient(90deg, #fbb716 0%, #fda606 100%);
  color: #303030;
}
@media (max-width: 768px) {
  .common-header-wrap .savetab-Button {
    margin: 15px auto;
  }
}
.common-header-wrap .btn-primary {
  color: #fff;
  background-color: #1b3280;
  border-color: #d7d7d7;
}
.common-header-wrap .btn-primary:hover {
  color: #f3f3f3;
  background-color: #033061;
  border-color: #141414;
}
.common-header-wrap .btn-primary:focus {
  color: #f3f3f3;
  background-color: #033061;
  border-color: #141414;
}
.common-header-wrap .btn-primary:active {
  color: #f3f3f3;
  background-color: #1b3280;
  border-color: #141414;
}
.common-header-wrap .btn-outline-primary {
  color: #1b3280;
  border-color: #1b3280;
}
.common-header-wrap .btn-outline-primary:hover {
  color: #fff;
  background-color: #1b3280;
  border-color: #1b3280;
  outline: 0 auto -webkit-focus-ring-color !important;
}
.common-header-wrap .btn-outline-primary:active {
  color: #fff;
  background-color: #1b3280;
  border-color: #1b3280;
  outline: 0 auto -webkit-focus-ring-color !important;
}
.common-header-wrap .btn-outline-primary:focus {
  color: #fff;
  background-color: #1b3280;
  border-color: #1b3280;
  outline: 0 auto -webkit-focus-ring-color !important;
}
.common-header-wrap a {
  color: #1b3280;
}
.common-header-wrap .credit-button-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.common-header-wrap .credit-Button-save {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 48px;
  min-width: 139px;
  font-weight: 400;
  font-size: 18px;
  color: #303030;
  border: 0;
  border-color: #f5e835;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#fda606),
    to(#fbb716)
  );
  background: linear-gradient(90deg, #fda606 0%, #fbb716 100%);
  padding: 5px 20px;
  border-radius: 0 0 10px 0;
}
.common-header-wrap .credit-Button-save:hover {
  border: none;
  outline: none !important;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#fbb716),
    to(#fda606)
  );
  background: linear-gradient(90deg, #fbb716 0%, #fda606 100%);
  color: #303030;
}
.common-header-wrap .credit-Button-save:focus {
  border: none;
  outline: 0 auto -webkit-focus-ring-color !important;
  color: #303030;
}
.common-header-wrap .credit-Button-save:active {
  border: none;
  outline: none !important;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#fbb716),
    to(#fda606)
  );
  background: linear-gradient(90deg, #fbb716 0%, #fda606 100%);
  color: #303030;
}
.common-header-wrap .credit-Button-more {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 48px;
  min-width: 139px;
  font-weight: 400;
  font-size: 18px;
  color: #303030;
  border: 0;
  border-color: none;
  background: #f5f5f5;
  padding: 5px 20px;
  border-radius: 0 0 0 10px;
}
.common-header-wrap .credit-Button-more:hover {
  border: none;
  outline: none !important;
  background: #f5f5f5;
  color: #303030;
}
.common-header-wrap .credit-Button-more:focus {
  border: none;
  outline: 0 auto -webkit-focus-ring-color !important;
  color: #303030;
}
.common-header-wrap .credit-Button-more:active {
  border: none;
  outline: none !important;
  background: #f5f5f5;
  color: #303030;
}
.common-header-wrap .FormButton-reset {
  height: 48px;
  width: auto;
  margin-top: 0;
  font-weight: 400;
  font-size: 18px;
  color: #304087;
  border: 0;
  border-color: #304087;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#fff0),
    to(#fff0)
  );
  background: linear-gradient(90deg, #fff0 0%, #fff0 100%);
  padding: 5px 20px;
  border-radius: 4px;
  border: 1px solid #304087;
}
.common-header-wrap .FormButton-reset:hover {
  color: #304087;
}
.common-header-wrap .FormButton-reset:focus {
  color: #304087;
}
.common-header-wrap .FormButton-reset:active {
  color: #304087;
}
.common-header-wrap .CallButton {
  height: 48px;
  width: auto;
  margin-top: 0;
  font-weight: 400;
  font-size: 18px;
  color: #303030;
  border: 0;
  border-color: #f5e835;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#fda606),
    to(#fbb716)
  );
  background: linear-gradient(90deg, #fda606 0%, #fbb716 100%);
  padding: 5px 20px;
  border-radius: 4px;
}
.common-header-wrap .CallButton:hover {
  border: none;
  outline: none !important;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#fda606),
    to(#fbb716)
  );
  background: linear-gradient(90deg, #fda606 0%, #fbb716 100%);
  color: #303030;
}
.common-header-wrap .CallButton:focus {
  border: none;
  outline: 0 auto -webkit-focus-ring-color !important;
  color: #303030;
}
.common-header-wrap .CallButton:active {
  border: none;
  outline: none !important;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#fda606),
    to(#fbb716)
  );
  background: linear-gradient(90deg, #fda606 0%, #fbb716 100%);
  color: #303030;
}
@media only screen and (max-width: 280px) {
  .common-header-wrap .FormButton-reset {
    height: 35px;
    width: auto;
    margin-top: 0;
    font-weight: 400;
    font-size: 14px;
    color: #304087;
    border: 0;
    border-color: #304087;
    background: -webkit-gradient(
      linear,
      left top,
      right top,
      from(#fff0),
      to(#fff0)
    );
    background: linear-gradient(90deg, #fff0 0%, #fff0 100%);
    padding: 5px 20px;
    border-radius: 4px;
    border: 1px solid #304087;
  }
  .common-header-wrap .CallButton {
    height: 35px;
    width: auto;
    margin-top: 0;
    font-weight: 400;
    font-size: 14px;
    color: #303030;
    border: 0;
    border-color: #f5e835;
    background: -webkit-gradient(
      linear,
      left top,
      right top,
      from(#fda606),
      to(#fbb716)
    );
    background: linear-gradient(90deg, #fda606 0%, #fbb716 100%);
    padding: 2px 10px;
    border-radius: 4px;
  }
}
.common-header-wrap .CallButton[disabled] {
  opacity: 0.5;
}
.common-header-wrap .form-control.is-invalid,
.common-header-wrap .was-validated .form-control:invalid,
.common-header-wrap .form-select.is-valid:not([multiple]):not([size]),
.common-header-wrap .form-select.is-valid:not([multiple])[size="1"],
.common-header-wrap
  .was-validated
  .form-select:valid:not([multiple]):not([size]),
.common-header-wrap
  .was-validated
  .form-select:valid:not([multiple])[size="1"] {
  background: none;
}
.common-header-wrap .GetButton {
  height: 32px;
  width: auto;
  margin-top: 0;
  font-weight: 400;
  font-size: 14px;
  color: #303030;
  border: 0;
  border-color: #f5e835;
  background-color: #fea90a;
  padding: 5px 20px;
  border-radius: 4px;
}
.common-header-wrap .GetButton:hover {
  border: none;
  outline: none !important;
  background-color: #fec353;
  color: #303030;
}
.common-header-wrap .GetButton:focus {
  border: none;
  outline: 0 auto -webkit-focus-ring-color !important;
  background-color: #e59708;
  color: #303030;
}
.common-header-wrap .GetButton:active {
  border: none;
  outline: none !important;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#fbb716),
    to(#fda606)
  );
  background: linear-gradient(90deg, #fbb716 0%, #fda606 100%);
  color: #303030;
}
.common-header-wrap .banner-block-head {
  font-size: 44px;
  color: #fff;
  font-weight: 700;
  text-align: center;
}
@supports (-moz-appearance: none) {
  .common-header-wrap .banner-block-head {
    font-size: 42px;
    font-weight: 900;
  }
}
@media (max-width: 576px) {
  .common-header-wrap .banner-block-head {
    font-size: 24px;
  }
}
.common-header-wrap .about-banner-head {
  width: 27rem !important;
  text-align: left;
}
@media (max-width: 768px) {
  .common-header-wrap .about-banner-head {
    width: 28rem !important;
    text-align: center;
    font-size: 42px;
  }
}
.common-header-wrap .banner-block-head-l2 {
  font-size: 32px;
  line-height: 37px;
  color: #fff;
  font-weight: 700;
  text-align: center;
  margin-bottom: 5px;
}
@media (max-width: 576px) {
  .common-header-wrap .banner-block-head-l2 {
    font-size: 24px;
    margin-bottom: 0;
  }
}
.common-header-wrap .banner-highlight {
  background-color: rgb(48 48 48 / 0.6901960784);
  width: auto;
  padding: 5px 15px;
  color: #fff;
  font-weight: 500;
  line-height: auto;
  font-size: 18px;
  border-radius: 4px;
  margin: 15px auto 25px auto;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 576px) {
  .common-header-wrap .banner-highlight {
    margin: 10px auto 15px auto;
    font-size: 16px;
  }
}
.common-header-wrap .nobg {
  background-color: #fff0;
  font-size: 19px;
  font-weight: 400;
  text-align: left;
}
@media (max-width: 768px) {
  .common-header-wrap .nobg {
    background-color: #fff0;
    font-size: 19px;
    font-weight: 400;
    text-align: center;
  }
}
.common-header-wrap .banner-highlight1 {
  background-color: rgb(48 48 48 / 0.6901960784);
  width: auto;
  padding: 10px 10px;
  color: #fff;
  font-weight: 500;
  line-height: auto;
  font-size: 16px;
  border-radius: 4px;
  margin: 15px auto 5px auto;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.common-header-wrap .banner-highlight-2 {
  background-color: rgb(48 48 48 / 0.6901960784);
  width: auto;
  padding: 5px 15px;
  color: #fff;
  font-weight: 500;
  line-height: auto;
  font-size: 18px;
  border-radius: 4px;
  margin: 15px auto 25px auto;
  text-align: center;
}
@media (max-width: 576px) {
  .common-header-wrap .banner-highlight-2 {
    margin: 10px auto 15px auto;
    font-size: 16px;
  }
}
.common-header-wrap .rbl-nav-header-bg {
  background: linear-gradient(
    270deg,
    #8a676d 1.87%,
    #924b57 31.58%,
    #4b4a6c 59.77%,
    #262343 98.54%
  );
}
.common-header-wrap .rbl-nav-header {
  height: 88px;
  background: #fff0;
}
.common-header-wrap .navbar {
  padding: 6px 0px !important;
}
@media screen and (max-width: 767px) {
  .common-header-wrap .navbar {
    padding: 0.5px 0px !important;
  }
}
.common-header-wrap .rbl-logo {
  height: 93px;
  width: auto;
  margin-right: 20px;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .common-header-wrap .rbl-logo {
    width: 150px;
    margin-right: 0;
  }
}
.common-header-wrap .logo-mob {
  width: auto;
  height: 49px;
}
@media (max-width: 576px) {
  .common-header-wrap .logo-mob {
    min-width: 123.35px;
    height: auto;
  }
}
.common-header-wrap .navbar-light .navbar-nav .nav-link {
  color: #fff;
  font-weight: 500;
  font-size: 16px;
}
.common-header-wrap .navbar-light .navbar-nav .nav-link .a:hover {
  color: #303030 !important;
}
.common-header-wrap .nav-tabs .nav-link {
  margin-bottom: -1px;
  background: 0 0;
  border: 1px solid #fff0;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  background-color: #fff;
  min-width: 150px;
  width: auto;
  line-height: 18px;
}
.common-header-wrap .nav-tabs .nav-link-custom {
  background-color: #f3f4f6;
  text-align: center;
}
.common-header-wrap .navbar-light .navbar-nav .nav-link.active,
.common-header-wrap .navbar-light .navbar-nav .show > .nav-link {
  color: #fff4f4;
  border-radius: 4px;
}
.common-header-wrap .footer-mobile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 60px;
}
.common-header-wrap .custom-mobile-menu-content {
  height: 86vh;
  overflow-y: auto;
  overflow-x: hidden;
}
.common-header-wrap .menumodal {
  display: block;
  position: fixed;
  top: 65px;
  left: 9% !important;
  z-index: 1060;
  display: none;
  width: 93%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
}
.common-header-wrap .menumodal .modal-title {
  font-size: 14px;
}
.common-header-wrap .menumodal .modal-body {
  padding: 0;
  background-color: #f9f9fb;
}
.common-header-wrap .active-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.common-header-wrap .tab-bar-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 20%;
  height: 60px;
}
.common-header-wrap .tab-bar-icon:focus,
.common-header-wrap .tab-bar-icon:hover {
  border-top: 4px solid #304087;
}
.common-header-wrap .title-center {
  width: 100%;
  text-align: center;
}
.common-header-wrap .acc-menu {
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #2e367a !important;
  font-size: 18px !important;
}
.common-header-wrap .acc-sub-menu {
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #303030;
  font-size: 16px;
  font-weight: 300;
  padding-left: 30px;
}
.common-header-wrap .menu-pro-title {
  color: #303030;
  font-size: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 10px;
  line-height: 35px;
  margin-top: 10px;
}
.common-header-wrap .menu-pro-card-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0;
}
.common-header-wrap .menu-pro-card {
  padding: 10px;
  width: 32%;
  height: auto;
  background: #fff;
  box-shadow: 0 0 1px rgb(12 26 75 / 0.24), 0 3px 8px -1px rgb(50 50 71 / 0.05);
  border-radius: 10px;
}
@media (max-width: 576px) {
  .common-header-wrap .menu-pro-card {
    padding: 0;
  }
}
.common-header-wrap .pro-bg-content {
  background-color: #def2ee;
  border-radius: 5px;
  padding: 5px;
  color: #009434;
  font-weight: 400;
  font-size: 18px;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.common-header-wrap .p1-bg {
  background-color: #f8f8ff;
  border: 1px solid #e7e8ff;
}
.common-header-wrap .p2-bg {
  background-color: #eefcfa;
  border: 1px solid #c3f3eb;
}
.common-header-wrap .p3-bg {
  background-color: #fff2f3;
  border: 1px solid #ffe5e6;
}
.common-header-wrap .pro-title {
  text-transform: uppercase;
  font-weight: 400;
  font-size: 13px;
  color: #303030;
  text-align: center;
  width: 100%;
  height: inherit;
  text-decoration: none;
  line-height: normal;
  margin-top: 10px;
  margin-bottom: 5px;
}
@media (max-width: 576px) {
  .common-header-wrap .pro-title {
    font-size: 9px;
    font-weight: 800;
  }
}
.common-header-wrap .pro-image {
  font-weight: 400;
  font-size: 16px;
  color: #303030;
  width: 55px;
  height: auto;
}
@media (max-width: 576px) {
  .common-header-wrap .pro-image {
    width: 75px;
    height: auto;
  }
}
.common-header-wrap .superscripttext {
  font-size: 12px;
  color: #606060;
}
.common-header-wrap .menu-pro-items-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  overflow-y: auto;
  margin: 0;
  padding: 0;
  border-radius: 6px;
  background: #e7e8ff;
  box-shadow: 0 2px 4px rgb(0 0 0 / 0.15);
  border-radius: 8px;
}
.common-header-wrap .dynamic-menu-flex {
  width: 33.33%;
  height: auto;
}
.common-header-wrap .dynamic-menu-flex:first-child {
  background-color: #fff;
}
.common-header-wrap .dynamic-menu-flex:nth-child(2) {
  background-color: #e7e7f3;
}
.common-header-wrap .dynamic-menu-flex:nth-child(3) {
  background-color: #d2d3e8;
}
.common-header-wrap .dynamic-menu-flex1 {
  -webkit-box-shadow: rgb(0 0 0 / 0.01) 3px 3px 3px;
  box-shadow: rgb(0 0 0 / 0.01) 3px 3px 3px;
  width: 50%;
  height: auto;
}
.common-header-wrap .dynamic-menu-flex1:first-child {
  background-color: #fff;
}
.common-header-wrap .dynamic-menu-flex1:nth-child(2) {
  background-color: #e7e7f3;
}
.common-header-wrap .dynamic-menu-flex1:nth-child(3) {
  background-color: #d2d3e8;
}
.common-header-wrap .vertical-menu {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.common-header-wrap .vertical-menu-link {
  font-size: 14px;
  line-height: 30px;
  background-color: #fff0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #303030;
  text-decoration: none;
  width: 100%;
  padding: 5px 15px;
  height: auto;
}
.common-header-wrap .vertical-menu-link-active {
  font-size: 14px;
  background-color: #1b3282;
  line-height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  text-decoration: none;
  width: 100%;
  padding: 5px 15px;
  height: auto;
}
.common-header-wrap .vertical-menu-link-active a:hover {
  color: #fff !important;
}
.common-header-wrap .vertical-menu-link-active:hover {
  height: auto;
  font-size: 14px;
  line-height: 30px;
  background-color: #304087;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  text-decoration: none;
  width: 100%;
  padding: 5px 15px;
}
.common-header-wrap .cus-wid {
  width: 20% !important;
}
.common-header-wrap a {
  text-decoration: none;
  color: #1b3280;
}
.common-header-wrap .nav-wrap {
  width: 100%;
  margin: 0em auto 0;
}
@media (min-width: 992px) {
  .common-header-wrap .nav-wrap {
    width: 50%;
  }
}
.common-header-wrap [hidden] {
  display: none;
  visibility: hidden;
}
.common-header-wrap .acnav {
  width: 100%;
}
.common-header-wrap .acnav__list {
  padding: 0;
  margin: 0;
  list-style: none;
}
.common-header-wrap .acnav__list--level1 {
  border: 1px solid #fff0;
}
.common-header-wrap .has-children > .acnav__label::after {
  content: "";
  display: block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  margin-right: 1em;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  position: relative;
  float: right;
}
.common-header-wrap .has-children.is-open > .acnav__label::after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  content: "";
  color: #ed3338;
  position: relative;
  float: right;
}
.common-header-wrap .has-children1 > .acnav__label::after {
  content: "";
  display: block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 24px;
  color: #666;
  text-rendering: auto;
  margin-right: 0.6em;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  position: relative;
  float: right;
}
.common-header-wrap .has-children1.is-open > .acnav__label::after {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
  content: "";
  color: #666;
  position: relative;
  float: right;
}
.common-header-wrap .acnav__link,
.common-header-wrap .acnav__label {
  display: block;
  font-size: 18px;
  padding: 0.5em;
  margin: 0;
  cursor: pointer;
  font-style: normal;
  font-weight: 500;
  color: #304087;
  background: #f9f9fb;
  -webkit-box-shadow: inset 0 -1px #fdfefe;
  box-shadow: inset 0 -1px #fdfefe;
  -webkit-transition: color 0.25s ease-in, background-color 0.25s ease-in;
  transition: color 0.25s ease-in, background-color 0.25s ease-in;
}
.common-header-wrap .acnav__link:focus,
.common-header-wrap .acnav__link:hover,
.common-header-wrap .acnav__label:focus,
.common-header-wrap .acnav__label:hover {
  color: #232e61;
  background: #e0e3ed;
}
.common-header-wrap .acnav__link--level2,
.common-header-wrap .acnav__label--level2 {
  padding-left: 1em;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  color: #304087;
  background: #fff;
}
.common-header-wrap .acnav__link--level2:focus,
.common-header-wrap .acnav__link--level2:hover,
.common-header-wrap .acnav__label--level2:focus,
.common-header-wrap .acnav__label--level2:hover {
  background: #f3f3f7;
}
.common-header-wrap .acnav__link--level3,
.common-header-wrap .acnav__label--level3 {
  padding-left: 1.5em;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  color: #304087;
  background: #fff;
}
.common-header-wrap .acnav__link--level3:focus,
.common-header-wrap .acnav__link--level3:hover,
.common-header-wrap .acnav__label--level3:focus,
.common-header-wrap .acnav__label--level3:hover {
  background: #f3f3f7;
}
.common-header-wrap .acnav__link--level4,
.common-header-wrap .acnav__label--level4 {
  padding-left: 2.5em;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  color: #304087;
  background: #fff;
}
.common-header-wrap .acnav__link--level4:focus,
.common-header-wrap .acnav__link--level4:hover,
.common-header-wrap .acnav__label--level4:focus,
.common-header-wrap .acnav__label--level4:hover {
  background: #f3f3f7;
}
.common-header-wrap .acnav__link--level5,
.common-header-wrap .acnav__label--level5 {
  padding-left: 3.5em;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  color: #304087;
  color: #304087;
  background: #fff;
}
.common-header-wrap .acnav__link--level5:focus,
.common-header-wrap .acnav__link--level5:hover,
.common-header-wrap .acnav__label--level5:focus,
.common-header-wrap .acnav__label--level5:hover {
  background: #e7e8ff;
}
.common-header-wrap .acnav__link--level6,
.common-header-wrap .acnav__label--level6 {
  padding-left: 4.5em;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  color: #304087;
  background: #fff;
}
.common-header-wrap .acnav__link--level6:focus,
.common-header-wrap .acnav__link--level6:hover,
.common-header-wrap .acnav__label--level6:focus,
.common-header-wrap .acnav__label--level6:hover {
  background: #e7e8ff;
}
.common-header-wrap .acnav__list--level2,
.common-header-wrap .acnav__list--level3,
.common-header-wrap .acnav__list--level4,
.common-header-wrap .acnav__list--level5,
.common-header-wrap .acnav__list--level6 {
  display: none;
}
.common-header-wrap .is-open > .acnav__list--level2,
.common-header-wrap .is-open > .acnav__list--level3,
.common-header-wrap .is-open > .acnav__list--level4,
.common-header-wrap .is-open > .acnav__list--level5,
.common-header-wrap .is-open > .acnav__list--level6 {
  display: block;
}
.common-header-wrap .breadcrumb {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0.75rem 1rem;
  margin-bottom: 1rem;
  list-style: none;
  background-color: #fff !important;
  border-radius: 0rem !important;
}
.common-header-wrap .breadcrumb-item {
  color: #303030;
  font-family: Roboto;
  font-weight: 500;
  font-size: 14px;
  line-height: 23px;
}
.common-header-wrap .breadcrumb-item .active {
  color: #304087;
  font-family: Roboto;
  font-weight: 500;
  font-size: 14px;
  line-height: 23px;
}
.common-header-wrap .card-title {
  margin-bottom: 0.75rem;
  font-weight: 400;
  font-size: 15px;
  color: #373f41;
}
.common-header-wrap .toggle-notify-bg-hide {
  overflow-y: hidden !important;
}
.common-header-wrap .subitem:hover {
  background-color: #f3f4f6;
  border-radius: 4px;
}
.common-header-wrap .subitem:hover a {
  color: #304087 !important;
}
.common-header-wrap .subitem:hover::after {
  background: #f3f4f6 !important;
}
.common-header-wrap .subitem {
  font-weight: 400;
  margin-top: 0;
  border-bottom: 1px solid #dbdcde;
  padding: 8px 8px;
}
.common-header-wrap .log-dd .dropdown-item a {
  color: #000;
  padding-left: 10px;
}
.common-header-wrap ul li a[aria-expanded="true"] {
  color: #304087 !important;
  font-weight: 400;
}
.common-header-wrap .noti-but {
  padding-bottom: 50px;
  margin-top: 50px !important;
}
.common-header-wrap .login-btn:hover {
  border: none;
  outline: none !important;
  background-color: #122256;
  color: #fff !important;
}
.common-header-wrap .login-btn {
  height: 33px;
  min-width: 90px;
  font-size: 18px;
  line-height: 28px;
  border-radius: 4px;
  text-transform: uppercase;
  color: #fff;
  background-color: #304087;
  border: none;
}
.common-header-wrap #navItems li {
  margin-left: 20px;
}
@media (max-width: 1400px) {
  .common-header-wrap .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.5rem;
  }
}
.common-header-wrap .navbar-light .navbar-nav .nav-item .nav-link .fa {
  -webkit-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
.common-header-wrap .navbar-expand-lg .navbar-nav .dropdown-menu {
  position: absolute;
  max-height: 72vh;
  overflow: auto;
}
.common-header-wrap .circle-btn .img-blue,
.common-header-wrap .circle-btn .img-white {
  display: block;
  margin: auto;
}
.common-header-wrap .mainMenuHeadings {
  line-height: 70px;
}
.common-header-wrap .dropdown-menu {
  position: absolute;
  top: 95px;
  left: -8px;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 15rem;
  padding: 0rem 0;
  margin: 0.125rem 0 0;
  font-size: 15px;
  color: #212529;
  text-align: left;
  list-style: none;
  border: 1px solid rgb(0 0 0 / 0.15);
  border-radius: 0.25rem;
  z-index: 1000;
  box-shadow: 0 5px 20px rgb(0 0 0 / 0.1);
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  -ms-border-radius: 0.25rem;
  -o-border-radius: 0.25rem;
  background-color: #fff;
}
.common-header-wrap .mainMenuHeadings .headingtxtcolor {
  position: relative;
}
.common-header-wrap .mainMenuHeadings .headingtxtcolor span {
  position: relative;
  z-index: 3;
}
.common-header-wrap .mainMenuHeadings .headingtxtcolor::after {
  content: "";
  color: #fff !important;
  background: #304087;
  border-radius: 4px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  opacity: 0;
  height: 42px;
  display: block;
  position: absolute;
  top: 22px;
  left: -5px;
  background: #304087;
  border-radius: 4px;
  width: calc(100% + 10px);
}
.common-header-wrap .arrowmenuhead span::after {
  content: "";
  font-family: "FontAwesome";
  margin-left: 10px;
}
.common-header-wrap .mainMenuHeadings:hover .arrowmenuhead span::after {
  content: "";
  font-family: "FontAwesome";
}
.common-header-wrap .mainMenuHeadings:hover .headingtxtcolor::after {
  opacity: 1;
}
.common-header-wrap .mainMenuHeadings:hover span {
  color: #fff;
}
.common-header-wrap .mainMenuHeadings:hover .dropdown-menu {
  display: block;
}
@media (max-width: 768px) {
  .common-header-wrap .container-xs {
    width: 100%;
    margin: 0 10px;
  }
  .common-header-wrap .container-xs .logo-mob {
    margin-left: 10px;
    min-width: 123.35px;
    height: 64px;
    margin-bottom: 16px;
    margin-top: 9px;
  }
}
.common-header-wrap .note-title {
  color: #303030;
  padding-bottom: 5px;
  font-size: 16px;
  font-weight: 700;
}
.common-header-wrap .note-media .text-wrap {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #303030;
  margin-bottom: 15px;
}
.common-header-wrap .note-media:hover {
  background-color: #f3f4f6;
}
.common-header-wrap .note-media:hover .noti-wrap {
  background: #fff;
}
.common-header-wrap .note-media {
  background-color: #fff;
  padding: 8px 0;
  border-bottom: 1px solid rgb(0 0 0 / 0.1490196078);
}
.common-header-wrap .note-media:hover {
  background-color: #f3f4f6;
}
.common-header-wrap .note-media:hover .noti-wrap {
  background-color: #fff;
}
.common-header-wrap .dropdown-menu-note {
  position: absolute;
  top: 195%;
  left: -150px;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 30rem !important;
  padding: 0 3px;
  margin: 0.125rem 0 0;
  font-size: 15px;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgb(0 0 0 / 0.15);
  border-radius: 0.25rem;
  z-index: 1000;
}
.common-header-wrap .noti-but:hover .notification_dropdown {
  display: block !important;
}
.common-header-wrap .noti-but .notification_dropdown::after {
  position: absolute;
  top: -8px;
  left: auto;
  right: 20px;
  display: inline-block;
  border-right: 6px solid #fff0;
  border-bottom: 6px solid #fff0;
  border-top: 1px solid rgb(0 0 0 / 0.15);
  border-left: 1px solid rgb(0 0 0 / 0.15);
  content: "";
  background: #fff;
  height: 18px;
  width: 18px;
  transform: rotate(45deg);
  z-index: -1;
}
.common-header-wrap .dropdown-menu-note {
  margin-top: 0px !important;
  border-radius: 5px;
  margin-left: -28.5rem !important;
}
.common-header-wrap .notification_dropdown {
  top: 63px;
  left: -8px;
  transform: translateX(10px);
  -webkit-transform: translateX(10px);
  -moz-transform: translateX(10px);
  -ms-transform: translateX(10px);
  -o-transform: translateX(10px);
}
.common-header-wrap .no-dropbox {
  padding: 0;
  max-height: 390px;
  overflow: auto;
  margin-bottom: 0;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}
@media screen and (max-width: 767px) {
  .common-header-wrap .no-dropbox {
    max-height: 100%;
  }
}
.common-header-wrap .notebtnreadmore {
  color: #061785;
  font-weight: 700;
  font-size: 14px;
}
.common-header-wrap .notebtnreadmore .knowmorearrow {
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  margin-left: 5px;
}
.common-header-wrap .notebtnreadmore:hover .knowmorearrow {
  margin-left: 10px;
}
.common-header-wrap .footerStyle {
  background-color: #222;
  color: #fff;
  padding: 2em 0 0em 0;
}
@media (max-width: 576px) {
  .common-header-wrap .footerStyle {
    padding: 2em 0 4em 0;
  }
}
.common-header-wrap .footer-sticky {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #fff;
  color: #fff;
  text-align: center;
  z-index: 10000;
}
@media (min-width: 768px) {
  .common-header-wrap .col-medium {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 24%;
    flex: 0 0 24%;
    max-width: 20%;
  }
}
@media (min-width: 992px) {
  .common-header-wrap .col-large {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 24%;
    flex: 0 0 24%;
    max-width: 20%;
  }
}
.common-header-wrap .footerStyle span {
  font-size: 16px;
  color: #909090;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
}
.common-header-wrap footer .footerIcons {
  float: right;
  border: 1px solid rgb(215 215 215 / 0.5882352941);
  padding: 4px 8px 8px 8px;
  font-size: 14px;
  border-radius: 4px;
  color: #9d9d9d;
}
@media (min-width: 576px) {
  .common-header-wrap footer .footerIcons {
    display: none;
  }
}
.common-header-wrap .list-unstyled {
  padding-left: 0;
  list-style: none;
}
.common-header-wrap .footerStyle ul li {
  color: #d8d8d8;
  font-size: 14px;
  font-family: Roboto;
  font-weight: 400;
  padding-top: 15px;
}
.common-header-wrap .footerStyle ul li a {
  color: #fff;
  font-size: 14px;
  font-weight: 300;
  padding-bottom: 20px;
}
.common-header-wrap .footerStyle ul li a:hover,
.common-header-wrap .footerStyle #bottomIcons a i {
  color: #fea90a;
}
.common-header-wrap .shadow {
  -webkit-box-shadow: -15px -15px 10px;
  box-shadow: -15px -15px 10px;
}
.common-header-wrap .wd20 {
  width: 20%;
}
.common-header-wrap .footerStyle ul li a,
.common-header-wrap .footerStyle #bottomIcons a i {
  color: #fff;
}
.common-header-wrap .bottomcopy {
  color: #d8d8d8;
  font-size: 14px;
  font-weight: 300;
  margin: 10px auto;
}
.common-header-wrap element.style {
  color: #000;
}
@media (max-width: 576px) {
  .common-header-wrap .footerStyle hr {
    margin: 14px;
  }
}
.common-header-wrap .footerStyle hr {
  margin: 10px 0;
  background-color: #5e5d5d;
}
.common-header-wrap #bottomicons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 576px) {
  .common-header-wrap #bottomicons {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.common-header-wrap #bottomIcons a i.fa {
  background-color: #303030;
  width: 35px;
  height: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 60px;
  border: 2px solid #606060;
  padding: 0.5em 0.6em;
  margin: 5px;
  font-size: 16px;
}
@media (max-width: 576px) {
  .common-header-wrap #bottomIcons a i.fa {
    width: 50px;
    height: 50px;
    font-size: 22px;
    border: none;
  }
}
.common-header-wrap #bottomIcons a i.fa:hover {
  border: 0 solid #606060;
}
.common-header-wrap #bottomIcons a i.fa:hover {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 60px;
  border: 2px solid #303030;
  padding: 0.5em 0.6em;
  margin: 5px;
}
.common-header-wrap .has-children > .acnav__label:hover {
  background-color: #e0e0de;
}
@media (min-width: 768px) {
  .common-header-wrap .footlinksheadMob {
    padding-top: 10px;
  }
}
.common-header-wrap .underline {
  border-bottom: 2px solid #606060;
  width: 20px;
}
.common-header-wrap ul li {
  list-style: none;
  color: #303030 !important;
}
.common-header-wrap .pbottom {
  color: #d8d8d8;
  font-size: 14px;
  font-weight: 400;
  padding-top: 15px;
}
@media (max-width: 1400px) {
  .common-header-wrap .followus {
    padding-left: 5rem;
    color: #606060;
  }
}
.common-header-wrap .dropdown-item.active,
.common-header-wrap .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: rgb(27 27 27 / 0.6039215686);
}
.common-header-wrap .log-dd .dropdown-item a {
  color: #000;
  padding: 0 0 0;
  display: block;
  position: relative;
}
.common-header-wrap .log-dd .dropdown-item a i.ph-arrow-right {
  position: absolute;
  top: 12px;
  right: -5px;
  z-index: 3;
  opacity: 1;
  color: #1b3280;
}
.common-header-wrap .log-dd .dropdown-item a:hover i.ph-arrow-right {
  opacity: 1;
}
.common-header-wrap .log-dd .dropdown-item a[data-bs-toggle="collapse"] {
  position: relative;
}
.common-header-wrap
  .log-dd
  .dropdown-item
  a[data-bs-toggle="collapse"][aria-expanded="true"]::after {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
.common-header-wrap .log-dd .dropdown-item a[data-bs-toggle="collapse"]::after {
  content: "";
  font-family: "FontAwesome";
  margin-left: 0;
  border: 0;
  position: relative;
  top: 0;
  font-weight: 400;
  font-size: 20px;
  float: right;
  right: 0;
}
.common-header-wrap .log-dd .dropdown-item a .fa.fa-angle-down {
  float: right;
  margin: 10px 10px 0;
  font-size: 18px;
}
.common-header-wrap .subli {
  position: relative;
}
.common-header-wrap .collapseitem {
  padding: 0;
}
.common-header-wrap .innersubitem {
  border-bottom: 1px solid #dbdcde;
  padding: 8px 5px;
}
.common-header-wrap .footerlinks:hover {
  color: #fea90a;
}
.common-header-wrap .underline {
  border-bottom: 2px solid #606060;
  width: 20px;
}
.common-header-wrap .footerlinks {
  font-weight: 400;
  color: #fff;
  font-size: 14px;
}
@media (max-width: 1400px) {
  .common-header-wrap .footerlinks {
    font-weight: 400;
    color: #fff;
    font-size: 13px;
  }
}
.common-header-wrap .footerspace {
  padding: 6px;
}
.common-header-wrap .dropup:hover .drop--btn {
  background-color: #909090;
  color: #fff;
  border-radius: 0 0 6px 6px;
}
.common-header-wrap .dropup {
  position: relative;
  display: inline-block;
}
.common-header-wrap .dropup:hover .arwupdown {
  left: 162px;
  top: 14px;
  position: absolute;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
}
.common-header-wrap .arwupdown {
  float: right;
  padding-top: 4px;
}
.common-header-wrap .dropup:hover .dropup-content {
  display: block;
}
.common-header-wrap .dropup-content {
  width: 98.1%;
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  bottom: 41px;
  z-index: 1;
  border-radius: 8px 8px 0 0;
  margin-left: 1.7px;
}
.common-header-wrap .dropup-content a {
  color: #000;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  font-size: 14px;
}
.common-header-wrap .linkcolors {
  color: #000 !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
@media (max-width: 1400px) {
  .common-header-wrap .followus {
    padding-left: 5rem;
    color: #606060;
  }
}
.common-header-wrap .chatboticon {
  position: fixed;
  z-index: 1;
  right: 33px;
  bottom: 46px;
}
.common-header-wrap .chattopicon {
  position: fixed;
  z-index: 1;
  right: 27px;
  bottom: 111px;
}
.common-header-wrap .botIcon {
  position: relative;
  z-index: 9999;
}
@media (max-width: 768px) {
  .common-header-wrap .customermargin {
    margin-top: 5% !important;
  }
  .common-header-wrap ::-webkit-input-placeholder {
    color: #fff0 !important;
  }
  .common-header-wrap :-moz-placeholder {
    color: #fff0 !important;
  }
  .common-header-wrap ::-moz-placeholder {
    color: #fff0 !important;
  }
  .common-header-wrap :-ms-input-placeholder {
    color: #fff0 !important;
  }
}
.common-header-wrap .botSubject,
.common-header-wrap .messages,
.common-header-wrap .showBotSubject .botIconContainer,
.common-header-wrap .showMessenger .botIconContainer {
  display: none;
}
.common-header-wrap .botIcon .Messages,
.common-header-wrap .botIcon .Messages_list {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.common-header-wrap .chat_close_icon {
  color: #fff;
  cursor: pointer;
  font-size: 16px;
  position: absolute;
  right: 12px;
  z-index: 9;
}
.common-header-wrap .chat_on {
  background-color: #8a57cf;
  bottom: 20px;
  border-radius: 50%;
  -webkit-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 0.16),
    0 2px 10px 0 rgb(0 0 0 / 0.12) !important;
  box-shadow: 0 2px 4px 0 rgb(0 0 0 / 0.16), 0 2px 10px 0 rgb(0 0 0 / 0.12) !important;
  color: #fff;
  cursor: pointer;
  display: block;
  height: 45px;
  padding: 9px;
  position: fixed;
  right: 15px;
  text-align: center;
  width: 45px;
  z-index: 10;
}
.common-header-wrap .chat_on_icon {
  color: #fff;
  font-size: 25px;
  text-align: center;
}
.common-header-wrap .botIcon .Layout {
  -webkit-animation: appear 0.15s cubic-bezier(0.25, 0.25, 0.5, 1.1);
  animation: appear 0.15s cubic-bezier(0.25, 0.25, 0.5, 1.1);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  background-color: #3f51b5;
  bottom: 15px;
  right: 15px;
  border-radius: 10px;
  -webkit-box-shadow: 5px 0 20px 5px rgb(0 0 0 / 0.1);
  box-shadow: 5px 0 20px 5px rgb(0 0 0 / 0.1);
  -webkit-box-sizing: content-box !important;
  box-sizing: content-box !important;
  color: #0a0303;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  max-height: 30px;
  max-width: 300px;
  min-width: 50px;
  opacity: 0;
  pointer-events: auto;
  position: fixed;
  -webkit-transition: right 0.1s cubic-bezier(0.25, 0.25, 0.5, 1),
    bottom 0.1s cubic-bezier(0.25, 0.25, 0.5, 1),
    min-width 0.2s cubic-bezier(0.25, 0.25, 0.5, 1),
    max-width 0.2s cubic-bezier(0.25, 0.25, 0.5, 1),
    min-height 0.2s cubic-bezier(0.25, 0.25, 0.5, 1),
    max-height 0.2s cubic-bezier(0.25, 0.25, 0.5, 1),
    border-radius 50ms cubic-bezier(0.25, 0.25, 0.5, 1) 0.15s,
    background-color 50ms cubic-bezier(0.25, 0.25, 0.5, 1) 0.15s,
    color 50ms cubic-bezier(0.25, 0.25, 0.5, 1) 0.15s;
  transition: right 0.1s cubic-bezier(0.25, 0.25, 0.5, 1),
    bottom 0.1s cubic-bezier(0.25, 0.25, 0.5, 1),
    min-width 0.2s cubic-bezier(0.25, 0.25, 0.5, 1),
    max-width 0.2s cubic-bezier(0.25, 0.25, 0.5, 1),
    min-height 0.2s cubic-bezier(0.25, 0.25, 0.5, 1),
    max-height 0.2s cubic-bezier(0.25, 0.25, 0.5, 1),
    border-radius 50ms cubic-bezier(0.25, 0.25, 0.5, 1) 0.15s,
    background-color 50ms cubic-bezier(0.25, 0.25, 0.5, 1) 0.15s,
    color 50ms cubic-bezier(0.25, 0.25, 0.5, 1) 0.15s;
  z-index: 999999999;
}
.common-header-wrap .botIcon .Layout-open {
  border-radius: 10px;
  color: #fff;
  height: 500px;
  max-height: 500px;
  max-width: 300px;
  overflow: hidden;
  -webkit-transition: right 0.1s cubic-bezier(0.25, 0.25, 0.5, 1),
    bottom 0.1s cubic-bezier(0.25, 0.25, 0.5, 1.1),
    min-width 0.2s cubic-bezier(0.25, 0.25, 0.5, 1.1),
    max-width 0.2s cubic-bezier(0.25, 0.25, 0.5, 1.1),
    max-height 0.2s cubic-bezier(0.25, 0.25, 0.5, 1.1),
    min-height 0.2s cubic-bezier(0.25, 0.25, 0.5, 1.1),
    border-radius 0ms cubic-bezier(0.25, 0.25, 0.5, 1.1),
    background-color 0ms cubic-bezier(0.25, 0.25, 0.5, 1.1),
    color 0ms cubic-bezier(0.25, 0.25, 0.5, 1.1);
  transition: right 0.1s cubic-bezier(0.25, 0.25, 0.5, 1),
    bottom 0.1s cubic-bezier(0.25, 0.25, 0.5, 1.1),
    min-width 0.2s cubic-bezier(0.25, 0.25, 0.5, 1.1),
    max-width 0.2s cubic-bezier(0.25, 0.25, 0.5, 1.1),
    max-height 0.2s cubic-bezier(0.25, 0.25, 0.5, 1.1),
    min-height 0.2s cubic-bezier(0.25, 0.25, 0.5, 1.1),
    border-radius 0ms cubic-bezier(0.25, 0.25, 0.5, 1.1),
    background-color 0ms cubic-bezier(0.25, 0.25, 0.5, 1.1),
    color 0ms cubic-bezier(0.25, 0.25, 0.5, 1.1);
  width: 100%;
}
.common-header-wrap .botIcon .Layout-expand {
  display: none;
  height: 400px;
  max-height: 100vh;
  min-height: 300px;
}
.common-header-wrap .showBotSubject.botIcon .Layout-expand {
  display: block;
}
.common-header-wrap .botIcon .Layout-mobile {
  bottom: 100px;
}
.common-header-wrap .botIcon .Layout-mobile.Layout-open {
  min-width: calc(100% - 20px);
  width: calc(100% - 20px);
}
.common-header-wrap .botIcon .Layout-mobile.Layout-expand {
  border-radius: 0 !important;
  bottom: 0;
  height: 100%;
  min-height: 100%;
  min-width: 100%;
  width: 100%;
}
.common-header-wrap .botIcon .Messenger_messenger {
  position: relative;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
}
.common-header-wrap .botIcon .Messenger_header,
.common-header-wrap .botIcon .Messenger_messenger {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.common-header-wrap .botIcon .Messenger_header {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #162e62;
  color: #fff;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  height: 40px;
  padding-left: 10px;
  padding-right: 40px;
}
.common-header-wrap .botIcon .Messenger_header h4 {
  -webkit-animation: slidein 0.15s 0.3s;
  animation: slidein 0.15s 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  font-size: 16px;
  opacity: 0;
}
.common-header-wrap .botIcon .Messenger_prompt {
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.common-header-wrap .botIcon .Messenger_content {
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  height: 80px;
}
.common-header-wrap .botIcon .Messages {
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 5px 15px;
  position: relative;
  -webkit-overflow-scrolling: touch;
}
.common-header-wrap .botIcon .Input {
  background-color: #fff;
  border-top: 1px solid #e6ebea;
  color: #96aab4;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-bottom: 15px;
  padding-top: 17px;
  position: relative;
  width: 100%;
}
.common-header-wrap .botIcon .Input-blank .Input_field {
  max-height: 20px;
}
.common-header-wrap .botIcon .Input_field {
  background-color: #fff0;
  border: none;
  outline: none;
  padding-left: 20px;
  padding-right: 45px;
  resize: none;
  width: 100%;
  font-size: 14px;
  line-height: 20px;
  min-height: 20px !important;
}
.common-header-wrap .botIcon .Input_button-emoji {
  right: 45px;
}
.common-header-wrap .botIcon .Input_button {
  background-color: #fff0;
  border: none;
  bottom: 15px;
  cursor: pointer;
  height: 25px;
  outline: none;
  padding: 0;
  position: absolute;
  width: 25px;
}
.common-header-wrap .botIcon .Input_button-send {
  right: 15px;
}
.common-header-wrap .botIcon .Input-emoji .Input_button-emoji .Icon,
.common-header-wrap .botIcon .Input_button:hover .Icon {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.common-header-wrap .botIcon .Input-emoji .Input_button-emoji .Icon path,
.common-header-wrap .botIcon .Input_button:hover .Icon path {
  fill: #2c2c46;
}
.common-header-wrap .Icon svg {
  height: auto;
  width: 100%;
}
.common-header-wrap .msg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.common-header-wrap .msg.user {
  -webkit-box-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.common-header-wrap .msg + .msg {
  margin-top: 15px;
}
.common-header-wrap span.responsText {
  color: #000;
  display: inline-block;
  margin-left: 10px;
  vertical-align: top;
  max-width: calc(100% - 50px);
}
.common-header-wrap .msg.user span.responsText {
  margin-left: 0;
  margin-right: 10px;
}
.common-header-wrap span.avtr {
  display: inline-block;
  width: 30px;
}
.common-header-wrap span.avtr figure {
  background-color: #ccc;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
  display: block;
  margin: 0;
  padding-bottom: 100%;
}
@-webkit-keyframes appear {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes appear {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes slidein {
  0% {
    opacity: 0;
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes slidein {
  0% {
    opacity: 0;
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@media only screen and (max-width: 412px) {
  .common-header-wrap .botIcon .Layout-open {
    width: 250px;
  }
}
.common-header-wrap .txtfnt {
  font-size: 12px;
  font-weight: 400;
}
.common-header-wrap .text-block {
  position: relative;
  color: #606060;
}
.common-header-wrap * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.common-header-wrap .custom-mega-menu {
  max-height: calc(100vh - 120px);
  width: 870px;
  background-color: #f3f4f6;
  overflow-y: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 5px;
  -webkit-box-shadow: rgb(99 99 99 / 0.2) 0 2px 8px 0;
  box-shadow: rgb(99 99 99 / 0.2) 0 2px 8px 0;
  z-index: 1000;
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  -o-border-radius: 0 !important;
}
@media screen and (min-width: 992px) {
  .common-header-wrap .custom-mega-menu {
    margin-left: -100px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .common-header-wrap .custom-mega-menu {
    transform: scale(0.7);
    transform-origin: -30% 0;
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .common-header-wrap .custom-mega-menu {
    transform: scale(0.9);
    transform-origin: -10% 0;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
  }
}
.common-header-wrap .custom-mega-menu1 {
  width: 620px;
  background-color: #f3f4f6;
  overflow-y: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 5px;
  -webkit-box-shadow: rgb(99 99 99 / 0.2) 0 2px 8px 0;
  box-shadow: rgb(99 99 99 / 0.2) 0 2px 8px 0;
  z-index: 1000;
}
@media screen and (min-width: 992px) {
  .common-header-wrap .custom-mega-menu1 {
    margin-left: -209px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .common-header-wrap .custom-mega-menu1 {
    transform: scale(0.7);
    transform-origin: -30% 0;
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .common-header-wrap .custom-mega-menu1 {
    transform: scale(0.9);
    transform-origin: -10% 0;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
  }
}
.common-header-wrap .rate-card-title {
  font-size: 32px;
  color: #373f41;
  line-height: 40px;
  text-align: center;
  margin: 20px auto;
}
@media (max-width: 991.98px) {
  .common-header-wrap .rate-card-title {
    margin: 20px auto 10px;
  }
}
.common-header-wrap .rate-card-values {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 5px 15px;
}
@media (max-width: 576px) {
  .common-header-wrap .rate-card-values {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 5px 15px;
  }
}
.common-header-wrap .terms-sm-text {
  font-size: 13px;
}
.common-header-wrap .rate-card-item-flex {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media (max-width: 576px) {
  .common-header-wrap .rate-card-item-flex {
    margin: auto;
    padding: 5px 15px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 50%;
  }
}
.common-header-wrap .card-rate {
  font-style: normal;
  font-size: 20px;
  line-height: 25px;
  text-align: center;
  -webkit-text-decoration-line: none;
  text-decoration-line: none;
  color: #333;
}
@media (max-width: 576px) {
  .common-header-wrap .card-rate {
    font-size: 17px;
  }
  .common-header-wrap .card-rate:hover {
    color: #006cb5;
  }
}
.common-header-wrap .card-rate:hover {
  color: #333;
}
.common-header-wrap .card-numberText {
  font-size: 36px;
  color: #304087;
  text-align: center;
}
.common-header-wrap .card-numberText em {
  font-style: normal;
}
@media (max-width: 576px) {
  .common-header-wrap .card-numberText {
    font-size: 23px;
  }
}
.common-header-wrap .rate-card-item-flex:hover .card-rate {
  color: #006cb5;
}
@media (max-width: 576px) {
  .common-header-wrap .rate-card-item-flex:hover .card-rate:hover {
    color: #006cb5;
  }
}
.common-header-wrap .rate-card-item-flex:hover .card-numberText {
  color: #006cb5;
}
@media (max-width: 576px) {
  .common-header-wrap .rate-card-item-flex:hover .card-numberText:hover {
    color: #006cb5;
  }
}
.common-header-wrap .card-textData {
  color: #304087;
  font-size: 18px;
}
.common-header-wrap .carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 60px;
  left: 10%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: left;
}
.common-header-wrap .banner-caption {
  position: absolute;
  top: 20px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
}
.common-header-wrap .banner-mob-text {
  font-size: 27px;
  margin-bottom: 8px;
  color: #fff;
  font-weight: 700;
}
.common-header-wrap .carousel-item-next,
.common-header-wrap .carousel-item-prev,
.common-header-wrap .carousel-item.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.common-header-wrap .carousel-content-block-2 {
  height: 400px;
  width: 500px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-item-align: center;
  align-self: center;
}
.common-header-wrap .carousel-block-head {
  font-size: 44px;
  color: #fff;
  font-weight: 700;
  text-align: center;
}
@media (max-width: 576px) {
  .common-header-wrap .carousel-block-head {
    font-size: 28px;
  }
}
.common-header-wrap .carousel-block-head-small {
  font-size: 32px;
  color: #fff;
  font-weight: 700;
}
.common-header-wrap .carousel-highlight {
  background-color: rgb(48 48 48 / 0.6901960784);
  min-height: 41px;
  width: auto;
  padding: 5px 15px;
  color: #fff;
  font-weight: 500;
  line-height: auto;
  font-size: 18px;
  border-radius: 4px;
}
.common-header-wrap .carousel-highlightonly {
  background-color: #000;
  min-height: 41px;
  width: auto;
  padding: 5px 15px;
  color: #fff;
  font-weight: 500;
  line-height: auto;
  font-size: 18px;
  border-radius: 4px;
}
.common-header-wrap .banner-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.common-header-wrap .c2-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 576px) {
  .common-header-wrap .c2-flex {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.common-header-wrap .c2-content-block {
  height: 479px;
  width: 580px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: auto;
  padding-right: 100px;
}
@media (max-width: 576px) {
  .common-header-wrap .c2-content-block {
    padding-right: 0;
    height: 245px;
  }
}
.common-header-wrap .c2-block-head {
  font-size: 32px;
  color: #fff;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
}
@media (max-width: 576px) {
  .common-header-wrap .c2-block-head {
    font-size: 22px;
    margin-bottom: 10px;
  }
}
.common-header-wrap .c2-highlight {
  background-color: rgb(72 72 72 / 0.768627451);
  min-height: 41px;
  width: auto;
  padding: 5px 15px;
  color: #fff;
  font-weight: 500;
  line-height: auto;
  font-size: 18px;
  border-radius: 4px;
  margin-bottom: 20px;
}
@media (max-width: 576px) {
  .common-header-wrap .c2-highlight {
    font-size: 16px;
    margin-bottom: 10px;
  }
}
.common-header-wrap .custom-card-cal {
  border-radius: 10px;
  background-color: #fff;
  padding: 36px 72px;
  margin: 0 auto;
  -webkit-box-shadow: rgb(99 99 99 / 0.2) 0 2px 8px 0;
  box-shadow: rgb(99 99 99 / 0.2) 0 2px 8px 0;
}
@media (max-width: 991.98px) {
  .common-header-wrap .custom-card-cal {
    padding: 20px;
  }
}
.common-header-wrap .custom-card-download {
  border-radius: 10px;
  background-color: #efe0df;
  -webkit-box-shadow: rgb(99 99 99 / 0.2) 0 2px 8px 0;
  box-shadow: rgb(99 99 99 / 0.2) 0 2px 8px 0;
}
.common-header-wrap .cal-card-title {
  font-style: normal;
  font-weight: 400;
  font-size: 32px;
  line-height: 40px;
  color: #373f41;
  text-align: left;
  margin-bottom: 15px;
}
@media (max-width: 576px) {
  .common-header-wrap .cal-card-title {
    font-size: 22px;
  }
}
@supports (-moz-appearance: none) {
  .common-header-wrap .cal-card-title {
    font-style: normal;
    font-weight: 700;
  }
}
.common-header-wrap .cal-col-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: stretch;
  -ms-flex-pack: stretch;
  justify-content: stretch;
}
@media (max-width: 991.98px) {
  .common-header-wrap .hide-xs {
    display: none;
  }
  .common-header-wrap .cal-col-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.common-header-wrap .cal-col-1 {
  width: 65%;
  padding-right: 50px;
}
@media (max-width: 991.98px) {
  .common-header-wrap .cal-col-1 {
    width: 100%;
    padding-right: 0;
  }
}
.common-header-wrap .cal-col-2 {
  width: 35%;
}
@media (max-width: 991.98px) {
  .common-header-wrap .cal-col-2 {
    width: 100%;
  }
}
.common-header-wrap .tab-content {
  width: 100%;
  background: #fff0;
  border-radius: 0 0 10px 10px;
}
.common-header-wrap .cus-cal-tab {
  background-color: #f3f4f6 !important;
  height: 49px !important;
  color: #606060 !important;
  font-size: 14px !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.common-header-wrap .cus-cal-tab-active {
  background-color: #1b3280 !important;
  height: 49px !important;
  color: #fff !important;
  font-size: 14px !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.common-header-wrap .cal-light-bg-card {
  background-color: #f3f4f6;
  border-radius: 10px;
  padding: 20px;
}
@media (max-width: 576px) {
  .common-header-wrap .cal-light-bg-card {
    padding: 4px;
  }
}
.common-header-wrap .calc-tenure-pad {
  padding-left: 16px;
  padding-right: 16px;
}
@media (max-width: 576px) {
  .common-header-wrap .calc-tenure-pad {
    padding-left: 8px;
    padding-right: 8px;
  }
}
.common-header-wrap
  .ui-slider
  .ui-slider-horizontal
  .ui-widget
  .ui-widget-content
  .ui-corner-all {
  background-color: red !important;
}
.common-header-wrap .ui-widget-content {
  border: 1px solid #ebefff !important;
  background: #dcecfb !important;
  color: #ebefff !important;
  height: 10px;
}
.common-header-wrap .ui-widget {
  font-size: 0.9em !important;
}
.common-header-wrap .ui-widget-header {
  border: none !important;
  background: #00266f !important;
  border-radius: 71.5px;
  color: #e31e24 !important;
  font-weight: 700;
}
.common-header-wrap .ui-state-default,
.common-header-wrap .ui-widget-content .ui-state-default {
  width: 18px !important;
  height: 18px !important;
  background: #fff !important;
  font-weight: 700;
  background-color: #e31e24 !important;
  border-radius: 50% !important;
  cursor: pointer;
}
.common-header-wrap .ui-state-hover,
.common-header-wrap .ui-widget-content .ui-state-hover {
  width: 18px !important;
  height: 18px !important;
  border: 3px solid #00266f !important;
  background: #fff !important;
  font-weight: 700;
  color: #e31e24 !important;
  border-radius: 50% !important;
  outline-color: #00266f !important;
}
.common-header-wrap
  .ui-slider-handle
  .ui-state-default
  .ui-corner-all
  .ui-state-focus {
  outline-color: #00266f !important;
}
.common-header-wrap .cal-slider-text-bold {
  font-size: 17px;
  color: #303030;
}
.common-header-wrap .cal-terms {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  padding-top: 15px;
  color: #303030 !important;
}
@supports (-moz-appearance: none) {
  .common-header-wrap .cal-terms {
    color: #3c3a3a !important;
  }
}
.common-header-wrap .cal-slider-text-reg {
  font-size: 14px;
  color: #303030;
}
.common-header-wrap .cal-slider-text-amount {
  color: #1b3280;
  font-size: 14px;
  text-align: right;
  text-decoration: underline;
}
.common-header-wrap .cal-slider-grey-text {
  color: #909090;
  font-size: 12px;
}
.common-header-wrap .cal-gradient-card {
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(#9dade8),
    to(#fff)
  );
  background: linear-gradient(0deg, #9dade8, #fff 100%);
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.common-header-wrap .cal-gradient-flex-item {
  color: #303030;
  font-size: 12px;
  margin: 14px auto;
  width: 100%;
  text-align: center;
}
.common-header-wrap .cal-gradient-flex-item:last-child {
  margin: 20px auto;
  border-top: 1px #8e96b4;
  padding: 5px 15px;
}
.common-header-wrap .cal-gradient-text-small {
  font-size: 18px;
}
.common-header-wrap .cal-gradient-text-bold {
  font-size: 18px;
}
.common-header-wrap .section_dn {
  padding: 20px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  border-radius: 10px;
  background-color: #ecdbdd !important;
}
@media (max-width: 991.98px) {
  .common-header-wrap .section_dn {
    width: auto;
  }
}
.common-header-wrap .c3-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 768px) {
  .common-header-wrap .c3-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
.common-header-wrap .c3-content-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.common-header-wrap .c3-content-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 45%;
}
@media (max-width: 768px) {
  .common-header-wrap .c3-content-image {
    height: 330px;
    width: auto;
  }
}
.common-header-wrap .c3-content-block {
  min-height: 375px;
  width: 55%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 768px) {
  .common-header-wrap .c3-content-block {
    padding-right: 0;
    height: auto;
    width: auto;
    margin: auto;
    min-height: auto;
    height: auto !important;
  }
}
.common-header-wrap .c3-block-head {
  font-size: 32px;
  line-height: 40px;
  line-height: auto;
  color: #303030;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .common-header-wrap .c3-block-head {
    font-size: 32px;
    line-height: 24px;
    margin-bottom: 20px;
  }
  @supports (-moz-appearance: none) {
    .common-header-wrap .c3-block-head {
      font-size: 29px;
    }
  }
}
.common-header-wrap .c3-highlight {
  background-color: #7d7776;
  min-height: 41px;
  width: auto;
  padding: 5px 15px;
  color: #fff;
  font-weight: 500;
  line-height: auto;
  font-size: 18px;
  border-radius: 4px;
  margin-bottom: 20px;
}
@media (max-width: 576px) {
  .common-header-wrap .c3-highlight {
    margin-bottom: 10px;
  }
}
.common-header-wrap .custom-card-car {
  border-radius: 10px;
  background-color: #fff;
  margin: 0 auto;
  -webkit-box-shadow: rgb(99 99 99 / 0.2) 0 2px 8px 0;
  box-shadow: rgb(99 99 99 / 0.2) 0 2px 8px 0;
  overflow-x: hidden;
}
.common-header-wrap .alert-gradient-gold {
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#e9d7bd),
    to(#eae2b8)
  );
  background-image: linear-gradient(to right, #e9d7bd, #eae2b8);
}
.common-header-wrap .banner-mob {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.common-header-wrap .banner-small-padding {
  padding-right: 150px;
}
@media (max-width: 768px) {
  .common-header-wrap .banner-small-padding {
    padding: 5px 15px;
  }
}
.common-header-wrap .cc-banner-bg {
  background-color: #4f5052;
  width: 100%;
}
@media (max-width: 768px) {
  .common-header-wrap .cc-banner-bg {
    width: 93%;
    margin: 20px auto;
    border-radius: 10px;
    -webkit-box-shadow: rgb(99 99 99 / 0.2) 0 2px 8px 0;
    box-shadow: rgb(99 99 99 / 0.2) 0 2px 8px 0;
  }
}
.common-header-wrap .cc-banner {
  padding: 50px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 0;
  background-color: #4f5052;
}
@media (max-width: 768px) {
  .common-header-wrap .cc-banner {
    width: auto;
    padding: 5px;
    border-radius: 10px;
    margin: 20px auto;
  }
}
.common-header-wrap .cc-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  margin: 40px auto;
}
@media (max-width: 991.98px) {
  .common-header-wrap .cc-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 10px auto;
  }
}
.common-header-wrap .cc-content-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 991.98px) {
  .common-header-wrap .cc-content-image {
    width: auto;
    margin: 5px auto 10px;
  }
}
.common-header-wrap .cc-content-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  padding: 0 0 3px 50px;
}
@media (max-width: 991.98px) {
  .common-header-wrap .cc-content-block {
    height: auto;
    width: auto;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
  }
}
.common-header-wrap .cc-block-head {
  font-size: 44px;
  color: #fff;
  font-weight: 700;
  text-align: left;
  margin-top: -16px;
}
@media (max-width: 991.98px) {
  .common-header-wrap .cc-block-head {
    font-size: 31px;
    margin: 0;
  }
}
.common-header-wrap .cc-block-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
@media (max-width: 991.98px) {
  .common-header-wrap .cc-block-text {
    margin: 10px auto 0 auto;
  }
}
.common-header-wrap .cc-block-button {
  text-align: left;
}
@media (max-width: 991.98px) {
  .common-header-wrap .cc-block-button {
    margin: 10px auto;
  }
}
.common-header-wrap .cc-text {
  min-height: 35px;
  width: auto;
  color: #fff;
  line-height: auto;
  font-size: 18px;
  margin: 3px;
  width: 100%;
  text-align: left;
}
@media (max-width: 991.98px) {
  .common-header-wrap .cc-text {
    font-size: 20px;
    color: #fff;
    font-size: 18px;
    margin: 12px;
    width: 100%;
    line-height: 20px;
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
.common-header-wrap .section_mycard {
  padding-top: 20px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  border-radius: 10px;
  background-color: #fcefde;
}
@media (max-width: 991.98px) {
  .common-header-wrap .section_mycard {
    width: auto;
  }
}
.common-header-wrap .mycard-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 991.98px) {
  .common-header-wrap .mycard-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.common-header-wrap .mycard-content-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 991.98px) {
  .common-header-wrap .mycard-content-image {
    width: auto;
  }
}
.common-header-wrap .mycard-content-block {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: auto;
}
@media (max-width: 991.98px) {
  .common-header-wrap .mycard-content-block {
    padding-right: 0;
    height: auto;
    width: 100%;
  }
}
.common-header-wrap .mycard-block-head {
  font-size: 44px;
  color: #303030;
  font-weight: 700;
  text-align: center;
}
@media (max-width: 991.98px) {
  .common-header-wrap .mycard-block-head {
    font-size: 24px;
  }
}
.common-header-wrap .mycard-highlight {
  color: #303030;
  line-height: auto;
  font-size: 28px;
  text-align: center;
}
@media (max-width: 991.98px) {
  .common-header-wrap .mycard-highlight {
    font-size: 24px;
  }
}
.common-header-wrap .credit-card-title {
  font-style: normal;
  font-weight: 400;
  font-size: 32px;
  color: #373f41;
  text-align: left;
  margin-bottom: 10px;
}
@media (max-width: 991.98px) {
  .common-header-wrap .credit-card-title {
    font-size: 24px;
  }
}
.common-header-wrap .tick-icon {
  position: absolute;
  width: 0;
  height: 0;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.common-header-wrap .compare .card {
  background: #fff !important;
  padding: 0px !important;
  background: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 10px;
}
.common-header-wrap .saving-tab-card .card {
  background: #f3f4f6;
  border: 1px solid #e1e1e1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 10px;
}
.common-header-wrap .accordion-button:not(.collapsed) {
  font-style: normal;
  font-weight: 500;
  color: #304087 !important;
  background: #eaecf3 !important;
}
.common-header-wrap element.style {
  background: #fff;
}
.common-header-wrap .modal-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #f9f9fb;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}
.common-header-wrap .mob-icon {
  width: 27px !important;
  height: 27px !important;
  margin-right: 10px;
}
.common-header-wrap .accordion-button {
  padding: 0.5rem 1rem !important;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #304087 !important;
  background-color: #f9f9fb;
}
.common-header-wrap .wd15 {
  width: 100% !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.common-header-wrap .accordion-item .card-body {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 0px !important;
}
.common-header-wrap .mob-card .card-body {
  padding: 10px 17px !important;
}
.common-header-wrap .card_detail_padding {
  padding: 0 5px !important;
}
.common-header-wrap .accordion-button::after {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  margin-left: auto;
  content: "";
  background-repeat: no-repeat;
  background-size: 1.25rem;
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  transition: -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}
.common-header-wrap .explore-now-btn {
  background: linear-gradient(276.98deg, #fda506 43.16%, #ffcc53 97.97%);
  border-radius: 4px;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  padding: 15px 28px;
  border: none;
  display: inline;
  color: #232323;
}
.common-header-wrap .wd25 {
  padding-left: 20px;
  padding-right: 6px;
  text-align: center;
  -webkit-box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0.2);
  box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0.2);
  width: 25%;
}
.common-header-wrap *,
.common-header-wrap ::after,
.common-header-wrap ::before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.common-header-wrap .wd20 {
  width: 20%;
}
.common-header-wrap .txtcen {
  text-align: center;
}
.common-header-wrap .shadow {
  -webkit-box-shadow: -15px -15px 10px;
  box-shadow: -15px -15px 10px;
}
.common-header-wrap .lbl-text-checkbox {
  display: contents;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #5a5f61;
}
.common-header-wrap .inside-label span {
  float: left;
  vertical-align: middle;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  font-weight: 800;
}
.common-header-wrap .inside-label span:first-child {
  position: relative;
  width: 20px;
  height: 20px;
  top: 2;
  border-radius: 0;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  background: #fff;
  border: 2px solid #727373;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.common-header-wrap .inside-label span:first-child svg {
  position: absolute;
  top: 2px;
  left: 1px;
  fill: none;
  stroke: #fff;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 16px;
  stroke-dashoffset: 16px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.common-header-wrap .inside-label span:last-child {
  padding-left: 8px;
  line-height: 18px;
}
.common-header-wrap .main:checked + .inside-label span:first-child {
  background: #00008b;
  border-color: #00008b;
}
.common-header-wrap .main:checked + .inside-label span:first-child svg {
  stroke-dashoffset: 0;
  padding-left: 1px;
}
.common-header-wrap .triangle {
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 180px;
}
.common-header-wrap .triangle::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  bottom: 0em;
  left: 35%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1em solid #000;
  border-color: #fff0 #fff0 #fff #fff;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.common-header-wrap .t-active {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #1b3280 !important;
  color: #fff;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 180px;
}
.common-header-wrap .t-active:hover {
  background: #1b3280 !important;
  color: #fff;
}
.common-header-wrap .t-active::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  bottom: 0em;
  left: 35%;
  border-left: 25px solid #fff0;
  border-right: 25px solid #fff0;
  border-bottom: 27px solid #f3f4f6 !important;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
.common-header-wrap .triangle:hover {
  color: #373f41;
  background: #c9d5ff !important;
  cursor: pointer;
}
.common-header-wrap .triangle:hover::after {
  width: 0;
  height: 0;
  border-left: 25px solid #fff0;
  border-right: 25px solid #fff0;
  border-bottom: 27px solid #f3f4f6 !important;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
.common-header-wrap .triangle .triangle-up:hover::after {
  width: 0;
  height: 0;
  border-left: 25px solid #fff0;
  border-right: 25px solid #fff0;
  border-bottom: 50px solid #555;
}
.common-header-wrap .card-heading {
  margin-top: 10px;
}
.common-header-wrap .compare-card-title {
  background-color: #f5f5f5;
  padding: 20px;
}
@media (max-width: 576px) {
  .common-header-wrap .compare-card-title {
    padding: 5px;
  }
}
.common-header-wrap .c-head {
  color: #373f41;
  font-size: 24px;
}
@media (max-width: 576px) {
  .common-header-wrap .c-head {
    font-size: 18px;
  }
}
.common-header-wrap .c-title {
  color: #373f41;
  font-size: 14px;
}
.common-header-wrap .c-bullet {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  margin: 20px auto;
}
@media (max-width: 576px) {
  .common-header-wrap .c-bullet {
    margin: 10px auto;
  }
}
.common-header-wrap .b-im {
  margin-right: 10px;
}
.common-header-wrap .bullet-text {
  color: #373f41;
  font-size: 14px;
}
.common-header-wrap .card-result {
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  padding-left: 20px;
  color: #373f41;
}
.common-header-wrap .cards-carousel {
  width: 90%;
}
@media (max-width: 576px) {
  .common-header-wrap .cards-carousel {
    width: 100%;
  }
}
.common-header-wrap .cc-details-content-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 100px;
  padding-right: 100px;
}
@media (max-width: 991.98px) {
  .common-header-wrap .cc-details-content-block {
    padding-right: 0;
    height: auto;
    width: auto;
    margin-left: 0;
  }
}
.common-header-wrap .headp {
  font-size: 42px;
  color: #fff;
  font-weight: 700;
  font-family: Roboto;
}
.common-header-wrap .explore-now-btn {
  background: linear-gradient(276.98deg, #fda506 43.16%, #ffcc53 97.97%);
  border-radius: 4px;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  padding: 15px 28px;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  color: #232323;
}
.common-header-wrap .mob-hide {
  display: block !important;
}
.common-header-wrap .d-web-none {
  display: none !important;
}
@media (max-width: 768px) {
  .common-header-wrap .d-web-none {
    display: none !important;
  }
  .common-header-wrap .mob-nav {
    padding: 17px !important;
  }
  .common-header-wrap .mob-hide {
    display: none !important;
  }
  .common-header-wrap .web-hide {
    display: block !important;
  }
}
.common-header-wrap .credit-card-p {
  font-size: 18px;
}
@media (max-width: 768px) {
  .common-header-wrap .credit-card-heading {
    font-style: normal;
    font-size: 16px !important;
    line-height: 21px;
    text-align: center;
    color: #373f41 !important;
    padding-top: 18px;
  }
  .common-header-wrap .credit-card-p {
    font-size: 14px;
  }
}
.common-header-wrap .credit-card-heading {
  font-style: normal;
  font-size: 24px;
  line-height: 28px;
  text-align: center;
  color: #373f41;
  padding-top: 10px;
}
.common-header-wrap .cc-details-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: stretch;
  -ms-flex-pack: stretch;
  justify-content: stretch;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
@media (max-width: 768px) {
  .common-header-wrap .cc-details-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.common-header-wrap .cc-shoprite-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: stretch;
  -ms-flex-pack: stretch;
  justify-content: stretch;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.common-header-wrap a[class*="smenu"],
.common-header-wrap a[class*="lastmenu"] {
  display: none;
}
.common-header-wrap a[class*="smenu"].show,
.common-header-wrap a[class*="lastmenu"].show {
  display: flex;
}
.common-header-wrap .wd25 {
  width: auto;
}
.common-header-wrap [type="radio"]:checked + label:before,
.common-header-wrap [type="radio"]:not(:checked) + label:before {
  top: 4px;
}
.common-header-wrap .navbar {
  padding: 0 0;
}
.common-header-wrap .vmn1 .vertical-menu-link-active {
  background-color: #304087;
}
.common-header-wrap .vertical-menu-link-noarrow {
  font-size: 14px;
  line-height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  text-decoration: none;
  width: 100%;
  padding: 5px 15px;
  height: auto;
}
.common-header-wrap .vmn1 .vertical-menu-link-noarrow {
  background-color: #1b3282;
}
.common-header-wrap .vmn1 .vertical-menu-link-active::after {
  font-family: "FontAwesome";
  content: url(../images/leftnavarrow.svg);
  color: #fff;
  display: flex;
  justify-content: end;
  float: inline-end;
}
.common-header-wrap .vertical-menu-link-noarrow:hover {
  color: #fff;
}
.common-header-wrap .vmn2 .vertical-menu-link-noarrow {
  background: #596dc7;
}
.common-header-wrap .vmn2 .vertical-menu-link-active {
  background: #596dc7;
}
.common-header-wrap .vmn2 .vertical-menu-link-active::after {
  font-family: "FontAwesome";
  content: url(../images/leftnavarrow.svg);
  color: #fff;
  display: flex;
  justify-content: end;
  float: inline-end;
}
.common-header-wrap .vmn3 .vertical-menu-link-active {
  background: #c0caf9;
  color: #304087;
}
.common-header-wrap .vmn3 .vertical-menu-link-active::after {
  font-family: "FontAwesome";
  content: url(../images/leftnavarrowblue.svg);
  color: #304087;
  display: flex;
  justify-content: end;
  float: inline-end;
}
.common-header-wrap .dynamic-menu-flex:nth-child(3) {
  background-color: #e7e8ff;
}
.common-header-wrap .dynamic-menu-flex:nth-child(2) {
  background-color: #f4f4ff;
}
.common-header-wrap .innersubitem {
  border-bottom: 1px solid #dbdcde;
  padding: 0 5px;
  position: relative;
}
.common-header-wrap .innersubitem:hover {
  background: #f3f4f6;
}
.common-header-wrap .innersubitem a {
  font-size: 14px;
}
.common-header-wrap .innersubitem:last-child {
  border-bottom: #fff0;
}
.common-header-wrap .innersubitem .img-fluid.float-end {
  float: right;
  right: 5px;
  position: absolute;
  top: 15px;
  z-index: 2;
}
.common-header-wrap .innersubitemlast {
  border-bottom: none;
  padding: 8px 5px;
}
.common-header-wrap .innersubitemlast:last-child a {
  padding: 5px 10px;
}
.common-header-wrap .collapseitem {
  padding: 0;
  border-top: 1px solid #dbdcde;
  margin-top: 0;
  margin-left: 6px;
}
.common-header-wrap .note-badge {
  width: 14px;
  height: 14px;
  border: 2px solid #fff;
  border-radius: 50px;
  background-color: #ed3338;
  font-size: 8px;
  font-weight: 400;
  color: #fff;
  position: absolute;
  right: 5px;
  top: 5px;
  line-height: 12px;
  z-index: 3;
}
.common-header-wrap .dropdown.logindd-show:hover .dropdown-menu {
  display: block;
}
.common-header-wrap [class*="dropdown-menu-tip-"]::after {
  content: "";
  position: absolute;
  width: 1.5rem;
  height: 1.5rem;
  background-color: #fff !important;
  border: solid 1px rgb(0 0 0 / 0.15);
  border-bottom: none;
  border-left: none;
  margin-top: -8px;
  background-color: #f3f4f6;
}
.common-header-wrap .dropdown-menu-tip-n::after {
  top: calc(-0.25rem - 1px);
  right: calc(50% - 0.25rem);
  transform: rotate(-45deg);
}
.common-header-wrap .dropdown-menu-tip-ne::after {
  top: calc(-0.25rem - 1px);
  right: 1rem;
  transform: rotate(-45deg);
}
.common-header-wrap .dropdown-menu-tip-nw::after {
  top: calc(-0.25rem - 1px);
  right: 1.5rem;
  transform: rotate(-45deg);
}
.common-header-wrap .dropdown-menu-tip-s::after {
  right: calc(50% - 0.25rem);
  bottom: calc(-0.25rem - 1px);
  transform: rotate(135deg);
}
.common-header-wrap .dropdown-menu-tip-se::after {
  right: 1rem;
  bottom: calc(-0.25rem - 1px);
  transform: rotate(135deg);
}
.common-header-wrap .dropdown-menu-tip-sw::after {
  right: 1rem;
  bottom: calc(-0.25rem - 1px);
  transform: rotate(135deg);
}
.common-header-wrap .submenu {
  background-color: #f3f4f6;
}
.common-header-wrap .log-dd {
  list-style-type: none;
  top: 60px;
}
.common-header-wrap .dropdown.logindd-show:hover .dropdown-toggle::after {
  transform: rotate(175deg);
  -webkit-transform: rotate(175deg);
  -moz-transform: rotate(175deg);
  -ms-transform: rotate(175deg);
  -o-transform: rotate(175deg);
}
.common-header-wrap
  .dropdown.logindd-show
  button.btn.common-btn-blue.dropdown-toggle.hide-after {
  margin-top: 4px;
}
.common-header-wrap .dropdown.logindd-show .dropdown-menu {
  left: auto;
  right: 0;
  display: none;
  max-height: calc(100vh - 140px);
}
.common-header-wrap .dropdown.logindd-show:hover .dropdown-menu {
  display: block;
}
.common-header-wrap .noti-but {
  padding-bottom: 50px;
  margin-top: 50px !important;
}
.common-header-wrap .noti-but:hover .notification_dropdown {
  display: block !important;
}
.common-header-wrap .log-img {
  margin-right: 6px;
}
.common-header-wrap .circle {
  margin-left: 0;
}
.common-header-wrap .subitem {
  font-weight: 400;
  font-size: 16px;
  margin-top: 0;
  border-bottom: 1px solid #dbdcde;
  padding: 0 8px;
  min-height: 40px;
  line-height: 40px;
  background: #fff;
}
.common-header-wrap .subitem:hover {
  background: #f3f4f6;
  color: #304087;
}
.common-header-wrap .subitem:hover .fa.fa-angle-down {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
.common-header-wrap .subitem:nth-last-child(1) {
  border-bottom: 0 solid rgb(0 0 0 / 0.1490196078);
}
.common-header-wrap .logindd-show .dropdown-menu > li:first-child::after {
  position: absolute;
  top: 2px;
  left: auto;
  right: 30px;
  display: inline-block;
  border-right: 6px solid #fff0;
  border-bottom: 6px solid #fff0;
  border-top: 1px solid rgb(0 0 0 / 0.15);
  border-left: 1px solid rgb(0 0 0 / 0.15);
  content: "";
  background: #fff;
  height: 18px;
  width: 18px;
  transform: rotate(45deg);
  z-index: -1;
}
.common-header-wrap .noti-wrap {
  width: 50px;
  height: 50px;
  background: #fff;
  border-radius: 50%;
  padding-top: 13px;
  margin-right: 15px;
}
.common-header-wrap .note-media {
  padding: 27px 15px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .common-header-wrap .note-media {
    padding: 20px 15px;
  }
}
.common-header-wrap .input-group.rounded-search {
  width: 300px;
  background: #fff;
  box-shadow: 0 2px 4px rgb(0 0 0 / 0.15);
  border-radius: 50px;
  height: 42px;
  overflow: hidden;
  margin-right: 20px;
}
.common-header-wrap .input-group.rounded-search img.searchicon {
  width: 16px;
  margin-left: 16px;
  margin-right: 8px;
  margin-top: 15px;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .common-header-wrap .input-group.rounded-search {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .common-header-wrap .input-group.rounded-search {
    width: 200px;
    background: #fff;
    box-shadow: 0 2px 4px rgb(0 0 0 / 0.15);
    border-radius: 50px;
    height: 42px;
    overflow: hidden;
    margin-right: 0;
  }
}
.common-header-wrap .input-group.rounded-search .form-control {
  height: 42px;
  background: #fff;
  padding: 0;
  border: 0 !important;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #909090;
}
.common-header-wrap .input-group.rounded-search .form-control:hover,
.common-header-wrap .input-group.rounded-search .form-control:focus {
  border: 0 !important;
}
.common-header-wrap .input-group.rounded-search #micIcon {
  width: 40px;
  background: #fff;
}
.common-header-wrap .input-group.rounded-search #micIcon .searchicon {
  width: 16px;
  margin: auto;
  display: block;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .common-header-wrap .input-group.rounded-search {
    width: 270px;
    background: #fff;
    box-shadow: 0 2px 4px rgb(0 0 0 / 0.15);
    border-radius: 50px;
    height: 42px;
    overflow: hidden;
    margin-right: 20px;
    margin-left: 20px;
  }
}
.credit-carousel {
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
  background: #fff;
}
@media screen and (max-width: 767px) {
  .credit-carousel {
    overflow-x: auto;
  }
}
.mob-nav-flex {
  display: flex;
  padding-left: 12px;
  padding-right: 15px;
}
.mobile-nav-block {
  border-right: 1px solid #dbdcde;
}
@media screen and (max-width: 767px) {
  .scroll-mob-nav-flex-new {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
    padding: 15px 0 6px;
  }
}
.mobile-nav-block:last-child {
  border-right: none;
}
.mob-nav-text {
  text-align: center;
  font-size: 12px;
  margin: 0 auto;
}
.mob-nav-text img {
  width: 30px;
  height: 34px;
}
.mob-nav-text a {
  display: block;
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap;
  padding: 0 10px;
  min-width: 119px;
}
.mob-nav-text a p {
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  color: #303030;
  margin-top: 5px;
  margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
  .sub-text-p {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 0.2px;
    color: #303030;
    display: block;
  }
}
.credit-carousel {
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
  background: #fff;
  -webkit-box-shadow: 0 2px 4px rgb(0 0 0 / 0.2);
  box-shadow: 0 2px 4px rgb(0 0 0 / 0.2);
  overflow-x: auto;
}
.common-header-wrap .dropdown.logindd-show .dropdown-toggle::after {
  content: "";
  font-family: "FontAwesome";
  margin-left: 10px;
  border: 0;
  position: relative;
  top: 4px;
  font-weight: 400;
  font-size: 14px;
}
.modal-header {
  position: relative;
}
.modal-header .btn-close {
  position: absolute;
  top: 18px;
  right: 20px;
  font-size: 12px;
  z-index: 9;
  background-color: #f3f4f6;
  border-radius: 50%;
}
.mobile-menu-header-adj {
  background: linear-gradient(
    270deg,
    #8a676d 1.87%,
    #924b57 31.58%,
    #4b4a6c 59.77%,
    #262343 98.54%
  );
}
.payu-wrapper {
  color: #1b3281;
}
.payu-wrapper .overlay {
  padding: 0;
  background-color: #fff;
  width: 1100px;
  max-width: 1100px;
  border-radius: 0;
  border: 0;
  margin: 0 auto;
}
.payu-wrapper .overlay .modalHead {
  position: relative;
  width: 100%;
  margin: auto;
  padding: 21px;
  background-color: #f4f5f7;
  background: #3a4286;
  border-radius: 0;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  color: #fff;
  text-align: center;
  width: 100%;
  justify-content: center;
}
.payu-wrapper .overlay .modalHead .payu-title {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  color: #fff;
}
.payu-wrapper .overlay .modalHead .close {
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  position: absolute;
  font-size: 0;
  background: #fff0 url(../images/close-pay.svg) no-repeat scroll center;
  background-size: auto;
  background-size: 60%;
  width: 35px;
  height: 35px;
  width: 29px;
  height: 27px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  right: 23px;
}
.payu-wrapper .overlay .modalHead .close:hover {
  transform: translateY(-50%) scale 1.01;
  -webkit-transform: translateY(-50%) scale 1.01;
  -moz-transform: translateY(-50%) scale 1.01;
  -ms-transform: translateY(-50%) scale 1.01;
  -o-transform: translateY(-50%) scale 1.01;
}
.payu-wrapper .overlay .modalBody {
  padding: 0;
}
.payu-wrapper .radio-wrapper {
  position: relative;
}
.payu-wrapper input[type="radio"] {
  position: absolute;
  top: -10px;
  left: 0;
  z-index: 9;
  width: 100px;
  height: 100px;
  opacity: 0;
  display: block !important;
}
.payu-wrapper .overlay .modalBody .right-side-fixed-panel {
  max-height: 500px;
  overflow-x: hidden;
  overflow-y: auto;
}
.payu-wrapper .overlay .modalBody .payU-img {
  width: 120px;
  height: 73px;
}
.payu-wrapper .overlay .modalBody .rbl-logo {
  width: 120px;
}
.payu-wrapper .overlay .modalBody .row {
  margin-right: 0;
}
.payu-wrapper .overlay .modalBody .row .left-side .pay-active,
.payu-wrapper
  .overlay
  .modalBody
  .row
  .left-side
  .nav-link[aria-expanded="true"] {
  display: block;
  color: #3a4286;
  background-color: #fff;
  text-align: left;
  font-weight: 400;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  background: #f1f8ff;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  color: #3a4286;
  border-bottom: 2px solid #3a4286;
}
.payu-wrapper
  .overlay
  .modalBody
  .row
  .left-side
  .pay-active
  img.right-arrow-pay,
.payu-wrapper
  .overlay
  .modalBody
  .row
  .left-side
  .nav-link[aria-expanded="true"]
  img.right-arrow-pay {
  opacity: 1 !important;
}
.payu-wrapper .overlay .modalBody .row .left-side div,
.payu-wrapper
  .overlay
  .modalBody
  .row
  .left-side
  .nav-link[aria-expanded="false"] {
  display: block;
  text-align: left;
  font-weight: 400;
  border-bottom: 1px solid #3a4286;
  background-color: #3a4286;
  color: #f4f5f7;
  padding: 15px 15px;
  font-size: 15px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  color: #303030;
  background: #fff;
  white-space: nowrap;
}
.payu-wrapper .overlay .modalBody .row .left-side div::after,
.payu-wrapper
  .overlay
  .modalBody
  .row
  .left-side
  .nav-link[aria-expanded="false"]::after {
  display: none;
}
img.right-arrow-pay {
  margin-left: 5px;
  opacity: 0;
}
.payu-wrapper .overlay .modalBody .row .left-side div:last-child {
  border-bottom: 0;
}
.payu-wrapper .overlay .modalBody .row .right-side {
  padding: 40px 40px 30px 40px;
}
.payu-wrapper .overlay .modalBody .row .right-side h3 {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 15px;
}
.payu-wrapper .overlay .modalBody .row .right-side hr {
  margin: 40px 0;
  border-bottom: 1px solid rgb(144 144 144 / 0.3);
}
.payu-wrapper .overlay .modalBody .row .right-side .mt-20 {
  margin-top: 20px;
}
.payu-wrapper .overlay .modalBody .row .right-side .other h3 {
  margin-left: 15px;
}
.payu-wrapper .overlay .modalBody .row .right-side .powered-by {
  font-size: 12px;
  margin-left: 37px;
}
.payu-wrapper .overlay .modalBody .row .right-side .bottom-powered-by {
  font-weight: 400;
  margin-left: 0;
}
.payu-wrapper .overlay .modalBody .row .right-side .button-container {
  margin-top: 40px;
}
.payu-wrapper .overlay .modalBody .row .right-side .button-container .btn-red {
  margin-right: 30px;
}
.payu-wrapper .overlay .modalBody .row .right-side .button-container .m-0 {
  margin: 0;
}
.payu-wrapper .overlay .modalBody .row .right-side .debit-card-note {
  margin-top: 28px;
  color: #000;
  font-size: 14px;
}
.payu-wrapper .overlay .modalBody .row .right-side .debit-card-note a {
  font-size: 12px;
  text-decoration: underline;
}
.payu-wrapper .overlay .modalBody .row .right-side .debit-card-note b {
  color: #1b3281;
  font-size: 12px;
  font-weight: 700;
}
.payu-wrapper .overlay .modalBody .row .right-side .neft-section h3 {
  font-size: 18px;
}
.payu-wrapper
  .overlay
  .modalBody
  .row
  .right-side
  .neft-section
  .neft-sub-section {
  margin-top: 15px;
}
.payu-wrapper
  .overlay
  .modalBody
  .row
  .right-side
  .neft-section
  .neft-sub-section
  p {
  color: #161616;
  font-size: 18px;
}
.payu-wrapper
  .overlay
  .modalBody
  .row
  .right-side
  .neft-section
  .neft-sub-section
  b {
  font-weight: 700;
}
.payu-wrapper .overlay .modalBody .row .right-side .mob-app .opt {
  margin-top: 0;
  margin-bottom: 20px;
}
.payu-wrapper .overlay .modalBody .row .right-side .mob-app .opt .download-opt {
  border-right: 1px solid #a6a6a6;
}
.payu-wrapper
  .overlay
  .modalBody
  .row
  .right-side
  .mob-app
  .opt
  .download-opt
  .col-md-6:first-child {
  padding-right: 0;
}
.payu-wrapper
  .overlay
  .modalBody
  .row
  .right-side
  .mob-app
  .opt
  .download-opt
  .col-md-6:last-child {
  padding-left: 0;
}
.payu-wrapper
  .overlay
  .modalBody
  .row
  .right-side
  .mob-app
  .opt
  .download-opt
  img {
  max-width: 84%;
  margin-top: 14px;
}
.payu-wrapper .overlay .modalBody .row .right-side .mob-app .opt .title {
  font-weight: 700;
  margin-top: 20px;
  margin-bottom: 20px;
}
.payu-wrapper .overlay .modalBody .row .right-side .mob-app .opt .qr-img {
  width: 80px;
}
.payu-wrapper .overlay .modalBody .row .right-side .mob-app .opt:last-child {
  padding-left: 71px;
}
.payu-wrapper .overlay .modalBody .row .right-side .mob-app .tel {
  font-weight: 700;
}
.payu-wrapper .overlay .modalBody .row .right-side .important-note {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-size: 12px;
  line-height: 14px;
  color: #3a4286;
}
.payu-wrapper .overlay .modalBody .row .right-side .important-note a {
  text-decoration: underline;
}
.payu-wrapper .overlay .modalBody .row .right-side .important-note b {
  font-weight: 700;
}
.payu-wrapper input[type="radio"] {
  display: none;
}
.payu-wrapper input[type="radio"] + label {
  height: 20px;
  width: 20px;
  display: inline-block;
  margin: 8px 10px 0 0;
  position: relative;
  padding: 0;
  background: #fff0 url(../images/nonselected.png) no-repeat scroll 0 0;
  background-size: 100%;
  top: 4px;
  color: #000;
}
.payu-wrapper input[type="radio"] + label::before,
.payu-wrapper input[type="radio"] + label::after {
  display: none;
}
.payu-wrapper input[type="radio"]:checked + label {
  background-image: url(../images/selected.png);
}
.payu-wrapper .icon-rupee {
  -webkit-transform: scale(0.75);
  -ms-transform: scale(0.75);
  -o-transform: scale(0.75);
  transform: scale(0.75);
  top: 2px;
  position: relative;
  display: inline-block;
}
.payu-wrapper .overlay {
  max-width: 764px;
}
.payu-wrapper .overlay .modalBody .payU-img {
  width: 90px;
  height: 48px;
}
.payu-wrapper .overlay .modalBody .rbl-logo {
  width: 110px;
}
.payu-wrapper .overlay .modalBody .row .left-side div,
.payu-wrapper .overlay .modalBody .row .left-side .nav-link {
  padding: 15px 15px;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-size: 16px;
  line-height: 23px;
  color: #303030;
}
.payu-wrapper .overlay .modalBody .row .right-side {
  padding: 15px 40px 20px 40px;
}
.payu-wrapper .overlay .modalBody .row .right-side hr {
  margin: 20px 0;
}
.payu-wrapper .overlay .modalBody .row .right-side .button-container {
  margin-top: 18px;
}
.payu-wrapper
  .overlay
  .modalBody
  .row
  .right-side
  .button-container
  .btn.btn-inline {
  display: inline-block;
  width: auto;
  padding: 13px 35px;
  font-size: 14px;
}
.payu-wrapper
  .overlay
  .modalBody
  .row
  .right-side
  .button-container
  .btn.btn-inline.btn.btn-white {
  margin-right: 30px;
}
@media screen and (max-width: 767px) {
  .payu-wrapper
    .overlay
    .modalBody
    .row
    .right-side
    .button-container
    .btn.btn-inline.btn.btn-white {
    margin-right: 0 !important;
  }
}
.btn.btn-white {
  background-color: #fff0;
  color: #122099;
  border: 1px solid #122099;
}
.btn.btn-red {
  background: #304087;
  border: 1px solid #304087;
  color: #fff;
}
.payu-wrapper .overlay .modalBody .row .right-side .mt-20 {
  margin-top: 10px;
}
.payu-wrapper .overlay .modalBody .row .right-side .neft-section h3 {
  font-size: 16px;
}
.payu-wrapper
  .overlay
  .modalBody
  .row
  .right-side
  .neft-section
  .neft-sub-section
  p {
  font-size: 16px;
}
.payu-wrapper .overlay .modalBody .row .right-side .important-note {
  font-size: 12px;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .modal-dialog.modal-lg.payu-wrapper.modal-dialog-centered {
    width: 100%;
    max-width: 100%;
  }
}
@media (max-width: 768px) {
  .payu-wrapper .accordion-button:not(.collapsed) {
    background-color: #f1f8ff;
    color: #3a4286;
    font-weight: 600;
  }
  .payu-wrapper .overlay {
    max-width: 94%;
  }
  .payu-wrapper .overlay .modalHead {
    padding: 20px;
  }
  .payu-wrapper .overlay .modalHead .close {
    width: 20px;
    height: 20px;
    top: 30px;
  }
  .payu-wrapper
    .overlay
    .modalBody
    .row
    .right-side
    .accordion-wrapper
    .accordion-item {
    color: #3a4286;
  }
  .payu-wrapper
    .overlay
    .modalBody
    .row
    .right-side
    .accordion-wrapper
    .accordion-item
    .accordion-head {
    background-color: #3a4286;
    color: #f4f5f7;
  }
  .payu-wrapper
    .overlay
    .modalBody
    .row
    .right-side
    .accordion-wrapper
    .accordion-item
    .accordion-head-expanded {
    color: #3a4286;
    background-color: #fff;
  }
  .payu-wrapper
    .overlay
    .modalBody
    .row
    .right-side
    .accordion-wrapper
    .accordion-item
    .accordion-body {
    padding: 10px;
    background-color: #fff;
  }
  .payu-wrapper
    .overlay
    .modalBody
    .row
    .right-side
    .accordion-wrapper
    .accordion-item
    .accordion-body
    h3 {
    text-transform: none;
  }
  .payu-wrapper .overlay .modalBody .row .right-side .other h3 {
    margin-left: 0;
  }
  .payu-wrapper .overlay .modalBody .row .right-side h3 {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    color: #3a4286;
    margin-bottom: 15px;
  }
  ul.row.color-black.p-0.m-0 {
    list-style: disc;
    margin-left: 23px !important;
  }
  ul.row.color-black.p-0.m-0 li {
    list-style: disc;
    padding-left: 0 !important;
  }
  .payu-wrapper .overlay .modalBody .row .right-side hr {
    margin: 20px 0;
  }
  .payu-wrapper .overlay .modalBody .row .right-side .payU-img {
    width: 94px;
    height: 53px;
  }
  .payu-wrapper .overlay .modalBody .row .right-side .rbl-logo {
    width: 107px;
  }
  .payu-wrapper
    .overlay
    .modalBody
    .row
    .right-side
    .mob-app
    .opt
    .download-opt
    .col-md-6:first-child {
    padding-right: 0;
  }
  .payu-wrapper
    .overlay
    .modalBody
    .row
    .right-side
    .mob-app
    .opt
    .download-opt
    .col-md-6:last-child {
    padding-left: 15px;
    padding-right: 0;
  }
}
@media (max-width: 488px) {
  .payu-wrapper .overlay .modalBody .row .right-side {
    padding: 20px 20px 20px 35px;
  }
  .payu-wrapper .overlay .modalBody .row .right-side .button-container button {
    display: block;
    width: 80%;
    margin: auto;
  }
  .payu-wrapper
    .overlay
    .modalBody
    .row
    .right-side
    .button-container
    .btn-red {
    margin: auto;
    margin-bottom: 15px;
  }
}
@media (max-width: 400px) {
  .payu-wrapper .overlay .modalHead .payu-title {
    font-size: 16px;
  }
  .payu-wrapper .overlay .modalBody .row .right-side .payU-img {
    width: 66px;
    height: 40px;
  }
  .payu-wrapper .overlay .modalBody .row .right-side .rbl-logo {
    width: 95px;
  }
  .payu-wrapper .overlay .modalBody .row .right-side .powered-by {
    font-size: 12px;
    margin-left: 30px;
  }
  .payu-wrapper .overlay .modalBody .row .right-side .bottom-powered-by {
    margin-left: 0;
  }
  .payu-wrapper .overlay .modalBody .row .right-side .mt-20 {
    margin-top: 5px;
  }
  .payu-wrapper .overlay .modalBody .row .right-side .neft-section h3 {
    font-size: 16px;
  }
  .payu-wrapper
    .overlay
    .modalBody
    .row
    .right-side
    .neft-section
    .neft-sub-section {
    margin-top: 15px;
  }
  .payu-wrapper
    .overlay
    .modalBody
    .row
    .right-side
    .neft-section
    .neft-sub-section
    p {
    font-size: 16px;
  }
  .payu-wrapper .overlay .modalBody .row .right-side .mob-app .opt .title {
    font-size: 11px;
    margin-bottom: 12px;
  }
  .payu-wrapper .overlay .modalBody .row .right-side .mob-app .opt .qr-img {
    width: 80px;
  }
  .payu-wrapper .overlay .modalBody .row .right-side .mob-app .opt:last-child {
    padding-left: 0;
  }
  .payu-wrapper .overlay .modalBody .row .right-side .mob-app .tel {
    font-weight: 700;
    font-size: 13px;
  }
}
@media (min-width: 1600px) {
  .card-section-wrapper.banner-section .banner-img-wrap .banner-img-desktop {
    display: block;
    object-fit: cover;
  }
}
@media (min-width: 1200px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1140px;
  }
  .lg-pt130 {
    padding-top: 90px !important;
  }
  .feature-card2-upd .row.earn-up-wrap-row.earn-up-wrap-row3 .earn-up-card {
    margin-top: 28px;
  }
  .feature-card2-upd
    .row.earn-up-wrap-row.earn-up-wrap-row3
    .col-lg-8.earn-up-wrap-left {
    flex: 0 0 auto;
    width: 605px !important;
  }
  .feature-card2-upd
    .row.earn-up-wrap-row.earn-up-wrap-row3
    .col-lg-4.earn-up-wrap-right {
    flex: 0 0 auto;
    width: calc(100% - 605px) !important;
  }
  .feature-card2-upd
    .row.earn-up-wrap-row.earn-up-wrap-row3
    a.bttn-link-arrow.text-rbl-blue2 {
    margin-top: 10px;
  }
  .feature-card2-upd
    .row.earn-up-wrap-row.earn-up-wrap-row3
    .earn-up-wrap
    h5.earn-per {
    margin-top: 58px;
    font-size: 55px !important;
    margin-bottom: 0;
  }
  .feature-card2-upd
    .row.earn-up-wrap-row.earn-up-wrap-row3
    .earn-up-wrap
    h5.earn-per
    small
    .per {
    font-size: 27px;
    font-weight: 400;
  }
  .feature-card2-upd
    .row.earn-up-wrap-row.earn-up-wrap-row3
    .earn-up-wrap
    .earn-up-card.l-15::before {
    left: -24px;
    top: -30px;
    height: 183px;
  }
}
@media (min-width: 992px) {
  .lg-left-auto {
    left: auto !important;
  }
  .md-pr0 {
    padding-right: 0 !important;
  }
  .md-pl0 {
    padding-left: 0 !important;
  }
  .float-lg-right {
    float: right !important;
  }
  .hide-desktop-above {
    display: none !important;
  }
  .common-tab-wrap .tab-pane-inner .tab-benefit-rbl-inner {
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 35px;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .feature-card2-upd
    .row.earn-up-wrap-row.earn-up-wrap-row3
    .col-lg-8.earn-up-wrap-left {
    flex: 0 0 auto;
    width: 66.66666667% !important;
  }
  .feature-card2-upd
    .row.earn-up-wrap-row.earn-up-wrap-row3
    .col-lg-4.earn-up-wrap-right {
    flex: 0 0 auto;
    width: 33.33333333% !important;
  }
  .feature-card2-upd
    .row.earn-up-wrap-row.earn-up-wrap-row3
    .earn-up-wrap
    h5.earn-per {
    font-size: 60px !important;
    margin-bottom: -5px;
  }
  .feature-card2-upd
    .row.earn-up-wrap-row.earn-up-wrap-row3
    .earn-up-wrap
    .earn-up-card.l-15::before {
    left: -20px;
  }
}
@media screen and (min-width: 1200px) and (max-height: 700px) {
  .mt-110-adv-offer {
    margin-top: -110px !important;
  }
}
@media screen and (min-width: 550px) and (max-height: 700px) {
  .mt-110-adv-offer {
    margin-top: -110px !important;
  }
}
@media (min-width: 768px) {
  .hide-desktop {
    display: none !important;
  }
  .lg-pl0 {
    padding-left: 0 !important;
  }
  .lg-pr0 {
    padding-right: 0 !important;
  }
  .lg-mb0 {
    margin-bottom: 0 !important;
  }
  .owl-more-from-rbl .owl-nav.disabled,
  .owl-quick-link .owl-nav.disabled,
  .owl-more-from-rbl .owl-nav,
  .owl-quick-link .owl-nav {
    display: block !important;
  }
  .compare-prod-card-add-flex {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: stretch;
    height: 130px;
  }
  .date-form-group {
    width: 220px;
    margin-right: 30px;
  }
  .type-form-group {
    width: 188px;
    margin-right: 30px;
  }
  .Payments-menu .show-by-default {
    display: block;
  }
  .Payments-menu .dropdown-toggle {
    position: relative;
  }
  .Payments-menu .dropdown-toggle i.ph-arrow-right {
    position: absolute !important;
    top: 0 !important;
    right: -5px !important;
    opacity: 0;
  }
  .Payments-menu
    .tb-megamenu-column.span12.mega-col-nav
    .tb-megamenu-column-inner.mega-inner.mega-inner-adj.clearfix {
    height: 100%;
    min-height: 100%;
  }
  .Payments-menu .ul-level-1 {
    position: relative;
  }
  .Payments-menu .ul-level-1 li {
    position: static !important;
  }
  .Payments-menu .ul-level-1 .ul-level-3 {
    position: absolute;
    z-index: 99;
    min-height: 104%;
    height: 104%;
  }
  .Payments-menu .ul-level-1 .ul-level-2 {
    position: absolute;
    z-index: 99;
    min-height: 98.5%;
    height: 97.5%;
    left: 342px !important;
    top: 4px !important;
    box-shadow: none;
    background: #f4f4ff !important;
    box-shadow: 0 5px 20px rgb(0 0 0 / 0.1);
  }
  .Payments-menu .ul-level-1 .ul-level-2 > li {
    background: #f4f4ff;
  }
  .Payments-menu .ul-level-1 .ul-level-2 .level-2 {
    background: #f4f4ff;
    height: 97.5%;
    min-height: 115px;
  }
  .Payments-menu .ul-level-1 .ul-level-2 .level-2 > li {
    background: #f4f4ff;
    position: relative !important;
  }
  .Payments-menu .ul-level-1 .ul-level-2 .level-2 > li:not(:last-child) {
    border-radius: 0;
  }
  .Payments-menu .ul-level-1 .ul-level-2 .level-2 > li:not(:last-child)::after {
    content: "";
    position: absolute;
    border-bottom: 1px solid #ddd !important;
    left: 5px;
    right: 5px;
    bottom: 0;
    z-index: 3;
  }
  .Payments-menu .ul-level-1 .ul-level-3 {
    left: 271px !important;
    top: 4px !important;
    background: #e7e8ff !important;
    box-shadow: 0 5px 20px rgb(0 0 0 / 0.1);
  }
  .Payments-menu .ul-level-1 .ul-level-3.ul-level-h-200 {
    height: 170%;
  }
  .Payments-menu .ul-level-1 .ul-level-3 > li {
    background: #e7e8ff;
  }
  .Payments-menu .ul-level-1 .ul-level-3 .level-3 {
    background: #e7e8ff;
    height: 100%;
  }
  .Payments-menu .ul-level-1 .ul-level-3 .level-3 > li {
    background: #e7e8ff;
  }
  .Payments-menu .ul-level-1 .mega-dropdown-inner,
  .Payments-menu .ul-level-1 .tb-megamenu-row,
  .Payments-menu .ul-level-1 .tb-megamenu-column,
  .Payments-menu .ul-level-1 .tb-megamenu-column-inner {
    min-height: 200px;
    height: 98.5%;
  }
  [data-id="menu_link_content:5f04aa37-9ad6-4745-a49f-3f46fabad35e"] a:after,
  [data-id="menu_link_content:8d6cc873-7429-423d-b225-97c1d0636398"] a:after,
  [data-id="menu_link_content:826afa43-5f42-44c6-9772-5bf50f3ff70e"] a:after {
    content: "";
    position: absolute;
    border-bottom: 1px solid #ddd !important;
    left: 5px;
    right: 5px;
    bottom: -10px;
    z-index: 3;
  }
  .products-menu .level-1 {
    box-shadow: 0 5px 20px rgb(0 0 0 / 0.1);
  }
  .products-menu .show-by-default {
    display: block;
  }
  .products-menu .dropdown-toggle {
    position: relative;
  }
  .products-menu .dropdown-toggle i.ph-arrow-right {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
  }
  .products-menu .ul-level-1 {
    position: relative;
  }
  .products-menu .ul-level-1 li {
    position: static !important;
  }
  .products-menu .ul-level-1 .ul-level-3 {
    position: absolute;
    z-index: 99;
    min-height: 100%;
    height: 100%;
  }
  .products-menu .ul-level-1 .ul-level-2 {
    position: absolute;
    z-index: 99;
    background: #f4f4ff !important;
    box-shadow: 0 5px 20px rgb(0 0 0 / 0.1);
  }
  .products-menu .ul-level-1 .ul-level-2 > li {
    background: #f4f4ff;
  }
  .products-menu .ul-level-1 .ul-level-2 .level-2 {
    background: #f4f4ff;
    height: 100%;
  }
  .products-menu .ul-level-1 .ul-level-2 .level-2 > li {
    background: #f4f4ff;
  }
  .products-menu .ul-level-1 .ul-level-3 {
    left: 271px !important;
    top: 4px !important;
    background: #e7e8ff !important;
    box-shadow: 0 5px 20px rgb(0 0 0 / 0.1);
  }
  .products-menu .ul-level-1 .ul-level-3.ul-level-h-200 {
    height: 170%;
  }
  .products-menu .ul-level-1 .ul-level-3 > li {
    background: #e7e8ff;
  }
  .products-menu .ul-level-1 .ul-level-3 .level-3 {
    background: #e7e8ff;
    height: 100%;
  }
  .products-menu .ul-level-1 .ul-level-3 .level-3 > li {
    background: #e7e8ff;
  }
  .products-menu .ul-level-1 .mega-dropdown-inner,
  .products-menu .ul-level-1 .tb-megamenu-row,
  .products-menu .ul-level-1 .tb-megamenu-column,
  .products-menu .ul-level-1 .tb-megamenu-column-inner {
    min-height: 200px;
    height: 100%;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .md-mb30 {
    margin-bottom: 30px;
  }
  .md-order-1 {
    order: -1;
  }
  .show-tab {
    display: block !important;
  }
  .ad-banner-outer-form {
    margin-top: 40px;
    text-align: center;
  }
  .footer-sticky .footer-mobile .tab-bar-icon img {
    height: 26px;
  }
  .row.earn-up-wrap-row .earn-up-wrap-left .term-text-lg {
    bottom: 0;
    position: static;
    margin-left: 20px;
    margin-bottom: 10px;
  }
  .earn-up-wrap-right img.card-img-offer.img-fluid {
    width: 100%;
  }
  .offer-table-wrapper {
    float: none;
  }
  .other-dropdown {
    margin-left: 0;
  }
  .inner-page-banner-section-xs.common-section.banner-section {
    background-color: #e9ecf7;
  }
  .inner-page-banner-section-xs.common-section.banner-section
    .banner-info.right-wrap {
    padding: 45px 20px 30px;
  }
  .inner-page-banner-section-xs.common-section.banner-section .banner-info {
    margin-top: 340px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: none;
  }
  .inner-page-banner-section-xs.common-section.banner-section .btn {
    min-width: 239px;
    font-size: 16px;
    margin: auto;
    display: block;
  }
  .feature-card2-upd
    .row.earn-up-wrap-row.earn-up-wrap-row3
    .earn-up-wrap
    h5.earn-per {
    font-size: 55px !important;
    margin-bottom: 0;
  }
  .feature-card2-upd
    .row.earn-up-wrap-row.earn-up-wrap-row3
    .earn-up-wrap
    .earn-up-card.l-15::before {
    left: -40px;
  }
}
@media (max-width: 767px) {
  .filter-row-top .view-content .col-12 {
    padding: 0;
  }
  section.common-section.offers-promotions-sec-wrap
    .mobile-filter-wrapper
    .filters-block-title {
    position: absolute;
    top: 66px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    letter-spacing: 0.3px;
    color: #304087;
    left: 20px;
    width: 100%;
    background: #fff;
    z-index: 9;
    height: 50px;
    padding-top: 18px;
  }
  section.common-section.offers-promotions-sec-wrap
    .mobile-filter-wrapper
    .header {
    display: flex;
    justify-content: space-between;
    align-content: center;
    height: 65.96px;
    background: #304087;
    border: 1px solid #dbdcde;
  }
  section.common-section.offers-promotions-sec-wrap
    .mobile-filter-wrapper
    .header
    .filters-block-clear
    a {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
    letter-spacing: 0.3px;
    color: #fff;
    text-decoration: none;
    padding: 23px 15px 23px 50px;
    display: block;
    position: relative;
  }
  section.common-section.offers-promotions-sec-wrap
    .mobile-filter-wrapper
    .header
    .filters-block-clear
    a::before {
    content: "";
    position: absolute;
    background: url(/themes/custom/rbl_bank/images/icon-cancel.svg) no-repeat 0
      center;
    width: 18px;
    height: 18px;
    display: inline-block;
    z-index: 3;
    left: 20px;
  }
  section.common-section.offers-promotions-sec-wrap
    .mobile-filter-wrapper
    .bottom {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 5px 20px;
    margin-top: 5px;
  }
  section.common-section.offers-promotions-sec-wrap
    .mobile-filter-wrapper
    .bottom
    .filters-bottom-clear
    a {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    text-align: center;
    letter-spacing: 0.1px;
    color: #606060;
    text-decoration: none;
    text-transform: capitalize;
    position: relative;
    top: 12px;
  }
  section.common-section.offers-promotions-sec-wrap
    .mobile-filter-wrapper
    .bottom
    .filters-bottom-clear
    + div
    a {
    width: 133px;
    height: 48px;
    background: #304087;
    border-radius: 4px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    text-align: center;
    letter-spacing: 0.3px;
    color: #fff;
    display: block;
    padding: 10px;
    text-decoration: none;
  }
  section.common-section.offers-promotions-sec-wrap
    .mobile-filter-wrapper
    .filters-form
    .filters-block-containt.js-form-wrapper.form-wrapper {
    margin-bottom: 0 !important;
    max-height: calc(100vh - 290px);
    overflow: auto;
    padding-top: 50px;
    padding-left: 25px;
  }
  section.common-section.offers-faq-w {
    padding-top: 0;
  }
  .img-card-wrap .img-card .img-blk.img-blk-bg {
    display: none !important;
  }
  .img-card.img-card-sm.bg-2 {
    background-color: #ffe5ca !important;
  }
  .row.earn-up-wrap-row .earn-up-wrap-right img {
    height: auto;
  }
  section.common-section.awards-section.pt-0
    .field__item.col-md-6:nth-child(1)
    .img-card.img-card-sm.bg-2 {
    background-color: #ffe5ca !important;
  }
  section.common-section.awards-section.pt-0
    .field__item.col-md-6:nth-child(2)
    .img-card.img-card-sm.bg-2 {
    background-color: #c8e6e4 !important;
  }
  section.common-section.awards-section.pt-0
    .field__item.col-md-6:nth-child(3)
    .img-card.img-card-sm.bg-2 {
    background-color: #c6dff5 !important;
  }
  section.common-section.awards-section.pt-0
    .field__item.col-md-6:nth-child(4)
    .img-card.img-card-sm.bg-2 {
    background-color: #ffefce !important;
  }
  body .layout-main-wrapper {
    overflow-x: hidden;
  }
  section.common-section.awards-section
    .field.field--name-field-our-mission.field--type-entity-reference-revisions.field--label-hidden.field__items.row {
    margin: 0;
    padding: 0;
  }
  span.mobile-overlay-modal {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: auto;
    width: 56px;
    background: rgb(0 0 0 / 0.67);
    z-index: 9;
    opacity: 0;
    transition: all 0.2s linear 0.28s !important;
    -webkit-transition: all 0.2s linear 0.28s !important;
    -moz-transition: all 0.2s linear 0.28s !important;
    -ms-transition: all 0.2s linear 0.28s !important;
    -o-transition: all 0.2s linear 0.28s !important;
  }
  .tab-wrap-outer-height .common-tab-wrap {
    position: relative;
  }
  .tab-wrap-outer-height .common-tab-wrap .nav-tabs {
    padding-right: 30px;
  }
  .tab-wrap-outer-height .common-tab-wrap::after {
    content: "";
    position: absolute;
    width: 80px;
    height: 54px;
    top: -5px;
    right: -1px;
    background: -moz-linear-gradient(left, #fff0 0%, #ffffff 61%, #ffffff 100%);
    background: -webkit-linear-gradient(
      left,
      #fff0 0%,
      #ffffff 61%,
      #ffffff 100%
    );
    background: linear-gradient(to right, #fff0 0%, #ffffff 61%, #ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff",endColorstr="#ffffff",GradientType=1);
    pointer-events: none;
    z-index: 0;
  }
  .term-text-lg.lg-left-auto {
    margin-left: 0;
  }
  .xs-w-100 {
    width: 100% !important;
  }
  .xs-pt0 {
    padding-top: 0 !important;
  }
  .xs-p-0 {
    padding: 0 !important;
  }
  .xs-p12 {
    font-size: 12px;
    line-height: normal;
    margin-top: 5px;
  }
  .xs-bg-white {
    background: #fff !important;
  }
  .xs-bt1 {
    border-top: 0.5px dashed #a9a9a9;
  }
  .xs-bl1 {
    border-left: 0.5px dashed #a9a9a9;
  }
  .card-impact-about {
    padding: 15px !important;
  }
  .common-section-first {
    margin-top: 20px !important;
    padding-top: 30px !important;
  }
  .common-section-first-pt30 {
    padding-top: 30px !important;
  }
  .xs-mw110 {
    min-width: 110px !important;
  }
  .xs-mb40 {
    margin-bottom: 40px !important;
  }
  .xs-mb10 {
    margin-bottom: 10px !important;
  }
  .xs-ml0 {
    margin-left: 0 !important;
  }
  .xs-mt15 {
    margin-top: 15px !important;
  }
  .xs-mr0 {
    margin-right: 0 !important;
  }
  .xs-text-center {
    text-align: center !important;
  }
  .xs-mw120 {
    min-width: 120px !important;
  }
  .xs-mt10 {
    margin-top: 10px;
  }
  .xs-mt20 {
    margin-top: 20px !important;
  }
  .xs-mb30 {
    margin-bottom: 30px !important;
  }
  .xs-mb50 {
    margin-bottom: 50px !important;
  }
  .xs-mb0 {
    margin-bottom: 0 !important;
  }
  .xs-mb15 {
    margin-bottom: 15px !important;
  }
  .xs-order-1 {
    order: -1;
  }
  .xs-order1 {
    order: 1;
  }
  .xs-pb0 {
    padding-bottom: 0 !important;
  }
  .xs-p18 {
    font-size: 18px;
  }
  .show-mobile {
    display: block !important;
  }
  .xs-no-padding {
    padding: 0 !important;
  }
  .hide-mobile {
    display: none !important;
  }
  .xs-pl0 {
    padding-left: 0 !important;
  }
  .xs-pr0 {
    padding-right: 0 !important;
  }
  .xs-p16 {
    font-size: 16px;
  }
  .xs-mb20 {
    margin-bottom: 20px !important;
  }
  .xs-pl8 {
    padding-left: 8px;
  }
  .xs-pr8 {
    padding-right: 8px;
  }
  .xs-mr15 {
    margin-right: 15px !important;
  }
  .xs-flex-cols {
    flex-direction: column;
  }
  .mobile-card1-owl {
    display: block;
  }
  .mobile-card1-owl .item {
    width: 100%;
    margin-bottom: 20px;
  }
  .nowrap-text-label-xs .d-flex .form-group > label {
    white-space: nowrap;
  }
  .home-section4 .nowrap-text-label-xs .d-flex .form-group > label.radio-label {
    font-weight: 700;
  }
  .span-like-xs {
    margin-bottom: 15px;
    display: block;
  }
  .date-form-group {
    width: calc(50% - 5px);
    margin-bottom: 25px;
  }
  .type-form-group {
    width: calc(50% - 15px);
  }
  .ad-banner-outer-form {
    margin-top: 40px;
    text-align: center;
  }
  .back-btn-wrap-flex-xs {
    position: fixed;
    bottom: 60px;
    left: 0;
    right: 0;
    z-index: 999;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important;
  }
  .value-calc-left-head-row.value-calc-left-head-row-xs {
    transform: scale(0.85);
    transform-origin: 0 0;
    -webkit-transform: scale(0.85);
    -moz-transform: scale(0.85);
    -ms-transform: scale(0.85);
    -o-transform: scale(0.85);
  }
  .form-inline-col-adj {
    padding-right: 0;
  }
  .form-inline-col-adj .form-inline {
    justify-content: flex-end;
  }
  section.common-section.rbl-myapp-section.bg-gray-c,
  section.common-section.tab-section.contact-tab-section {
    background: #fff;
  }
  section.common-section.home-section3.amazing-offer-outer.banner-section
    .banner-img-wrap
    .banner-img-mobile {
    height: 577px !important;
    background-position: center bottom;
  }
  section.common-section.home-section4 .form-group .radio-wrap.d-flex.mt-2 {
    margin-top: 0 !important;
  }
  .inner-page-banner-section-xs.common-section.banner-section
    .banner-info.right-wrap {
    padding: 15px 20px 30px;
  }
  .inner-page-banner-section-xs.common-section.banner-section .banner-info {
    margin-top: 165px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    justify-content: center;
  }
  .inner-page-banner-section-xs.common-section.banner-section .btn {
    min-width: 239px;
    font-size: 16px;
    margin: auto;
    display: block;
  }
  .credit-carousel.d-sm-block.d-md-none {
    display: none !important;
  }
  .path-frontpage .credit-carousel.d-sm-block.d-md-none {
    display: block !important;
  }
  .owl-carousel.owl-theme.owl-more-from-rbl.mobile-card2-owl {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    align-content: stretch;
  }
  .owl-carousel.owl-theme.owl-more-from-rbl.mobile-card2-owl .item {
    width: 50%;
    margin-bottom: 20px;
  }
  .owl-carousel.owl-theme.owl-more-from-rbl.mobile-card2-owl
    .item
    .owl-more-rbl-card {
    margin: 0 0 20px;
    max-width: calc(100% - 20px);
    margin-left: auto;
    margin-right: auto;
  }
  .owl-carousel.owl-theme.owl-quick-link.mobile-card2-owl {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    align-content: stretch;
  }
  .owl-carousel.owl-theme.owl-quick-link.mobile-card2-owl .item {
    width: 50%;
  }
  .owl-carousel.owl-theme.owl-quick-link.mobile-card2-owl
    .item
    .quick-link-card {
    padding: 15px 5px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: stretch;
    margin: 0 0 20px;
    max-width: calc(100% - 20px);
    margin-left: auto;
    margin-right: auto;
  }
  .quick-link-slider {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    align-content: stretch;
    justify-content: flex-start;
    margin-left: 15px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .quick-link-slider {
    max-width: 320px;
    margin: auto;
  }
}
@media (max-width: 767px) {
  .quick-link-slider .quick-link-card {
    width: 145px;
    margin: 0 10px 20px;
    min-width: 145px;
    justify-content: center;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .quick-link-slider .quick-link-card {
    width: 140px;
    min-width: 140px;
  }
}
@media (max-width: 767px) {
  .quick-link-slider .extra {
    width: 50%;
  }
}
@media (max-width: 767px) {
  section.common-section.banner-section.inner-page-banner-section-xs .col-12 {
    padding: 0;
  }
}
@media (max-width: 767px) {
  .feature-card2-upd
    .row.earn-up-wrap-row.earn-up-wrap-row3
    .earn-up-wrap
    .p18 {
    white-space: normal;
  }
  .feature-card2-upd
    .row.earn-up-wrap-row.earn-up-wrap-row3
    .earn-up-wrap
    .col-12
    .earn-up-card.l-15 {
    padding-top: 20px;
    left: 0;
    text-align: center;
  }
  .feature-card2-upd
    .row.earn-up-wrap-row.earn-up-wrap-row3
    .earn-up-wrap
    .col-12
    .earn-up-card.l-15::before {
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
    height: 1px;
  }
}
@media (max-width: 767px) {
  .footer-sticky .footer-mobile .tab-bar-icon img {
    height: 26px;
  }
}
@media (max-width: 767px) {
  #modal-login a.acnav__link.acnav__link--level1 img {
    width: 40px;
    vertical-align: middle;
  }
}
@media (max-width: 767px) {
  #modal-login .acnav__label img {
    width: 40px;
    vertical-align: middle;
  }
}
.total-search-count {
  position: absolute;
  left: 76px;
  top: 20px;
}
.search-filter-page .item-list .search-title a {
  font-size: 22px;
  font-weight: 400;
  text-align: left;
  text-decoration: none;
  color: #1718a4;
}
.search-no-match-found {
  position: absolute;
  left: 40px;
  top: 40px;
}
.ui-autocomplete {
  border: 1px solid #fff0;
  background: #fff;
  width: 1115px !important;
  position: absolute;
  left: 76px;
  top: 206px;
  overflow-y: scroll;
  height: 380px;
  z-index: 11111;
}
.ui-autocomplete .ui-menu-item:hover {
  background: #0d6efd !important;
  color: #fff;
}
.search-api-autocomplete-suggestion {
  padding: 10px 5px !important;
  position: relative;
}
.ui-autocomplete .ui-menu-item-wrapper {
  border: 0;
  color: #333;
  margin: 0;
  padding: 0;
}
.ui-autocomplete
  .ui-menu-item-wrapper.ui-state-active
  .search-api-autocomplete-suggestion {
  background: #0072b9;
  color: #fff;
}
.ui-autocomplete .ui-menu-item {
  list-style-image: none !important;
}
.ui-autocomplete .ui-menu-item:hover {
  background: #eee;
}
.ui-autocomplete .ui-menu-item a {
  text-decoration: none;
}
.search-api-autocomplete-suggestion .autocomplete-suggestion-note {
  font-size: 90%;
}
.search-api-autocomplete-suggestion .autocomplete-suggestion-user-input {
  font-weight: 700;
}
.search-api-autocomplete-suggestion .autocomplete-suggestion-results-count {
  position: absolute;
  right: 0.2em;
}
#block-mobilemenuisc {
  display: none;
}
#block-mobilemenuisc .has-children > .acnav__label::after {
  content: "";
  display: block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-transition: transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  position: absolute;
  top: 20px;
  right: 15px;
  z-index: 3;
  -moz-transition: transform 0.3s;
  -ms-transition: transform 0.3s;
  -o-transition: transform 0.3s;
}
#block-iscmenu-2 {
  font-size: 13px !important;
}
#block-mobileheaderisc {
  display: none;
}
@media (max-width: 700px) {
  .isc-nav-menu .justify-content-end {
    margin-right: 15px;
  }
  .banner-section {
    padding-top: 35px !important;
    padding-bottom: 0 !important;
  }
}
.page-view-isc-events-listing-page
  .csr-cate-card-wrap
  .csr-cate-card-wrap-inner
  h6
  a,
.node--type-isc-events-sub-pages
  .csr-cate-card-wrap
  .csr-cate-card-wrap-inner
  h6
  a,
.node--type-isc-stand-alone-pages-
  .csr-cate-card-wrap
  .csr-cate-card-wrap-inner
  h6
  a,
.node--type-isc-banking-beyond-banking
  .csr-cate-card-wrap
  .csr-cate-card-wrap-inner
  h6
  a,
.node--type-download-pages .csr-cate-card-wrap .csr-cate-card-wrap-inner h6 a,
.node--type-isc-faq .csr-cate-card-wrap .csr-cate-card-wrap-inner h6 a,
.node--type-isc-faq-our-commitment
  .csr-cate-card-wrap
  .csr-cate-card-wrap-inner
  h6
  a,
.path-india-startup-club .csr-cate-card-wrap .csr-cate-card-wrap-inner h6 a {
  color: #fff !important;
  position: relative;
  font-weight: 700;
  font-size: 18px;
}
.page-view-isc-events-listing-page
  .csr-cate-card-wrap
  .csr-cate-card-wrap-inner
  .date
  a,
.node--type-isc-events-sub-pages
  .csr-cate-card-wrap
  .csr-cate-card-wrap-inner
  .date
  a,
.node--type-isc-stand-alone-pages-
  .csr-cate-card-wrap
  .csr-cate-card-wrap-inner
  .date
  a,
.node--type-isc-banking-beyond-banking
  .csr-cate-card-wrap
  .csr-cate-card-wrap-inner
  .date
  a,
.node--type-download-pages
  .csr-cate-card-wrap
  .csr-cate-card-wrap-inner
  .date
  a,
.node--type-isc-faq .csr-cate-card-wrap .csr-cate-card-wrap-inner .date a,
.node--type-isc-faq-our-commitment
  .csr-cate-card-wrap
  .csr-cate-card-wrap-inner
  .date
  a,
.path-india-startup-club .csr-cate-card-wrap .csr-cate-card-wrap-inner .date a {
  cursor: pointer;
  color: #fff;
}
@media (max-width: 767.98px) {
  .mobile-more-logo-wrap.isc {
    width: 220px !important;
  }
  .logo-mob.isc {
    width: 140px !important;
  }
  .acnav__list.acnav__list--level2.isc {
    margin-left: 40px;
  }
  #block-mobilemenuisc {
    display: block;
  }
}
@media (min-width: 1200px) {
  .container.rbl-nav-header.isc-nav-menu {
    max-width: 1220px;
  }
}
#block-iscmenu {
  font-size: 14px !important;
}
.isc-sub-menu .tb-megamenu-item.level-2.mega:hover {
  color: #fff !important;
  background: #304087 !important;
  text-decoration: none;
  text-shadow: none;
}
.tb-megamenu-isc-menu .level-1 > .level-2:hover > a,
.isc-sub-menu .tb-megamenu .level-1 > .level-2:hover a:focus {
  color: #fff !important;
}
.tb-megamenu-isc-menu .nav > li > a:focus,
.tb-megamenu-isc-menu .nav > li > a:hover,
.tb-megamenu-isc-menu .nav > li > span.tb-megamenu-no-link:focus,
.tb-megamenu-isc-menu .nav > li > span.tb-megamenu-no-link:hover {
  color: #fff !important;
  background-color: #fff0;
  text-decoration: none;
  text-shadow: none;
  outline: none;
}
#isc_event_list_button {
  border: 1px solid #304087;
  color: #fff !important;
  font-size: 16px;
  background-color: #304087 !important;
}
#isc_event_list_button:hover {
  background-color: #304087;
  color: #fff !important;
}
.tb-megamenu-isc-menu .nav > .active > a,
.tb-megamenu-isc-menu .nav > .active > a:hover,
.tb-megamenu-isc-menu .nav > .active > a:focus,
.tb-megamenu-isc-menu .nav > .active > span.tb-megamenu-no-link,
.tb-megamenu-isc-menu .nav > .active > span.tb-megamenu-no-link:hover,
.tb-megamenu-isc-menu .nav > .active > span.tb-megamenu-no-link:focus {
  background-color: #5a282700 !important;
}
.isc-sub-menu {
  width: 250px !important;
  background-color: #f3f4f6 !important;
  overflow-y: auto !important;
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important;
  padding: 12px !important;
  -webkit-box-shadow: rgb(99 99 99 / 0.2) 0 2px 8px 0 !important;
  box-shadow: rgb(99 99 99 / 0.2) 0 2px 8px 0 !important;
  z-index: 9999 !important;
  margin-top: -15px !important;
  min-height: 150px !important;
}
.isc-sub-menu .mega-col-nav {
  background-color: white !important;
}
.node--type-download-pages
  .card-box-download.bg-gray-c.tab-pane-inner.faq-rbl-inner
  .card
  .card-body
  p
  a::after {
  background: url(/themes/custom/rbl_bank/images/pdfDownloadIcon.svg)
    no-repeat 0 0;
}
#banking-model h5#attention {
  text-align: center;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  color: #373f41;
  display: block;
}
#banking-model .modal-dialog.modal-dialog-centered.modal-dialog-scrollable {
  max-width: 537px !important;
}
@media screen and (min-width: 1000px) {
  .field--name-field-isc-event-sub-description .event-gallery-img {
    width: 383px;
    height: 250px;
  }
}
@media screen and (max-width: 1000px) {
  .node--type-isc-events-sub-pages .feature-sec1,
  .node--type-isc-stand-alone-pages- .feature-sec1,
  .page-view-isc-events-listing-page .feature-sec1,
  .node--type-isc-banking-beyond-banking .feature-sec1,
  .node--type-download-pages .feature-sec1,
  .node--type-isc-faq .feature-sec1,
  .node--type-isc-faq-our-commitment .faq-rbl-section,
  .path-india-startup-club .feature-sec1 {
    margin-top: 25px;
  }
}
@media screen and (max-width: 1000px) {
  .page-node-887
    .field--name-field-isbody-description-section
    .col-sm-12
    .col-md-6:last-child {
    margin-top: 30px;
  }
  .tr td,
  tr th {
    padding: 4px 10px !important;
    border: 1px solid #fff;
    text-align: left;
  }
  .tenor {
    margin-top: -22px;
  }
  .gbp {
    margin-top: -22px;
  }
  #block-iscblog {
    margin-top: -40px;
  }
  #data-section2 .common-section-heading {
    margin-bottom: 30px;
    /* color: #303030; */
    margin-top: 20px !important;
  }
  #block-iscblog .common-section-heading {
    margin-bottom: 30px;
    margin-top: 25px;
    color: #303030;
  }
  #block-iscblog .btn.common-btn-outline.a-attention-link-add-script {
    margin-bottom: 30px;
  }
}
@media (max-width: 430px) {
  .tenor {
    margin-top: 0;
  }
  .gbp {
    margin-top: 0;
  }
  .usd {
    margin-top: 20px;
  }
  .eur {
    margin-top: 20px;
  }
}
@media (min-width: 1200px) {
  .node--type-isc-events-sub-pages .modal-xl {
    --bs-modal-width: 778px !important;
  }
}
@keyframes MoveUpDown {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}
.page-node-626 .chat-wrap2 {
  display: none;
}
.tenurediv {
  width: 31%;
  float: left;
  margin-right: 10px;
}
.divborderright {
  border-right: 1px dashed #c2c4c7;
}
.payoutdiv {
  padding-right: 7px;
}
.int_payout {
  display: flow-root;
}
.int_payout_left {
  float: left;
}
.int_payout_right {
  float: right;
  font-size: 12px;
}
.form-group-radio-new {
  font-size: 15px !important;
  color: red;
}
.apierrorDiv {
  display: none;
  color: red;
  height: 53px;
}
@media screen and (max-width: 767px) {
  .range-wrap-outer.tenurediv {
    width: 100%;
    border-right: 0;
  }
  .justify-content-end {
    justify-content: center !important;
  }
}
.disbleSlider {
  pointer-events: none;
  opacity: 0.4;
}
.calc-form-table table tr td {
  height: 72px;
}
.node--type-business-banking-details-page .tab-wrap {
  margin-bottom: 30px !important;
}
.leadership-image img {
  width: 250px;
}
.core-management-team-section .right-border-h2,
.executive-management-team-section .right-border-h2 {
  color: #304087;
  font-weight: 400;
  font-size: 25px;
  margin-bottom: 0px !important;
}
.core-management-team-section,
.executive-management-team-section {
  padding-top: 30px;
  padding-left: 25px;
}
.view.view-board-of-management.view-id-board_of_management.view-display-id-block_1 {
  margin-bottom: 20px;
}
.view.view-board-of-management.view-id-board_of_management.view-display-id-block_1
  .common-section,
.view.view-board-of-management.view-id-board_of_management.view-display-id-block_2
  .common-section {
  padding-top: 25px;
}
.leadership-border-line {
  border: none;
  border-bottom: 1px solid #959798;
  margin-left: 15px;
}
.block.block-block-content.block-block-contentb38de563-3fb2-4b59-8fd3-4f6941e84be6 {
  background: #c1d7f91f;
}
.menu-item-quick-services::after {
  content: url(/themes/custom/rbl_bank/images/New_default.png);
  display: inline-block;
  margin-left: 10px;
}
.menu-item-quick-services:hover::after {
  content: url(/themes/custom/rbl_bank/images/new1.png);
  display: inline-block;
  margin-left: 10px;
}
.quick-services-section {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 10px;
  padding-bottom: 30px;
}
.quick-services .views-field-title {
  font-family: Roboto;
  font-size: 18px;
  font-weight: 400;
  line-height: 21.09px;
  text-align: left;
  padding-top: 8px;
  height: 50px !important;
}
.quick-services h3 {
  color: #2f4086;
  margin-top: 40px;
  margin-bottom: 30px;
  padding-left: 25px;
}
.quick-services .views-col {
  flex: 1 1 21%;
  max-width: 250px;
  box-sizing: border-box;
  margin-bottom: 20px;
  height: 285px;
  border: 2px solid #f1eded;
  border-radius: 8px;
  box-shadow: 0 8px 6px -6px grey;
  padding: 20px;
  margin: 11px;
}
.quick-services .new-icon {
  float: right;
  padding-right: 5px;
}
.quick-services .views-col:hover {
  border-style: solid;
  border-color: #003281;
}
.quick-services .view-content {
  border-collapse: separate;
  border-spacing: 15px;
}
.quick-services .views-field-thumbnail a {
  float: right;
  margin-right: 3px;
  padding-top: 25px;
}
.quick-services .views-field-body {
  font-family: Roboto;
  font-weight: 400;
  line-height: 18px;
  text-align: left;
  color: #606060;
  padding-top: 5px;
  font-size: 14px;
  height: 95px;
  margin-right: 15px;
}
.block-block-content9e520753-d8b3-4305-b4d4-e8d9445d3564 {
  background: #c1d7f91f;
}
.most-frequently h3 {
  color: #2f4086;
  margin-top: 30px;
  margin-bottom: 30px;
  padding-left: 25px;
}
.most-frequently-section {
  display: flex;
}
.most-frequently .col {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  text-align: center;
  margin-bottom: 50px;
}
.most-frequently .views-field-image {
  text-align: center;
}
.most-frequently .views-field-title {
  text-align: center;
}
.most-frequently .views-column {
  box-sizing: border-box;
  padding: 10px;
  width: 182px;
}
.most-frequently-section .views-field-image {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  height: auto;
}
.most-frequently .views-field-title a {
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 500;
  margin-top: 10px;
}
.most-frequently .views-field-title p {
  line-height: 21.09px !important;
  padding-top: inherit;
}
.most-frequently .views-column:not(:last-child):after {
  content: "";
  display: block;
  width: 2px;
  background-color: lightgrey;
  height: 50px;
  position: absolute;
  right: -10px;
  top: 70px;
  margin-right: 8px;
}
.most-frequently .views-column {
  position: relative;
}
.most-frequently .col {
  overflow: hidden;
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 70px;
}
.quick-services .views-field-thumbnail img {
  float: right;
}
@media (min-width: 1200px) {
  .most-frequently {
    height: 380px;
  }
}
@media (max-width: 1024px) {
  .quick-services .views-col {
    flex: 1 1 45%;
    max-width: 45%;
  }
  .most-frequently {
    height: 585px;
  }
}
@media (max-width: 767px) {
  .quick-services .views-col {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .most-frequently .col {
    flex-direction: row;
    flex-wrap: wrap;
    padding-bottom: 40px;
  }
  .most-frequently .views-column {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    margin-bottom: 10px;
  }
  .most-frequently .views-field-image {
    width: 100%;
  }
  .most-frequently .views-field-image img {
    max-width: 80%;
    height: 100% !important;
  }
  .quick-services-section {
    margin-top: 0;
  }
  .quick-services h3 {
    color: #2f4086;
    padding-top: 15px;
  }
  .most-frequently .views-column:not(:last-child):after {
    display: none;
  }
  .most-frequently-section {
    height: 491px;
  }
  .most-frequently {
    background: #c1d7f91f;
    height: 535px;
  }
}
#loanamountdetails {
  display: none;
}
.contentdiv {
  height: 0;
}
.second-radio {
  padding-left: 25px;
}
#htmlContent {
  display: none;
}
#exportbutton {
  display: none;
  padding-top: 50px;
  text-align: right;
  border-top: none;
}
.summary-title {
  text-align: center;
  font-size: 25px;
  font-weight: 700;
  padding-bottom: 20px;
}
.textlineemical {
  margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
  .second-radio {
    padding-left: 0;
  }
  #exportbutton {
    text-align: center;
  }
  .summary-title {
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    padding-bottom: 30px;
  }
  .emicalculatordiv {
    width: 50%;
  }
  .contentdiv {
    height: 100px;
  }
  #emi_illustrate thead:nth-child(2) {
    top: 27px;
  }
  .textlineemical {
    margin-bottom: 35px;
  }
}
.creditcardband {
  background: linear-gradient(
    270deg,
    #8a676d 1.87%,
    #924b57 31.58%,
    #4b4a6c 59.77%,
    #262343 98.54%
  ) !important;
  color: #fff;
  font-weight: 700;
  font-size: 20px;
  padding: 5px 8px;
}
.caltooltip {
  position: relative;
  display: contents;
  justify-content: center;
  align-items: center;
  margin-right: 40px;
  cursor: pointer;
  opacity: 1;
}
.tooltip1 {
  margin-left: 5%;
}
.tooltipText {
  background-color: #b6bdd8;
  position: absolute;
  padding: 10px 15px;
  border-radius: 5px;
  font-size: 12px;
  opacity: 0;
  transition: all 0.5s;
  margin-left: 30px;
}
.tooltipText1 {
  background-color: #b6bdd8;
  position: absolute;
  padding: 10px 15px;
  border-radius: 5px;
  font-size: 12px;
  opacity: 0;
  transition: all 0.5s;
  margin-left: -120px;
  top: 72%;
}
.tooltipText::after {
  content: "";
  border-width: 5px;
  border-style: solid;
  border-color: #fff0 #b6bdd8 #fff0 #fff0;
  position: absolute;
  top: 42%;
  left: -9px;
}
.tooltipText1::after {
  content: "";
  border-width: 5px;
  border-style: solid;
  border-color: #b6bdd8 #fff0 #fff0 #fff0;
  position: absolute;
  top: 100%;
  left: 128px;
}
.tooltipText2 {
  background-color: #b6bdd8;
  position: absolute;
  padding: 9px 15px;
  border-radius: 5px;
  font-size: 12px;
  opacity: 0;
  transition: all 0.5s;
  margin-left: 30px;
  left: 77%;
  top: 308px;
}
.tooltipText2::after {
  content: "";
  border-width: 5px;
  border-style: solid;
  border-color: #b6bdd8 #fff0 #fff0 #fff0;
  position: absolute;
  top: 100%;
  left: 172px;
}
.tooltipText3 {
  background-color: #b6bdd8;
  position: absolute;
  padding: 10px 15px;
  border-radius: 5px;
  font-size: 12px;
  opacity: 0;
  transition: all 0.5s;
  margin-left: -120px;
  top: 32%;
}
.tooltipText3::after {
  content: "";
  border-width: 5px;
  border-style: solid;
  border-color: #b6bdd8 #fff0 #fff0 #fff0;
  position: absolute;
  top: 100%;
  left: 127px;
}
.tooltipText4 {
  background-color: #b6bdd8;
  position: absolute;
  padding: 10px 15px;
  border-radius: 5px;
  font-size: 12px;
  opacity: 0;
  transition: all 0.5s;
  margin-left: -120px;
  top: 52%;
}
.tooltipText4::after {
  content: "";
  border-width: 5px;
  border-style: solid;
  border-color: #b6bdd8 #fff0 #fff0 #fff0;
  position: absolute;
  top: 100%;
  left: 127px;
}
.tooltipText5 {
  background-color: #b6bdd8;
  position: absolute;
  padding: 10px 15px;
  border-radius: 5px;
  font-size: 12px;
  opacity: 0;
  transition: all 0.5s;
  margin-left: -120px;
  top: 77%;
}
.tooltipText5::after {
  content: "";
  border-width: 5px;
  border-style: solid;
  border-color: #b6bdd8 #fff0 #fff0 #fff0;
  position: absolute;
  top: 100%;
  left: 127px;
}
.tooltipText6 {
  background-color: #b6bdd8;
  position: absolute;
  padding: 10px 15px;
  border-radius: 5px;
  font-size: 12px;
  opacity: 0;
  transition: all 0.5s;
  margin-left: -120px;
  top: 28%;
}
.tooltipText6::after {
  content: "";
  border-width: 5px;
  border-style: solid;
  border-color: #b6bdd8 #fff0 #fff0 #fff0;
  position: absolute;
  top: 100%;
  left: 127px;
}
.tooltipText7 {
  background-color: #b6bdd8;
  position: absolute;
  padding: 10px 15px;
  border-radius: 5px;
  font-size: 12px;
  opacity: 0;
  transition: all 0.5s;
  margin-left: -120px;
  top: 40%;
}
.tooltipText7::after {
  content: "";
  border-width: 5px;
  border-style: solid;
  border-color: #b6bdd8 #fff0 #fff0 #fff0;
  position: absolute;
  top: 100%;
  left: 127px;
}
.tooltipText8 {
  background-color: #b6bdd8;
  position: absolute;
  padding: 10px 15px;
  border-radius: 5px;
  font-size: 12px;
  opacity: 0;
  transition: all 0.5s;
  margin-left: -120px;
  top: 28%;
}
.tooltipText8::after {
  content: "";
  border-width: 5px;
  border-style: solid;
  border-color: #b6bdd8 #fff0 #fff0 #fff0;
  position: absolute;
  top: 100%;
  left: 127px;
}
.totalmonthly,
.totalannual {
  color: #fff;
  font-size: 14px;
}
.totaldiv {
  font-size: 32px;
}
.caltooltip:hover .tooltipText {
  opacity: 1;
  transform: translateY(-10px);
}
.caltooltip:hover .tooltipText1 {
  opacity: 1;
  transform: translateY(-10px);
}
.caltooltip:hover .tooltipText2 {
  opacity: 1;
  transform: translateY(-10px);
}
.caltooltip:hover .tooltipText3 {
  opacity: 1;
  transform: translateY(-10px);
}
.caltooltip:hover .tooltipText4 {
  opacity: 1;
  transform: translateY(-10px);
}
.caltooltip:hover .tooltipText5 {
  opacity: 1;
  transform: translateY(-10px);
}
.caltooltip:hover .tooltipText6 {
  opacity: 1;
  transform: translateY(-10px);
}
.caltooltip:hover .tooltipText7 {
  opacity: 1;
  transform: translateY(-10px);
}
.caltooltip:hover .tooltipText8 {
  opacity: 1;
  transform: translateY(-10px);
}
.value-calc-right-card .value-calc-right-head .value-calc-right-head-row h4 {
  font-size: 20px;
}
.dekstoptextline {
  font-family: "Roboto", sans-serif !important;
  text-align: left;
  color: #304087 !important;
  font-size: 18px;
}
.rupeesdivdesktop {
  width: 8px;
  float: left;
  height: 36px;
  vertical-align: middle;
  margin-right: 7px;
  padding-top: 5px;
  font-size: 16px;
  color: #909090;
}
.inputdivdesktop {
  width: 88%;
  float: left;
}
.rupeesdivplatinumdesktopp {
  width: 7px;
  float: left;
  height: 36px;
  vertical-align: middle;
  margin-right: 7px;
  padding-top: 5px;
  font-size: 16px;
  color: #909090;
  text-align: center;
}
.inputdivplatinumdesktop {
  width: 86%;
  float: left;
}
@media screen and (max-width: 767px) {
  .shopritemobile table tr td p b {
    font-size: 24px !important;
  }
  .supercreditcardmobile table tr td p b {
    font-size: 24px !important;
  }
  .head-title {
    font-size: 16px !important;
    font-weight: 700;
  }
  .sub-head-title {
    font-size: 14px !important;
  }
  .supercreditcardmobile table tr td div {
    font-size: 16px;
  }
  .creditcardtable tr td p {
    font-size: 16px;
    font-weight: 700;
  }
  .value-calc-left-head-row.value-calc-left-head-row-xs {
    transform: scale(1) !important;
  }
  .shopritemobile .value-calc-left {
    min-width: 0;
    border-collapse: separate;
    background: #fff;
  }
  .creditcardtable {
    margin-bottom: 20px;
  }
  .creditcardtable tr {
    background: none;
  }
  .creditcardtable tr td p b {
    color: #304087 !important;
  }
  .show-mobile .value-calc-left-card .form-group > label {
    font-size: 18px;
    color: #304087 !important;
  }
  .show-mobile .value-calc-left-card .form-group .cardtitle {
    font-size: 14px;
    color: #ffffff !important;
  }
  .show-mobile .p14,
  .show-mobile .p13 {
    font-size: 16px;
  }
  .value-calc-left-card .value-calc-left-head3 {
    width: 152px;
  }
  .amounttext {
    font-size: 24px !important;
    font-weight: 700;
    text-align: left !important;
  }
  .mobilecaldiv {
    color: #fff;
    position: fixed;
    bottom: 78px;
    padding: 1em 0;
    z-index: 999999999;
  }
  .pmobilecaldiv {
    color: #fff;
    position: fixed;
    bottom: 30px;
    padding: 1em 0;
    z-index: 999999999;
  }
  .mobilecaldivshow {
    display: block;
  }
  .mobilecaldivhide {
    display: none;
  }
  .value-calc-right-card .value-calc-right-head .value-calc-right-head-row h4 {
    font-size: 27px;
  }
  .cardimage {
    max-height: 90px !important;
    height: 78px;
  }
  .rupeesdiv {
    width: 8px;
    float: left;
    height: 36px;
    vertical-align: middle;
    margin-right: 7px;
    padding-top: 5px;
    font-size: 16px;
  }
  .inputdiv {
    width: 88%;
    float: left;
  }
  .ordiv {
    margin-right: 20px;
    margin-left: 20px;
  }
  .totalmonthly,
  .totalannual {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
  }
}
@media (max-width: 345px) {
  .rupeesdiv {
    width: 8px;
    float: left;
    height: 36px;
    vertical-align: middle;
    margin-right: 7px;
    padding-top: 5px;
    font-size: 16px;
  }
  .inputdiv {
    width: 88%;
    float: left;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
  .value-calc-left tr td {
    padding: 15px 20px;
  }
  .rupeesdiv {
    width: 8px;
    float: left;
    height: 36px;
    vertical-align: middle;
    margin-right: 7px;
    padding-top: 5px;
    font-size: 16px;
  }
  .inputdiv {
    width: 86%;
    float: left;
  }
  .rupeesdivplatinumdesktopp {
    width: 7px;
    float: left;
    height: 36px;
    vertical-align: middle;
    margin-right: 7px;
    padding-top: 5px;
    font-size: 16px;
    color: #909090;
    text-align: center;
  }
  .inputdivplatinumdesktop {
    width: 86%;
    float: left;
  }
}
.remittance-reset {
  border: 2px solid #292776;
}
.remittance-buttons {
  text-align: center;
}
.remittance-calculator #remittance-currency {
  text-align: right;
  padding-right: 49px;
}
.remittance-calculator #currency-value {
  width: auto;
}
.remittance-calculator .cur {
  float: right;
}
#tutionTotalAmount,
#tutionRemittance,
#accoTotalAmount,
#accoRemittance,
#livingTotalAmount,
#livingRemittance,
#insuranceTotalAmount {
  width: 60px;
}
.total {
  display: flex;
}
.final {
  display: flex;
  font-family: "Roboto";
  font-size: 24px;
  font-weight: 700;
  width: 1048px;
}
.totalRem,
.totalAmt,
.totalCost {
  display: flex;
  font-family: "Roboto";
  font-size: 20px;
  font-weight: 700;
}
.savings {
  background: #fff;
  margin-left: 9px;
  width: 1072px;
  padding-top: 18px;
  padding-left: 16px;
  height: 64px;
}
.tuition-box,
.acco-box,
.living-box,
.insurence-box {
  background-color: #fff;
  height: 300px;
}
#currency-value {
  background-color: #f4f5fc;
  width: 139.5px !important;
  -webkit-appearance: none;
  padding: 4px 50px 4px 20px;
  background: #fff0;
  z-index: 100;
  position: relative;
  margin-bottom: 15px;
  border-radius: 5px;
}
.cur::after {
  content: "\f107";
  font-family: fontAwesome;
  position: absolute;
  top: 28px;
  right: 38px;
  background: #304087;
  width: 34px;
  height: 35px;
  text-align: center;
  color: #fff;
}
.currency-val {
  margin-left: 160px;
  color: #909090;
  font-size: 10px;
}
.curr-val {
  margin-left: 78px;
  color: #909090;
  font-size: 10px;
}
.box-space {
  margin-top: 6px;
}
#currency-label {
  padding-right: 25px;
  color: #606060;
}
.input-box {
  margin-right: 11px;
}
.ordered-list {
  margin-top: 0 !important;
  padding-left: 0 !important;
  font-family: "Roboto";
  line-height: 16.41px;
}
.term-condition-list-wrap {
  padding: 20px 14px;
  width: fit-content;
}
.term-condition-list-wrap h5 {
  padding-left: 16px;
}
.unorder-list li {
  list-style: disc !important;
}
.unorder-list {
  margin-left: 30px;
  margin-bottom: 22px;
}
.dos-and-donts h3 {
  padding-left: 11px;
}
.remittance-calculator .common-section-heading {
  padding-top: 36px;
}
.footer {
  background: #fff;
  margin-left: 9px;
  margin-top: 10px;
  width: 1072px;
  padding-top: 20px;
  height: 270px;
}
.per-year {
  padding-top: 6px;
  color: #606060;
  font-weight: 400 !important;
}
#btn_saving {
  margin-left: 407px;
}
.total {
  padding-left: 18px;
}
.yourSave {
  padding-top: 6px;
  padding-left: 5px;
}
.per {
  color: #606060;
  font-weight: 400 !important;
  padding-top: 3px;
  font-size: 16px !important;
}
.result-title {
  font-size: 20px;
  font-weight: 500 !important;
  font-family: "Roboto";
}
.saving-button {
  padding-top: 4px;
}
.remittance-calculator #data-section6 {
  background: #f4f5fc;
}
#btn_reset {
  border-color: #002f75;
}
.field--name-field-remittance-saving-calculat .common-section {
  padding: 0px !important;
}
@media only screen and (min-width: 414px) and (max-width: 767px) {
  .tuition-box,
  .acco-box,
  .living-box {
    height: 330px !important;
    width: 364px !important;
  }
  .insurence-box {
    height: 235px !important;
    width: 364px !important;
  }
  .savings {
    width: 374px;
    height: 85px;
  }
  .final {
    width: 345px;
    font-size: 16px;
  }
  .final .col-9 {
    width: 160px;
  }
  .final .yourSave {
    width: 182px;
    padding-left: 21px;
    font-size: 20px;
  }
  .final .yourSave .per {
    width: 33px;
  }
  .footer {
    width: 372px;
    height: 310px;
  }
  .footer .result-title {
    width: 160px;
    font-size: 16px;
  }
  .totalRem {
    width: 50px;
    padding-left: 30px;
  }
  .totalRem .per {
    padding-left: 4px;
  }
  .totalAmt {
    width: 197px;
    padding-left: 25px;
  }
  .totalCost {
    width: 104px;
    padding-left: 25px;
  }
  .currency-val {
    margin-left: 44px;
    color: #909090;
    font-size: 12px;
  }
  #btn_saving {
    margin-left: 73px;
  }
  .remittance-calculator .common-section-heading {
    padding-top: 0;
  }
  .cur::after {
    top: 129px !important;
  }
  .final .yourSave {
    width: 116px;
  }
  .yoursave-per {
    padding-top: 13px;
    font-size: 14px !important;
  }
  .totalrem-per,
  .totalamt-per,
  .totalcost-per {
    font-size: 14px !important;
  }
}
@media only screen and (min-width: 390px) and (max-width: 393px) {
  .currency-val {
    margin-left: 91px;
  }
  .curr-val {
    margin-left: 53px;
  }
  .tuition-box,
  .acco-box,
  .living-box {
    width: 340px !important;
  }
  .insurence-box {
    width: 340px !important;
  }
  .yoursave-per {
    padding-left: 10px;
  }
  .savings {
    width: 340px !important;
  }
  .field--name-field-remittance-saving-calculat .footer {
    width: 340px !important;
  }
  .cur::after {
    top: 167px !important;
  }
}
@media only screen and (min-width: 375px) and (max-width: 400px) {
  .tuition-box,
  .acco-box,
  .living-box {
    height: 405px;
    width: 330px;
  }
  .insurence-box {
    height: 250px;
    width: 330px;
  }
  .savings {
    width: 330px;
  }
  .field--name-field-remittance-saving-calculat .footer {
    width: 330px;
    height: 387px;
  }
  #btn_saving {
    margin-left: 52px;
  }
  .totalAmt {
    width: 218px;
    padding-left: 24px;
  }
  .totalCost {
    width: 104px;
    padding-left: 25px;
  }
  .final .yourSave {
    width: 100px;
    padding-left: 21px !important;
    font-size: 18px;
  }
  .cur::after {
    top: 166px !important;
    right: 37px !important;
  }
  .field--name-field-remittance-saving-calculat .footer .result-title {
    width: 50% !important;
  }
  .final {
    width: 275px;
  }
  .savings {
    padding-left: 10px;
    height: 100px;
  }
  .savings .final .col-9 {
    width: 61% !important;
    font-size: 20px;
  }
  .yoursave-per {
    padding-top: 6px;
    font-size: 14px !important;
  }
  .totalrem-per,
  .totalamt-per,
  .totalcost-per {
    font-size: 14px !important;
  }
  .totalRem {
    margin-left: 22px;
  }
  .currency-val {
    margin-left: 110px;
  }
}
@media only screen and (min-width: 411px) and (max-width: 413px) {
  .cur::after {
    top: 145px;
  }
  .tuition-box,
  .acco-box,
  .living-box {
    height: 343px;
    width: 364px;
  }
  .insurence-box {
    height: 300px;
    width: 364px;
  }
  .savings {
    width: 369px;
    padding-top: 5px;
  }
  .final {
    width: 330px;
    font-size: 17px;
  }
  .final .col-9 {
    width: 56%;
  }
  .total .col-9 {
    width: 53%;
  }
  .per {
    font-size: 13px !important;
  }
  .footer {
    width: 369px;
    height: 344px;
  }
  .total .result-title {
    font-size: 17px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    align-content: stretch;
  }
  .total {
    width: 360px;
  }
  .totalRem,
  .totalAmt,
  .totalCost {
    font-size: 17px;
  }
  #btn_saving {
    margin-left: 65px;
  }
  .yoursave-per {
    padding-top: 14px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 360px) {
  .cur::after {
    top: 165px;
  }
  .currency-val {
    margin-left: 90px;
  }
  .tuition-box,
  .acco-box,
  .living-box {
    height: 370px;
  }
  .insurence-box {
    width: 238px;
  }
  .final .col-9 {
    width: 54%;
  }
  .total .col-9 {
    width: 60%;
  }
  .final {
    width: 330px;
    font-size: 17px;
  }
  .tuition-box,
  .acco-box,
  .living-box,
  .insurence-box {
    width: 312px;
  }
  .savings,
  .footer {
    width: 320px;
  }
  .per {
    padding-top: 3px;
    font-size: 13px !important;
  }
  .final {
    width: 290px;
    font-size: 15px;
  }
  .footer {
    height: 315px;
  }
  #btn_saving {
    margin-left: 43px;
  }
  .result-title {
    font-size: 17px;
  }
  .totalRem,
  .totalAmt,
  .totalCost {
    font-size: 17px;
  }
  .savings {
    height: 80px;
  }
}
.outward-admin {
  background-color: #003281;
  color: #fff;
  padding: 10px 15px;
  border-radius: 5px;
  text-decoration: none;
}
.outward-admin:hover {
  color: #ffffff !important;
}
.view-apply-form-delete-lead table tr th a,
.view-apply-form-delete-lead table tr th {
  color: #000 !important;
}
.credit-card-nth-level-banner {
  padding-left: 23px;
}
.credit-card-nth-level-banner .right-border-h2 {
  padding-left: 23px;
}
.customadminlink {
  margin: 20px auto;
  width: 83%;
  clear: both;
  display: flex;
}
.customadminlink a {
  color: #304087;
  font-weight: 700;
  font-size: 30px;
}
form#node-fx-admin-form {
  width: 82%;
  margin: 30px auto;
}
.path-fxadmin-new .form-item-title-0-value {
  display: none;
}
.path-fxadmin-new .form-item-body-0-value {
  display: none;
}
#edit-body-0-format-help-about {
  display: none;
}
#edit-field-home-fx-rate-file-0--description,
#edit-field-nri-fx-rates-file-0--description {
  display: none;
}
#edit-field-nri-fx-rates-file-0--label {
  display: none;
}
#edit-field-home-fx-rate-file-0--label {
  display: none;
}
.path-fxadmin-new .noti-but,
.path-fxadmin-new .logindd-show {
  display: none;
}
#edit-field-home-fx-rate-file-0-upload {
  display: none;
  background-color: #efefef;
}
#edit-field-nri-fx-rates-file-0-upload {
  display: none;
  background-color: #efefef;
}
.form-item-field-field-fx-rates label {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 23px;
}
table.fxtable {
  width: 98%;
  border-radius: 8px;
  margin: 25px auto;
}
table.fxtable tr th {
  background-color: #d8dada;
  border-radius: 8px 8px 0 0;
}
.fxTblHeadertext {
  color: #373f41;
  font-size: 16px;
  font-weight: 700;
}
.fxtableTr {
  border-left: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;
  border-radius: 0 0 8px 8px;
}
.fxtable {
  display: none;
}
.fxtableTr td {
  border: 1px solid #d9d9d9;
  background-color: #fff;
}
.applycreditcarddetails {
  padding: 0 10px 0 10px;
  background-image: linear-gradient(45deg, #4b4e71 0%, #80414c 100%);
  color: #fff;
  margin-top: 10px;
  margin-bottom: 16px;
  border-radius: 10px;
  height: 633px;
}
.rbl_logo_landing {
  float: left;
  width: 50%;
}
#cardfeaturesdata {
  margin: 10px 0 0 0;
  padding: 0;
  max-width: 100%;
  min-width: 100%;
  max-height: 100%;
  box-shadow: none;
}
#cardfeaturesdata li {
  font-size: 12px;
  margin: 10px 0;
  overflow: hidden;
  float: left;
  width: 25%;
  text-align: center;
}
#cardfeaturesdata li .feature-icon {
  border: 1px solid #e4e7ee;
  border-radius: 50%;
  display: inline-block;
  height: 75px;
  line-height: 52px;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 75px;
  margin-right: 0;
  padding-top: 15px;
}
#cardfeaturesdata li .feature-icon::before {
  background: #fff;
  border-radius: 50%;
  content: "";
  height: 9px;
  position: absolute;
  right: 0;
  width: 9px;
}
#cardfeaturesdata li .feature-txt {
  margin: 10px auto;
  width: 90%;
  color: rgb(0 0 0 / 0.5);
  font-weight: 400;
  font-size: 12px;
  font-family: "Roboto-Regular";
  display: block;
  text-align: center;
  line-height: 15px;
}
#desktopslidersection {
  display: block;
}
#mobileslidersection,
#applynowdivmobile {
  display: none;
}
.cardbenefitsection {
  background: #fff;
  text-align: center;
}
.cardbenefitline h3 {
  border-bottom: 1px solid #ccc;
  width: 90%;
  margin: 0 auto;
}
button {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.slide-arrow {
  position: absolute;
  top: 50%;
  margin-top: -15px;
}
.prev-arrow {
  left: -40px;
  width: 0;
  height: 0;
  border-left: 0 solid #fff0;
  border-right: 15px solid #113463;
  border-top: 10px solid #fff0;
  border-bottom: 10px solid #fff0;
}
.next-arrow {
  right: -40px;
  width: 0;
  height: 0;
  border-right: 0 solid #fff0;
  border-left: 15px solid #113463;
  border-top: 10px solid #fff0;
  border-bottom: 10px solid #fff0;
}
.carddetails {
  margin-top: 10px;
}
.slick-vertical .slick-prev,
.slick-vertical .slick-next {
  width: 0;
  height: 0;
  border-style: solid;
  margin: 10px;
  display: inline-block;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 10;
  cursor: pointer;
}
.slick-vertical .slick-prev {
  border-width: 0 14px 14px 14px;
  border-color: #000 #fff0;
  top: -30px;
  padding-left: 0;
  padding-right: 0;
  margin-left: 106px;
}
.slick-vertical .slick-next {
  border-width: 14px 14px 0 14px;
  border-color: #000 #fff0;
  bottom: -30px;
  top: auto;
  padding-left: 0;
  padding-right: 0;
  margin-left: 106px;
}
.slick-vertical .slick-prev.slick-disabled,
.slick-vertical .slick-next.slick-disabled {
  opacity: 0.1;
  cursor: default;
}
.contentdivsec {
  font-size: 15px;
  text-align: justify;
  height: 136px;
}
.applynowdiv {
  text-align: center;
  margin-bottom: 20px;
  border-radius: 10px;
}
.applynowdiva {
  text-align: center;
  margin-bottom: 20px;
  border-radius: 10px;
  margin-top: 15px;
}
.applynowdiva a {
  background: #304087;
  color: #fff;
  padding: 9px 79px;
  border-radius: 5px;
}
.tncdiv {
  margin-bottom: 10px;
  text-align: right;
  margin-top: 10px;
}
.tncdiv p {
  font-size: 12px;
  color: #ccc;
}
.tncdiv p a {
  text-decoration: underline;
}
.getotpbtn,
.submitformbtn {
  text-align: center;
  margin-bottom: 30px;
}
.getotpbtn div button,
.submitformbtn div button {
  background-color: #3f3d5e;
}
.carddetailsmenu {
  text-align: center;
  margin-top: 25px;
}
.carddetailsmenu a {
  padding: 50px;
}
.cardnamedetails .cardname p {
  font-size: 20px;
  font-weight: 700;
}
.credcardtitle {
  margin-bottom: 30px;
}
.creditcardfeatures li img {
  border-radius: 50%;
  border: 1px solid #e4e7ee;
  margin-right: 20px;
  padding: 10px 12px;
  height: 45px;
  width: 50px;
}
.carddetailsmenu a {
  padding: 13px;
}
#firstname::placeholder,
#middlename::placeholder,
#lastname::placeholder,
#email::placeholder,
#addressline2::placeholder,
#monthlyincome::placeholder,
#pancardno::placeholder,
#address::placeholder,
#date::placeholder,
#city::placeholder,
#pincode::placeholder,
#psourceincome::placeholder {
  color: #000 !important;
  opacity: 0.45 !important;
}
#firstname,
#middlename,
#lastname,
#email,
#pincode,
#addressline2,
#monthlyincome,
#pancardno,
#psourceincome,
#address,
#mobileNumber,
#date,
#city {
  border: none;
  border-bottom: 1px solid rgb(0 0 0 / 0.3);
  border-radius: 0;
  padding: 7px !important;
  font-family: Roboto-Medium, sans-serif;
  font-size: 13px !important;
  font-weight: 600 !important;
  padding: 0 64px 0 34px !important;
}
#pincode:not(:disabled),
#psourceincome:not(:disabled) {
  border: none;
  border-bottom: 1px solid rgb(0 0 0 / 0.3);
  border-radius: 0;
  padding: 7px !important;
  font-family: Roboto-Medium, sans-serif;
  font-size: 13px;
  font-weight: 600 !important;
  padding: 0 64px 0 34px !important;
}
.cookie-credit-card {
  width: 1000px;
  margin-left: 162px;
  border: 1px solid rgb(0 0 0 / 0.125);
  border-radius: 16px 16px 0 0;
  border-radius: 16px 16px 0 0;
  margin-top: 35px !important;
  max-width: 1040px !important;
  background-color: #fff;
  padding-top: 50px;
  padding: 20px;
}
.cookie-credit-card img {
  width: 70px;
  height: 45px;
}

.cardtitle,
.namegroup,
.mobile-email,
.pancheck,
.captcha,
.getotpbtn,
.pin-address,
.field-group1,
.field-group2,
.field-group3,
.companynamediv,
.checkbox,
.submitformbtn {
  padding-left: 72px;
  padding-right: 72px;
}
.cardtitle {
  width: 456px;
  padding-top: 40px;
  margin-bottom: 0px !important;
}
.copyright {
  color: #fff;
  font-family: robotoregular;
  margin-top: 15px;
  margin-left: 52px;
}
.checkbox-tnc {
  padding-left: 68px;
  padding-right: 28px;
}
.checkbox {
  padding-left: 68;
  padding-right: 28px;
}
.js-form-type-checkbox {
  padding-left: 27px;
}
#gender-label,
#name-label,
#number-label,
#email-label,
#city-label,
#name {
  font-size: 14px !important;
  font-weight: 700;
  color: #212529;
  opacity: 0.7;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Helvetica Neue, Arial, Noto Sans, Liberation Sans, sans-serif,
    Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji !important;
}
.labelcolor {
  font-size: 12px;
  color: #714556;
  line-height: inherit;
  font-family: Roboto-Medium, sans-serif;
  font-weight: 700 !important;
}
.cstm_radio_btn {
  width: 170px;
}
.node--type-apply-credit-card-form #city,
.node--type-apply-credit-card-form #pincode,
.node--type-apply-credit-card-form #psourceincome {
  background: url(../images/down-icon-select.svg) 97% center no-repeat !important;
}
.form-item-is-authorise {
  margin-top: 20px;
}
#rc-anchor-container {
  margin-top: 2px;
}
.carddetailsmenu a {
  padding: 10px 15px;
  color: #000 !important;
  text-decoration: underline;
  font-weight: 600;
  opacity: 0.7;
}
.carddetailsmenu a:hover {
  color: #010204;
  text-decoration: underline !important;
  outline: none !important;
}
.carddetailsmenu a:active {
  color: #010204;
  text-decoration: underline !important;
  outline: none !important;
}
#submitgetotp {
  background: #f2717d;
}
#submitgetotp:active {
  background: #c93341;
}
#submitform:disabled {
  background-color: grey;
}
#submitform:not(:disabled) {
  background-color: blue;
}
.apply-credit-card {
  background-image: linear-gradient(45deg, #4b4e71, #80414c);
  padding: 24px 10px;
  display: grid !important;
}
.logo-top {
  margin-left: 84px;
}
#okButton {
  margin-top: 6px;
  margin-left: 239px;
  height: 45px;
  width: 290px;
  background-color: #304087;
}
.countrycode {
  position: absolute;
  left: 6px;
  top: 54px;
  opacity: 0.3;
  font-size: 14px;
}
#mobileNumber:focus,
#firstname:focus,
#middlename:focus,
#lastname:focus,
#date:focus,
#email:focus,
#city:focus,
#pincode:focus,
#addressline2:focus,
#monthlyincome:focus,
#pancardno:focus,
#psourceincome:focus,
#address:focus {
  box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 0.25);
}
.view-apply-credit-card-form .slick-slide div {
  width: 95%;
  margin: 0 auto;
}
.carddetailssectionwrapper {
  height: 250px;
}
.cardbenefitline h3 {
  color: blue;
}
.feature-txt {
  font-family: "Roboto" !important;
}
.cardnamesec {
  font-weight: 600;
  width: 540px;
}
.btn-close {
  top: 10px !important;
}
.creditcardfeatures li {
  margin-bottom: 5px;
}
.cardnamesec p {
  font-weight: 700 !important;
  font-size: 32px;
  color: #000;
}
#gender-label {
  margin-top: 10px;
}
.first-option {
  width: 100px;
}
.all-genders {
  display: grid;
  grid-template-columns: auto auto auto;
}
.underlinetext {
  color: #212529 !important;
  font-weight: 700;
  font-size: 12px;
  text-decoration: underline !important;
}
.underlinetext:hover {
  color: #212529 !important;
  font-weight: 700;
  font-size: 12px;
  text-decoration: underline !important;
}
.checkbox-second,
.checkbox-tnc {
  opacity: 1;
  color: #909090 !important;
  line-height: 1.5rem;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Helvetica Neue, Arial, Noto Sans, Liberation Sans, sans-serif,
    Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
}
.checkbox-second {
  font-size: 14px !important;
}
.node--type-apply-credit-card-form #pincode:disabled,
.node--type-apply-credit-card-form #psourceincome:disabled {
  background-color: #e9ecef !important;
  opacity: 1;
}
.node--type-apply-credit-card-form #ftnc-label,
#consent-label {
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Helvetica Neue, Arial, Noto Sans, Liberation Sans, sans-serif,
    Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  font-weight: 400;
  line-height: 1.5rem;
  text-align: left;
  font-size: 14px;
  opacity: 1;
  color: #909090;
}
#ftnc,
#consent,
#tnc {
  border-radius: 4px !important;
}
.privacy-policy {
  color: #007bff;
  cursor: pointer;
}
.privacy-policy:hover {
  color: #0056b3;
}
.checkbox-two {
  margin-top: -24px !important;
  padding-left: 72px;
}
.credcardtitle h5 {
  font-weight: 700;
  opacity: 0.7;
  font-family: Roboto-Bold, sans-serif !important;
  color: #000 !important;
  font-size: 2rem;
}
#exampleModal .modal-lg {
  max-width: 80% !important;
  margin: 6% 0% !important;
}
#exampleModal .modal-header {
  border-bottom: none;
}
.modal-header .btn-close {
  position: absolute;
  right: 20px;
  font-size: 12px;
  z-index: 9;
  background-color: #fff0;
  border-radius: 50%;
  top: 15px !important;
}
.creditcarddata {
  margin: 0 0 40px;
  font-size: 14px;
  margin-left: 88px;
}
#otp {
  width: 290px;
}
#otp:focus {
  outline: none;
}
.fail-otp {
  float: right;
  margin-right: 221px;
  margin-top: 21px;
  font-size: 13px;
}
.label-otp {
  margin-left: 259px;
}
/* #Done by Nila Hyalij on 12-08-2025 18:25pm for OneQ(87073) - Email Validation Change for CC Pages */    
.toggle-password {
  position: relative;
  left: 253px;
  bottom: 36px;
  z-index: 99;
  cursor: pointer;
}
.path-apply-form .toggle-password {
  position: relative;
  left: 145px !important;
  bottom: 54px !important;
  z-index: 99;
  cursor: pointer;
}
.outerclass {
  text-align: center;
  font-size: 16px;
}
.otp-verify-input {
  letter-spacing: 14px;
  margin-left: 237px;
}
.enter-otp {
  text-align: -webkit-center;
}
.ver-otp-label {
  margin-top: 23px;
}
/* #Done by Nila Hyalij on 12-08-2025 19:49pm for OneQ(87073) - Email Validation Change for CC Pages */  
#resendOTP {
  font-weight: 700;
  color: #304087;
  text-decoration: none;
  font-size: 16px;
}
.timer-text {
  font-size: 13px;
}
.timer {
  font-size: 13px;
  color: #304087;
}
#exampleModal .view-modal {
  border-radius: 20px !important;
}
#exampleModal {
  left: 139px;
}
.credcardtitle p {
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Helvetica Neue, Arial, Noto Sans, Liberation Sans, sans-serif,
    Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji !important;
  color: #000;
  padding-left: 2px;
}
.creditcardfeatures li {
  margin-top: 0.5rem !important;
  margin-bottom: 8px;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Helvetica Neue, Arial, Noto Sans, Liberation Sans, sans-serif,
    Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  display: flex;
  align-items: flex-start;
  line-height: 2.5;
}
.modal-tnc {
  font-size: 14px;
  font-style: italic;
  color: #212529;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Helvetica Neue, Arial, Noto Sans, Liberation Sans, sans-serif,
    Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
}
.modal-backdrop.fade {
  transition: opacity 0.15s linear !important;
  opacity: 0.85;
}
.modal-tnc a {
  color: #007bff;
  text-decoration: none;
  background-color: #fff0;
}
.modal-tnc a:hover {
  color: #0056b3 !important;
  text-decoration: underline !important;
}
.applynowbtn {
  height: 48px;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  min-width: 146px;
  padding: 10px 20px;
  border: 0;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}
.cardname {
  width: 327px;
  color: #000;
  font-size: 20px;
  font-family: Roboto-Bold, sans-serif !important;
  opacity: 0.7;
  font-weight: 700;
}
#collapse-mobile-app .tel {
  display: none;
}
.cookie-credit-card .tvs-rupay {
  width: 175px;
  height: 25px;
  padding-left: 40px;
}
.tvs-img {
  text-align: right;
  padding-right: 35px;
}
.first-title {
  color: #304087;
  font-size: 18px;
}
.second-title {
  width: 274px;
  margin-left: 247px;
  font-size: 13px;
}
.veri-code-text {
  font-size: 13px;
}
.otp_expire_in {
  font-size: 13px;
}
.star {
  color: red;
}
#otpsubmit {
  padding-left: 85px;
  color: red;
}
@media only screen and (min-width: 320px) and (max-width: 360px) {
  .node--type-apply-credit-card-form .cookie-credit-card {
    margin-left: 0;
    width: 300px;
  }
  .node--type-apply-credit-card-form .cookie-credit-card .cardname {
    font-size: 18px;
    width: 190px;
  }
  .node--type-apply-credit-card-form #firstname,
  .node--type-apply-credit-card-form #middlename,
  .node--type-apply-credit-card-form #lastname,
  .node--type-apply-credit-card-form #date,
  .node--type-apply-credit-card-form #city,
  .node--type-apply-credit-card-form #mobileNumber,
  .node--type-apply-credit-card-form #email,
  .node--type-apply-credit-card-form #pincode,
  .node--type-apply-credit-card-form #address,
  .node--type-apply-credit-card-form #addressline2,
  .node--type-apply-credit-card-form #psourceincome,
  .node--type-apply-credit-card-form #monthlyincome,
  .node--type-apply-credit-card-form #pancardno {
    width: 284px !important;
    padding: 4px !important;
  }
  .node--type-apply-credit-card-form .cardnamedetails {
    width: 145px;
  }
  .node--type-apply-credit-card-form .carddetailsmenu {
    font-size: 10px;
    width: 374px;
    text-align: left;
  }
  .node--type-apply-credit-card-form #email-label {
    width: 253px;
  }
  .node--type-apply-credit-card-form #name-label {
    width: 263px;
  }
  .node--type-apply-credit-card-form .checkbox-tnc {
    padding-left: 11px;
    padding-right: 16px;
    width: 344px;
  }
  .node--type-apply-credit-card-form .checkbox {
    width: 309px;
  }
  .node--type-apply-credit-card-form .submitformbtn {
    padding-left: 12px;
    padding-right: 0;
  }
  .node--type-apply-credit-card-form .city-captcha {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  #exampleModal {
    left: -18px;
    width: 292px !important;
  }
  .creditcarddata {
    margin-left: 11px;
    margin-right: 23px;
  }
  #exampleModal .modal-header {
    margin-right: 32px;
  }
  #ftnc-label {
    width: 270px;
  }
  iframe {
    width: 289px;
  }
  .otp-verify-input {
    margin-left: -3px;
  }
  .veri-code-text {
    padding-right: 17px;
  }
  .timer-text {
    padding-right: 0;
  }
  #okButton {
    margin-left: -2px;
  }
  .second-title {
    margin-left: 3px;
  }
  .fail-otp {
    margin-right: 0;
  }
}
@media only screen and (min-width: 375px) and (max-width: 400px) {
  .node--type-apply-credit-card-form .cookie-credit-card .cardname {
    font-size: 20px;
    width: 253px;
  }
  .node--type-apply-credit-card-form .cookie-credit-card {
    width: 355px;
    margin-left: 0;
  }
  .node--type-apply-credit-card-form #name-label {
    width: 279px;
  }
  .node--type-apply-credit-card-form #firstname,
  .node--type-apply-credit-card-form #middlename,
  .node--type-apply-credit-card-form #lastname,
  .node--type-apply-credit-card-form #date,
  .node--type-apply-credit-card-form #mobileNumber,
  .node--type-apply-credit-card-form #email,
  .node--type-apply-credit-card-form .ftnc-label,
  .node--type-apply-credit-card-form #pincode,
  .node--type-apply-credit-card-form #address,
  .node--type-apply-credit-card-form #addressline2,
  .node--type-apply-credit-card-form #psourceincome,
  .node--type-apply-credit-card-form #monthlyincome,
  .node--type-apply-credit-card-form #pancardno {
    width: 337px !important;
    padding: 4px !important;
  }
  .node--type-apply-credit-card-form .checkbox-tnc {
    width: 390px;
    font-size: 14px;
    opacity: 1;
    color: #909090;
    line-height: 1.5rem;
    margin-left: -8px;
    padding-left: 10px !important;
  }
  .path-foreign-direct-investment-declaration.js-form-item.js-form-type-checkbox.checkbox.form-check.mb-3.js-form-item-disclaimer.form-item-disclaimer {
    padding-left: 30px important;
  }
  .node--type-apply-credit-card-form .checkbox {
    font-size: 14px;
    opacity: 1;
    color: #909090;
    line-height: 1.5rem;
  }
  .node--type-apply-credit-card-form .submitformbtn {
    padding-left: 51px;
  }
  .node--type-apply-credit-card-form .city-captcha {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  #exampleModal {
    left: -12px;
  }
  .creditcarddata {
    margin-left: 16px;
  }
  .second-title {
    margin-left: 28px;
  }
  .otp-verify-input {
    margin-left: 23px;
  }
  .fail-otp {
    margin-right: 16px;
  }
  #okButton {
    margin-left: 25px;
  }
  .node--type-apply-credit-card-form .toggle-password {
    left: 123px;
  }
}
@media only screen and (min-width: 390px) and (max-width: 393px) {
  .node--type-apply-credit-card-form .cookie-credit-card {
    width: 370px;
  }
  .node--type-apply-credit-card-form #firstname,
  .node--type-apply-credit-card-form #middlename,
  .node--type-apply-credit-card-form #lastname,
  .node--type-apply-credit-card-form #date,
  .node--type-apply-credit-card-form #mobileNumber,
  .node--type-apply-credit-card-form #email,
  .node--type-apply-credit-card-form .ftnc-label,
  .node--type-apply-credit-card-form #pincode,
  .node--type-apply-credit-card-form #address,
  .node--type-apply-credit-card-form #addressline2,
  .node--type-apply-credit-card-form #psourceincome,
  .node--type-apply-credit-card-form #monthlyincome,
  .node--type-apply-credit-card-form #pancardno {
    width: 353px !important;
    padding: 4px !important;
  }
  .node--type-apply-credit-card-form .toggle-password {
    left: 265px;
  }
}
@media only screen and (min-width: 414px) and (max-width: 767px) {
  .node--type-apply-credit-card-form .cookie-credit-card .cardname {
    font-size: 18px;
  }
  .node--type-apply-credit-card-form .cookie-credit-card {
    margin-left: 0;
    width: 394px;
  }
  .node--type-apply-credit-card-form .checkbox-tnc {
    width: 455px;
    font-size: 14px;
    opacity: 1;
    color: #909090;
    line-height: 1.5rem;
    margin-left: -8px;
    padding-left: 10px !important;
  }
  .node--type-apply-credit-card-form .checkbox {
    width: 395px;
  }
  .node--type-apply-credit-card-form #firstname,
  .node--type-apply-credit-card-form #middlename,
  .node--type-apply-credit-card-form #lastname,
  .node--type-apply-credit-card-form #date,
  .node--type-apply-credit-card-form #city,
  .node--type-apply-credit-card-form #mobileNumber,
  .node--type-apply-credit-card-form #email,
  .node--type-apply-credit-card-form .ftnc-label,
  .node--type-apply-credit-card-form #pincode,
  .node--type-apply-credit-card-form #address,
  .node--type-apply-credit-card-form #addressline2,
  .node--type-apply-credit-card-form #psourceincome,
  .node--type-apply-credit-card-form #monthlyincome,
  .node--type-apply-credit-card-form #pancardno {
    width: 378px !important;
    padding: 4px !important;
  }
  .node--type-apply-credit-card-form .city-captcha {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  #exampleModal {
    left: 3px;
  }
  .creditcarddata {
    margin-left: 11px;
  }
  #submitgetotp {
    margin-left: 42px;
  }
  .second-title {
    margin-left: 51px;
  }
  .otp-verify-input {
    margin-left: 46px;
  }
  .toggle-password {
    left: 123px;
  }
  .fail-otp {
    margin-right: 55px;
  }
  #okButton {
    margin-left: 44px;
  }
  .modal-header .btn-close {
    top: 10px !important;
    right: 10px;
  }
}
@media only screen and (min-width: 412px) and (max-width: 930px) {
  .cookie-credit-card {
    margin-left: 0;
    width: 390px;
  }
  .cookie-credit-card .cardname {
    font-size: 15px;
    width: 266px;
  }
  .carddetailsmenu {
    text-align: left;
    font-size: 15px;
    width: 442px;
  }
  .city-captcha {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .checkbox-tnc {
    padding-left: 11px;
  }
  .inner-page-banner-section-xs.common-section.banner-section .btn {
    margin: 0;
  }
  #submitgetotp {
    min-width: 228px;
    margin-left: 49px;
  }
  .checkbox-tnc {
    width: 431px;
    padding-right: 0;
  }
  #firstname,
  #middlename,
  #lastname,
  #date,
  #city,
  #mobileNumber,
  #email,
  #pincode,
  #address,
  #addressline2,
  #psourceincome,
  #monthlyincome,
  #pancardno {
    width: 380px !important;
  }
  #ftnc-label {
    width: 352px;
  }
  #exampleModal {
    left: 0;
  }
  .creditcarddata {
    margin-left: 0;
  }
  .toggle-password {
    left: 121px;
  }
  #okButton {
    margin-left: 44px;
  }
  .otp-verify-input {
    margin-left: 43px;
  }
  .fail-otp {
    margin-top: 53px;
  }
  .second-title {
    margin-left: 54px;
  }
}
@media (max-width: 767px) {
  .cardbenefitsection {
    padding-top: 0;
  }
  .tncdiv {
    margin-bottom: 10px;
    text-align: right;
    margin-top: 270px;
  }
  .showapplybtn {
    float: none;
    position: fixed;
    right: 0;
    bottom: 66px;
    left: 0;
    border-radius: 0;
    width: calc(100% + 30px);
    margin-left: -15px;
    z-index: 99;
    top: auto !important;
    opacity: 1;
    display: block;
  }
  #desktopslidersection {
    display: none;
  }
  #mobileslidersection,
  #applynowdivmobile {
    display: block;
  }
  #mobileslidersection {
    margin-top: 40px;
  }
  .view-apply-credit-card-form .slick-slide {
    opacity: 0.5;
  }
  .view-apply-credit-card-form .slick-current {
    opacity: 1 !important;
  }
  .applynowdivmobile {
    text-align: center;
    margin-bottom: 20px;
    border-radius: 10px;
  }
  .applynowdivmobile a {
    background: #3f3e5f;
    color: #fff;
    padding: 10px 50px;
    border-radius: 4px;
  }
  .carddetailswrapper {
    text-align: center;
  }
  #cardfeaturesdata li {
    width: 100%;
  }
  .applycardsection img {
    margin: 0 auto;
    width: 92%;
    height: 100%;
  }
  .prev-arrow {
    margin-left: 10px;
  }
  .next-arrow {
    margin-right: 10px;
  }
  .carddetailswrapper {
    text-align: center;
  }
  .cardbenefitline h3 {
    width: 100%;
    color: #3f3e5f;
    font-weight: 700;
  }
  .carddetailssectionwrapper {
    height: 270px;
  }
  .contentdivsec {
    height: 231px;
  }
  .cardnamesec {
    font-weight: 700;
  }
  .applycreditcarddetails {
    padding: 10px;
    border-bottom: 1px solid;
    height: 973px;
    padding-top: 7px;
    border-radius: 16px;
  }
  .formobile {
    height: 300px;
  }
  .mobilestyle {
    height: 625px;
  }
  #cardname {
    display: none;
  }
  .cardtype {
    display: none;
  }
  .cardnamemobile {
    font-size: 28px;
    color: #3f3e5f;
    font-weight: 700;
  }
  #desktopcard {
    display: none;
  }
  .logo-top {
    display: none;
  }
  .cardname {
    font-size: 15px;
  }
  .logo {
    width: 81px;
    height: 27px;
  }
  .cardtitle {
    padding-top: 0px !important;
    padding-left: 0px !important;
  }
  .namegroup {
    width: 459px;
    padding-left: 0px !important;
  }
  #firstname,
  #middlename,
  #lastname {
    padding: 0px !important;
  }
  .namegroup .form-group {
    margin-bottom: 0px !important;
  }
  .mobile-email {
    padding-left: 0px !important;
  }
  #name-label {
    margin-top: 15px;
  }
  #name {
    margin-bottom: 0px !important;
  }
  #date {
    font-size: 13px;
    color: rgb(33 37 41 / 0.431372549);
    padding: 0px !important;
  }
  .cookie-credit-card {
    padding-left: 6px !important;
  }
  #number-label {
    padding-top: 15px;
  }
  .countrycode {
    position: absolute;
    left: 6px;
    top: 68px;
    opacity: 0.3;
    font-size: 14px;
  }
  #mobileNumber,
  #email {
    width: 362px;
    padding: 0px !important;
  }
  #city {
    color: #999;
    font-size: 14px;
    font-weight: 400 !important;
    padding: 5px !important;
  }
  #submitgetotp {
    min-width: 145px;
    padding: 0px !important;
    height: 40px;
  }
  .field-group1,
  .field-group2,
  .field-group3 {
    padding-left: 0;
    padding-right: 0;
  }
  #pincode {
    border: none;
    border-bottom: 1px solid rgb(0 0 0 / 0.3);
    border-radius: 0;
    color: #999;
    font-size: 14px !important;
    font-weight: 400 !important;
    background-color: #e9ecef !important;
    opacity: 1;
    padding: 4px !important;
  }
  .node--type-apply-credit-card-form .checkbox {
    padding-left: 12px !important;
  }
  #applynowdivmobilehref {
    display: none;
  }
  section.creditcardlandingpage {
    height: 100vh;
  }
  #exampleModal {
    padding: 5px 15px;
    border-radius: 18px;
    background-color: #fefefe;
    max-width: 325px !important;
    margin-left: 43px;
  }
  .view-modal {
    width: 292px !important;
  }
  #exampleModal .view-modal {
    border: none;
  }
  #exampleModal .modal-header {
    border: none !important;
  }
  #exampleModal .modal-body {
    padding: 0;
  }
  .credcardtitle h5 {
    font-size: 14px;
    font-weight: 700;
    font-family: Roboto, sans-serif;
    color: #000 !important;
    opacity: 0.7;
  }
  .credcardtitle p {
    color: #000;
    padding-left: 2px;
    font-family: Roboto Slab, serif !important;
    font-size: 14px;
  }
  .modal-header .btn-close {
    background-color: #fff0;
    top: 7px !important;
    right: 0;
  }
  #mobile-noti-modal .modal-dialog .modal-content .modal-header .btn-close {
    background-color: #fff0;
    top: 18px;
    right: 20px;
  }
  #modal-products .modal-dialog .modal-content .modal-header .btn-close {
    background-color: #fff0;
    top: 18px;
    right: 20px;
  }
  .creditcardfeatures li img {
    display: block;
    margin: 15px auto;
  }
  .creditcardfeatures li {
    font-family: Roboto Slab, serif;
    font-size: 14px;
  }
  .modal-tnc {
    font-size: 14px;
    font-style: italic;
    font-family: Roboto Slab, serif;
  }
  .modal-dialog {
    margin: 0;
  }
  .modal-backdrop.fade {
    transition: opacity 0.15s linear !important;
    opacity: 0.85;
  }
  #exampleModal {
    margin: 6% 10% !important;
  }
}
.offers-sidebar .block-offer-category-filters-block #filters-form--2 .checkbox {
  padding-left: 0px !important;
}
.fa-plus:before {
  content: "\f067" !important;
}
.ccavenue-debit-card,
.ccavenue-card,
.billdesk-debit-card {
  display: none;
}
.cc-mobile {
  display: none;
}
.fast-track {
  margin-top: 10px;
  font-style: italic;
  font-size: 18px;
}
.click-here {
  font-weight: 700;
  text-decoration: underline;
  color: #0d6efd;
}
.click-here:hover {
  text-decoration: none;
}
@media (max-width: 488px) {
  .payu-wrapper
    .overlay
    .modalBody
    .row
    .right-side
    .button-container
    .btn-red {
    margin: auto;
    margin-right: 5px;
  }
  .payu-wrapper
    .overlay
    .modalBody
    .row
    .right-side
    .button-container
    .btn.btn-inline {
    display: inline-block;
    width: auto;
    padding: 13px 35px;
    font-size: 14px;
    margin-right: 5px !important;
  }
}
@media only screen and (min-width: 414px) and (max-width: 767px) {
  .net-banking-xs .text-center {
    display: flex;
  }
}
@media only screen and (min-width: 375px) and (max-width: 400px) {
  .net-banking-xs .text-center {
    display: flex;
    padding-left: 0px !important;
  }
}
.addressnextline {
  margin-left: 58px;
}
.addressnextlineformobile {
  display: none;
}
@media screen and (max-width: 767px) {
  .addressnextline {
    display: none;
  }
  .addressnextlineformobile {
    display: inline;
  }
  .path-foreign-direct-investment-declaration #user-disclaimer-sec-error {
    margin-top: 0px;
  }
  #edit-is-authorise,
  #edit-is-authorise-sec {
    margin-left: -21px;
    padding-left: 0;
  }
  #rbl-all-forms-nri-referral-program .form-check-label {
    width: 316px;
  }
  .node--type-apply-credit-card-form .form-check-label {
    width: 316px;
  }
  .fdradio .testfdradio {
    display: block !important;
  }
}
.fdradio .testfdradio {
  display: flex;
}
.bluetext {
  color: #304087;
}
.fraudInfo {
  font-weight: 700;
  padding-top: 53px;
  background-color: #fff;
}
.numberInfo {
  font-size: 24px;
}
.fraudInfo .iconDiv {
  width: 20%;
  float: left;
}
.infospans {
  width: 75%;
  float: left;
  height: 85px;
}
.infoIndentDiv {
  margin-left: 20%;
  margin-bottom: 40px;
}
.fraudInfo1 {
  border-right: 1px dashed;
}
.bottomTextFraud {
  padding-top: 30px;
  padding-bottom: 30px;
}
#fraudvigilance-form .rowHeight {
  height: 111px;
}
#fraudvigilance-form .common-section-heading {
  margin-bottom: 5px;
}
.d-flex-fraud {
  display: flex;
}
.fraudSubmit {
  background: #304087;
  color: #fff;
}
.fraudSubmit:hover {
  background: #304087;
  color: #fff;
}
.fraudInfoMainDiv {
  background: #fff;
}
.fraudImgDiv {
  text-align: right;
  padding-right: 0;
}
.fraudvigilance-form {
  padding-right: 4px !important;
}
.page-node-35 .field--name-field-contact-us-description {
  margin: -35px auto;
}
.page-node-35 #data-section2 {
  background: #f4f5fc;
}
.page-node-35 .form-item-customerid {
  margin-top: 5px;
}
.page-node-35 .form-item-email {
  margin-top: 5px;
}
@media screen and (max-width: 767px) {
  .rowHeight {
    height: auto !important;
  }
  .fraudInfo1 {
    border-right: 0 !important;
    padding-top: 19px !important;
  }
  .fraudInfo2 {
    padding-top: 24px !important;
  }
  .infospans {
    width: 80% !important;
  }
  .fraudInfo .iconDiv {
    width: 20%;
  }
  .d-flex-fraud {
    display: list-item !important;
  }
  .d-flex-fraud a.btn {
    margin-bottom: 20px;
    width: 100%;
  }
  .d-flex-fraud p {
    margin-bottom: 6px;
  }
  .otherways {
    margin-top: 20px;
  }
  .fraud {
    height: 71px;
  }
  .gap30 {
    margin-top: -25px;
  }
  .gap35 {
    margin-top: -25px;
  }
  .fraudInfo1 {
    border-bottom: 1px dashed;
  }
  .fraudvigilance-form div.invalid-feedback {
    height: 25px;
  }
  .fraudvigilance-form {
    padding-right: 11px !important;
  }
  .bluetext {
    color: #304087 !important;
  }
  .fraudvigilance-form .common-section-heading {
    margin-top: 30px !important;
  }
  #fraudvigilance-form {
    margin-top: 20px;
  }
  .fraudImgDiv {
    text-align: center;
    padding-right: auto;
    margin-top: 19px;
    padding-left: 0;
  }
  .fraudImgDiv img {
    width: 100%;
  }
  .page-node-35 .common-tab-wrap .nav-item:first-child {
    order: 3;
  }
  .page-node-35 .common-tab-wrap .nav-item:nth-child(2) {
    order: 2;
  }
  .page-node-35 .common-tab-wrap .nav-item:nth-child(3) {
    order: 1;
  }
  .fraudvigilance-form h2.common-section-heading.bluetext {
    margin-top: 15px;
  }
  #fraudvigilance-form .common-section-heading {
    margin-top: 28px !important;
  }
  .page-node-35 .form-item-customerid {
    margin-top: -17px;
  }
  .page-node-35 .form-item-email {
    margin-top: -17px;
  }
}
.path-block-channel i.toggle-password.fa {
  left: 254px;
  z-index: 99;
  cursor: pointer;
  top: 19px;
}
.path-block-channel .otp-flex .otp label.form-required {
  position: absolute;
  top: -40px;
  left: 0;
  z-index: 9;
}
.compliancefeature .title-block {
  height: 60px;
}
.compliancefeature .img-holder {
  border: none;
}
.page-node-20338 #block-blogblock {
  display: none;
}
.fraudvigilance-form .verifi-heading {
  font-weight: 400;
  font-size: 20px;
  line-height: 18px;
  letter-spacing: 0.3px;
  color: #304087;
  margin-top: 4px;
  margin-bottom: 4px;
}
.fraudvigilance-form .verifi-text {
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.3px;
  color: #303030;
  margin-top: 4px;
  margin-bottom: 4px;
}
.fraudvigilance-form .otp-verify-input {
  margin-left: 0;
}
.fraudvigilance-form .toggle-password {
  position: relative;
  left: 149px;
  bottom: 52px;
  z-index: 99;
  cursor: pointer;
}
.fraudvigilance-form .otp-verify-input {
  text-align: center;
}
.fraudvigilance-form .resend_otp_text {
  font-size: 13px;
  padding-top: 12px;
  text-align: right;
}
.fraudvigilance-form #edit-resend-otp {
  text-decoration: none !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  line-height: 15.23px !important;
  color: #304087 !important;
  margin-left: 80px !important;
  padding-top: 0px !important;
  background-color: #fff0;
}
.fraudvigilance-form .newotpDiv {
  display: none;
}
.important_links_section.disk-ul-common li {
  list-style: disc;
  margin-bottom: 10px;
  font-style: normal;
  font-size: 16px;
  color: #212121 !important;
}
.node--type-credit-card-nth-level-pages .tooltipText1 {
  top: 54% !important;
}
.node--type-credit-card-nth-level-pages
  .value-calc-right-card
  .value-calc-right-head
  .value-calc-right-head-row
  h4 {
  font-size: 24px;
}
.value-calc-right-card .value-calc-right-head .value-calc-right-head-row .p14 {
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  color: #606060;
  margin-bottom: 5px;
  width: 119%;
  text-align: center;
}
.val-calc-img-text {
  padding-top: 11px;
  font-size: 12px;
  padding-left: 40px;
  text-align: center;
}
.fraudvigilance-form .verifi-heading {
  font-weight: 400;
  font-size: 20px;
  line-height: 18px;
  letter-spacing: 0.3px;
  color: #304087;
  margin-top: 4px;
  margin-bottom: 4px;
}
.fraudvigilance-form .verifi-text {
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.3px;
  color: #303030;
  margin-top: 4px;
  margin-bottom: 4px;
}
.fraudvigilance-form .otp-verify-input {
  margin-left: 0;
}
.fraudvigilance-form .toggle-password {
  position: relative;
  left: 149px;
  bottom: 52px;
  z-index: 99;
  cursor: pointer;
}
.fraudvigilance-form .otp-verify-input {
  text-align: center;
}
.fraudvigilance-form .resend_otp_text {
  font-size: 13px;
  padding-top: 12px;
  text-align: right;
}
.fraudvigilance-form #edit-resend-otp {
  text-decoration: none !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  line-height: 15.23px !important;
  color: #304087 !important;
  margin-left: 80px !important;
  padding-top: 0px !important;
  background-color: #fff0;
}
.fraudvigilance-form .newotpDiv {
  display: none;
}
.fraudvigilance-form .otp-verify-input {
  letter-spacing: 14px;
  margin-left: 0;
}

/* .down-checkbox{
  padding-left: 22px !important;
} */

.path-referral-form .otp-verify-input {
  margin-left: 0px;
}

.path-referral-form .toggle-password {
  left: 134px;
  bottom: 52px;
}

.path-referral-form
  .offer-wrapping.form-wrap-card
  input.btn.common-btn-blue.button.js-form-submit.form-submit.form-control {
  margin-top: 0px !important;
  font-family: "Roboto", sans-serif;
}

.path-referral-form #otp-error {
  top: 0px;
}

#edit-verify-otp {
  float: right;
}
.page-node-13 div#block-savingaccountrblmobileapp:first-of-type {
  display: none;
}

.page-node-13
  #main
  .clearfix.text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item.a3 {
  display: none;
}

.path-referral-form .other-list-row {
  display: none;
}

.path-referral-form .mobileHeaderDiv,
.path-referral-form a#mob-header-hamb-menu {
  display: none !important;
}

@media screen and (max-width: 767px) {
  #user-disclaimer-sec-error {
    top: 20px;
  }
}

.path-apply-form .otp-verify-input {
  margin-left: 0px;
}

.path-referral-form .footer-common-wrap .footerStyle .site-footer__bottom {
  border-top: none;
}

@media only screen and (min-width: 340px) and (max-width: 413px) {
  .path-referral-form button#serach-btn-header,
  .path-referral-form a#header-whatsapp,
  .path-referral-form
    button.circle-btn.dropdown.notify1.nav-link.dropdown-toggle.hide-after {
    display: none;
  }
}

/* CC Apply Now Page */
.node--type-apply-credit-card-form #city {
  background: url(../images/down-icon-select.svg) 97% center no-repeat !important;
  background-size: 16px;
  cursor: pointer;
}

.node--type-apply-credit-card-form #city:focus {
  background: url(../images/up-arrow.svg) 97% center no-repeat !important;
  background-size: 16px;
  cursor: pointer;
}

.node--type-apply-credit-card-form #pincode {
  /* background: url(../images/down-icon-select.svg) 97% center no-repeat !important; */
  background-size: 16px;
  cursor: pointer;
}

.node--type-apply-credit-card-form #pincode:focus {
  background: url(../images/up-arrow.svg) 97% center no-repeat !important;
  background-size: 16px;
  cursor: pointer;
}

.node--type-apply-credit-card-form .ui-autocomplete {
  width: 100% !important;
  max-width: 398px;
  min-width: auto;
  position: absolute;
  border: 1px solid #ccc;
  font-size: 14px;
  z-index: 1000;
}

.node--type-apply-credit-card-form .ui-menu-item {
  padding: 8px 12px;
  cursor: pointer;
  font-family: Roboto-Medium, sans-serif;
  font-size: 13px;
  font-weight: 400 !important;
  line-height: 0.6;
  background: white !important;
}

.node--type-apply-credit-card-form .ui-menu-item:hover {
  background: #1165ba !important;
  color: white !important;
  font-family: Roboto-Medium, sans-serif;
  font-size: 13px;
  font-weight: 400 !important;
}

.node--type-apply-credit-card-form .ui-autocomplete .ui-menu-item-wrapper {
  color: unset !important;
  font-family: Roboto-Medium, sans-serif;
  font-size: 13px;
  font-weight: 400 !important;
  background-color: unset !important;
  padding-left: 20px;
}

.node--type-apply-credit-card-form
  .ui-autocomplete
  .ui-menu-item-wrapper:hover {
  background-color: #1165ba !important;
  color: white !important;
}

.node--type-apply-credit-card-form .ui-autocomplete.ui-front {
  left: 280 !important;
  right: auto !important;
}

.not-required::after {
  content: "*";
  vertical-align: super;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: 7px 7px;
  width: 7px;
  height: 7px;
  margin: 0 0.3em;
  color: #ffffff;
}

.node--type-apply-credit-card-form #salary-label {
  width: max-content;
}
.node--type-apply-credit-card-form .asterisk {
  color: #ff0000;
  font-size: 16px;
  position: absolute;
  margin-left: 142px;
  margin-top: -43px;
  font-weight: 500;
}
.node--type-apply-credit-card-form .required-field:focus + .asterisk,
.node--type-apply-credit-card-form .required-field:not(:placeholder-shown) + .asterisk {
  display: none; /* Hide asterisk when typing */
}
.node--type-apply-credit-card-form label#gender-label::after,
.node--type-apply-credit-card-form label#name-label::after,
.node--type-apply-credit-card-form label#number-label::after,
.node--type-apply-credit-card-form label#email-label::after,
.node--type-apply-credit-card-form label#city-label::after,
.node--type-apply-credit-card-form label#salary-label::after {
  content: "*";
  vertical-align: super;
  display: inline-block;
  /* background-image: url(../../../themes/contrib/bootstrap_barrio/images/required.svg); */
  background-repeat: no-repeat;
  background-size: 7px 7px;
  width: 7px;
  height: 7px;
  margin: 0 0.3em;
  color: red;
  font-size: large;
}
.node--type-apply-credit-card-form #gender-label,
.node--type-apply-credit-card-form #name-label,
.node--type-apply-credit-card-form #number-label,
.node--type-apply-credit-card-form #email-label,
.node--type-apply-credit-card-form #city-label,
.node--type-apply-credit-card-form #salary-label,
.node--type-apply-credit-card-form #name {
  font-size: 14px !important;
  font-weight: 700;
  color: #212529;
  opacity: 0.7;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Helvetica Neue, Arial, Noto Sans, Liberation Sans, sans-serif,
    Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji !important;
}
@media (max-width: 767px) {
  .node--type-apply-credit-card-form #salary-label {
    width: auto;
  }
}
/*---------------------------------*/

.billdeskprocessbtn {
  min-width: 120px;
  height: 42px;
  padding: 10px 20px;
  font-size: 16px;
  background: #213073;
  color: #fff;
  text-align: center;
  border-radius: 4px;
}

.billdeskprocessbtn:hover {
  color: #fff;
}

/* CC apply form */
.node--type-apply-credit-card-form .cookie-credit-card #email {
  height: 30px;
  background-color: #fff !important;
}
.node--type-apply-credit-card-form .cookie-credit-card #email-label {
  height: 25px;
}
.node--type-apply-credit-card-form .mobile-email .labelcolor {
  font-size: 12px;
  opacity: 0.7 !important;
  font-family: Roboto-Medium, sans-serif !important;
}
/***************/

.path-thank-you-page-referral .other-list-row {
  display: none !important;
}
.path-thank-you-page-referral
  .footer-common-wrap
  .footerStyle
  .site-footer__bottom {
  border-top: none !important;
}
.path-thank-you-page-referral .mobile-more-a {
  display: none !important;
}
.path-thank-you-page-referral .other-list-row {
  display: none !important;
}
.path-thank-you-page-referral .other-list-row {
  display: none;
}

.path-thank-you-page-referral .mobileHeaderDiv,
.path-thank-you-page-referral a#mob-header-hamb-menu {
  display: none !important;
}

.path-thank-you-page-referral button#serach-btn-header,
.path-thank-you-page-referral a#header-whatsapp,
.path-thank-you-page-referral
  button.circle-btn.dropdown.notify1.nav-link.dropdown-toggle.hide-after {
  display: none;
}

/* --------------------- */

@media (max-width: 767.98px) {
  .path-referral-form .mobileHeaderDiv,
  .path-referral-form a#mob-header-hamb-menu {
    display: none !important;
  }
}

/*chatbot css */

.sf-chatbot .msg-wrapper div.msg-server ol li {
  list-style: auto !important;
}

/* #Done by Nila Hyalij on 12-08-2025 15:53pm for PROD Issues - Shoprite LTF Card - Alignemnt Issue */
/* .page-node-12517 .carddetailsmenu {
  text-align: right !important;
} */

/*notification*/
.notification_message_front .alert-info{
  margin-bottom:0 !important;
}

.notification_message_front .views-element-container{
    width: 97%;
    display: inline-block;
    margin-left: 20px;
}


.notification_message_front .view-active-notifications p {
    width: 1000px;
    /* text-align: center; */
}

.notification_wrapping img,.notification_wrapping p{
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
}


.notification_message_front  .btn-close{
    border: 1px solid;
    border-radius: 100%;
    padding: 4px;
    /* margin-left: 1300px; */
    /* float: inline-end; */
    top: 29px !important;
    /* top: -33px !important; */
    /* position: relative; */
    position: absolute;
    right: 122px !important;
    /* right: 105px; */
}

.notification_wrapping {
    width: 88%;
    margin: 0 auto;
    background: url(/themes/custom/rbl_bank/images/noti.svg);
    background-repeat: no-repeat;
    /* background-position: left center; */
    background-position: 1px 13px;
    padding-left:40px;
    padding-top: 8px;
    padding-bottom: 8px;
    
}

.notification_message_front .alert-info{
        background-color: #F5F5F5 !important;

}
 


/**************Notification ticker***************/

body.path-frontpage {
  visibility: hidden;
  opacity: 0;
  padding-top: 0 !important;
  margin: 0;
}

.path-frontpage .accessibility-top-bar {
  width: 100%;
  padding: 10px;
  z-index: 1060;
  position: fixed;
  top: 0;
}

.path-frontpage .notification_message_front {
  position: fixed;
  top: 40px;
  width: 100%;
  z-index: 1050;
}

.notification_message_front.hidden {
  opacity: 0;
  max-height: 0;
}
header.accessibility-top-bar {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.accessibility-top-bar.hidden {
  opacity: 0;
  max-height: 0;
}

.path-frontpage .common-header-wrap {
  position: fixed;
  top: 80px;
  width: 100%;
  z-index: 1000;
}

.path-frontpage #page-wrapper {
  margin-top: 120px;
  transition: margin-top 0.3s ease;
}

.notification_dropdown::before {
  animation: hideArrow 4s forwards; /* Much faster */
}

@keyframes hideArrow {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@media (max-width: 767.98px) {
  #mobile-noti-modal .modal-body.common-header-wrap{
    top:0 !important;
    }

  .path-frontpage .notification_wrapping {
    width: 100%;
    background-position: 1px 3px;
    top: -123px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 33px;
  }
  .path-frontpage .notification_message_front .view-active-notifications p {
    padding-top: 0;
    font-size: 14px;
    width: auto;
  }

  .path-frontpage .notification_message_front .views-element-container {
    width: 95%;
    margin-left: 0px !important;
  }

  .path-frontpage .notification_message_front .btn-close {
    vertical-align: top;
    border: 1px solid;
    border-radius: 100%;
    padding: 4px;
    margin-left: 1300px;
    float: inline-end;
    top: 19px !important;
    position: absolute;
    right: 23px !important;
  }
  .path-frontpage .accessibility-top-bar {
    top: 0;
    padding: 5px;
  }
  .path-frontpage .common-header-wrap {
    position: relative;
  }
}
/********************************/

.lodgeacomplaintdisclaimer{
  font-size: 12px;
  line-height: 20px;
}

/* ////////////////////////////////////////////////////////////////////////// */
/* For Production issues - credit card page filter alignment in mobile 24june2025 */

  @media screen and (max-width: 767px){
    .node--type-credit-card-landing-page div#edit-mobile-card-category {
    padding-left: 20px;
  }

  .node--type-credit-card-landing-page div#edit-card-category-offers{
    padding-left: unset;
  }

  .cookie-credit-card .pancheck, .cookie-credit-card .captcha{
    padding-left: 0px !important;
  }
  /* .cookie-credit-card .citycheck{
    padding-right: 0px !important;
  } */
}

/* For Production issues - Lodge a fraud alignment in mobile 24june2025 */

#fraudvigilance-form .otp-submit-parentDiv{
	  height:98px;
}

#fraudvigilance-form .otp-submit{
    margin-bottom:0;
}

#fraudvigilance-form .div#valid-otp-error {
    height: 10px;
}

#fraudvigilance-form .otpdivspace{
    margin-top: -2px;
    height: 20px;
}
#fraudvigilance-form #valid-otp-error{
    height: 21px;
    margin-top: -12px;
}

#fraudvigilance-form .otp-error{
    height: 10px;
    margin-top: -22px;
    margin-bottom: 10px;
}

#fraudvigilance-form .js-form-item.js-form-type-password.form-type-password.js-form-item-otp.form-item-otp.form-no-label.mb-3{
    margin-bottom: .5rem !important;
}

#fraudvigilance-form #edit-verify-otp{
    margin-top: 14px;
}

#fraudvigilance-form .otp_expire_in{
    text-align: right;
}

#fraudvigilance-form .veri-code-text{
    float: left;
}

#fraudvigilance-form .otp_expire_in #timer{
    color: #304087;
    font-weight: 600;
}

/* For production sitemap issue - sitemap  Hinal Arya - start*/
/* #Done by Hinal Arya on 12/13/14-08-2025 for OneQ(87480) - Sitemap UI changes - added in prod on 02-09-2025 */   

.path-sitemap .sitemap-megamenu {
  /* display: flex;
  flex-wrap: nowrap; */

  gap: 2rem;
  overflow-x: auto;
  padding: 1rem;
 
  border: 15px solid #f9f9f9;
}
 
.path-sitemap .sitemap-megamenu .category {
  flex: 1 0 220px;
  min-width: 220px;
}
 
.path-sitemap .sitemap-megamenu h2 {
  font-size: 25px;
  margin-bottom: 0.5rem;
  border-bottom: 2px solid #ccc;
  color: #304087;
}
 
.path-sitemap .sitemap-megamenu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  padding-bottom: 15px;
}

.sitemap-megamenu .category{
 width: 100%;
    border: 1px solid #dbe3f4;
    /* background: #f8faff; */
    border-radius: 0px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    padding: 15px;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.sitemap-level-0 > li:has(ul.sitemap-level-1) > span {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: #002f6c;
}

.sitemap-level-1 > li:has(ul.sitemap-level-2) > span{
font-size: 20px;
    font-weight: 400;
    letter-spacing: 0.5px;
    /* text-transform: uppercase; */
    color: #002f6c;
}
.sitemap-level-1 > li:has(ul.sitemap-level-2) > a {
  font-size: 20px;
}

.sitemap-level-2{
     display: flex;
        flex-wrap: wrap;
  gap: 20px;
}

.sitemap-level-2  li {
  flex: 1 1 calc(33.333% - 20px);
  list-style: none;
  /* padding: 16px;
  border: 1px solid #ccc;  */
  box-sizing: border-box;
  background-color: #f9f9f9; 
      /* background: #304087; */
    padding-top: 9px;
}

.sitemap-level-3 {
  max-height: 200px;
  overflow-y: auto;
  margin-top: 10px;
  line-height: 1.5 !important;
}


/* Case 1: If .sitemap-level-3 is present */
.sitemap-level-2 > li:has(ul.sitemap-level-3) > a {
     background-color: #304087;
    color: #ffffff;
    padding: 5px 10px;
    text-decoration: none;
    font-family: Lato-Bold;
    position: relative;
    padding-left: 13px;
    display: block;
    font-size: 20px;


}

/* Case 2: If .sitemap-level-3 is NOT present */
.sitemap-level-2 > li:not(:has(ul.sitemap-level-3)) > a {
  
    background-color: #304087;
     color: #ffffff;
    padding: 5px 10px;
    text-decoration: none;
    font-family: Lato-Bold;
    position: relative;
    padding-left: 13px;
    display: block;
    font-size: 20px;

}

.sitemap-level-3 li{
    padding-left: 19px;
    padding-bottom: 7px;
    padding-top: 11px;
    list-style: inside;
}

.sitemap-level-1 li a{
  font-size: 15px;
}

.sitemap-megamenu .category:first-child .sitemap-plugin--menu h2{
  display: none;
}

/* ////////////////////////////////////sitemap  Hinal Arya - end////////////////////////////////////// */
/* #Done by Hinal Arya on 12/13/14-08-2025 for OneQ(87480) - Sitemap UI changes - end -added in prod on 02-09-2025*/ 

/*Video gallery popup - homepage*/
.common-section.vidSlid{padding: 45px 0px 0px 0px !important;}
.vidSlid .video-icon{position: absolute;top: 50%;left: 50%;transform: translate(-50%);z-index: 9;-webkit-transform: translate(-50%);-moz-transform: translate(-50%);-ms-transform: translate(-50%);-o-transform: translate(-50%);margin-top: -20px;}
.vidSlid .popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.9);display: none;justify-content:center;align-items:center;z-index:9999}
.vidSlid .popup-content{position:absolute;width:80%;max-width:800px;background:#fff;border-radius:8px;overflow:hidden;top:10%;left:20%;height: 450px;
border: 2px solid #fff;}
.vidSlid .popup-content iframe{width:100%;height:450px;border:0}
.vidSlid .close-btn{position:absolute;top:45px;right:20%;font-size:20px;cursor:pointer;background:#fff;color:#000;padding:2px 10px;border-radius:20px;z-index:9}
.vidSlid .video-thumb{border:0;cursor:pointer}
.vidSlid .csr-cate-card-wrap::after {display:none;}
.vidSlid .iframe-thumbnail {position: absolute;width: 100%;height: 100%;background-size: cover;background-position: center;z-index: 2;top: 0;left: 0;border-radius: 8px;transition: opacity 0.5s ease;
}
@media screen and (max-width: 786px) {
.vidSlid .popup-content {position: absolute;width: 90%;max-width: none;background: #fff;border-radius: 8px;overflow: hidden;top: 20%;left: 5%;height: 300px;}
.vidSlid .close-btn{right:10px;top:18%;}
.vidSlid .popup-content iframe{height: 300px;}
.vidSlid .csr-cate-card-wrap {height: 340px;}
}


/*popup css end*/

/* #Done by Nila Hyalij on 12-08-2025 18:16pm for OneQ(87073) - Email Validation Change for CC Pages */    
/*email changes - hinal - start*/
.node--type-apply-credit-card-form #otpVerifyModal .modal-dialog{
    width: 600px;
    height: 478px;

}
.node--type-apply-credit-card-form #otpVerifyModal .outerclass .first-title{
    font-size: 16px;
    color: #2F3032;
    line-height: 24px;
    font-family: 'Roboto';
    text-align: left;
    margin-left: 14%;
    font-weight: 700;
}

.node--type-apply-credit-card-form #otpVerifyModal .first_title_wrapper{
    width: 459px;
    border-radius: 3px;
    left: 458px;
    /* position: relative; */
    /* min-height: 32%; */
    background-color: #ffcc534a;
    /* top: 349px; */
    padding: 16px 16px 16px 16px;
    border-left: 4px solid #FFCC53;
    margin-left: 58px;

}   

.node--type-apply-credit-card-form #otpVerifyModal .first_title_wrapper .first_title_image{
  float: left;
  margin-left: -8px;
  margin-top: -3px;
}


.node--type-apply-credit-card-form #otpVerifyModal .second_wrapper{
    position: relative;
    top: 10%;
    left: 15%;
    width: 72%;
    /* border: red solid; */
    height: 100%;
}
.node--type-apply-credit-card-form #otpVerifyModal .second_wrapper .second-title {
    margin-left: 0px !important;
    font-size: 18px;
    color: #304087;
    font-weight: 400;
    font-family: 'Roboto';
    line-height: 18px;
    letter-spacing: 0.1px;
    width: 401px !important;
}

/* #Done by Nila Hyalij on 25-07-2025 12:30pm for OneQ(87073) - To hide timer on 4th click of resend link */
/* #otpVerifyModal .otp_expire_in{
  margin-top: 15px;
} */
/***************************************/

.node--type-apply-credit-card-form #otpVerifyModal .timer-text{
    font-size: 13px;
    font-family: 'Roboto';
    font-weight: 400;
    color: #9D9D9D;
}

.node--type-apply-credit-card-form #otpVerifyModal .veri-code-text{
    font-size: 13px;
    font-family: 'Roboto';
    font-weight: 400;
    color: #9D9D9D;
    position: absolute;
    left: 14%;
}

/* #Done by Nila Hyalij on 12-08-2025 18:35pm for OneQ(87073) - Email Validation Changes for CC Pages(To hide timer on 4th click of resend link) */
.node--type-apply-credit-card-form #otpVerifyModal .timer_wrapper{
    position: relative;
    left: 9px;
}
.node--type-apply-credit-card-form #otpVerifyModal .otp-error-label {
    font-size: 13px;
    font-family: 'Roboto';
    font-weight: 400;
    color: #9D9D9D;
    position: relative;
    left: -12% !important;
}
/*****************/

.node--type-apply-credit-card-form #otpVerifyModal .timer_wrapper #timer
{

    font-size: 13px;
    font-weight: 700;
    color: #304087;

}
    
.node--type-apply-credit-card-form #otpVerifyModal .second_wrapper .otp-verify-input{
  background-color: #F2F2F2;
  width: 290px;
  margin-left: 13%;
}

/*#Done by Nila Hyalij on 21-07-2025(17:02pm) for OneQ-87073 - have to change css according to new figma for email vaalidation changes*/
/* #otpVerifyModal .second_wrapper #password_visi{
      left: 222px !important;
} */


.node--type-apply-credit-card-form #otpVerifyModal .fail-otp{
  margin-top: 0px;
  margin-right: 140px !important;
}

 /*#Done by Nila Hyalij on 21-07-2025(17:02pm) for OneQ-87073 - have to change css according to new figma for email vaalidation changes*/
.node--type-apply-credit-card-form #otpVerifyModal #okButton{
    margin-top: 12px !important;
    margin-left: -8px !important;
}


/*For mobile otp screen - hinal*/
@media (max-width: 767px) {
  .node--type-apply-credit-card-form #otpVerifyModal .modal-dialog {
      width: 100%;
      height: 484px;
  }

   .node--type-apply-credit-card-form #otpVerifyModal .outerclass{
    padding:0 !important;

   }

   .node--type-apply-credit-card-form #otpVerifyModal .otp_expire_in {
    margin-top: 15px;
    /* border: 1px solid green; */
    height: auto;
    width: 95%;
  }
   
    .node--type-apply-credit-card-form #otpVerifyModal .first_title_wrapper {
        width: 100%;
        border-radius: 3px;
        left: 458px;
        background-color: #ffcc534a;
        /* top: 349px; */
        padding: 16px 16px 16px 16px;
        border-left: 4px solid #FFCC53;
        margin: 0 auto;
        /* border-color: red; */
    }

.node--type-apply-credit-card-form #otpVerifyModal .second_wrapper {
        left: auto;
        width: 88%;
        /* border: red solid; */
        height: 95%;
        /* border-color: red; */
        margin: 0 auto;
    }

    .node--type-apply-credit-card-form #otpVerifyModal .second_wrapper .second-title {
        width: 100% !important;
        text-align: center;
    }

  .node--type-apply-credit-card-form #otpVerifyModal .second_wrapper .otp-verify-input {
    
   width: 92%;
        margin: 0 auto;
    /* border-color: red; */
}

  .node--type-apply-credit-card-form #otpVerifyModal .veri-code-text {
      text-align: left;
      /* border: 1px solid; */
      float: left;
      position: unset;
      margin-left: 16px;
  }

  .node--type-apply-credit-card-form #otpVerifyModal .timer_wrapper {
        width: 77%;
        text-align: right;
    }

    .node--type-apply-credit-card-form #otpVerifyModal .fail-otp{
          /* margin-right: 7% !important; */
          margin-right: 5% !important;
    }

    .node--type-apply-credit-card-form #otpVerifyModal .second_wrapper #password_visi {
        left: 210px !important;
    }
    .node--type-apply-credit-card-form #otpVerifyModal #okButton {
    margin-left: auto !important;

            width: 92%;
    }
    .node--type-apply-credit-card-form #otpVerifyModal .outerclass .first-title{
          margin-left: 18%;
    }

    .node--type-apply-credit-card-form #otpVerifyModal .modal-header .btn-close {
        background-color: #fff0;
        top: 9px !important;
        right: 10px;
    }
    .node--type-apply-credit-card-form .carddetailsmenu {
      text-align: left;
    }

  }

  /* #Done by Nila Hyalij on 23-07-2025 15:25pm for OneQ(87073) - Email validation new observations */
.node--type-apply-credit-card-form #resendEmail{
  font-weight:700;
  color:#304087;
  text-decoration:none;
  font-size:16px
}
.node--type-apply-credit-card-form .disabled-link {
    pointer-events: none;
    color: grey;
    cursor: not-allowed;
    text-decoration: none;
}

/*28-July-2025 (1Q-)- CSR page revamp - start - Pratiksha*/
.page-view-csrcategory-listing-views .card.product-card .card-body .p18 {
    height: 108px;
}
.csr-foot-heading {
   color: #373F41 !important;
}
.node--type-csr-landing .abt-impact-section {
  background: none !important;
}

.node--type-csr-landing .csr-footprint-section {
  background: linear-gradient(to right, #FDEFEF, #E5E7EF) !important;
}

.impact-assesments {
  display: flex;
  align-items: stretch;
  align-content: stretch;
  padding: 34px 24px 24px;
  /* margin-bottom: 55px; */
  margin-bottom: 24px;
  background: #f3f4f6;
}

.impact-assesments .item_data {
  width: 46% !important;
  margin: 0px auto 20px auto;
  padding: 0px 0px 1px 2px !important;
  background: #fff;
  position: relative;
}

.impact-assesments .item_data .div1 {
  width: 8% !important;
  height: 100% !important;
  text-align: center;
  display: flex;
  align-items: center;
  float: left;
  margin-left: 10px;
}

.impact-assesments .item_data .div2 {
  width: 87% !important;
  height: 100% !important;
  text-decoration: underline !important;
  background-color: #fff;
  padding-top: 5%;
  padding-bottom: 2%;
  float: left;
  margin-left: 2%;
}

.impact-desc {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 16px;
    font-family: 'Roboto';
    font-weight: 400;
    line-height: 22px;
    color: #303030;
}

.csr-approach-card p {
  margin-bottom: 20px;
  margin-top: 10px;
}

.csr-footprints .card-impact .impact-img {
    height: 67px;
}

.csr-approach-section a.btn.common-btn-outline {
    font-weight: 400;
    border-color: #304087;
    border-width: 2px;
}

.view-id-csrcategory_listing_views .card.product-card .card-body h3 {
    font-size: 22px;
    font-weight: 700;
}

.view-id-csrcategory_listing_views a.btn.br1w.mr15.know-more-ins {
    background: #304087;
    color: #fff;
}


.view-related-csr-category-list .card.product-card .card-body h3 {
    font-size: 22px;
    font-weight: 700;
}

.view-related-csr-category-list a.btn.br1w.mr15.know-more-ins {
    background: #304087;
    color: #fff;
}

/*important links*/

.csr-important-links{
  display: flex;
  align-items: stretch;
  align-content: stretch;
  /* padding: 34px 24px 24px; */
  padding: 34px 0px 24px;
  /* margin-bottom: 55px; */
  /* background: #f3f4f6; */
}

.csr-important-links .item_data {
  position: relative;
  width: 33% !important;
  height: 100% !important;
  /* margin: 0px 20px 27px auto;hinal commented */
  padding: 0px 0px 1px 2px !important;
  background: #fff;
  border-radius: 4px;
  border: 1px solid grey;
  box-shadow: 0 4px 8px #909090;
}

.csr-important-links .item_data .div1 {
  width: 100% !important;
  text-align: center;
  padding-top: 5%;
  padding-bottom: 2%;
}

.csr-important-links .item_data .div2 {
  width: 100% !important;
  text-decoration: none !important;
  background-color: #fff;
  padding-top: 2%;
  padding-bottom: 5%;
  float: left;
  text-align: center;
}

.node--type-csr-landing .csr-goals-section{
  background: #E9ECF7!important;
  /* padding: 0px; */
  text-align: center;
}

.node--type-csr-landing .csr-goals-section-mobile{
  background: #E9ECF7!important;
  /* padding: 0px; */
  text-align: center;
}

.csr-footprint-section {
  background: linear-gradient(to right, #FDEFEF, #E5E7EF) !important;
}

.csr-first-section {
  padding: 0px;
}

.testimonialcontainer .testi-left p {
  color: #304087;
  font-size: 24px;
  font-weight: 400;
}

.testimonialcontainer .testi-left p.csr-author {
  color: #000 !important;
}

.testimonialcontainer .testi-left p.csr-author {
  margin-top: 15px;
  font-size: 18px;
  color: #000 !important;
  font-weight: 700;
  margin-left: 40px;
}

.testimonialcontainer .testi-left p.csr-author-sub {
  color: #909090 !important;
  font-size: 18px;
  font-weight: 400;
  margin-left: 40px;
}

.csr-imp-links-title{
  text-align: left;
  margin-bottom: 0px !important;
  color: #303030 !important;
}

section#csr-listing-top-ck-editor {
  padding: 0px;
}

.view-csrcategory-listing-views .csr-goals-section {
  padding-bottom: 60px;
  padding-top: 0px !important;
}

.additional-ck-editor .counter-section {
  position: relative;
  bottom: 65px;
  z-index: 1;
  background-color: #304087;
}

.additional-ck-editor .counter {
  font-size: 2.5rem;
  font-weight: bold;
  color: #FFFFFF;
}

.additional-ck-editor .label {
  font-size: 1rem;
  margin-top: 10px;
  color: #fff;
}

.additional-ck-editor .counter-section{
  background-color: #304087;
}

.additional-ck-editor .counter-box {
    display: inline-block;
    margin: 20px;
}
    
#carouselExampleIndicators {
    padding: 20px 0px 20px 0px;
}

.compliance-card-section.vidSlid {
  padding: 45px 0px 45px 0px !important;
}

.testimonialcontainer .testi-left .quote-left{
    content: "“";
    color: #304087;
    font-weight: bolder;
    font-size: 55px;
    color: #000;
    color: #304087;
    font-family: 'Arial', sans-serif;
    font-family: 'Arial', sans-serif;
    line-height: 0;
}

.testimonialcontainer .testi-left .quote-right{
  content: "”";
  color: #304087;
  font-weight: bolder;
  font-size: 55px;
  color: #000;
  color: #304087;
  font-family: 'Arial', sans-serif;
  font-family: 'Arial', sans-serif;
  line-height: 0;
}

/*new*/
.csr-testimonial {
  position: relative;
  font-family: 'Arial', sans-serif;
  font-size: 18px;
  color: #333;
  max-width: 600px;
}

.quote {
  font-size: 60px;
  font-weight: bold;
  color: #000;
  font-family: 'Arial', sans-serif;
  line-height: 0;
}

.quote.left {
  position: absolute;
  top: 25px;
  left: 8px;
}

.quote.right {
  position: absolute;
  bottom: 10px;
  right: 310px;
}

.csr-testimonial p.testi-para {
  margin: 0;
  padding: 0 40px;
}

.border-line {
  border: 1px solid #304087;
  width: 100px;
  margin-left: 40px;
}

.csr-goals-section .container{
  background-color: #E9ECF7;
}

.view-related-csr-category-list .card.product-card .card-body {
  background: #e9ecf7 !important;
}

/*header css of csr revamp pratiksha*/
.csr-nth-level .common-header-wrap .rbl-nav-header-bg {
  background: linear-gradient(270deg, #8a676d 1.87%, #924b57 31.58%, #4b4a6c 59.77%, #262343 98.54%) !important;
}

.csr-nth-level .common-header-wrap .rbl-nav-header .navbar-brand::before, .csr-nth-level .common-header-wrap .rbl-nav-header .navbar-brand {
  background: #FFF !important;
}


.csr-nth-level .common-header-wrap .rbl-nav-header {
  background: #fff0 !important;
}

.csr-heading {
  color: #304087;
  font-weight: 400 !important;
}

p.csr-bold{
  font-weight: 700;
  color: #373F41;
}

#csr-listing-top-ck-editor h2.common-section-heading.right-border-h2 {
  margin-top: 30px;
}

.page-view-csrcategory-listing-views .common-section {
  padding-top: 0px !important;
}

#carouselExampleIndicators .carousel-control-prev span, #carouselExampleIndicators .carousel-control-next span{
  background-color: #FFFFFFCC;
  padding: 3px 12px 3px 12px;
  color: #606060;
}

.csr-nth-level .node--type-insignia-nth-level-pages-persona #data-related-blog .slick-arrow .owl-btn-squre{
  background: #304087 !important;
}

.csr-nth-level .node--type-insignia-nth-level-pages-persona #data-related-blog .slick-arrow.slick-disabled .owl-btn-squre {
  background: #e8e8ec !important;
}

.csr-video-desc {
  margin-top: -30px;
}

.csr-goals-desktop{
    display:block;
}

.csr-goals-mobile {
    display: none;
}

/*CSR page revamp - pratiksha - end*/

/* #Done by Hinal Arya on 30-07-2025 for CSR page revamp - start*/
.node--type-csr-landing .text-black1 {
    color: #373f41!important;
    font-weight: 500;
    font-size: 32px;
    font-family: 'Roboto' !important;
    line-height: 40px;
    letter-spacing: 0.1px;
}


.node--type-csr-landing .csr-first-section-text-value p{
    font-size: 16px;
    color: #303030;
    letter-spacing: 0.18px;
    line-height: 150%;
    font-weight: 400;
}
.node--type-csr-landing .two-col-card-wrap p{
    font-size: 16px;
    color: #303030;
    letter-spacing: 0.18px;
    line-height: 150%;
    font-weight: 400;
    /* margin-left: 35px; */
}
.node--type-csr-landing .compliance-card-section .common-section-heading{
    color: #373F41;
    font-size: 40px;
    line-height: 100%;
    letter-spacing: 0.1px;
    font-family: 'Roboto' !important;
    font-weight: 500;

}

.node--type-csr-landing .compliance-card-section p{
    font-size: 16px;
    letter-spacing: 0.3px;
    paragraph-spacing: 15px;
    line-height: 27px;
    font-family: 'Roboto';
    font-weight: 400;

}

.node--type-csr-landing .line-separate{
    height: auto;
    /* margin: 0 15px; */
    background-color: #ccc;
    flex-shrink: 0;
    width: 1px;
    margin-left: 18px;
    margin-right: 18px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.node--type-csr-landing .video-col-wrap{
    width: 1110px !important;
    /* height: 403px !important;  */
}

.node--type-csr-landing .impact-assment-title{
  margin-top: 20px;
}

.node--type-csr-landing .common-btn-outline{
    border: 1px solid #304087;
}

.node--type-csr-landing .common-section-heading{
    color: #304087;
}

.node--type-csr-landing .card-impact .p16{
  color: #606060;
}

.path-csr-listing-page .card.product-card .card-body .d-flex .btn.mr15 {
    margin-right: 30px !important;
    color: white;
    background-color: #304087;
    font-weight: 400;
    font-size: 16px;
}

.csr-nth-level .lg-pt130{
  padding-top: 40px !important;
}

.csr-nth-level .saving-acc-adv-section{
  background-color: #FFFFFF;
}

.csr-nth-level .related-blog-section{
  background-color: #FAF5F2;
}
.node--type-csr-landing .project-img-mobile{
  display: none;
}

.node--type-csr-landing .compliance-card-section .project_img{
     margin-bottom: -50px !important;
     padding: 0 !important;
}

.project-img-desktop{
  margin-bottom: -50px !important;
}

.project-img-desktop img{
  height: auto;
}

.project-section-div{
  padding:unset;
  padding-bottom: 45px;
}

.node--type-csr-landing .csr-goals-section-mobile{
  display:none;
}
.count_wrapper{

    float: left;
    margin-top: 10px;
}
.count_wrapper_img{

    float: left;
    margin-top: 10px;
    margin-right: 10px;
}

.counter-box:not(:last-child) {
  border-right: 1px solid #FFFFFF80;
}

.count_wrapper .label{
  font-weight: 300;
}

.node--type-csr-landing .field--name-field-health-description h2, .node--type-csr-landing .field--name-field-education-description h2, .node--type-csr-landing .field--name-field-livelihoods-description h2 {
  font-weight: 400;
}

.additional-ck-editor #carouselExampleIndicators .carousel-control-prev {
    left: -60px;
}

.additional-ck-editor #carouselExampleIndicators .carousel-control-next {
    right: -60px;
}

@media screen and (max-width: 767px) {
  .additional-ck-editor #carouselExampleIndicators .carousel-control-next {
    right: -10px;
  }

  .additional-ck-editor #carouselExampleIndicators .carousel-control-prev {
    left: -10px;
}

  .csr-nth-level .mobile-menu-header-adj{
    background: linear-gradient(270deg, #8a676d 1.87%, #924b57 31.58%, #4b4a6c 59.77%, #262343 98.54%) !important;
   }

  .node--type-csr-landing .csr-goals-section-mobile{
  display:block;
  }
  .node--type-csr-landing .csr-goals-section{
    display:none;
  }
  body.node--type-csr-landing .banner-section .banner-info .banner-info-inner h1 {
      font-size: 31px !important;
      font-family: 'Roboto' !important;
      letter-spacing: -1.2px;
      line-height: 100%;
      font-weight: 400;
    }

    .node--type-csr-landing .two-col-card-wrap p{
      margin-left: 4px;
    }

    .node--type-csr-landing .video-col-wrap{
      width: 100% !important;
      height: auto !important;
      border: none;
      box-shadow: none;

    }
    .node--type-csr-landing .compliance-card-section .common-section-heading{
      font-size: 28px;
    }

    .csr-important-links{
      display: grid;
    }

    .csr-important-links .item_data{
      width: 100% !important;
    }

    .node--type-csr-landing .line-separate{
      height: 1px;
      width: 100%;
      margin-top: 30px;
      margin-bottom: 30px;
      border-radius: 2px solid red;
      margin-left: 0; 
      margin-right: 0;    
    }

    .impact-section#data-section3{
      margin-top: -40px;
    }
    .impact-section .impact-assesments .item_data{
      width: 100% !important;
    }
    .impact-section .impact-assesments{
      display: grid;
      margin-bottom: 0;
    }

    .impact-assesments .item_data .div1{
      display: grid;
      width: 26% !important;
      margin-left: 0;

    }
    .impact-assesments .item_data .div2{
      width: 74% !important;
      margin-left: 0;
    }

    .csr-nth-level section{
      position:unset;
    }

    .csr-nth-level .node--type-insignia-nth-level-pages-persona .additional-ck-editor .counter-section{
      /* position: absolute;
      top: 180px; */
      margin-left: 10px;
      width: 95%;
      margin-bottom: 0px;
      bottom: -40px;
      border-radius: 4px;
    }

    .additional-ck-editor .counter-box{
      display: inline;
      margin: 0 !important;
      border-bottom: 1px solid #FFFFFF80;
      padding-bottom: 32px;
      border-right: none;
      padding-top: 20px;
    }

    #carouselExampleIndicators{
      margin-top: 20px;
      margin-bottom: 20px;
    }

    .node--type-csr-landing .project-img-desktop{
      display: none;
    }

    .node--type-csr-landing .project-img-mobile{
      display: block;
    }

    .project-section-div {
      padding-bottom: 0px;
    }

    .csr-nth-level .slick-slider span.next-owl-btn.slick-arrow {
      position: absolute;
      top: -100px;
      left: 88%;
      z-index: 3;
    }

    .csr-nth-level .slick-slider span.prev-owl-btn.slick-arrow {
      position: absolute;
      top: -100px;
      left: 75%;
      z-index: 3;
    }

    .csr-nth-level .related-blog-section .common-section-heading{
      height: 26px;
      margin-bottom: -9px;
    }

    .csr-video-desc {
      margin-top: 60px;
    }

  .count_wrapper {
    margin-left: 20px;
    }

  .view-related-csr-category-list.view-id-related_csr_category_list {
    margin-top: 85px;
  }

  .csr-nth-level .common-header-wrap .rbl-nav-header-bg {
    background: linear-gradient(270deg, #8a676d 1.87%, #924b57 31.58%, #4b4a6c 59.77%, #262343 98.54%) !important;
  }
  
  .csr-nth-level .common-header-wrap .rbl-nav-header .navbar-brand::before, .csr-nth-level .common-header-wrap .rbl-nav-header .navbar-brand {
    background: #FFF !important;
  }
  
  .csr-nth-level .common-header-wrap .rbl-nav-header {
    background: #fff0 !important;
  }

  .quote.right {
    right: 220px;
  }
 
  .node--type-csr-landing .banner-section .banner-img-wrap .banner-img-mobile{
    background-size: contain !important;
    height: 445px !important;
    object-fit: contain;
  }

    .csr-nth-level .node--type-insignia-nth-level-pages-persona .banner-section .banner-img-wrap .banner-img-mobile {
        height: 370px;
    }
   .csr-nth-level .node--type-insignia-nth-level-pages-persona .banner-img-mobile img{
      height: auto !important ;
      /* object-fit: contain; */
  }


  .node--type-csr-landing .inner-page-banner-section-xs.common-section.banner-section .banner-info {
    margin-top: 108px;
  }

  .csr-nth-level .node--type-insignia-nth-level-pages-persona .additional-ck-editor {
    padding-top: 380px;
}

.csr-nth-level .node--type-insignia-nth-level-pages-persona .mobile-menu-header-adj{
    background: linear-gradient(270deg, #8a676d 1.87%, #924b57 31.58%, #4b4a6c 59.77%, #262343 98.54%) !important;
}
.csr-nth-level .node--type-insignia-nth-level-pages-persona .common-header-wrap .container-xs .mobile-more-logo-wrap{
  background: #fff !important;
}

.csr-nth-level .common-header-wrap .container-xs .mobile-more-logo-wrap{ 
    background: #fff !important;
}

.csr-goals-desktop{
    display:none;
}

.csr-goals-mobile {
    display: block;
}

.csr-nth-level .node--type-insignia-nth-level-pages-persona .banner-section.banner-para-right-section .banner-img.banner-img-wrap {
    top: 145px;
}

.csr-nth-level ol.breadcrumb {
   display: inline-flex;

}

} 
/*#Done by Hinal Arya on 30-07-2025 for CSR page revamp- end*/

/*#Done by  Asmita - video url for CSR page revamp-*/

/*Video CSR Landing Page*/
.vidSlid .video-icon{position: absolute;top: 50%;left: 50%;transform: translate(-50%);z-index: 9;-webkit-transform: translate(-50%);-moz-transform: translate(-50%);-ms-transform: translate(-50%);-o-transform: translate(-50%);margin-top: -20px;}
.vidSlid .popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.9);display: none;justify-content:center;align-items:center;z-index:9999}
.vidSlid .popup-content{position:absolute;width:80%;max-width:800px;background:#fff;border-radius:8px;overflow:hidden;top:10%;left:20%;height: 450px;
border: 2px solid #fff;}
.vidSlid .popup-content iframe{width:100%;height:450px;border:0}
.vidSlid .close-btn{position:absolute;top:45px;right:20%;font-size:20px;cursor:pointer;background:#fff;color:#000;padding:2px 10px;border-radius:20px;z-index:9}
.vidSlid .video-thumb{border:0;cursor:pointer}
.vidSlid .csr-cate-card-wrap::after {display:none;}
.vidSlid .iframe-thumbnail {position: absolute;width: 100%;height: 100%;background-size: cover;background-position: center;z-index: 2;top: 0;left: 0;border-radius: 8px;transition: opacity 0.5s ease;
}
.related-blog-section .view-id-related_csr_category_list .slick-track{
    width: 1119px !important;
}  
.related-blog-section .view-id-related_csr_category_list .slick-track .saving-acc-cate-section2{
    width: 100% !important;
}  
.view-id-related_csr_category_list .item {
    width: 345px;
}
@media screen and (max-width: 786px) {
.vidSlid .popup-content {position: absolute;width: 90%;max-width: none;background: #fff;border-radius: 8px;overflow: hidden;top: 20%;left: 5%;height: 300px;}
.vidSlid .close-btn{right:10px;top:18%;}
.vidSlid .popup-content iframe{height: 300px;}
.vidSlid .csr-cate-card-wrap {height: 340px;}
}

/* #Done by Preeti Puro on 29-07-2025 for OneQ(86313) - Download forms*/
/* /////////download forms rewamp starts/////////////// */
h2.dwd_title {
  text-transform: capitalize;
  font-weight: 700;
  padding-top: 20px;
  padding-bottom: 20px;

}
.path-download-forms-new .credit-card-filter-menu:nth-child(1) .bef-links-use-ajax.form-select.bef-links {

    border-bottom: 1px solid #D7D7D7;

}
.path-download-forms-new .credit-card-filter-menu:nth-child(1) .bef-links-use-ajax.form-select.bef-links ul li a {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #303030;
  font-size: 18px;
  opacity: 50%;
   margin-right: 21px; 
}
.path-download-forms-new .credit-card-filter-menu:nth-child(1) .bef-links-use-ajax.form-select.bef-links ul li a::after {
    height: 4px;
}



.path-download-forms-new section.common-section.saving-acc-cate-section2{
  background: #f3f4f6 !important;
  padding-top: 13px;
}

.path-download-forms-new .view-display-id-page_1{
  background: #f3f4f6 !important;
}

.path-download-forms-new .dwdiconImg{
      /* width: auto; */
     height: 3%; 
    float: left;
}

.path-download-forms-new button span {
    color: #1b3280;
    font-size: 18px;
}
.path-download-forms-new .card{
    background: transparent;
    border: 0;
}

.path-download-forms-new .card .card-header {
    background: #f9faff;
    border: 1px solid #ccc;
    border-radius: 6px;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 13px;
}
.path-download-forms-new .card .card-body{
    background: #f9faff;
    margin-top: -16px;
    border-right: 1px solid #ccc;
    border-radius: 0;
    border-left: 1px solid #ccc;

}
.path-download-forms-new .card .card-body p{
    
    margin-bottom: 13px;
} 
    
.path-download-forms-new .card .card-header button {
    position: relative;
    width: 93%;
    text-align: left;
    margin-left: 17px;
}
.path-download-forms-new .card .card-header .faq-rbl-link-faq[aria-expanded="false"]::after {
    content: "";
    background-image: url(/themes/custom/rbl_bank/images/plus-acco.svg);
    background-repeat: no-repeat;
    top: 0;
    right: 3px;
    position: absolute;
    z-index: 3;
    width: 32px;
    height: 32px;
}


.path-download-forms-new .card .card-header .faq-rbl-link-faq[aria-expanded="true"]:after {
    content: "";
    background-image: url(/themes/custom/rbl_bank/images/minus-acco.svg) !important;
    background-repeat: no-repeat;
    top: 0;
    right: 3px;
    position: absolute;
    z-index: 3;
    width: 32px;
    height: 32px;
}

.path-download-forms-new .card-body .field--name-field-download-forms-url {
    border-top: 1px solid rgb(144 144 144 / .5);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    align-content: stretch;
    padding-top: 20px;
}
.path-download-forms-new .card-body .field--name-field-download-forms-url .field__item {
    width: calc(50% - 10px);
}
.path-download-forms-new .card-body  .field__item p {
    margin-bottom: 0 !important;
}
.path-download-forms-new.bg-gray-c.tab-pane-inner.faq-rbl-inner .card .card-body p a {
    display: block;
    width: 100%;
    position: relative;
    padding-left: 35px;
}

.path-download-forms-new .dwdaccordiandesc {
    background: url(/themes/custom/rbl_bank/images/pdfDownloadIcon.svg) no-repeat 0 0;
    border: 1px solid #eaebee;
    border-radius: 4px;
    display: block;
    padding: 30px 30px 30px 60px !important;
    width: 100%;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #303030;
    margin-bottom: 8px;
    background-position: 20px center;
}

.path-download-forms-new .field__item_descblock{
    margin-bottom: 15px;
}

.path-download-forms-new a.bef-link--selected{
    color:#304087 !important;
    opacity: unset !important;
}

.path-download-forms-new .bef-links-use-ajax.form-select.bef-links ul {
    justify-content: flex-start !important;
    overflow-y: hidden;
    padding: 13px 7px 13px;
    position: relative;
    flex-wrap: nowrap;
    overflow-x: auto;
    display: flex;
    white-space: nowrap;
}

.path-download-forms-new .credit-card-filter-menu .bef-links-use-ajax{
  margin: 0 auto;
}
.dwdCategoryTabDiv {
    margin: 0 auto;
    width: 100%;
    background-color: #f3f4f6;
    height: 54px;
}

.dwdCategoryTabDiv ul{
    margin: -2px auto !important;
    position: unset !important;
    width: 82%;
}

.dwdCategoryTabDiv .bef-links-use-ajax.form-select.bef-links ul li a::after{
  height: 4px !important;
}

.path-download-forms-new .credit-card-filter-menu .bef-links-use-ajax ul {
    margin: 0 auto;
    width: 82%;
    padding: 9px 7px 13px !important;
}

/* parent div of ul */
.path-download-forms-new .credit-card-filter-menu .bef-links-use-ajax {
    margin: 0 auto !important;
    width: 100%;
    background: #f3f4f6;
    padding-bottom: 53px;
    height:50px;
   
}

.path-download-forms-new .expanddiv{
    display: flex;
    text-align: right;
    width: 100%;
    float: right;
    direction: rtl;
}

.path-download-forms-new .expanddiv div{
  margin-right: 5px;
  cursor: pointer;
  color:#304087;
}

.path-download-forms-new .expanddwdDivider{
    color: #303030;
    opacity: 50%;
}
.dwdarrowdiv{
    display: none;
  }
@media screen and (max-width: 767px){
  .path-download-forms-new .card .card-header button{
        width: 86% !important;
  }
      .path-download-forms-new .dwdarrowdiv {
        margin-top: -80px;
        width: 20px;
    }
      .path-download-forms-new .dwdrightArrow {
        position: absolute;
        right: 2px;
    }

        .path-download-forms-new .dwdrightArrow {
        position: absolute;
        right: 2px;
        color: #304087;
        font-size: 31px;
        height: 52px;
        width: 33px;
        text-align: center;
        background: url(../images/Rectangle_29189.png);
        padding-top: 11px;
        padding-left: 13px;
    }

      .path-download-forms-new .dwdleftArrow{
        position: absolute;
        left: 2px;
        color: #30408733;
        font-size: 31px;
        height: 52px;
        width: 33px;
        
        text-align: center;
        padding-top: 13px;
    }
    .dwdarrowdiv{
        display: block;
      }

    .path-download-forms .bef-links-use-ajax ul li{
       order:2;
    };
  }
/* ////////////////////////////////// */
.path-download-forms .credit-card-filter-menu:nth-child(1) .bef-links-use-ajax.form-select.bef-links ul li a {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #303030;
  font-size: 18px;
  opacity: 50%;
   margin-right: 21px; 
}
.path-download-forms .credit-card-filter-menu:nth-child(1) .bef-links-use-ajax.form-select.bef-links ul li a::after {
    height: 4px;
}
 

.path-download-forms section.common-section.saving-acc-cate-section2{
  background: #f3f4f6 !important;
  padding-top: 13px;
}

.path-download-forms .view-display-id-page_1{
  background: #f3f4f6 !important;
}

.path-download-forms .dwdiconImg{
      
    height: 3%;
    float: left;
}

.path-download-forms button span {
    color: #1b3280;
    font-size: 18px;
    font-weight:600;
}
.path-download-forms .card{
    background: transparent;
    border: 0;
}

.path-download-forms .card .card-header {
    background: #f9faff;
    border: 1px solid #ccc;
    border-radius: 6px;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 13px;
}
.path-download-forms .card .card-body{
    background: #f9faff;
    margin-top: -16px;
    border-right: 1px solid #ccc;
    border-radius: 0;
    border-left: 1px solid #ccc;
    margin-bottom: 50px;
    border-bottom: 1px solid #ccc;

}
.path-download-forms .card .card-body p.card-body-div{
    border-top: 1px solid rgba(144, 144, 144, 0.5);
    margin-bottom: 13px;
} 
    
.path-download-forms .card .card-header button {
    position: relative;
    width: 95%;
    text-align: left;
    margin-left: 17px;
}
.path-download-forms .card .card-header .faq-rbl-link-faq[aria-expanded="false"]::after {
    content: "";
    background-image: url(/themes/custom/rbl_bank/images/plus-acco.svg);
    background-repeat: no-repeat;
    top: 0;
    right: 3px;
    position: absolute;
    z-index: 3;
    width: 32px;
    height: 32px;
}


.path-download-forms .card .card-header .faq-rbl-link-faq[aria-expanded="true"]:after {
    content: "";
    background-image: url(/themes/custom/rbl_bank/images/minus-acco.svg) !important;
    background-repeat: no-repeat;
    top: 0;
    right: 3px;
    position: absolute;
    z-index: 3;
    width: 32px;
    height: 32px;
}

.path-download-forms .card-body .field--name-field-download-forms-url {
    
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    align-content: stretch;
    padding-top: 20px;
}
.path-download-forms .card-body .field--name-field-download-forms-url .field__item {
    width: calc(50% - 10px);
    background-color: #fff;
}
.path-download-forms .card-body  .field__item p {
    margin-bottom: 0 !important;
}
.path-download-forms.bg-gray-c.tab-pane-inner.faq-rbl-inner .card .card-body p a {
    display: block;
    width: 100%;
    position: relative;
    padding-left: 35px;
}

.path-download-forms .dwdaccordiandesc {
    background: url(/themes/custom/rbl_bank/images/pdfDownloadIcon.svg) no-repeat 0 0;
    
    border: 1px solid #eaebee;
    border-radius: 4px;
    display: block;
    padding: 30px 30px 30px 60px !important;
    width: 100%;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #303030;
    margin-bottom: 8px;
    background-position: 20px center;
}

.path-download-forms .field__item_descblock{
    margin-bottom: 15px;
}

.path-download-forms a.bef-link--selected{
    color:#304087 !important;
    opacity: unset !important;
}

.path-download-forms .bef-links-use-ajax.form-select.bef-links ul {
    justify-content: flex-start !important;
    overflow-y: hidden;
    padding: 13px 7px 13px;
    position: relative;
    flex-wrap: nowrap;
    overflow-x: auto;
    display: flex;
    white-space: nowrap;
}

.path-download-forms .credit-card-filter-menu .bef-links-use-ajax{
  margin: 0 auto;
}
.dwdCategoryTabDiv {
    margin: 0 auto;
    width: 100%;
    background-color: #f3f4f6;
    height: 54px;
}

.dwdCategoryTabDiv ul{
    margin: -2px auto !important;
    position: unset !important;
    width: 82%;
}


.dwdCategoryTabDiv .bef-links-use-ajax.form-select.bef-links ul li a::after{
  height: 4px !important;
}

.path-download-forms .credit-card-filter-menu .bef-links-use-ajax ul {
    margin: 0 auto;
    width: 82%;
    padding: 9px 7px 13px !important;
}

/* parent div of ul */
.path-download-forms .credit-card-filter-menu .bef-links-use-ajax {
    margin: 0 auto !important;
    width: 100%;
    background: #f3f4f6;
    padding-bottom: 53px;
    height:50px;
   
}

.path-download-forms .expanddiv{
    display: flex;
    text-align: right;
    width: 100%;
    float: right;
    direction: rtl;
}

.path-download-forms .expanddiv div{
  margin-right: 5px;
  cursor: pointer;
  color:#304087;
}

.path-download-forms .expanddwdDivider{
    color: #303030;
    opacity: 50%;
}
.dwdarrowdiv{
    display: none;
  }

.path-download-forms .accordion-flush .accordion-item .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed {
    border-radius: 0;
    color: #303030;
    font-size: 16px;
    font-weight: 400;
    border: 1px solid #EAEBEE;
    margin-bottom: 2px;
    border-radius: 4px;
}

.path-download-forms .accordion-item{
    border:unset !important;
}

.path-download-forms .accordion-button:not(.collapsed){
    background-color:unset !important;
}

.path-download-forms .accordion-body{
    margin-bottom: 7px;
    border-left: 1px solid #EAEBEE;
    border-right: 1px;
    border-bottom: 1px solid #EAEBEE;
    border-right: 1px;
}

.path-download-forms .accordion-flush .accordion-collapse {
    border-width: 0;
    border-left: 1px solid #EAEBEE;
    border-right: 1px solid #EAEBEE;
    border-bottom: 1px solid #EAEBEE;
}

.path-download-forms .accordion-button::after{
  background-image: url(/themes/custom/rbl_bank/images/accordian_vector.png);
}

 .path-download-forms .accordion-flush button[aria-expanded="true"]{
  
  background-repeat: no-repeat;
}

@media screen and (max-width: 767px){
  .path-download-forms .card .card-header button{
    width: 85% !important;
    padding-right: 29px;

  }
  .path-download-forms button span {
    font-weight:400;
  }
  
  .path-download-forms .dwdarrowdiv {
        margin-top: -80px;
        width: 20px;
  }
  
  .path-download-forms .dwdrightArrow {
        position: absolute;
        right: 2px;
    }

  .path-download-forms .dwdrightArrow {
        position: absolute;
        right: 2px;
        color: #304087;
        font-size: 31px;
        
        height: 52px;
        width: 33px;
        
        text-align: center;
        background: url(../images/Rectangle_29189.png);
        padding-top: 11px;
        padding-left: 13px;
    }

    .path-download-forms .dwdleftArrow{
        position: absolute;
        left: 2px;
        color: #30408733;
        font-size: 31px;
        height: 52px;
        width: 33px;
        
        text-align: center;
        padding-top: 13px;
    }
    .dwdarrowdiv{
        display: block;
      }

      .path-download-forms .card-body .field--name-field-download-forms-url .field__item {
        width: 100%;
        background-color: #fff;
    }
    /* Preeti Puro - 17-07-2025 - OneQ(86313) - Mobile scroll, post tab selection scrolling to first tab */
    .path-download-forms .bef-links-use-ajax ul li {
      order:2;
    }
    .path-download-forms .bef-links-use-ajax ul li:has(> a.bef-link--selected){
      order:1 !important;
    }
  }      
    

/* /////////download forms rewamp ends//////// */

/* #Done by  Preeti Puro for oneq(1Q-94665) - 24-09-2025 - Checkbox alignment issue */
@media screen and (max-width:767px){
  .checkbox-two {
      padding-left: 12px !important;
  }
}